/**  @author B49 										
------------------------------------------------------------------------------------------------- */

@font-face { 
	font-family: "Quicksand"; 
	src: url("../../../fonts/Quicksand-Light.otf"); 
} 

body,html { height:100%;}

body {
	color: #000;
	margin: 0px;
	padding: 0;
	background-color: #aaa;
}

/** Desktop Version 
------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1025px) {

	.kopfzeile_wrapper{
		position:fixed; 
		top:0px;
		left:0px;
		right: 0px;
		width: 100%; 
		background-color:#FFF;
		height:230px;
		opacity: 0.9;
	}
	
	.logo {
		margin-top: 70px;
		margin-left: 70px;
	}
	
	.abgeschraegt {
		background-color:#fff;
		position:fixed; 
		top:0px;
		right: 0px;
		width: 560px; 
		background-color:#FFF;
		height:230px;		
	}
	
	.tri1{
		position: fixed;
		z-index: 10;
		top: 0px;
		right: 560px;
	}
	
	.menu_zeile {
		position: absolute;
		z-index: 10;
		right: 0px;
		top: 0px;
		padding-right: 40px;
		padding-top: 40px;
		text-align: right;
		font: normal 14px helvetica, arial, sans-serif; color:#000;
		line-height: 16px;
		height: 190px;
		width: 560px;
		opacity: 1;
		z-index: 10;
	}

	.menu_zeile  ul {
		list-style-type: none;}	
	
	.menu_zeile a {
		text-decoration:none;
		color: inherit;
		}
		
	.menu ul li.current, menu ul li.active { background-color:#726986;} 
	.menu li:hover > a { font-weight: bold;}
	
	.filler {
		position:absolute;
		right: 0px;
		width: 630px;
		background-color: #2B648F;
		height: 230px;
	}
	
	.info1_wrapper {
		position:relative; 
		top:0px;
		left:0px;
		right: 0px;
		width: 100%; 
		background: url(../images/home.jpg) no-repeat center center fixed;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		height:1100px;
		z-index: -1;
	}
	
	.info2_wrapper {
		position:relative; 
		top:0px;
		left:0px;
		right: 0px;
		width: 100%; 
		background: url(../images/uns.jpg) no-repeat center center fixed;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		height:1100px;
		z-index: -1;
	}

	.info3_wrapper {
		position:relative; 
		top:0px;
		left:0px;
		right: 0px;
		width: 100%; 
		background: url(../images/kompetenz.jpg) no-repeat center center fixed;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		height:1100px;
		z-index: -1;
	}	
	
	.info4_wrapper {
		position:relative; 
		top:0px;
		left:0px;
		right: 0px;
		width: 100%; 
		background: url(../images/kontakt.jpg) no-repeat center center fixed;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		height:1100px;
		z-index: -1;
	}		
	
	.info1_blue_wrapper , .info2_blue_wrapper, .info3_blue_wrapper{
		position:relative;
		right: 0px;
		width: 630px;
		background-color: #2B648F;
		top: 230px;
		height: 870px;
		float: right;
		padding-top: 150px;
	}	
	
	.info4_blue_wrapper{
		position:relative;
		right: 0px;
		width: 630px;
		background-color: #2B648F;
		top: 130px;
		height: 870px;
		float: right;
		padding-top: 150px;
	}	
		
	.info2_blue_wrapper img{
		border: 1px solid white;
		height: 200px;
		width: auto;
	}
	
	.tri2{
		position: fixed;
		z-index: 10;
		top: 230px;
		right: 630px;
	}
	
	.slogan {
		font: bold 36px Times; color:#fff;
		line-height: 36px; 
	}
	
	.fliesstext {
		font: normal 16px helvetica, arial, sans-serif; color:#fff;
		line-height: 20px;
	}

	.smoltext {
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
		line-height: 14px;
	}	
	
	.field {
	width: 450px;}
	
	.field label {
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
		line-height: 14px;
	}
	
	.field input[type="text"],
	.field input[type="date"],
	.field input[type="datetime"],
	.field input[type="email"],
	.field input[type="number"],
	.field input[type="search"],
	.field input[type="time"],
	.field input[type="url"],
	.field textarea,
	.field select 
	{
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 200px;
		background: #fff;
		margin-bottom: 4%;
		border: 1px solid #ccc;
		padding: 2px;
		height:30px;
		color: #002E60;
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
	}

	.field textarea
	{
		height:100px;
	}	
	
	.field input[type="text"]:focus,
	.field input[type="date"]:focus,
	.field input[type="datetime"]:focus,
	.field input[type="email"]:focus,
	.field input[type="number"]:focus,
	.field input[type="search"]:focus,
	.field input[type="time"]:focus,
	.field input[type="url"]:focus,
	.field textarea:focus,
	.field select:focus
	{
		box-shadow: 0 0 5px #002E60;
		padding: 2px;
		border: 1px solid #002E60;
	}


	.field input[type=submit],
	.field input[type=button]{
		font-family: TradeGothic, Helvetica;
		font-size: 10pt;
		border: none;
		padding: 8px 15px 8px 15px;
		background: #002E60;
		color: #fff;
		height:30px;
		box-shadow: 1px 1px 4px #DADADA;
		-moz-box-shadow: 1px 1px 4px #DADADA;
		-webkit-box-shadow: 1px 1px 4px #DADADA;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.field input[type=submit]:hover,
	.field input[type=button]:hover{
		background: #EA7B00;
		color: #fff;
	}
	
	.fusszeile_wrapper {
		position:fixed;
		right: 0px;
		bottom: 0px;
		width: 100%;
		background-color: #2B648F;
		float: right;
		padding-top: 5px;
		padding-bottom: 5px;
		font: normal 14px helvetica, arial, sans-serif; color:#fff;
		line-height: 18px;
		border-top: 1px #fff solid;
}
	.fusszeile_inhalt {
		position:relative;
		right: 0px;
		width: 630px;
		background-color: #2B648F;
		float: right;
	}
	
	.fusszeile_inhalt a {
		color: inherit;
		text-decoration: none;}
		
	.fusszeiile_impressum {
		position:relative;
		left: 20px;
		background-color: #2B648F;
		float: left;
	}
	
	.fusszeiile_impressum a {
		color: inherit;
		text-decoration: none;}		
	
	.scrollToTop {
	margin: 0;
	padding: 0;}
}


/** Tablet Version breit
------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 951px) and (max-width: 1024px) {
}

/** Tablet Version hoch
------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 759px) and (max-width: 950px) {
}


/** Smartphone Version breit
------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 525px) and (max-width: 758px) {
}

/** Smartphone Version hoch
------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1024px) {

	.kopfzeile_wrapper{
		position:fixed; 
		top:0px;
		left:0px;
		right: 0px;
		width: 100%; 
		background-color:#FFF;
		height:80px;
	}
	
	.logo {
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.logo img {
		height: 50px;
		width: auto;
	}
	
	.tri1{
		display: none;
	}
	
	.menu_zeile {
		position: fixed;
		z-index: 10;
		top: 80px;
		left: -30px;
		text-align: left;
		font: normal 14px helvetica, arial, sans-serif; color:#000;
		line-height: 16px;
		height: 40px;
		width: 100%;
		opacity: 1;
		z-index: 10;
		background-color: #2B648F;
		color: #fff;
	}
	
	.menu_zeile  ul {
		list-style-type: none;
		}
	
	.menu_zeile a {
		text-decoration:none;
		color: inherit;
		}
	
	.menu_zeile	li {
		  float: left;
		  padding-right: 20px;
		}
	
		
	.menu ul li.current, menu ul li.active { background-color:#726986;} 
	.menu li:hover > a { text-decoration: underline;}	
	
	.filler {
		display: none;
	}
	
	.info1_wrapper {
		position:relative; 
		top:0px;
		width: 100%; 
		background-color: #2B648F;	
		z-index: -1;		
		height: 1000px;
	}
	
	.info2_wrapper {
		position:relative; 
		top:0px;
		width: 100%; 
		background-color: #2B648F;	
		z-index: -1;		
		height: 1000px;
	}

	.info3_wrapper {
		position:relative; 
		top:0px;
		width: 100%; 
		background-color: #2B648F;	
		z-index: -1;		
		height: 1000px;
	}	
	
	.info4_wrapper {
		position:relative; 
		top:0px;
		width: 100%; 
		background-color: #2B648F;	
		z-index: -1;		
		height: 1100px;
	}		
	
	.info1_blue_wrapper , .info2_blue_wrapper, .info3_blue_wrapper{
		position:relative;
		left: 0px;
		padding-left: 10px;
		width: 100%;
		background-color: #2B648F;
		top: 230px;
		height: 870px;
		border-bottom: 1px #fff solid;
	}
	
	.info4_blue_wrapper{
		position:relative;
		right: 0px;
		width: 100%;
		padding-left: 10px;
		background-color: #2B648F;
		top: 230px;
		height: 870px;
		float: right;
		padding-top: 0px;
		border-bottom: 1px #fff solid;
	}	
		
	.info2_blue_wrapper img{
		border: 1px solid white;
		height: 200px;
		width: auto;
	}	

	.tri2{
		display: none;
		}	
		
	.slogan {
		font: bold 44px Times; color:#fff;
		line-height: 40px; 
	}
	
	.fliesstext {
		font: normal 14px helvetica, arial, sans-serif; color:#fff;
		line-height: 18px;
	}

	.smoltext {
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
		line-height: 14px;
	}	
	
	.field {
	width: 350px;
	padding-left: 10px;}
	
	.field label {
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
		line-height: 14px;
	}
	
	.field input[type="text"],
	.field input[type="date"],
	.field input[type="datetime"],
	.field input[type="email"],
	.field input[type="number"],
	.field input[type="search"],
	.field input[type="time"],
	.field input[type="url"],
	.field textarea,
	.field select 
	{
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 200px;
		background: #fff;
		margin-bottom: 4%;
		border: 1px solid #ccc;
		padding: 2px;
		height:30px;
		color: #002E60;
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
	}

	.field textarea
	{
		height:100px;
	}	
	
	.field input[type="text"]:focus,
	.field input[type="date"]:focus,
	.field input[type="datetime"]:focus,
	.field input[type="email"]:focus,
	.field input[type="number"]:focus,
	.field input[type="search"]:focus,
	.field input[type="time"]:focus,
	.field input[type="url"]:focus,
	.field textarea:focus,
	.field select:focus
	{
		box-shadow: 0 0 5px #002E60;
		padding: 2px;
		border: 1px solid #002E60;
	}


	.field input[type=submit],
	.field input[type=button]{
		font-family: TradeGothic, Helvetica;
		font-size: 10pt;
		border: none;
		padding: 8px 15px 8px 15px;
		background: #002E60;
		color: #fff;
		height:30px;
		box-shadow: 1px 1px 4px #DADADA;
		-moz-box-shadow: 1px 1px 4px #DADADA;
		-webkit-box-shadow: 1px 1px 4px #DADADA;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.field input[type=submit]:hover,
	.field input[type=button]:hover{
		background: #EA7B00;
		color: #fff;
	}
	
	.fusszeile_wrapper {
		position:relative;
		right: 0px;
		width: 100%;
		background-color: #2B648F;
		float: left;
		padding-top: 20px;
		padding-left: 10px;
		padding-bottom: 20px;
		font: normal 14px helvetica, arial, sans-serif; color:#fff;
		line-height: 18px;
		border-top: 1px #fff solid;
}
	.fusszeile_inhalt {
		position:relative;
		right: 0px;
		width: 100%;
		background-color: #2B648F;
		float: right;
	}
	
	.fusszeile_inhalt a {
		color: inherit;
		text-decoration: none;}
		
	.fusszeiile_impressum {
		position:relative;
		left: 0px;
		padding-left: 0px;
		background-color: #2B648F;
		float: left;
	}
	
	.fusszeiile_impressum a {
		color: inherit;
		text-decoration: none;}			
	
}