/** Regeln für allgemein gültige Bereiche*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}
fieldset{
	border:0; 
	margin: 0; 
	padding: 0
}
img{border:0;}
p{
	margin:0;
	padding:0;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width:960px;
}


#header {
	background: url(layout/hintergrund.jpg) no-repeat;
	height:186px;
	width:960px;
	border-bottom: 1px solid white;
}
#impressum{ 
	float: left;
	margin:0;
	padding: 4px 0 0 203px;
	font-size: 11px;
	height: 23px;
}
#impressum li {
	float: left;
	margin-right: 0px;
	padding-left: 6px;
	list-style: none;
	text-align: right;
}
#impressum a {
	color: white;
	text-decoration: none;
}

#impressum a:hover { 
	color: white;
	text-decoration: underline;
}

#logo {margin: 0; padding: 0; float: left;}
#headerbild {
	float:right;
	height:186px;
	margin:0px;
	padding:0px;
	width:371px;
	border-left: 1px solid white;	
}



#standort {
	width:960px;
	height:25px;
	border-bottom: 1px solid white;
}
#links {
	background: #b9b9b9;
	color: white;
	float:left;
	height:19px;
	width:207px;
	text-align: right;
	padding-right: 10px;
	padding-top: 6px;
}
#mitte a { color: white; text-decoration: none;}
#mitte a:hover { color: white; text-decoration: underline; }

#nonfooter {
	min-height: 100%; 
	position: relative;
	background: url(layout/grau_bg.gif) repeat-y;
}
* html #nonfooter {height:100%}

.leftcolumn {
	background: #edeeee;
	width:214px;
	float:left;
	border-right: 1px solid white;
}
.leftcolumn h2 {
	font-weight: bold;
	font-size: 14px;
	font-family: Kievit, Arial, Veranda, sans-serif;
	text-transform: uppercase;
	color: #9a9a9a;
	background: white;
	line-height: 20px;
	border-bottom: 1px solid #d3d3d3;
	padding-left: 15px;
	margin: 13px 0 15px 0;
	float: left;
	width: 199px;
	}
.leftcolumn h3 {
	font-size: 11px;
	margin:0px;
	padding: 0px;
	padding-left: 15px;
	/*line-height: 0;*/
	color: #333333;
}
.leftcolumn div {
	font-size: 11px;
	padding-left: 15px;
}
.leftcolumn a { 
  color: #686868; 
	font-size: 11px;
	line-height: 16px;
  text-decoration: none;
}

.leftcolumn a:hover {
	color: #686868; 
	text-decoration: underline;
}

.news{
	padding-top: 3px;
}
	
.news a { 
	text-decoration: none; 
	color: black;
	font-weight: bold;
}
.news a:hover { 
	text-decoration: underline; 
	color: black;
	font-weight: bold;
}


.overflowleft { 
	float: left;
	margin: 4px 0 0 -22px;
}

#rightcolumn {
	display:inline;
	float:left;
	width:735px;
}

#navbilder {
	height:90px;
	margin: 0;
	padding:0;
	width: 745px;
}
#navbilder li  {
	float: left;
	list-style: none;
	
}

#rathaus {
	height:90px;
	width:185px;
	float: left;	
	margin-left: 2px;
	border: 0;
}
#buergerservice {
	height:90px;
	width:185px;
	float: left;
	border: 0;
	margin-left: 1px;
}
#einrichtungen {
	height:90px;
	width:185px;
	float: left;
	margin-left: 1px;
	border: 0;
}
#freizeit {
	height:90px;
	width: 185px;
	float: left;
	margin-left: 1px;
	border: 0;
}

#navtext {
	margin: 0;
	padding: 0;
	width: 745px;
	margin-left: 2px;	
}
*#navtext {height: 41px;}
#navtext li {
	list-style: none;
	float: left;
	border-top: 1px solid white;
	text-align: left;
	line-height: 21px;
	font-size: 15px;
	font-variant: small-caps;
	font-family: Kievit, Arial, Verdana, sans-serif;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 0 0 0 21px;
}

#rathaustxt {
	background: #5f8ebe;
	width:164px;
}
#rathaustxt a { 
	color: white; 
	text-decoration: none;
}

#rathaustxt a:hover {
	color: white; 
	text-decoration: none; 
	line-height: 31px;
}

