@charset "UTF-8";
* {margin: 0; padding: 0;}
.clear { clear:both;}
img {border:none;}
body{	 	background:#f9fbfc url(../img/versuch1.gif) repeat-x left top ;
			font-size: 100%;
			font-family: Verdana, Geneva, sans-serif;
			z-index: 0;	
}
#wrap { position: relative;
		width: 992px;
		margin: 0 auto;
		background-color:white;
		padding-left:16px;
		padding-right:16px;
		overflow:hidden;
		height: auto !important; 
		height: 100%;
		
	}
#haeder{ position: relative;
		width:100%;
		height: 100px;
}
.logo { width:300px; height:100px; float:left;
  }

#nav {	background: url(../img/nav3.png) no-repeat left top ;
	position: relative;
	width: 100%;
	height: 35px;	
	float:left;	
}
ul#navi, ul.liste{list-style-type:none;
	font-size: 18px;	
	}
ul#navi li{position: relative;
		float:left;
		list-style-type:none;
		}
ul#navi a{text-decoration:none;
		display: block;
		padding:0 32px;
		height: 35px;
		line-height: 35px;
		color: #706f6a;		
		}
ul#navi .liste li{width:250px;	
	}		
ul#navi .liste  a{margin-top: 0px;
		padding:0 10px;
		background: white url(../img/nav2_p1.png) no-repeat left top ;
		border-radius: 5px;		
}
ul#navi  li:hover > a {color:#3365b0;
}
ul#navi ul.liste	{display: none;
		position:absolute;
		top: 35px;
		left: 0px;
		z-index:10;		
}
ul#navi li:hover .liste{display: block;
}
ul#navi  ul.liste li:hover   a:hover{background-color: white; 
}
ul#navi li.active  a {text-decoration:none; color:#3365b0;
 }
ul#navi li  a.active1{ text-decoration:none; color:#3365b0;
 }
 
#foot  { border-top:1px solid #dbdbdb;
	background:white;
	position: relative;
	width: 100%;
	height: 40px;
	font-size: 12px;
	font-weight: normal;
	overflow:hidden;	
	float:left;		
}
#foot ul li.footl{float:left;}		
#foot ul li {list-style: none;
	float: right;
	line-height: 12px;
	margin-top:6px;
	 color: #706f6a;
}
#foot ul li a { text-decoration: none;
	 color: #706f6a; 
	display: block;
	padding: 5px  5px;
 }
 .bzone {border-left:1px solid #dbdbdb;}
 #foot ul li:hover{color:#3365b0;
	}
 #foot ul li:hover a  { color:#3365b0; 
 }
 #foot ul li.active a{ text-decoration:none; color:#3365b0;
 }  
