/* Basisvorlage CSS
Start: 15.02.2010
Letzte Aenderung: 00.00.20xx
*/

/*
# Farbton (Hintergrund): #EBEBEB
# Farbton (Navigation): #496897
# Farbton (Sidebar): #EBEBEB
# Farbton (content): #B8C1CA
# Farbton (Element): #xxxxxx
*/

* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(bilder/grid.png) top left no-repeat;
*/	
	background: #EBEBEB;
	font-size: 75%;
}

html>body {
	font-size: 14px;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: #EBEBEB;
	font: 14px/1.43em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a:link {
	color: #045fa0;
	text-decoration: none;
}

a:visited {
	color: #045fa0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h1 {
	font: 1.67em/0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;  
	color: #00579D;   
}

h2 {
	font: 1.43em/1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	color: black;
}

h3 {
	font: 1.29em/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 1.43em;
	margin-bottom: .3em;
}

h4 {
	font: 1.17em/1.29em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 1.43em;
	margin-bottom: 0.65em;
}



/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0 20px;
}
.links1 {
	float: left;
	margin: 0 0.5em 0 20px;
}
.rechts {
	float: right;
	margin: 0px 20px 0 0.5em;
}
.aktuell {
	font: 0.9em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;       
}    
.aktuell p {
	margin: 10px 0px 0 0;       
}
 
.kontakt {
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#fff;      
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
margin: 0 auto;	
width: 960px;
}

#header {
clear: both;
background: #EBEBEB;    
padding: 20px 0 20px 0px; 
}

#navigation {
	background: #EBEBEB;
	float: left;
	width: 960px;
	w\idth: 940px;		
	padding: 20px 0 0 20px;   
	font-size: 11px;
}
#content li {

}
#navigation li {
	float: left;
	list-style-type: none;
}

#navigation li a, #navigation li a:visited {
	background: #496897 url(bild2.png);
	color: #fff;
	float: left;
	margin: 0;
	/* original nur 15 px */
	padding: 10px 17px 5px;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	position: relative;
	z-index: 1000;	
}

#navigation li a:hover {
	background: #d9e0e7;
	text-decoration: underline;
	color: black;
}

#navigation li a.active {
	background: #d9e0e7;
	color: #000;
}

#content {
clear: both;
float: left;
width: 550px;	
background: #d9e0e7;  
padding: 0 0 40px 20px;
}

#sidebar {
float: right;	
width: 350px;
background: #EBEBEB;  
padding: 0 20px 20px 20px;    

}

#footer {
clear: both;   
color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(bild2.png);
}     
#footer a {
clear: both;   
color: #fff;  
float: right;
}  

#footer p {
	font-size: 12px;
	line-height: 18px;
}

.liste li {
	padding: 5px 0 5px 0px;
	border-bottom: 1px solid #496796;
	list-style-type: none;
}     

.content li {
	list-style-type: none;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 0;
}        
.foto {
	padding: 0 10px 0 0;
	float: left;
}  
#suchen input {
	background: #fff;
	padding: 5px;
	color: #A7A7A7;
	border: 2px solid #000;	
	font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 3px 3px 3px 0;
	width: 220px;
	float: left;
}

#suchen p {
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	padding: 5px 0 0 0;        
}

#suchen input.button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	float: right;
	width: 43px;
	height: 35px;
}   
#suchen {
	list-style-type: none; 
}