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


html  {		height: 100%; 
			width:100%;}
		
body {		height: 100%; 
			width:100%;
			margin:0;
			padding:0;	
						
			font-family: 'Droid Serif', serif;
			background-color:#d1d3d4;

			background-repeat:no-repeat;
				}
					
p	{		padding:0; 
			margin:0; 
					    }

a:link		{	color:#495b75; text-decoration: none;}
a:visited	{	color:#495b75; text-decoration: none;}
a:hover		{	color:#000000; text-decoration: none;}
a:active	{	color:#000000; ttext-decoration: none;}


.wrapper_all 	{position:relative; min-width: 1200px; width:100%; min-height:100%; margin:0 auto; position:relative; }	

.wrapper	{width:850px; margin:0 auto; position:relative;  height:900px; width:100%; height:400px !important; }

#top_blue_background_line	{position:absolute; top:0; width:100%; height:160px; background-color:#495b75;}


.content {margin:0 auto; position:relative; width:1320px;}

.top_wrapper	{width:100%; height:190px; z-index:2; }
.top_blue	{width:100%; height:160px; background-color:#495b75; }

.div_logo	{float:left; width:340px; margin-left:120px; height:190px; text-align:center; }


.left_menu_wrapper	{ background-color:#9aafc6; width:280px; margin-left:150px; margin-top:40px; min-height:750px; padding-top:20px;   position:relative;z-index:1; float:left; color:#495b75}

.bottom_div	{position: fixed;  background-color:#9aafc6; margin-left: 150px;
 bottom: 0px;
 width: 280px; min-height:400px; max-height:600px; z-index:0; display:none}
 
 
.right_short_menu	{float:left; width:120px; height:40px; color:#495b75; margin-top:40px; margin-left:15px; font-size:11px;}


.flags_language	{width:60px;height:17px; position:absolute; margin-top:135px; margin-left:1140px;}




.wrap_content_footer	{width:750px; min-height:600px; float:left;}
.content_wrapper	{width:680px; min-height:500px; float:left; margin-left:30px; margin-top:40px; padding-top:20px; padding-left:20px; padding-right:20px;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */}

.content_wrapper	p	{line-height:1.9em; font-size:14px; padding-top:7px; margin-top:0px;}
.content_wrapper	p:first-child {padding-top:0px;}

.staedte_wrapper	{width:720px; min-height:40px; float:left; margin-left:30px; margin-top:40px; padding-top:20px; }

.persondescription	{float:left; width:235px; font-size:11px;}
.right	{margin-left:20px;}
.persondescription	ul {margin-left:20; padding:0px 0px 0px 10px;}
.persondescription	li {margin-top:6px; line-height:1.7em;}
.persondescription	li:first-child { margin-top:0px; }


.adress		{font-size:12px; line-height:1.7em; width:200px; height:140px; margin-top:60px; margin-left:20px;  text-transform: uppercase; }
.adress p	{padding-top:5px;}
.adress p:first-child{padding-top:0px;}


.title {font-size:22px !important; font-weight:bold; color:#495b75;  text-transform: uppercase;}
.title_light {font-size:18px !important; font-weight:bold; color:#a5b3ca;  text-transform: uppercase;}
.title_smaller {font-size:18px !important; font-weight:bold; color:#495b75;  text-transform: uppercase; line-height:1.5em !important;}

.main_text	{font-size:14px; color:#333; line-height:1.8em; padding-bottom:20px;}

.personenbild_start {float:right; width:250px;height:240px; text-align:center; font-size:10px; padding-left:25px;}
.content_menu {float:right; width:175px; height:120px; padding-top:15px; color:white; background-color:#495b75; text-align:left; font-size:10px; }
.content_picture_right {float:right;padding-left:20px; width:165px; color:white; text-align:left; font-size:10px; }


.content_sub_menu {float:right; margin-top:15px; padding:20px 0px 20px 0px; width:170px; color:white; text-align:left; font-size:12px; background-color:#495b75;   }
.content_sub_menu ul{margin:0; padding:0; list-style:none;}
.content_sub_menu li{margin-top:5px !important; padding:4px 10px 4px 10px; width:125px;}
.content_sub_menu li:first-child {margin-top:0px;}
.content_sub_menu li:hover{ background-color:#9aafc6;}

.sub1 .sub1,
.sub2 .sub2,
.sub3 .sub3,
.sub4 .sub4,
.sub5 .sub5,
.sub6 .sub6,
.sub7 .sub7, 
.sub8 .sub8 {
    background-color:#9aafc6;
	
}

.content_sub_menu a:link  {color:white;}
.content_sub_menu a:hover {color:white;}
.content_sub_menu a:visited {color:white;}
.content_sub_menu a:active {color:white;}






.box_left	{position:absolute; left:0; top:0; width:14px; height:14px; background-color:#9aafc6; }
.box_right	{position:absolute; right:0; top:0; width:14px; height:14px; background-color:#9aafc6; }
.stadt1		{float:left; width:33%; position:relative; text-align:center;}




ul#ansprechpartner {list-style:none; display:block; margin-left:0px; padding:0; font-size:12px; }
ul#ansprechpartner a:link{color:white }
ul#ansprechpartner a:active{color:white }
ul#ansprechpartner a:visited{color:white }
ul#ansprechpartner a:hover{color:white }

ul#ansprechpartner a:hover .button_wir .koetter {
	background-position: left -140px !important;; /*--CSS Sprites - Hover State--*/ color:#999}
	
	
	
#ansprechpartner li {margin-top:15px; padding:8px 5px 8px 10px; display:block; height:10px; width:140px;}
#ansprechpartner li:hover {background-color:#9aafc6;}
#ansprechpartner li:first-child {margin-top:0px;}



ul#main_menu {list-style:none; display:block; margin-top:10px; margin-left:0px; padding:0; }
#main_menu li {margin-top:30px; padding-top:0; padding-left:20px; display:block; height:30px;}


.white_mouseover {
    display: none;
    background: #FFF;
	height:6px; 
	width:290px;
	margin-top:5px;
	position:absolute;
	
}
.whitebase {

}
.whitebase a:hover {
    color:white !Important;
}

.whitebase:hover .white_mouseover {
    display: block;
}

.anfang .anfang .white_mouseover,
.wir .wir .white_mouseover,
.schutz .schutz .white_mouseover,
.lehre .lehre .white_mouseover,
.service .service .white_mouseover,
.kontakt .kontakt .white_mouseover {
    display: block !important;
}

.kontakt_wrapper {width:680px; height:200px; margin-top:30px; padding: 10px 0px 30px 0px; border-bottom:solid #9aafc6 2px;}
.kontakt_wrapper .adresse p	{font-size:13px; line-height:1.7em;}






section > .foo-1, 
section > .foo-2 {float: left; width: 220px; height: 285px; background: #9aafc6; cursor: pointer; margin-left: 10px; color: white; } 

section > .foo-1:first-child {margin-left:0px;}
section > .foo-1 {opacity: 0.5} 
section > .foo-2 {opacity: 0.5}

.doerner	{background-image:url('../img/doerner_button.jpg') !important;}
.koetter	{background-image:url('../img/koetter_button.jpg') !important;}

.person_sub	ul {list-style:none; width:100% !important; float:left; margin:0; padding:0; }

.person_sub li {float: left; display: block; cursor: pointer; padding: 10px 5px 10px 12px; margin-top: 20px; background: #495b75; color: white; width:140px; font-size:12px;}
.person_sub li:first-child {margin-top:10px; padding-left:10px;}


#content_ul li {margin-top:10px; font-size:14px; line-height:1.7em;}

#traueranzeige{background-color:#fff;border:solid 10px #000;padding:40px;margin-top:30px}
#traueranzeige p{padding-top:14px}
#traueranzeige h2{text-align:center;font-size:20px;}
#traueranzeige p.unterzeichner{text-align:center;}
#traueranzeige p.unterzeichner em{font-style:normal;font-size:16px}