/* CSS Document */

/* ********************************************************************************************
 * Farbcodes
 ******************************************************************************************* *

*/


/* ********************************************************************************************
 * HTML Body
 ******************************************************************************************* */
	body {
		/* Scroller Eigenschaften (nur IE) */
		/* scrollbar-arrow-color: rgb(0,0,0);	
		scrollbar-base-color: rgb(250,250,250); 
		scrollbar-face-color: rgb(255,255,255);
		scrollbar-3d-light-color: rgb(102,102,102);
		scrollbar-highlight-color: rgb(102,102,102);
		scrollbar-darkshadow-color: rgb(255,255,255);
		scrollbar-shadow-color: rgb(102,102,102);
		scrollbar-track-color: rgb(255,255,255); 
		*/
		
		/* Hintergrundfarbe */
		background-color:#fff;
				
		/* Hintergrundbild */
		background-repeat:no-repeat;
		background-position:center 180px;
		background-attachment:fixed;
	  -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size:cover;
				
		/* Seitenabstand */
		margin:0px;
		padding:0px;
		
		/* Sonstige Parameter */
		height: 100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:normal;
	}
	
	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1029px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
	}
	
	body#page9 { background-color:#000; }
	body#page9 header { margin-bottom:0; }
	
/* ********************************************************************************************
 * html5
 ******************************************************************************************* */		
	/* Nun bringen wir den HTML5-Tags erst mal ordentliches Benehmen bei */
	article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	

/* ********************************************************************************************
 * General
 ******************************************************************************************* */		
	#skipContent {
		position:absolute;
		top:0;left:0;
		height:0;
		width:0;
		visibility:hidden;
		overflow:hidden;
	}

	.wrapper {
		position:relative;
		width:980px;
		margin:0 auto;
		padding:0;
		background-color:transparent;
	}	
	
	.clearFloat {
		clear: both;
    height: 0;
		overflow:hidden;
	}
	
	img {
		border:none;
    padding:0;
    margin:0;
		line-height:0;
		vertical-align:bottom;
	}
	
	.clearFloat {
		clear: both;
    height: 0;
		overflow:hidden;
	}
	 
	/* clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	
	
/* ********************************************************************************************
 * Header construction
 ******************************************************************************************* */
	#bgHeader {
		position:absolute;
		width:100%;
		height:180px;
		background-color:#000;
	}
	
	header {
		position:relative;
		height:180px;
		padding:0 10px;
		background-color:#000;
	}
	
	header .logo {
		position:absolute;
		top:38px; right:10px;
	}	
	
	header .fieldSearch {
		display:block;
		white-space:nowrap;
		vertical-align:baseline;
		margin:0 0 0 30px;
		/*border:2px solid #fff;
		border-radius:10px;		*/
		float:left;
	}
	
	header .fieldSearch input {
		display:inline-block;
		background-color:transparent;
		border:none;
		width:270px;
		margin:0 0 0 3px !important;
		padding:0 0 0 8px;
		color:#fff;
		vertical-align:middle;
		border:2px solid #fff;
		border-right:none;
		border-top-left-radius:10px;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		border-bottom-left-radius:10px;
		line-height:1 !important;
		height:24px !important;
		font-size:1.1em;
	}
	
	header .fieldSearch button {
		display:inline-block;
		border:2px solid #fff;
		border-left:none;
		border-top-left-radius:0;
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:0;
		background-color:#babcbe;
		width:40px;
		height:28px !important;
		line-height:24px !important;
		margin:0 0 0 -5px !important;
		vertical-align:middle;
	}
	
	header .fieldSearch button img {
		margin-bottom:2px;
	}
	
	header .fieldSearch button:hover {
		background-color:#fff;
	}



/* ********************************************************************************************
 * Content construction
 ******************************************************************************************* */
	#bgBody {
		position:relative;
		background-repeat:no-repeat;
		background-position:left top;
		background-attachment:scroll;
	  -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size:cover;
	}
		
	body#page19 #bgBody { background-position:right top !important; }
	body#page36 #bgBody, body#page39 #bgBody, body#page40 #bgBody { background-position:left top !important; }
	
	#bgBody > #bodyTransparent {
		position:absolute;
		top:0; left:0;
		width:100%; height:100%;
		background-color:#fff;
		filter: alpha(opacity=65);
		-moz-opacity: 0.65;
		-khtml-opacity: 0.65;
		-webkit-opacity: 0.65; 
		opacity: 0.65;
	}

body#page19 #bgBody > #bodyTransparent, body#page51 #bgBody > #bodyTransparent, body#page38 #bgBody > #bodyTransparent
, body#page40 #bgBody > #bodyTransparent, body#page39 #bgBody > #bodyTransparent  {
  background-color:transparent;
}
	
	#body {
	  position:relative;
		padding:34px 10px 15px 10px;
	}
	
	#body .span3 {
		width:30%;
		float:left;
	}
	
	#body .span9 {
		width:66.6%;
		height:100%;
		min-height:470px;
		float:left;
		border-left:2px solid #000;
		padding-left:3%;
	}

	
/* ********************************************************************************************
 * Footer construction
 ******************************************************************************************* */
	footer {
		position:relative;
		width:100%;
		margin-top:18px;
		padding:0 10px;
	}
	
	footer .wrapper {
		background-color:#000;
		margin-bottom:15px;
	}
	
	footer div.address {
		color:#fff;
		font-weight:normal;
		line-height:1.3;
		padding:0;
		margin:0 0 25px 0;
	}
	
	footer div.address .left {
		float:left;
		width:200px;
	}
	
	footer div.address .right {
		float:right;
		width:730px;
		margin-right:5px;
	}
	
	footer a {
		color:#fff;
		text-decoration:none;
	}
	
	footer a:hover {
		text-decoration:underline;
		color:#fff;
	}
	
	footer .socialmedia {
		text-align:right;
		background-color:#000;
		margin-right:-11px;
	}
	
	footer .socialmedia .fb-like {
		margin-right:10px;
	}