#buergerservicetxt {
	background: #5a5a5a;
	width:164px;
	margin-left: 1px;
}
#buergerservicetxt a {
	color: white; 
	text-decoration: none;
}
#buergerservicetxt a:hover {
	color: white; 
	text-decoration: none;
	line-height: 31px
}

#einrichtungentxt {
	background: #e02c3a; 
	width:164px;
	margin-left: 1px;
}
#einrichtungentxt  a {
	color: white; 
	text-decoration: none;
}
#einrichtungentxt a:hover {
	color: white; 
	text-decoration: none;
	line-height: 31px
}

#freizeittxt {
	background: #d1ad11; 
	width: 164px;
	margin-left: 1px;
}
#freizeittxt a {
	color: white; 
	text-decoration: none;
}
#freizeittxt a:hover {
	color: white; 
	text-decoration: none;
	line-height: 31px
}

#content {
	min-height: 400px;	
	margin: 25px 0 0 56px;
	font-size: 12px;
	line-height: 19px;
  color: #333333;
}
* html #content {height:580px;}

#nav2 {
	margin:25px 0 45px 54px;
	font-size: 12px;
}


.overflowfoot { 
	float: left;
	margin: -8px 0 0 -8px;
	border: 0;
	padding: 0;
}
*.overflowfoot { border:0; padding:0;}

#footer {
	clear:both;
	width:960px;
	background: #edeeee;
	color: #9a9a9a;
	font-size: 11px;
	text-align: left;

}
#tablefoot {
	padding-bottom: 12px;
	padding-top: 12px;	
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid white;
}
#footer td  a { color: #9a9a9a}
#footer td  a:hover { color: #000000}

.t1 {
	width: 185px;
	padding-left: 25px;
	background: url(layout/footstrich.gif) repeat-y right;
}
.t2 {
	width: 130px;
	padding-left: 15px;
	background: url(layout/footstrich.gif) repeat-y right;
}
.t3 {
	width: 165px;
	padding-left: 15px;
	background: url(layout/footstrich.gif) repeat-y right;
}
.t4 {
	width: 95px;
	padding-left: 15px;
	background: url(layout/footstrich.gif) repeat-y right;
}
.t5 {
	width: 45px;
	padding-left: 15px
}
.t6 {
	width: 150px;
	padding-left: 12px;
	background: url(layout/footstrich.gif) repeat-y right;
}
.t7 {
	width: 15px;
	padding-left: 15px;
}
.t8 {
	width: 80px;
	padding-left: 12px;
	padding-right: 15px;
}

/* CMS - Stile */
h1 {
	font-size: 19px;
	font-weight: normal;
	color: #333333;
	border-bottom: 5px solid #333333;
}

h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-bottom: none;
}

h3 { 
	font-size: 14px;
	font-weight: bold;
	color: #5f8ebe;
	border-bottom: none;
}

h4 { 
	font-size: 14px;
	font-weight: bold;
	color: #5a5a5a;
	border-bottom: none;
}

h5 { 
	font-size: 14px;
	font-weight: bold;
	color: #e02c3a;
	border-bottom: none;
}

h6 { 
	font-size: 14px;
	font-weight: bold;
	color: #d1ad11;
	border-bottom: none;
}



.blau_12px {
	color: #5f8ebe;
	font-size: 12px;
}

.grau_12px {
	color: #5a5a5a;
	font-size: 12px;
}

.rot_12px {
	color: #e02c3a;
	font-size: 12px;
}

.ocker_12px {
	color: #d1ad11; 
	font-size: 12px;
}

.blau_10px {
	color: #5f8ebe;
	font-size: 10px;
}

.grau_10px {
	color: #5a5a5a;
	font-size: 10px;
}

.rot_10px {
	color: #e02c3a;
	font-size: 10px;
}

.ocker_10px {
	color: #d1ad11; 
	font-size: 10px;
}

.blau_11px {
	color: #5f8ebe;
	font-size: 11px;
}

.grau_11px {
	color: #5a5a5a;
	font-size: 11px;
}

.rot_11px {
	color: #e02c3a;
	font-size: 11px;
}

.ocker_11px {
	color: #d1ad11; 
	font-size: 11px;
}

.blau_14px {
	color: #5f8ebe;
	font-size: 14px;
}

.grau_14px {
	color: #5a5a5a;
	font-size: 14px;
}

.rot_14px {
	color: #e02c3a;
	font-size: 14px;
}

.ocker_14px {
	color: #d1ad11; 
	font-size: 14px;
}