@charset "utf-8";
/* CSS Document */

body {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	border: 0;
	font-weight: normal;
	font-size: 96%;
	color: #000;
	line-height: 27px;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

#page {
	max-width: 850px;
	margin: 30px auto;
}

#layout {
	background: #FFF;
	font-size:0.9em;
	-webkit-box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    0px -2px 12px 0px rgba(0, 0, 0, 0.8);
	box-shadow:         0px -2px 12px 0px rgba(0, 0, 0, 0.8); 
}

/* Kopf */

img.displayed{
	height:auto;
	width:auto;
    display: block;
    margin: 0 auto;
	padding: 10px 0;	
}

header{
	margin:0;
	padding:0;}
	
/* inhalt */
#content {
	margin: 0 auto;
	width: 98%;
	background:#444;
	 border: 2px solid #E3D4A6; 
	color:#FFF;
	padding: 10px  0 20px 0;
	min-height: 400px;
	 line-height:1.2em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
	padding-left: 20px;
}

#content h1{font-size:1.4em;}

#content h2{
	font-family: 'Architects Daughter', cursive;
	word-spacing:1px;
	letter-spacing:1px;
	font-size:1.4em;
	padding:5px 0 5px 15px;
}


#content h3{font-size:1.2em;}		

#content p{
	line-height: 1.8em;
	padding-left: 20px;
	padding-right: 20px;
}

/*#content ol, #content li {
	text-decoration:none;
	color:#fff;
	line-height:2.2em;
	margin-left:50px;
}
	
#content ul{
	margin:0;
	padding:0;	
}
*/

#content  ul {
	margin: 0 0 25px -30px;
	list-style-position:inside;
	list-style: none;
}

#content ul li {
	background: transparent url(../images/bullet.png) no-repeat left 13px;
	padding-left: 15px;
	line-height:1.6em;
	margin-top:10px; 
}
#content img a:hover{
	border:1px solid #3F3F30;
	margin: 0 auto; 
	padding:5px;
}

#main {
	clear: both;
	padding: 8px 0 10px 0;
	margin:0;
}

.shadow {text-shadow: 1px 1px 0px #ccc;}

/* Fuss */

#footContent {
	color: #fff;
	font-size: 12px;
	padding: 1em;
}
 
footer {
	height:auto;
	width:auto;
	color:#000;
	font-size:0.9em;
}
	
footer h1{
	margin: 0 auto;
	text-align:center;
	font-size:0.9em;
	word-spacing:0.1em;
}

footer  a:link{
	text-decoration:none;
	color:#000;
}
		
footer  a:hover{
	text-decoration:none;
    color: #6A912D;
}
	
footer .box{
	width:800px;
	padding:10px;
	line-height:1.5em;
}
	
footer hr{
	width:98%;
	border:1px solid #3F3F30;
	margin-bottom:10px;
}		
	
/* Links */

acronym{ text-decoration: none;}
		
a:link{
	text-decoration:none;
	color:#FEFEE9;
}
		
a:hover{
	text-decoration:none;
   	color: #6A912D;
}

 
/* Floats Ausrichtung */

.clear{clear:both;}
	
.fltRight{float:right;}	
	
.fltLeft{float:left;}		
	
/* ##########################################s */

.underline{
	text-decoration:underline !important; }
	
.sparen {
	font-family: 'Architects Daughter', cursive;
	word-spacing:1px;
	letter-spacing:1px;
	font-size:1.2em;
	padding:5px 0 5px 0;		
}
		
.textBlockStart{
	background-color:#795437;
	width:850px;
	float: left;
	width: 768px;
	padding: 10px 20px 20px 10px;
}

.textBlockLeist{
	width:850px;
	float: left;
	width: 350px;
	margin-top:-17px;
}
	
.textBlockLeisth2{

	width:850px;
	float: left;
	width: 400px;
	margin-left:3px;
	}
	
.schriftzug{
	float:right;
	margin-top: 20px;
	}
	
/* Images */

img {
	max-width: 100%;
	height: auto;	
}

img.floatLeft,
img.floatRight,
img.Center {margin: 0;}

.imgStart{
	float:right;
	border:1px solid #E3D4A6;
	margin: 0 15px;
	}
	
.imgGesundheit{
	float:right;
	margin: 0 20px 0 20px;
	border:2px solid #E3D4A6;
	}
	
.imgLeistungen{
	float: left;
	margin-top: 20px;
	padding-right: 20px;
	}
	
.imgLeistungen2{
	float:right;
	margin-right:50px;
	}

.pictureBox img{
	border:1px solid #D7C99E;
	}
	
.imgGallery{margin:10px;}


/* ##########################################s */

.bildunterschrift{
	padding-left: 35px;
	}
		
