/* Body und der aeussere Kontainer 
blau 		00aeef
dunkelblau	008bbf
rot			008bbf
graublau	8e9ca5
graurot		564b47

*/





* {
	margin:0;
	padding:0;
	}

body {
	background:#fff;
	padding:0 0 20px 0;
	font: small Arial, Helvetica, Verdana, sans-serif;
	}

#container {

	}

#inner {
	}



/* Horizontales Menu  */

	
#header {
		width:900px;
		height:100px;
		margin:0 auto;
		z-index: 20;
	}
	
#anschrift {
	color: #999999;
	position: absolute;
	top: 30px;
	left: 400px;
	border: 0;
	}
#telefon {
	color: #999999;
	position: absolute;
	top: 30px;
	left: 610px;
	border: 0;
	}
#telefon a {
	color: #999999;
	text-decoration: none;
}               
#telefon a:visited {
	color: #999999;
	text-decoration: none;
} 
	
	
#banner {
	display:none;
	
}
	



#menuoben {
	display:none;
	}
	

	

/* --------------left navigavtion------------- */



#left {
	display:none;
}






/* mittlerer Kontainer mit dem Inhalt */
	
#main {
 position: relative;
 top:0;
 left:  0;
 width: 	92%;

}


#inhalt {

 background-color: white;
 color: black;

}


#inhalt .mitte {
 margin: 2px 40px 0px 20px;
 color:#555555;
 
}
#inhalt .mitte h2 {
 color: #008bbf;
 padding-bottom: 0.2em;
 margin-bottom: 20px;

 border-bottom:1px dotted #DBDBDB; 
 font-size: 110%; 
}
#inhalt .mitte h3 {
 color: #008bbf; 

 font-size: 100%; 
}


#inhalt .mitte p {
 color: #666666;
 font-size: 110%;
 padding-bottom: 35px;
 padding-right: 50px;
}


#inhalt .mitte ul {
color: #6C7250;
margin-left:1em; 
padding: 0 0 35px 0;
list-style-image: url(../images/pfeil.gif);
} 


#inhalt .mitte li {
margin: 10px 0px 10px 20px;
}



/*     links mitte       */


#inhalt .mitte a:link {
 color: #008bbf;
 font-size: 90%;
 text-decoration: underline;
 outline: none;
 }
 
#inhalt .mitte a:visited {
 color: #008bbf;
 font-size: 90%;
 text-decoration: underline;
 outline: none;
 }

label {

	}
label span {

	float: left; 
	width: 30px; 
	text-align: left; 
	padding-right: 10px;
	} 


#inhalt .mitte img.links {
float:left; 
margin-right:20px; 
margin-bottom:10px;
border:0;
}
#inhalt .mitte img.rechts {
float:right; 
margin-left:20px; 
margin-bottom:10px;
border:0;
}
#inhalt .mitte img.mittig {
margin-left:20px; 
margin-bottom:10px;
border:0;
}

#inhalt .mitte img {
border: none;
}


#inhalt .mitte p.seite{
 text-align: right;
}

#inhalt .mitte p.midde{
 text-align: center;
}



/* Links seite */



#inhalt .mitte table.tab {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	border-width:0;
	width:100%;
	margin:0.5em auto;
	table-layout:fixed;
}

#inhalt .mitte table.tab td.a {
	padding-right: 50px;
	text-align:right;
	width:25%;
}

#inhalt .mitte table.tab td.b {
    padding-right: 50px;
	text-align:left;
	width:25%;
}





label {

	}
label span {

	float: left; 
	width: 30px; 
	text-align: left; 
	padding-right: 10px;
	} 







/* unteres Ende des aeusseren Kontainers */


#bottom {
	display:none;
	}




/* oberer horizontaler Verlauf /*

/* links und rechts */

#balken1 {
	display:none;
	}

#balken2 {
	display:none;
	}
	
	
	
/* bilder per float nebeneinander plazieren */

.portrait{
width:240px;
height:280px;
float:left;
padding-right:  20px;
padding-bottom:  30px;	
padding-top:  10px;	
}

/* rahmen um die bilder */

img.foto{ 
float:left;
margin-bottom: 1em;
margin-right: 4em;
background-color: #ffffff;
padding: 10px;
}

	

/* Kontakt Formular  */

fieldset {
	 display: block;
	 clear: both;
	 border: none;
}

label {margin: 5px 0;} 

.kontaktdaten label {
	display: block;
	width: 5em;
	float: left;				   
}

.anfrage label {
	display: block;
	width: 5em;
	float: left;			   
}
	
					   
input,textarea {
	margin: 3px 0;
	border: 1px solid #999999;
	background: white;
	padding: 3px 3px;
}  
	
						
input:active, input:focus, input:hover { background: #EEEEEE;}
   
textarea:active, textarea:focus, textarea:hover { background: #EEEEEE;}

select:active, select:focus, select:hover { background: #EEEEEE;}

select {
	margin: 3px 5px;
	width: 50px;
	text-align: center;
	}

select.year {
	margin: 3px 5px;
	width: 80px;
	text-align: center;
	}

.buttons {text-align: center;}



/* gallerie  */

#gallerie{
  width:400px;
}
#gallerie div {
  margin:14px;
  width:100px;
  float:left;
  
}
#gallerie div img{
  border:none;
  display:block;
  margin:5px auto;
}