#mainpart{width:100%;
			position: relative;
			background-color: white;
			padding-bottom: 20px !important;
			height: auto !important; 
			height: 100%;
			float:left; display:block; 
}
.schreg{font-style:italic;}
.blau{color:#3365b0;}
.loso{text-align:center; margin:20px 0 30px 0;}
.loso p{ font-size: 24px; color:#706f6a; }
.losu{text-align:left; margin:0 0 10px 0;}
.losu p{ font-size: 24px; color:#706f6a; padding:0 0 0 100px;}
.thema{ font-size: 22px; line-height:28px;color:#706f6a;font-weight:normal; text-align:center;padding:20px 0 0 0;		}
.slplatz{width:992px;position:relative;height:285px;margin:0 auto; float:left; margin-bottom:30px;margin-top:20px}
.schatten a{
	color: #555;
	text-decoration: none;
}
ul.schatten {
	list-style-type: none;
	
	height: 285px;
	position: relative;
	
}
ul.schatten li.spa{margin-right:10px;
				margin-left:10px;}
ul.schatten li {
	float: left;
	background: #fff;
	padding: 8px;
	position: relative;
	list-style-type: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.schatten li a{display: block; position: relative;}
.schatten li a img {
	display: block;
	position: relative;
}
.schatten li a {
	overflow: hidden;
}
.schatten li a div.dark {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.schatten li a div.dark span {
	display: block;
	padding: 10px 0;
	margin: 100px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

.schatten li a:hover div{
	left: 0px;
}
.ut{margin-right:7px;
	margin-left:7px;height:35px;}
.ut p{font-size:24px;color: #706f6a;text-align:center; padding:5px;line-height:24px;}
.textf{ position:relative;width:100%;float:left; margin-bottom:20px; }
.textf p{color:#706f6a; font-size: 17px; padding:0 90px 0 90px;  }
.textf p.conot{font-size:17px;}
.textg{ position:relative;width:100%;float:left; margin-bottom:10px; }
.textg p{color:#706f6a; font-size: 17px; padding:0 120px 0 20px;  }
#colleft{width:675px; min-height:650px; float:left;}
h1.headline{	 visibility: hidden;display:none;
				}
h1.headlines{float:left; font-size: 24px;font-weight:normal;
				color:#3365b0;margin:20px 0 0 20px;}				
.satz1{font-family: Arial, Helvetica, sans-serif;  margin:20px 0 30px 0;float:left;width:782px;}
.satz2{text-align:center; margin-bottom:30px; width:100%;}
.satz1 p{ font-size: 20px; color:#706f6a; text-align:center;}
.satz2 p{font-size: 20px; color:#706f6a; }
.satz3{font-family: Arial, Helvetica, sans-serif; width:100%; margin:20px 0 30px 0;text-align:center;}
.satz3 p{font-size: 20px; color:#706f6a; }
.acc-container {
	width: 660px;
	margin: 0 auto;
	float: left;
}
#accordion-container {padding-top:20px;
	width: 660px;
	margin: 0 auto;
	text-align: left;
}
.accordion-header {font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 36px;
	height: 36px;
	 background: url(../img/acc3.png) no-repeat left top ;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	font-weight: normal;
	cursor: pointer;
	color:  #706f6a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.active-header {color: #3365b0;	
	 background: url(../img/acc3.png) no-repeat left top ;
}
.active-header:hover {}
.inactive-header {background: url(../img/acc3.png) no-repeat left top ;	 
}
.inactive-header:hover { 
			background: url(../img/acc3.png) no-repeat left top ;
			color: #3365b0;			
}
.accordion-content {font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height:22px;
	color:#706f6a;
	display: none;
	padding: 20px;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
		border-bottom-right-radius:0.313em;
		border-bottom-left-radius:0.313em;
}
#colright{width:317px;min-height:650px; float:left;}
.fotoprof{float:right; margin:20px 0 25px 0;}
.ufotoprof{float:left;}
.ufotoprof p{font-size: 16px;
			color:#706f6a;
			padding:10px 0 0 17px;
			line-height:22px;
}
.bildoko{ float:right; margin:20px 0 20px 0; background: #fff;
	padding: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}

h2.margtextf{  font-size: 20px; width:500px;
   color:#706f6a; padding:10px 0 10px 20px; font-weight:normal;float:left;	
   }
 h2.margtexth{  font-size: 22px; width:750px;
   color:#706f6a; padding:10px 0 10px 90px; font-weight:normal;float:left;	
   }  
.punkta  { 	color:#706f6a; font-size: 17px;
				width: 100%;
				min-height:90px; 
				float:left;
}
.punkta  ul li {list-style: disc; 
				line-height:20px;
				margin-left:80px;
								
}

.link{color:#3365b0;font-weight:normal;}
.versteck{color:#3365b0;font-weight:normal;} 
.block1{ float:left;width:100%; margin:10px 0 10px 0;}
.block1 p{color:#706f6a; font-size: 17px;padding:0px 0 0 20px; line-height:22px;} 
.block2{width:100%; float:left;}
.block2 p{color:#706f6a; font-size: 22px;padding:0px 0 0 20px; line-height:22px;}
.spalte{ float:left;width:100%; margin:20px 0 10px 0;}
.spalte p{color:#3365b0; font-size: 24px;padding:0px 0 0 20px; line-height:22px;} 
.block3 { float:left; margin: 0 0 5px 0;width:406px;}
.block3  p{color:#706f6a; font-size: 14px;}
.block4 { float:left; margin: 0 0 5px 0;width:100%;}
.block4  p{color:#706f6a; font-size: 14px;}
#kontakt { position:relative;float: left; width:890px;min-height:550px; }
.boxen{width:472px;min-height:392px ;  position:relative;float: right; clear:left;}
.boxen p{padding:63px 0 0 25px;  font-size: 16px;color:#706f6a; line-height:20px;}
 #kontakt textarea{ resize: none; border: 1px solid #706f6a;  -webkit-border-radius: 5px;
		-moz-border-radius:5px;font-family: Verdana, Geneva, sans-serif ;
	 	border-radius: 5px;overflow-x: hidden;
	font-size: 14px;  padding: 5px; width: 406px; float: left;   margin-top: 5px;}
	
.txt{font-family: Verdana, Geneva, sans-serif ; line-height:20px; 
	border: 1px solid #706f6a;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;
	font-size: 14px;  padding: 4px; width: 406px; float: left; color: #706f6a;  margin-top: 5px;}	
.txt:focus, #kontakt textarea:focus, #kontakt select:focus { border-color: #bcbdb3; color: #706f6a; }
.row  { float: left; margin: 0 0 12px 0; } 
#kontakt label { color:#706f6a; font-size: 14px; font-weight:bold; margin-bottom: 0px; display: block; width:132px;float:left;}
 span.req { color: #f9827b; margin: 0 0 0 3px; }
#kontakt select{width:286px;  border: 1px solid #706f6a;   cursor: pointer;font-family: Verdana, Geneva, sans-serif ;
				font-size: 14px;  padding: 4px;  float: left; color: #706f6a; -webkit-border-radius: 5px;
		-moz-border-radius:5px;height:30px;
	 	border-radius: 5px; }
.row1{float:left;position:relative; width:440px; padding:5px 0 5px 30px; 
		font-size: 16px; color:#706f6a;line-height:22px;
		}	
.row2  { float: left; margin: 0 0 12px 0;font-size: 14px; color:#706f6a; } 		
.Ckbox   { cursor: pointer;  }
.Zbox   { cursor: pointer; margin:5px 5px; }	
#kontakt  input[type="submit"] {
		background-color:#f9fbfc;
		font-size: 16px;
		color:#3365b0;
		cursor: pointer;
		position: relative;
		display: block;
		-webkit-border-radius: 5px;
		-moz-border-radius:5px;
	 	border-radius: 5px;
		width: 150px; 
		height:35px;
		float:left;
		
}
#kontakt  input[type="submit"]:hover{background-color: rgba(125, 162, 235, 0.2);
}
#response{position:relative;float:left; width:500px; height:36px;color:#3365b0;margin-bottom:10px; font-size: 17px;padding:0px 0 0 20px;}
.fehler{position:relative;float:left; text-align:center; width:250px; height:17px;color:red; font-size: 14px;}
.container{position:relative;padding: 0 0 0 20px; float: left; width: 890px;min-height:550px; }
.loader{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: url('../img/busy.gif')no-repeat 50% rgba(255, 255, 255, .8);
		overflow:hidden;
		z-index:100;
}
#zahl{float:right; font-size: 14px;  width: 30px; color: #585451; }
.showMe{
  visibility: visible;}
.hideMe {
 
  visibility: hidden;
}
.loch{visibility: hidden; display:none;}
.fax{margin-right:33px;}