@charset "utf-8";

/* Typography */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
display: block;
}

html {
  height:100%;
  overflow:hidden;
}

body {
  overflow:hidden;
  width:100%;
  height:100%;
  font-size:18px;
  /*font-family: 'Cuprum', sans-serif;*/
  font-family: 'Scada', sans-serif;
  color: #fff;
}

p {
	margin-bottom: 20px;
}

li {
	margin-bottom: 20px;
}

div.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

#loading {
	z-index: 1001;
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #3C3C3C;
	background: rgba(60,60,60,.9);
	width: 9999px;
	height: 9999px;		
}

#loading #startlogo {
	position: fixed; 
	left: 50%;
	top: 50%;
	margin: -60px 0 0 -112px;
}

#loading #indicator {
	position: fixed; 
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -8px;
}

#loading p {
	position: fixed; 
	left: 50%;
	top: 50%;
	width: 200px;
	margin: 20px 0 0 -100px;
	color: #fff;
	text-align: center;
}

#preloadbar {
	position: fixed; 
	left: 50%;
	top: 50%;
	width: 200px;
	height: 25px;
	margin: 20px 0 0 -100px;
	background-color: #fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	overflow: hidden;
}

#preloadbar .inner{
	width: 200px;
	height: 25px;
	position: relative;
}
#preloadbar .status {
	background: #00af2e;
	height: 25px;
	width: 0px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}


#footer {
	position: absolute;
	background-image: url(../img/footer.png);
	left: 0px;
	bottom: 0px;
	height: 21px;
	line-height: 21px;
	width: 100%;
	font-size: 10px;
	text-align: center;
	z-index: 120;
}

#footer a {
	font-size: 10px;
	text-transform: uppercase;
	color: #335aa2;
	text-decoration: none;
	line-height: 21px;
	margin: 0 9px;
}

#main {
  overflow:hidden;
  position:relative;
  width:100%;
  height:100%;
}

#verticalScrollArea {
  position: absolute;
  width:100%;
}

section {
  position:relative;
  overflow: hidden;
  width: 100%;
  /*max-width: 1600px;*/
  /*Added to contain the background colour*/
  margin-left: auto; 
  margin-right: auto;
  box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);  
}


a {
   outline: 0;
}

.content {
  /*Causes clip problem on IE*/
  position:relative;
  min-width:768px;
  max-width:1600px;

  height:100%;
  max-height:1000px;
  overflow: hidden;

  display: block; 
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
}

.backGroundImage {
  width:100%;
  height:100%;
  margin:0px auto;
}

.horizontalContent {
  position:absolute;
}

#status {
  display:none;
  z-index: 9999;
  position:fixed;
  top:0px;
  background-color: rgb(255,255,255);
  width:250px;
  color: #000;
  font-size: 11px;
}

#overlay {
  display:none;
  position: fixed;
  width:9999px;
  height:9999px;
  background-color: #000;
  z-index:1001;
}

#overlayClose {
  display:none;
  position: absolute;
  right: 0px;
  top: -30px;
  /*background-color: rgb(255,255,255);*/
  z-index:1002;
}

#overlayClose a {
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(../img/video_popup_close.png);
  background-repeat:no-repeat;
  text-indent: -9999px;
}

.overlayContent {
  position: absolute;
  top:50%;
  left:50%;
  background-color: transparent;
  z-index:1002;
}

.overlayContent.offscreen {
  left:-9999% !important;
}


#navigation{
  position:fixed;
  z-index:9999;
  top:220px;
  right:10px;
  opacity: 0.5;
  display: none;
}
#navigation:hover{
  opacity: 1.0;
}
#navigation a{
  
  border-radius: 50%;
  display: inline-block;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  background: white;
  display:block;
  margin-bottom:10px;    
  text-align:left;
  /*-webkit-transition: all .2s ease-in-out;*/
  
  /*color:#333333;
  display:block;
  padding: 0 10px;
  line-height:30px;
  margin-bottom:2px;
  font-weight:bold;
  -webkit-transition: all .2s ease-in-out;
  border-bottom:1px solid black;
  text-align:left;
  width:53px;*/
}
#navigation a:hover,#navigation a.active{
  cursor:pointer;
  background: #eba100;
  
  /*font-size:25px;
  cursor:pointer;
  width:100px!important;*/
}

