@import url('reset.css');
@import url('print.css') print;

body {
	background: url(img/layout/bg_main.jpg) white; background-attachment: fixed;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif, sans;
	color: #a5a7a9;
	}

td {
	vertical-align: top;
	}


#top {
	width: 975px; margin: 0 auto; margin-top:10px;
	background: url(img/layout/kopf_bg.jpg) no-repeat;
	}

#container {
	width: 975px; margin: 0 auto;
	border-bottom: 1px #d1d2e4 solid;
	}

#contentbereich {
	border-left: 1px #d1d2e4 solid; border-right: 1px #d1d2e4 solid;
	/*background-color: white;*/
	/*padding-top: 80px; padding-bottom: 155px;*/
	}

#links {
	float: left;
	width: 810px;
/*	background: green;*/
	}
#links.fotogalerie {
	width: 950px;
	}

#navigation {
	float: left;
	width: 220px;
/*	background: red;*/
	}

#content {
	float: left;
	width: 540px;
	margin: 20px 0px 20px 26px;
/*	background: blue;*/
	}
#content.fotogalerie {
	width: 650px;
	}

#rechts {
	float: right;
	width: 125px;
	border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc;
	padding: 14px;
	font-size: 100%;
/*	background: yellow;*/
	}

#footer {
	width: 972px; margin: 20px auto;
	}

/* LAYOUT ENDE */




a {
	color: #006699;
	text-decoration: none;
	}

i, em {
	font-style: italic;
	}
b, strong {
	font-weight: bold;
	}


#content {
	/*background-color: white;*/
	color: #444;
	text-align: justify;
	}

#content h1 {
	font-family: Arial, Helvetica, sans-serif, sans;
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 15px; margin-left: 0px;
	line-height: 110%;
	color: #003399;
	
	letter-spacing: 0.05em;
	}


#content h2 {
	font-family: Arial, Helvetica, sans-serif, sans;
	margin-bottom:10px; margin-left: -1px;
	font-size: 80%;
	font-weight: bold;
	line-height: 125%;
	color: #003399;
	}

#content h3 {
	font-family: Arial, Helvetica, sans-serif, sans;
	color: #003399;
	font-weight: bold;
	margin-bottom: 20px;
	}
	
#content h4 {
	font-family: Arial, Helvetica, sans-serif, sans;
	font-size: 100%;
	color: #003399;
	font-weight: bold;
	margin-bottom:5px;
	}

#content h5 {
	font-family: Arial, Helvetica, sans-serif, sans;
	font-size: 90%;
	color: #003399;
	font-weight: bold;
	margin-bottom:5px;
	}
	
#content p {
	font-size: 90%;
	line-height: 145%;
	margin-bottom: 10px;

	}

#content ul {
	font-size: 90%;
	margin-bottom:20px;
	padding-left:16px;
	list-style-type: disc;
	}
#content ul ul {
	font-size: 100%;
	list-style-type: circle;
	}
#content ul li {
	line-height: 150%;
	}
#content ul.noberliste {
	list-style-image: url(img/layout/bullit1.gif);
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	}
#content ul.noberliste li {
	margin-bottom: 10px;
	}

#content ol {
	list-style-type: decimal;
	padding-left: 22px;
	margin-bottom: 20px;
	font-size: 90%;
	}



#content a {

	}
#content a:hover {
	text-decoration: underline;
	}



#news {
	margin-top:-20px; /* damit das erste News-Datum den Block nicht in so weite Ferne rückt */
	}
#news h1 {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 3px;
	}
#news h2 {
	margin-top:5px;
	font-size:85%;
	font-weight: normal;
	font-style: italic;
	}
#news p.datum {
	margin: 40px 0px 10px 0px;
	font-size:70%;
	font-style: italic;
	color: #aaa;
	border-bottom: 1px #ccc solid;
	text-align: right;
	clear:left;
	}

#news .weiterbutton {
	font-style: italic;
	}
#news .weiterlesen {
	display: none;
	}



#search{
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	margin-bottom: 10px;
}

#search form{
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	color: #334d55;
	font-weight: bold;
	}
#search input {
	border: 1px #777 solid;
	}




#navigation {
	background-image: url(img/layout/bg_navigation.jpg);
	border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
	font-size:90%;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif, sans;
}
#navigation a {
	color: #006699;
	}

#navigation1, #navigation2, #navigation3 {
	margin-bottom: 20px;
}
#navigation1 p, #navigation2 p, #navigation3 p {
	font-weight: bold;
	color: #334d55;
	padding: 10px;
}


#navigation1 {
	border-bottom: 1px solid #cccccc;
}

#navigation1 a {
	border-top: 1px solid #cccccc;
	padding: 6px 2px 7px 10px;
	display: block;
}
#navigation1 a:hover, #navigation1 a.aktiv {
	background-color: #006699;
	text-decoration: none;
	color: #fff;
}