.border{border:1px solid #E3D4A6;}

.border2px{border:2px solid #E3D4A6;}

.paddingLeft{padding-left:10px;}

.paddingTop{ padding-top:20px;}

.marginLeft{margin-left:10px;}


.marginTop{ margin-top:20px;}

.color{background-color:#795437;}

.colorFontBg{
	width:250px;
	background-color:#608C33;
	line-height:1.3em;

	border-top: 1px solid #E3D4A6;
	border-right:1px solid #E3D4A6;
	border-bottom:1px solid #E3D4A6;
	}

.colorFontBg2{
	width:340px;
	padding:2px;
	}

.colorFont{
	color: #a1cf5d;
	font-size:1.2em;
	}

.colorFont2{
	color: #a1cf5d;
	font-size:1.2em;
	}

.colorFontBN{
	color: #a1cf5d;
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	}
	
.bold{font-weight:bold;}

.pictureBox{padding:20px;}

.linksBox ul{
	list-style-type:none;
	text-decoration:none;
 	border:none;
	
}

.linksBox li{
	list-style-type:none;
	text-decoration:none;
 	border:none;
	display: inline;
	float: left;
	padding:15px;
 
}


.kontaktInfo{
	margin-top:20px;
	margin-left: 10px;
	}

.imgKontakt{
	margin-top: 20px;
	margin-left:30px;
	}


table.tableKontakt{
	width:auto;
	height:135px;
	margin-top:50px;
	margin-left: 30px;
	color:#FFFFFF;
	border:none;
	float:left;
}
	
table{
	width:auto;
	margin-left: 25px;
	color:#FFFFFF;
	line-height: 1.4em;
	border:none;
}
	
table tr{
	vertical-align: text-top;
	margin:0;
	padding:0;
}
	
table td{
	margin:0;
	padding:0;
	height:25px;
}
	

table img{
	border:2px solid #E3D4A6;
}
	
table.links a:link {
	text-decoration:none;
	border:none;
	color:#fff;
	outline:none;
	margin-left: 0px;
}
		
table.links a:hover{
	text-decoration:none;
	border:none;
	color: #7B9D47;
	outline:none;
}






/*---------------Tabelle liste.php-------------------*/
 
#liste {
	margin: 10px 20px;
	 padding:0;
	 width:450px;
	/* text-transform: uppercase;*/
	 color:#fff;
	 letter-spacing:0.1em;

	 }
	 
#liste td{
	 padding:2px 10px;

	 }

	
.farbwechsel{background-color: #608C33}	

 .farbwechsel2{background-color:#3F3F3F}	 



/*---------------Navi-------------------*/ 	

.facebook{
	margin:0;
	padding:0;

 }	 

 
#topnav{	
	margin: 0 auto;
	width:98%;	
	height:37px; 
	color:#fff; 
	background-color:#444;
    padding:0;
}
	
#topnav ul{
 	margin: 0 auto;
	padding:0;
	list-style:none;
	font-size:13px;
	background-color:#444;
	border: 2px solid #E3D4A6; 
	height:37px;	
} 

#topnav li{  
	width:auto;
	position:relative; 
	display:block; 
	float:left; 
	margin: 0 ;
	padding:0 ;
}

#topnav ul ul{
	 margin:0;
	padding:0;
	position:absolute; 
    border: none; 
	text-transform:none;	
}

#topnav li li{
	width:100%; 
	margin:0;
	padding:0;
 	border: none;
 	line-height:1.4em;
}

li:last-child{border-right:none;}

li:first-child{border-left:none; }

li{
	border-left:1px solid #D7C99E;
	padding-left:3px; 
}
	
#topnav li a{	 
	display:block; 
	padding:5px 10px;
	margin:0 ;
	text-align:left;
}
	
#topnav li li a{
	display:block; 
	margin:0; 
	padding:8px; 
}

#topnav ul ul{display:none;  }

#topnav ul li:hover > ul{display:block;}

#topnav a{
	color:#fff; 
	font-weight:bold; 
}

#topnav li li a, #topnav li.active li a{
	color:#FFFFFF; 
	background-color: #2B2A2A; 
	font-weight:normal;
}

 
 #topnav a:hover{
	color:#fff; 
	background-color: #608C33;	
}

/* navi phone; */
#topnav form{ 
	display:block;  	
	margin:0 auto;
	border:none;
	height:auto;
	width:95%;

}
 
#topnav form select{ 
	height: auto;
	font-size:120%;
	width:95%; 
	padding:8px; 
	color:#FFFFFF; 
	background-color:#444;  
	outline:none; 
	border:none;
	line-height:2em; 
}

#topnav form select option{
	display:block; 
	margin:0; 
	padding:0; 
	border:none; 
}
/* ######Navigation PHP Aktiv ######### 	



#active1 a{	
	background-color: #608C33;
	color:#fff;
	text-decoration: none;
	}
	
#active 2a{	
		background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}
#active3 a{	
		background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}
	
#active4 a{	
		background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}
#active5 a{	
		background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}
	
#active6 a{	
		background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}
#active7 a{	
		background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}
	
#active8 a{	
	background:#D7C99E  url(../images/arrow.png) no-repeat 3px center; 
	color:#3F3F30;
	text-decoration: none;
	}*/