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


html, body {

  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background:#161e74;
}



/* New New New New New New New New New New New New New  */

.datenschutz
{
	float: right;
    background-color: none;
    right: 10%;
    margin-top: 20px;
    width: 177px;
    position: absolute;
}


.adresse
{
	float:left;
	margin-left:40px;
	margin-top:20px;
	}


h1{
	font-size:20px;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	}


.slogan
{
	margin-left:-50%;
	width:30%;
	background-color:#FFFFFF;
	padding:20px;
	}

#header
	{
	width:98%;
	height:50px;
	background-color: #161e74;
	z-index:999;
	border:0px;
	padding:30px 20px;
	top:0px;
	}
	
	.impress
	{
	background:#161e74;
	padding:40px;
	position:relative;
	overflow: hidden;
	width:60%;
	
	}

#footer
{
	width:100%;
	height:100px;
	background-color: #161e74;
	z-index:999;
	border:0px;
	bottom:0px;
	}
	
.breite
{
	width:auto;
	margin-right:20px;
	padding: 0px
	}
	
.logo {
  background-image: url(img/hero_it_logo.png);
  background-repeat:no-repeat;
  width:161px;
  height:29px;
  right:10%;
  position:absolute;
  margin-top:20px;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:white;
	}


a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:white;
	text-decoration:none;
	}

	
a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	}
	
	
.page6.active{
	background: none;
  border-bottom: 1px #FFF solid;
	
	}
	
	
	
.navigation li
{
	display:inline;
	list-style:none;
	float:left;
}
	
#navi ul li.close {
     display: none;
}	

ul 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:white;
	}


.partner
{
	width:100px;
	height:50px;
	float:left;
	margin-left:40px;
	}

.back
{
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	
	}
	
.kontaktdaten
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	text-decoration: none;
	margin-bottom: 6px;
	}
	
/* New New New New New New New New New New New New New  */


@media only screen and (max-width: 767px) {
	
    h2, h1{ font:'Open Sans', sans-serif;  margin:0; padding:0; text-align: left; color: #ffffff;}
    h1{ font-size:30px; line-height:40px; }
	h2 span{color:#0088cc;}
	hr{ padding:0; margin:50px 0; height:1px; border:0; background:rgba(0,0,0,.2); box-shadow:0 1px 0 rgba(255,255,255, 0.8)  }


.kontakt
{
	margin: 14px 0 0px 18px;
	}


.kontaktdaten
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float:left;
	width:180px;
	color: white;
	text-decoration: none;
	padding-top:0px;
	background:#161e74;
}

.adresse
{
	float:left;
	margin-left:0px;
	width:auto;
	margin-top:0px;
	
}


.datenschutz
{
	float:left;
	margin-left:0px;
	width:auto;
	margin-top:0px;
	position:relative;
	right:auto;
}





#header
	{
	width:100%;
	height:50px;
	position: relative;
	background-color: #161e74;
	border:0px;
	padding:0px;
	margin:0px;
	background:#161e74;
	
	}

.logo {
  background-image: url(img/hero_it_logo.png);
  background-repeat:no-repeat;
  width:161px;
  height:29px;
  right:10%;
  position:absolute;
  margin-top:20px;  
   }
 
.ulip
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:white;
	}
  
 
  
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:white;
	}
  
  
#footer
	{
	width:100%;
	height:100px;
	background-color: #161e74;
	position: realtive;
	border:0px;
	bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	background:#161e74;
	
	}

.impress
	{
	background: none;
	margin:0 0 0 18px;
	width:90%;
	padding:0px;
	position:relative;
	overflow: hidden;
	margin-top:10%;
	}





.control 
{
    position: absolute;
    top: 43%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 55;
}

.back {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 13px;

}
/*
.css-slider-wrapper {
    display: block;
    background: #FFF;
    overflow: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #161e74;
}

*/

	
h1{
	font-size:20px;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	}


}