#navigation ul ul {
	background: #fff;
	}

#navigation1 ul ul a {
	padding-left: 25px;
	background: url(img/layout/subnav_0.gif) no-repeat 10px 6px;
	}
#navigation1 ul ul a:hover, #navigation1 ul ul a.aktiv {
	background: url(img/layout/subnav_1.gif) no-repeat 10px 6px #006699;
	}

#navigation2 a, #navigation3 a {
	padding: 2px 0px 4px 10px;
	display: block;
}
#navigation2 a:hover, #navigation2 a.aktiv, #navigation3 a:hover {
	text-decoration: underline;
	}
#navigation3 {
	font-size: 80%;
	}




#rechts {

}




#footer {
	text-align: center;
	font-size: 70%;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer img {
	vertical-align: middle;
	margin-right: 10px;
	}
	
	

.floatbreaker {
	clear: both;
	}




/*** STILE der 2006er Seite ***/

.werbung{
	font-size: 60%
	}

.suchknopf {
	color: #003366;
	background-color: #eeeeee;
	border: 1px #003366 solid;
	}

.abstand {
	margin-left: 20%;
	}

.telefon {
	color: #666666;
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	padding-top: 44px;
	padding-right: 5px;
	/*float: right;*/
	}


.rahmen {
	border: 1px #334d55 solid;
	}
	
.rahmenLinks {
	border: 1px #334d55 solid;
	margin: 1px 10px 10px 0px
	}
.rahmenRechts{
	border: 1px #334d55 solid;
	margin: 1px 0px 10px 10px
	}



.tabelleodd {
	background-color: #DDEBF8;
	}




#content .infobox1, #content .infobox2, #content .infobox3, #content .infobox4 {
	margin-bottom:30px;

	}


#content .infobox1, #content.infobox1 h2 {
	color: white;
	}
#content .infobox1 img {
	margin: 0px;
	}
	
#content .infobox2, .infobox2 h2 {
	color: black;
	}


#content .infobox3, #content .infobox3 h2, #content .infobox3 a {
	color: white;
	}
#content .infobox3 h2 {
	font-size: 120%; font-weight: normal;
	}
#content .infobox3 li {
	margin-bottom: 9px;
	}


#content .infobox4, #content.infobox4 h2, #content.infobox4 a { /* Ansprechpartner only! */
	color: #000;
	}
#content .infobox4 h1 {
	border-bottom: 2px #003399 solid;
	padding-bottom: 4px; margin-bottom: 8px; margin-top:10px;
	}
#content .infobox4 a {
	color: maroon;
	}
#content .infobox4 table.kontakte {
	margin-bottom: 15px;
	}
#content .infobox4 table.kontakte td {
	font-weight: bold;
	font-size: 110%;
	}




.stress {
	color: #003399;
	font-size: 120%;
	font-weight: bold;
	}

.backbutton {
	font-size: 90%;
	font-weight: bold;
	border-top: 1px #006699 dotted; padding-top:5px;
	margin-top:50px;
	}

.einbisschenkleiner {
	font-size: 80%;
	}

.tabellenewsbild {
	margin: 5px 5px 10px 0px;
	font-size: 70%;
	}
.tabellenewsbildrechts {
	margin: 5px 0px 10px 25px;
	font-size: 70%;
	}
.tabellenewsbild img, .tabellenewsbildrechts img {
	margin-bottom: 2px;
	}
	
	
.nachrichtenbild {
	margin: 2px 10px 5px 0px;
	}

#antragsformular .eingabefeld {
	width: 200px;
	border: 1px #aaa solid;
	margin-bottom: 5px;
	}

.ad {
	border: 1px #CCC solid;
	}


.symbolchen {
	padding-left: 50px;
	float: right;
	}


#content table.uebersicht1 {
	border: 1px #334d55 solid;
	margin-bottom: 20px;
	}
#content table.uebersicht1 td {
	padding: 10px;
	}
#content table.uebersicht2 {
	margin-bottom: 20px;
	}
#content table.uebersicht2 td {
	padding: 10px;
	}
	
	
#satzung h3 {
	margin-top: 40px;
	}
#satzung p, #satzung ul, #satzung ol, #satzung ul ul, #satzung ol ol, #satzung ul ol, #satzung #ol ul {
	font-size: 14px;
	}
	

.download, .featured1 {
	padding: 5px; padding-left: 15px;
	background-color: #e9e9e9;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

	}
.download a, .featured1 a {
	margin-left: 5px;
	}
	
	
#toolbar {
	width: 125px;
	font-size: 70%; color: #adadad;
	margin-bottom:20px;	
	}
#toolbar img {
	padding: 0px 10px; 
	border:0;
	}
#toolbar a {
	border-right: 2px #ddd solid;
	}
#toolbar a.last {
	border: 0px;
	}
	
	
	
	

#nlform {
	background-color: #eee;
	padding: 15px 20px;
	margin-bottom: 20px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}