*, *:before, *:after {
    border-width: 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
} 
html, body {
    height: 100%; margin:0;
   	background: white;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt

	
    
}
.toprint{
	
	display:none;
}
.noPrint{
	
 display:block
}
h1{
	font-size:17pt;  color:#4F7388}
h2{
	font-size:16pt;  
}
h3{
	font-size:14pt; color:#4F7388
}
h4{
	font-size:12pt; 
}
h5{
	font-size:11pt; 
}

header,#Headline{
	 background-color:white
}
 .Center {
    width: 96%;
    max-width: 1100px;
    margin: auto;
   
    padding-left:2%;
    padding-right:2%

}

a:link {  text-decoration: none;color:#800000}
a:visited {  text-decoration: none;color:#800000}
a:hover {  text-decoration:  none;color:#B70000}
a:active {  text-decoration: none;color:#800000}

nav, .Menu {
    height: 38px;
/* IE10+ */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #6D899A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #6D899A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #6D899A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #6D899A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #6D899A 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #6D899A 100%);


}

#TopMenu{
	width:250px;float:right;font-size:9pt; text-align:right;margin-right:5px
}
#TopMenu a{
	 text-decoration:none;color:#2B4555
}
#TopMenu a:hover{
	 text-decoration: underline;color:black;
}


#Logo{
	max-width:465px;padding:15px 0 11px 0;float:left;margin-left:10px;margin-right:10px;clear:right
}
#Logo img{
	width:100%; 
}

#HeadlineKontakt{
 float:right;display:none;color:#2B4555;text-align:right;margin:10px 0 0 0;
}
#HeadlineKontakt h5{
	font-weight:normal;margin:0;font-size:10pt
}
#HeadlineKontakt p{
	font-size:10pt;margin:6px 0 10px 0
}

.posR{
	position:relative
}
 .Dark{
	background-color:#A7B3BA;margin:0;padding:0;border:none
	
	}
.colGray{
	color:#8098A7;font-size:9pt; font-weight:normal
}
.StartFoto{
	margin:0 auto 0 auto; width:100%; max-width:1100px;padding:0;border:none; position:relative
}

.StartFoto img{
	margin:auto; width:100%; max-width:1100px; display:block
}
#imgHeadline{
 min-width:280px;max-width:500px;position:absolute; background: rgba(109,137,154,0.5); bottom:10px; padding:10px; min-height:95px;
	color:white; display:none
	
}
#imgHeadline h4{
	font-size:20px;font-weight:bold; margin:0px
}
 .Content{
	background-color:white;padding:20px 0; min-height:450px
}
.StartBlockL{
	margin:15px 2% 30px 0;float:left;padding:12px;width:48%; background-color:#F2F2F2
}
.StartBlockR{
	margin:15px 0 30px 2%;float:left;padding:12px;width:48%;background-color:#F2F2F2

}
.StartBlockL h2, .StartBlockR h2{
	font-size:20px;font-weight:bold; margin:0;color:#880000
}

.Bottom{
	 background-color:#ADBCC6; min-height:200px;
}
.Button{
		-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	
	color:#676767; text-align:center; padding:4px 8px; cursor:pointer;display:inline-block;
	background: #C3C3C3; /* fuer alte browser */
background: -moz-linear-gradient(top, #F0F0F0 0%,#C3C3C3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C3C3C3));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F0F0F0 0%, #C3C3C3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F0F0F0 0%, #C3C3C3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F0F0F0 0%, #C3C3C3 100%); /* IE10+ */
background: linear-gradient(to bottom, #F0F0F0 0%,#C3C3C3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C3C3C3',GradientType=0 ); /* IE6-9*/
}
.Button:hover{
	color:black
}

#Msg{
	position:absolute; min-width:270px;
	  border: 1px gray solid; 
    box-shadow: 4px 6px 6px 0px #666;
    margin-bottom: 22px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    font-family:Arial, Helvetica, sans-serif;font-size:10pt;
    display:none;
    background:white;
    z-index:500
   
}
#MsgCaption{
	background:#ADBCC6;
	padding:4px 4px 8px 8px;
	 -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;   
    color:white;font-weight:bold;
}
#MsgCloseButton{
	float:right; display:inline-block;width:17px;cursor:pointer
}
#MsgText{
	clear:both;
	padding:8px  8px 16px 8px;
}

.Main{
	padding:0; overflow:hidden; 
}
.MainLeft, .MainRight {
    width: 100%;
   
   
}