.button{
  display:block;
  width:46px;
  height:65px;
  position: absolute;
  bottom:30px;
  margin-left: -23px;
  left:50%;
  background-image:url(../img/pfeil.png);
}

.button:hover{
  cursor:pointer;
}




#navtip {
  display:none;
}

#navtipArrow {
  display:none;
}

#scrollTeaser {
  position: fixed;
  z-index:100;
  bottom: 200px;
  left: 50%;
  margin-left: -15px;
  width:31px;
  height:50px;
}

#scrollTeaser > div {
  position: absolute;
  background-repeat: no-repeat;
  background-position:center;    
  left:0px;
  width:31px;
  height:31px;
  display:none;
}

#scrollTeaser-down1 {
  background: url("../img/down1.png");
  top:0px;
}

#scrollTeaser-down2 {
  background: url("../img/down2.png");
  top:20px;
}

#scrollTeaser-down3 {
  background: url("../img/down3.png");
  top:40px;
}

h1, h2, h3 {
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 15px;
}
h1 {
color: #FFFFFF;
/*    text-shadow:
    0 0 10px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 30px #FFFFFF,
    0 0 40px #FF00DE,
    0 0 70px #FF00DE,
    0 0 80px #FF00DE,
    0 0 100px #FF00DE,
    0 0 150px #FF00DE;*/
}


#scrollBar {
  display: none;
  position: fixed;
  z-index:100;
  top:0px;
  right:0px;
  width:16px;
  background-color: #cecece;
}

.thumb {
  position: absolute;
  top:0px;
  left:0px;
  height:37px;
  width:100%;
  /*background-color: rgb(255,0,0);*/
  background: url("../img/scroll.png");
  
}


.aFrame {
  height:1000px; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center 0px;
  background-repeat:no-repeat;
  
}

.aChildren {
	display: inline;
}

#topLogo {
  position: fixed;
  left: 37px;
  top: 39px;
  z-index: 120;
}


.browserSupport {
	border: 3px solid #fff;
	background: #525252;
	width: 600px;
	position: fixed;
	left: 50%;
	top: 100px;
	margin-left: -310px;
	z-index: 9999;
	color: #fff;
}

.browserSupport .wrap {
	padding: 20px 20px 10px 150px;

	background-image: url(../img/warning.gif);
	background-position: 25px 25px;
	background-repeat: no-repeat;
	position: relative;

}

