html, body {
	font-family: Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	background: #c2decf;
}

table, tr, td {
	border: 1px;
	border-color: #666666;
	padding: 5px;
	border-collapse: collapse;
}

a, td, p, span, div {
	font-size: 11px;
	font-weight: normal;
}

a, a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

body {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

body div {
	text-align: left;
}

div.all {
	width: 930px;
	margin: 0 auto;
	padding: 0px;
	background: #c2decf;
}

div.header {
	width: 740px;
	height: 249px;
	position: relative;
	/*background: url(../image/sys_headimg.jpg) no-repeat 0 0 transparent;*/
}

div.header img {
	border: 0px;
}

div.toolmenu {
	color: #000000;
}

div.toolmenu a {
	font-size: 9px;
}

div.topmenu {
	height: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../layout/img_bg_topmenue.jpg) no-repeat 0 0 #007735;
	border-bottom: 4px solid #0069b3;
	padding: 10px 6px 0px 60px;
	color: #FFFFFF;
}

div.topmenu a {
	color: #FFFFFF;
}

div.fontsizer{
	width: 80px;
	position: absolute;
	top: 165px;
	left: 355px;
}

div.fontsizer img {
	border: 0px none;
	margin: 0px;
	vertical-align: top;
	margin-right: 5px;
}

div.adress {
	position: absolute;
	bottom: 35px;
	right: 10px;
	width: 230px;
	color: #000000;
	text-align: right;
	font-size: 10px;
}


/* Content */

div.left {
	width: 200px;
	float: left;
}

div.left img {
	border: 0px;
}

div.navigation {
	width: 180px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #0069b3;
}

div.navigation ul {
	/*width: 180px;*/
	/*width: 100%;*/
	width: inherit;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

div.navigation ul li {
	list-style: none;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

div.navigation ul li.l2 {
	background: url(../layout/menue.gif) no-repeat 0px 5px transparent;
}

div.navigation ul li a.l2 {
	margin-left: 10px;
}

div.navigation ul li a {
	font-weight: normal;
	color: #FFFFFF;
}

div.search {
	margin: 15px 0px;
}

div.search form {
	padding: 0px;
}

div.search #text {
	width: 110px;
	border: 1px solid #999999;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	vertical-align: middle;
	padding: 1px 2px 2px 2px;
	vertical-align: middle;
}

div.search #submit {
	vertical-align: middle;
}

a.intoplan img {
	width: 180px;
}

div.right {
	width: 180px;
	float: right;
	padding-top: 10px;
}

div.middle {
	float: left;
	width: 520px;
}

div.breadcrumb {
	padding: 10px 0px;
	font-size: 10px;
}

div.contentarea h1 {
	background: url(../layout/img_headline_bullet.jpg) no-repeat 0 3px transparent;
	font-weight: bold;
	font-size: 18px;
	padding-left: 50px;
	margin-top: 0px;
}

/*  Rathausportal*/
div.rsp {
	width: 180px;
	margin-top: 10px;
	
}
div.rsp img {
	border: 0px;
}

/*  Rathaus & Kontakt*/
div.rk {
	width: 180px;
	margin-top: 10px;
	
}
div.rk img {
	border: 0px;
}

/*  Was erledigt ich wo */
div.ww {
	width: 180px;
	margin-top: 10px;
	
}
div.ww img {
	border: 0px;
}

/*  News */
div.news {
	width: 180px;
	margin-top: 10px;
	
}
div.news img {
	border: 0px;
}


/* Events */

div.events {
	width: 180px;
	margin-top: 15px;
	background: #0069b3;
	overflow: hidden;
}
 
div.events table.eventitem {
	padding: 10px;
}
 
 div.events table td {
	font-size: 10px;
	color: #FFFFFF;
 }

 
 div.events table td.border {
		background: url(../layout/bg_border_bottom_dot_white.gif) repeat-x 0 6px transparent;
 }
 
 div.eventsfooter {
	position: absolute;
	width: 180px;
	height: 45px;
	background: url(../layout/img_vk_bottom.gif) no-repeat 0 0 #c2decf;
 }
  
 div.eventsfooter a {
 display: block;
	font-size: 10px;
	margin: 23px 0px 0px 25px;
 }
 
 table.eventarchiv {
	width: 90%;
	margin: 0px;
	padding: 0px;
 }
 
 table.eventarchiv td {
	padding: 0px;
 }
 
 table.eventarchiv td.date {
	font-weight: bold;
 }
 
 table.eventarchiv td.headline {
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	color: #333333;
 
 }
 
 table.eventarchiv td.text {
 
 }
 
 table.eventarchiv td.border {
 		background: url(../layout/bg_border_bottom_dot_black.gif) repeat-x 0 6px transparent;
 }
 
 /* News */

div.newsbox {
	width: 150px;
	margin-bottom: 15px;
	background: #797982;
	margin-left: 15px;
}

div.newsbox h6 {
	color: #FFFFFF;
	padding: 5px;
	padding-top: 10px;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 5px;
	background: url(../layout/newsbox_headline.jpg) no-repeat 0 0 #CE0000;
 }
 
 
 div.newsbox .newstext {
		font-size: 11px;
		padding: 5px;
 }
 
 div.newsbox .newstext b {
	display: block;
	margin-bottom: 5px;
 }
 
 div.newsbox a {
	text-align: right;
	display: block;
	padding: 5px;
	font-size: 10px;
 }


/* Footer */

div.footer {
	width: 520px;
	border-top: 1px solid #000000;
	margin-left: 200px;
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
}

a.back {
	font-size: 10px;
	font-weight: normal;
	padding-left: 15px;
	background: url(../layout/arrow_back.gif) no-repeat 0 0 transparent;
	color: #333333;
}

a.top {
	font-size: 10px;
	font-weight: normal;
	padding-left: 15px;
	background: url(../layout/arrow_top.gif) no-repeat 0 0 transparent;
	color: #333333;
}

a.print {
	font-size: 10px;
	font-weight: normal;
	padding-left: 20px;
	background: url(../layout/icon_printer.gif) no-repeat 0 0 transparent;
	position: absolute;
	top: 10px;
	right: 0px;
	padding-bottom: 3px;
	color: #333333;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}