#frStandort{
width:300px;height:200px
}
.ulListe {
	list-style:none
}
.ulListe li{
	 background: url('../images/pfeilUL.png') left 8px  no-repeat;	
	 padding:6px 0px 6px 14px; color:#4f7388; font-weight:bold
}



.LinkPasswort{
	display:inline-block;margin-left:20px;background:url('../images/pfeilCopyright.png') left 4px no-repeat;padding-left:12px;color:#4f7388

}

.LinkPasswort a{
	color:#4f7388;text-decoration:none

}

.LinkPasswort a:hover{
	color:#304654;text-decoration:none

}

.b11{
	font-weight:bold;
	font-size:12pt
}

.impressum{
	float:left;margin:5px; font-size:8pt; text-align:center; padding:2px; border:1px silver solid
}

.imgR{
	float:left;width:310px
}

::-webkit-input-placeholder { color:#D3D3D3; }
::-moz-placeholder { color:#D3D3D3; } /* firefox 19+ */
::-ms-input-placeholder { color:#D3D3D3 !important; } /* ie */
:-ms-input-placeholder { color:#D3D3D3 !important; } /* ie */
input:-moz-placeholder { color:#D3D3D3; }


.SiteImgR, .SiteImgL{
	float:none;margin:10px;width:100%; text-align:center
}

/* MODAL MSGBOX */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;text-align: center;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 0 auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  text-align:left;
  display:inline-block;
  box-shadow:6px 6px 8px 0px black;  
}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}



#msgBox{
	z-index:500;	
}
#msgBoxTitel{
 background-color:red; color:white;
 padding: 5px;text-align: center;font-weight: bold;position:relative; 
}
#msgBoxTitel p.msgBoxX,#msgBoxTitel p.msgBoxXindex{
	cursor:pointer; width:16px; background: url('/system/images/x.png')  left top  no-repeat;
	position:absolute;right:5px;top:5px; margin:0
   
}
p.msgBoxXw, p.msgBoxXwindex{
	cursor:pointer; width:16px; background: url('/system/images/xw.png')  left top  no-repeat;
   position:absolute;right:5px;top:5px;

}

#msgBoxText{
	padding: 15px 20px 0 20px
}
.msgButton{

 padding: 3px 10px 6px 10px ;  
    color: black;
    display: inline-block;
    text-align: center;
   border-radius:5px;
    font-weight:600;
 min-width:100px;
 margin:0px 20px ;
 
 
 
background: rgb(197,197,197); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(197,197,197,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(197,197,197,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(197,197,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
border:1px #C0C0C0 solid;

}
.msgButton a{
	text-decoration:none; color:black
}

.msgButton:hover, .msgButton:hover a{
	color:#FE0127; cursor:pointer
	
}
#msgButtonContainer{
	text-align:center;padding:15px 0 20px 0
}

#Stellenangebote{
	list-style:none; margin:0; padding:0
}
#Stellenangebote li{
	 background:url('/system/images/icos/pfeilA.png') left 3px  no-repeat; padding-left:12px;
	 font-weight:bold;color:black;cursor:pointer
	
}
#Stellenangebote li:hover{
	background:url('/system/images/icos/pfeilAhover.png') left 3px  no-repeat; padding-left:12px;color:#CA1A00;
}

#Stellenangebote li p{
	margin:5px 0 16px 0px;
	 font-weight:bold;color:gray;
}
#Stellenangebote li p:hover, #Stellenangebote li:hover, #Stellenangebote li:hover p{
	color:#ca1a00
}


@media all and (min-width: 555px){
		#frStandort{
		width:450px;height:300px
		}
		.SiteImgR{
			float:right;margin:0 10px 10px 20px;width:100%;max-width:300px
		}
		.SiteImgL{
			float:left;margin:0 20px 10px 0;width:100%;max-width:300px
		}


}

@media all and (min-width: 850px) {
		#imgHeadline{
			display:block
		}
		
			.MainLeft {
		        width:  33%;
		        float: left;		       
		        border-top: none; 		       	 
		    }

			.MainRight {
				width: 66%;
				margin-left: 34%;
				/* Trick für gleichlange Spalten  - dazu gehört ein overflow: hidden für den umgeb. Container */
				margin-bottom: -99999px !important;
				padding-bottom: 99999px !important;	
			}
			#frStandort{
			width:600px;height:450px
			}
			.imgR{
			float:right;width:310px; 
}


}


@media all and (min-width: 1100px) {
		 .Center{
			width:100%;max-width:1100px;padding:0
		}
				
		#Logo{
		margin-left:0px;margin-right:0px
		}
		#HeadlineKontakt{
		display:block
		}
	


}