.browserSupport .closeModal {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

.browserSupport h1 {
	/*font-family: 'Cuprum', sans-serif;*/
	font-family: 'Scada', sans-serif;
	font-size: 24px;
	color: #fff;
}

.browserSupport ul {
	height: auto;
}

.browserSupport li {
	color: #fff;
	margin: 0 0 10px 20px;
	width: 
	list-style-type: disc;
}

.browserSupport li a{
	color: #EE7C00;
	background-image: url(../img/linkicon.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 13px;
}


.ipadNote {
  display:none;
  position: fixed;
  width:9999px;
  height:9999px;
  background-color: rgba(0,0,0,.8);
  z-index:1001;
}

.advice {
	width: 200px;
	height: 100px;
	position: fixed;
	z-index: 1002;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -100px;
	text-align: center;
	color: #EE7C00;
	font-size: 14px;
	
}


/* Element Formatierungen */
.section1child,
.section2child,
.section3child,
.section4child,
.section5child,
.section6child {
	position: absolute;
	left: 59px;
	top: 180px;
	width: 460px;
	/*background: rgba(51,90,162,0.5);*/
	padding: 10px;
}
.stoerer1{
	position: absolute;
	left: 375px;
	top: 330px;
	width: 211px;;
	/*background: rgba(51,90,162,0.5);*/
	padding: 10px;
}
.stoerer2{
	/*statisch über alle sections*/
	position: absolute;
	left: 150px;
	bottom: 150px;
	width: 211px;;
	padding: 10px;
}

.stoerer7{
    position: absolute;
    left: 600px;
    top: 490px;
    width: 211px;;
    /*background: rgba(51,90,162,0.5);*/
    padding: 10px;
}
/*
.section32child {
	position: absolute;
	left: 59px;
	bottom: 50px;
	width: 475px;
	height: 256px;
	padding: 10px;
}
*/
.globalAnimation p {
	font-size: 16px;
	width: 460px;
	margin-left: -200px;
}
.globalAnimation p.responsive-block {
	width: 662px;
}
@media screen and (max-width: 1100px) {
	.globalAnimation p.responsive-block {
		width: 460px;
	}
	.globalAnimation p.responsive-block .downloadlink img {
		display: none;
	}

	
}

.linkButton{
  background-image: url(../img/sprite.png);
  background-position: 0px -57px;
  background-repeat: repeat-x; 
  height: 33px;
  border: 0px;
  line-height: 33px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  overflow: visible;
  width: 210px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  margin-top: 20px;
}

.globalAnimation {
	margin-left: -600px;
}

.foldOut {
	background-image: url(../img/foldout.png);
	width: 600px;
	height: 100%;
	position: absolute;
	left: -575px;
	top: 0px;
	z-index: 100;
	font-size: 15px;
}

.closed{
	background-image: none;
}

.foldOut .inner {
	position: relative;
	padding: 200px 90px 0px 59px;
}



.foldoutNav {
	width: 25px;
	height: 77px; 
	background-image: url(../img/foldoutnav.png);
	background-position: left top;
	position: absolute; 
	top: 300px;
	right: 0px;
	cursor: pointer;
	
}

.closed .foldoutNav {
	background-position: right bottom;
}


.downloadlink {
	float: left;
	/*width: 112px;*/
	/*width: 420px;*/
	width: 220px;
	/* height: 40px; */
	margin-top: 20px;
	/*margin-right: 20px;*/
	text-decoration: none;
	/*font-weight: bold;*/
	color: white;	
}
.downloadlink:hover {
	color: #88BB43;
}
.downloadlink img {
	/* float: left; */
	margin-right: 20px;
	height: 70px;
}
.downloadlink span {
	display: block;
	min-height: 40px;
	background: transparent url(../img/Download_Icon_Green.png) no-repeat left center;
	padding-left: 50px;
	font-size: 0.9em;
	width: 150px;
}

.img-src {
	position: absolute;
	left: 69px;
	bottom: 40px;
	font-size: .8em;
}

/* Form Formatierungen */



#kontakt {
	position: fixed;
	right: 40px;
	top: 50%;
	width: 245px;
	border-radius: 6px;
	padding: 15px 10px 15px 15px;
	background-image: url(../img/form.png);
	margin: -324px 0 0 0;
	box-shadow:0px 2px 2px rgba(0,0,0,0.3);
	z-index: 120;
}

#kontakt label {
	color: #fff;
	text-align: left;
	display: block;
	float: left;
	width: 215px;
	margin-bottom: 10px;
	font-size: 12px;
}


#kontakt h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	color: #fff;
	text-align: left;	
}
#kontakt .textbig{
	font-size:18px;
	/*font-style:italic;*/
	margin:0px 0px 7px 0px;
}

.kontaktherunteladen{
	margin-top:0px!important;
	width:240px;
}
#kontakt .telefonHinweis div{
	padding-left:98px;
	padding-bottom:0px;
}
#kontakt .telefonHinweis img{
	position:absolute;
	left:0px;
	bottom:0px;
	border-radius: 5px;
}
#kontakt .telefonHinweis{
	/*font-style:italic;*/
	font-size:14px;
	margin-bottom:10px;
	position:relative;
}

input.textinput {
	border-radius: 4px;
	background: #fff;
	border: 0px;
	padding: 4px 10px;
	border: 1px solid #fff;
	width: 218px;
	margin-bottom: 10px;
	font-family: 'Scada', sans-serif;	
  	color: #929292;
}

.selectbox {
	border-radius: 4px;
	background: #fff;
	border: 1px solid #fff;
	padding: 3px 8px;
	margin-bottom: 15px;
	text-align: left;	
}

input.plzinput {
	width: 38px;
	margin-right: 10px;
}

input.ortinput {
	width: 143px;
}


.selecterror, input.error {
	border: #ff0000 1px solid;
}
label.errordatenschutz {
	color: #ff0000!important;
}

.centered {
	text-align: center;
}
input.submit {
  background-image: url(../img/sprite.png);
  font-family: 'Scada', sans-serif;  
  background-position: 0px -57px;
  background-repeat: repeat-x; 
  height: 33px;
  border: 0px;
  line-height: 33px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  overflow: visible;
  padding: 0px 27px;
  cursor: pointer;
}

/* Select */
div.selector {
  text-align: left;	
  background: #fff;
  background-image: url(../img/sprite.png);
  background-position: top right;
  background-repeat: no-repeat;
  margin-bottom: 10px;

  border-radius: 4px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  color: #929292;
  font-size: 14px;
font-family: 'Scada', sans-serif;
  overflow: hidden; }

div.selector.fixedWidth {
  width: 190px; }

div.selector span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: top right;
  height: 26px;
  line-height: 26px;
  padding-right: 25px;
  cursor: pointer;
  width: 100%;
  display: block; }

div.selector.fixedWidth span {
  width: 155px; }

div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 22px;
  top: 2px;
  left: 0px;
  width: 100%; }


/* Checkbox */
div.checker,
div.checker span,
div.checker input {
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 4px;
  float: left;

}

div.checker {
  margin: -1px 10px 0 0;
	position: relative; }

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -260px; }

div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1; }


div.checker span.checked {
  background-image: url(../img/sprite.png);
  background-position: -3px -35px;
  background-repeat: no-repeat;
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.ipadNote {
		display: none;
	}	
	
	#navigation {
		margin-right: -16px;
	}	
	
	#navigation a:hover {
  		background: white;
	}
	
	#navigation a.active{
  		cursor:pointer;
  		background: #eba100;
	}
	

	#navigation:hover{
	  opacity: 0.7!important;
	}
	
	#betabutton {
		  display: block;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.ipadNote {
		display: block;
	}
	
	#navigation {
		margin-right: -16px;
	}		
	
	#navigation a:hover {
  		background: white;
	}
	
	#navigation a.active{
  		cursor:pointer;
  		background: #eba100;
	}
	
	#navigation:hover{
	  opacity: 0.7!important;
	}
	
	#change_direction {
		display: block;
	}
	
	#betabutton {
		  display: block;
	}

}

/* Slider-List */
.sms-slide-list > * {
	float: left;
	height: 150px;
}
.sms-slide-list > div {
	cursor: pointer;
	width: 60px;
	background: transparent url(../img/pfeil_back.png) no-repeat left 30px;
	
	-moz-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
	
}
.sms-slide-list > div.slide-next {
	float: right;
	background: transparent url(../img/pfeil_next.png) no-repeat right 30px;
}
.sms-slide-list {
	display: inline-block;
	width: 100%;
}
.sms-slide-list ul {	
	position: relative;
	list-style: none;
	width: 340px;
}
.sms-slide-list li {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
}

.sms-slide-list li:first-child {
	display: inline-block;
}

@media (max-height:740px) and (min-height:627px) {
#kontakt .telefonHinweis {
  display: none;
 }
#kontakt {
	margin: -274px 0 0 0;
}
}

@media (max-height:626px) {
#kontakt .textbig {
  font-size: 16px;
}
input.textinput {
  margin-bottom: 5px;
  padding: 2px 10px;
}
.kontaktherunteladen {
  line-height: 28px;
  height: 28px;
}
input.submit {
  height: 28px;
  line-height: 28px;
}
div.selector {
  margin-bottom: 5px;
}
#kontakt {
  margin: -249px 0 0;
}
#kontakt .telefonHinweis {
  display: none;
}
}