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


@font-face {
	font-family: 'Univers55';
	src: url('/fonts/UniversLTStd.eot');
	src: local('☺'), url('/fonts/UniversLTStd.woff') format('woff'), url('/fonts/UniversLTStd.ttf') format('truetype'), url('/fonts/UniversLTStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Universe55Bold';
	src: url('/fonts/UniversLTStd-Black.eot');
	src: local('☺'), url('/fonts/UniversLTStd-Black.woff') format('woff'), url('/fonts/UniversLTStd-Black.ttf') format('truetype'), url('/fonts/UniversLTStd-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Univers45BoldItalic';
	src: url('/fonts/UniversLTStd-BoldObl.eot');
	src: local('☺'), url('/fonts/UniversLTStd-BoldObl.woff') format('woff'), url('/fonts/UniversLTStd-BoldObl.ttf') format('truetype'), url('/fonts/UniversLTStd-BoldObl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Univers45';
	src: url('/fonts/UniversLTStd-Light.eot');
	src: local('☺'), url('/fonts/UniversLTStd-Light.woff') format('woff'), url('/fonts/UniversLTStd-Light.ttf') format('truetype'), url('/fonts/UniversLTStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'Univers45Italic';
	src: url('/fonts/UniversLTStd-LightObl.eot');
	src: local('☺'), url('/fonts/UniversLTStd-LightObl.woff') format('woff'), url('/fonts/UniversLTStd-LightObl.ttf') format('truetype'), url('/fonts/UniversLTStd-LightObl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@import "/styles_cms.css";

* {
	margin:0px;
	padding:0px;
}


html {height:100%; background-color:#fff; font-size: 82.5%;}
body {font-family: 'Univers45', Arial, sans serif; color:#444;overflow-y:scroll; height:100%;}
body p, body div {}

.font55 {font-family: 'Univers45', Arial, sans serif;}
.font55bold {font-family: 'Univers45', Arial, sans serif;}
.font55bolditalic {font-family: 'Univers45BoldItalic', Arial, sans serif;}
.font45 {font-family: 'Univers45', Arial, sans serif;}
.font45italic {font-family: 'Univers45Italic', Arial, sans serif;}
.gelb {color:#ffff00}
.white {color:#fff}
.fontgruen {color:#25A725}
.big {font-size:1.3em}
.mt100px {margin-top:100px}
.mt150px {margin-top:200px}



/*
#header {width:100%; height:105px;
-webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75);
position:fixed;  margin:0px auto; text-align:center; padding-top:5px; z-index:999999; background-color:#FFF;
transition: top 0.2s ease-in-out;
}
#nav {width:980px; max-width:940px; position:relative; margin:0px auto; height:100px}
#navButtons{position:absolute; left:100px; top:80px; text-align:left; display:none}
#navButtons ul li {list-style-type:none; float:left; margin-right:10px}
.navbutton {cursor:pointer; color:#999; font-family: 'Univers55', Arial, sans serif; font-size:16px}
.navbutton:hover {color:#000}
#logo h1 {width:75px; height:100px; display:block; float:left; text-indent:-10000px; background-image:url(/UserFiles/Image/systembilder/logo_bp.png); background-repeat:no-repeat}
#heliosXS {width:20px; height:25px; background-image:url(/UserFiles/Image/systembilder/logo_bp.png); background-size:cover; background-position:0px -6px; background-repeat:no-repeat; position:absolute; top:80px; display:none}
#container { position:relative; margin:0px auto;text-align:center; padding-top:5px; top:110px; z-index:1; min-width:1024px;  text-align:left; width:100%; height:100%; opacity:0.2; position:absolute; top:0px; background-repeat:no-repeat}
img.map {
min-height: 100%;
min-width: 940px;
	
   Set up proportionate scaling 
  width: 100%;
  height: auto;
}

.popup{
  background:#fff;
  border:1px solid #eee;
  border-radius:5px;
  padding:0px;
  position:absolute;
  display:none;
  width:250px;
  z-index:99999;
  background-image:url(/UserFiles/Image/systembilder/schwung.png); 
  background-position:bottom;
  background-repeat:no-repeat;
  min-height:120px;
}

.frage {margin-bottom:10px; border:1px solid #eee; width:825px; padding:5px; background-color:#eee;}


#blockCounter {position:absolute; top:400px;}
#blockCounter span.ok {background-color:#89ba17; color:#FFF}
#blockCounter span.notok {background-color:#F00; color:#FFF}
.blockCounter0 {display:block; float:left; margin-right:20px}
.blockCounter {display:block; width:20px; height:20px; text-align:center; border:1px solid #eee; float:left; margin-right:5px}
.blockCounter1 {position:absolute; top:430px; left:180px; cursor:pointer}
.frageweiterNew:hover {color:#000}
.frageweiterNewAll:hover {color:#000}

.antwort {width:250px; height:100px; border:1px solid #eee; cursor:pointer; float:left; padding:10px; margin-right:10px; font-family: 'Universe55Bold', Arial, sans serif;}
.antwort:hover {background-color:#eee}
.rot {width:250px; height:100px; border:1px solid #eee; cursor:pointer; float:left; padding:10px; margin-right:10px; font-family: 'Universe55Bold', Arial, sans serif; background-color:#F00; color:#FFF}
.gruen {width:250px; height:100px; border:1px solid #eee; cursor:pointer; float:left; padding:10px; margin-right:10px; font-family: 'Universe55Bold', Arial, sans serif; background-color:#89ba17;  color:#FFF}

*/


#header {width:1280px; height:40px; background-color:#FFF; position:relative;  margin:0px auto; z-index:999999; text-align:center}
#nav {width:1280px; max-width:1280px; position:relative; margin:0px auto; height:30px}
#navButtons{position:absolute; left:0px; top:10px; text-align:left; display:none}
#navButtons ul li {list-style-type:none; float:left; margin-right:10px}
.navbutton {cursor:pointer; color:#999; font-family: 'Univers55', Arial, sans serif; font-size:16px; border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); min-width:150px;}
.navbutton a {color:#FFF; text-decoration:none}
.dgruen {background-color:#25A725; color:#FFF}
.hgruen {background-color:#96CF0A; color:#fff}
.orange {background-color:#EC8C33; color:#FFF}
.w335 {width:315px}

#update {cursor:pointer; color:#999; font-family: 'Univers55', Arial, sans serif; font-size:16px; border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); min-width:310px; background-color:#96CF0A; color:#fff; margin-left:410px}



#navButtons ul li a {padding-bottom:20px}

.dropdown_6columns {
	margin:5px auto;
	float:left;
	text-align:left;
	position:absolute;
	padding:5px;
	border:0px solid #777777;
	border-top:none;
	background-color:rgba(255,255,255, 0.9);
	-webkit-box-shadow: 10px 15px 15px 1px #222;
	box-shadow: 10px 15px 15px 1px #222;
	z-index:99999999999;
	visibility:hidden;
	 border-radius:5px;
	 color:#666;
	 font-size:0.9em;
	 margin-left:-5px;
	
}

.dropdown_6columns li { display:block; clear:both; min-width:140px; width:100%; border-bottom:1px solid #CCC; padding-bottom:10px; padding-top:10px}
.dropdown_6columns li:last-child {padding-bottom:0px; border-bottom:0px}
.dropdown_6columns li:hover {color:#25A725}

#navButtons li:hover .dropdown_6columns {
	visibility:visible;
}



.navbutton:hover {color:#000}
#containerOuter {position:absolute; top:50px; margin:0px auto; text-align:center; width:100%;}
#container { position:relative; margin:0px auto;text-align:center; padding-top:5px; top:0px; z-index:1; width:1280px; height:900px; max-width:100%;  text-align:left;  opacity:0.2; background-repeat:no-repeat; z-index:1;}
#footer {background-color:#FFF; width:100%; height:400px; border:1px solid #F00; position:absolute; z-index:99999999}
img.map {
min-height: 100%;
min-width: 940px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  max-width:100%;
  position:absolute: left:0px; top:0px; opacity:1;
}

/*.infobutton {width:30px; height:30px; position:absolute; z-index:9999; cursor:pointer; background-image:url(/UserFiles/Image/systembilder/gear_bg.png); background-repeat:no-repeat}*/
.infobutton {width:30px; height:27px; position:absolute; z-index:9999; cursor:pointer; background-color:#007833; border-radius:15px; color:#FFF; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); padding-top:3px; font-size:1.5em; font-weight:bold}
.infobutton:hover { -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.25);}


.infobuttonVideo {width:40px; height:40px; position:absolute; z-index:9999; cursor:pointer; background-color:#ff9a01; border-radius:40px; color:#FFF; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); padding-top:3px; font-size:1em; font-weight:bold; color:#ffff00; background-position:5px 5px; background-image:url(/UserFiles/Image/systembilder/tv.png); background-repeat:no-repeat}


.infobuttonVideo span {display:block; margin-top:12px; margin-left:-3px}

.infobuttonVideo:hover { -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.25);}




#mapOuter { position:relative; max-height:900px; min-heigt:900px; min-width:1280px; max-width:1280px; margin:0px auto; text-align:center; border-bottom:1px solid #eee; border-left:1px solid #eee;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);

}

div#contact {
    position: fixed;
    right: -10px;
    top: 200px;
}

.contimage {opacity:0.8;cursor:pointer}
.contimage:hover {opacity:1}


.popup{
  background:#96CF0A;
  border-radius:0px;
  padding:0px;
  position:absolute;
  display:none;
  width:200px;
  z-index:99999;
  background-position:bottom;
  background-repeat:no-repeat;
  min-height:80px;
  padding:20px;
  border:2px solid #96CF0A;
  text-align:left;
  /*background:rgba(255,255,255,0.9);*/
  color:#fff;

}


.popup:after, .popup:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popup:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #96CF0A;
	border-width: 30px;
	margin-left: -30px;
}
.popup:before {
	border-color: rgba(150, 207, 10, 0);
	border-bottom-color: #96CF0A;
	border-width: 33px;
	margin-left: -33px;
}



.popupVideo .closer {float:right; position:absolute; z-index:1000; right:10px; top:10px; cursor: pointer; color:#FFF; font-size:2em} 

.popupVideo{
  border-radius:0px;
  padding:0px;
  position:absolute;
  display:none;
  z-index:99999;
  background-position:bottom;
  background-repeat:no-repeat;
  text-align:left;
  cursor:pointer;

}

.K1 {background-image:url(UserFiles/Image/systembilder/BP_K1.png); width:858px; height:523px}

/*
.popupVideo:after, .popupVideo:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popupVideo:after {
	border-color: rgba(255, 153, 0, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.popupVideo:before {
	border-color: rgba(255, 153, 0, 0);
	border-bottom-color: #ff9900;
	border-width: 33px;
	margin-left: -33px;
}

*/














.frage {margin-bottom:10px; width:825px; margin-top:20px;}

#antwortenOuter {position:absolute; top:350px; width:900px; padding-left:15px}
.antwort {width:275px; height:100px; border:1px solid #017934; background-color:#017934; cursor:pointer; float:left; padding:10px; margin-right:10px; font-family: 'Universe45', Arial, sans serif;  border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); max-height:100px; vertical-align:text-top; text-align:center; display:table; font-size:13px}
.antworttext {display:table-cell; vertical-align:middle}
.antwort:hover {opacity:0.8}

.rot {width:275px; height:100px; border:1px solid #017934; cursor:pointer; float:left; padding:10px; margin-right:10px; font-size:12px; font-family: 'Universe45', Arial, sans serif; background-color:#017934; cursor:pointer; float:left; padding:10px; margin-right:10px;   border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); opacity:0.8; background-image:url(/UserFiles/Image/systembilder/falsch.png); background-repeat:no-repeat; background-position:100% 100%; display:table; text-align:center}

.gruen {width:275px; height:100px; border:1px solid #96cf0a; cursor:pointer; float:left; padding:10px; margin-right:10px; font-size:12px; font-family: 'Universe45', Arial, sans serif; background-color:#96cf0a; cursor:pointer; float:left; padding:10px; margin-right:10px;  border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); opacity:0.8; background-image:url(/UserFiles/Image/systembilder/richtig.png); background-repeat:no-repeat; background-position:100% 110%; display:table; text-align:center}

.gruen1 {width:275px; height:100px; border:1px solid #017934; cursor:pointer; float:left; padding:10px; margin-right:10px; font-size:12px; font-family: 'Universe45', Arial, sans serif; background-color:#017934; cursor:pointer; float:left; padding:10px; margin-right:10px;  border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); opacity:0.8; background-image:url(/UserFiles/Image/systembilder/richtig.png); background-repeat:no-repeat; background-position:100% 110%; display:table; text-align:center}



#blockCounter {position:relative; margin-top:0px; right:0px; clear:both}
#blockCounter span.ok {background-color:#89ba17; color:#FFF}
#blockCounter span.notok {background-color:#F00; color:#FFF}
.blockCounter0 {display:block; float:left; margin-right:20px}
.blockCounter {display:block; width:20px; height:20px; text-align:center; border:1px solid #eee; float:left; margin-right:5px}
.blockCounter1 {position:relative; top:0px;  cursor:pointer}
.frageweiterNew:hover {color:#ffff00}
.frageweiterNewAll {color:#ffff00; cursor:pointer}
.frageweiterNewAll:hover {color:#fff}




.kategorie {display:block; border-bottom:2px solid #ffff00; font-size:1.8em; font-weight:bold; padding-bottom:10px} 
.kategorieklein {display:block; margin-top:10px; font-weight:bold; font-size:1.2em; text-transform:none; max-width:700px; height:40px}



#quizLayer {display:block;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:99998; top:120px}
#quizOuter {color:#FFF;position:relative; margin:0px auto; width:940px; height:500px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#quizInner {width:90%; padding:2%}
#quizInner h2 {margin-bottom:10px}
#fragenOuter {}
.fragenOuter {padding-top:0px; margin-top:20px}
.fragenOuter h3 {margin-bottom:10px}
.frageweiter {cursor:pointer;  position:absolute;  width:auto; color:#fff; top:110px; right:15px; border:1px solid; border:1px solid #96cf0a; cursor:pointer; float:left; padding:10px; margin-right:10px; font-size:12px; font-family: 'Universe45', Arial, sans serif; background-color:#96cf0a; cursor:pointer; float:left; padding:10px; margin-right:10px;  border-radius:5px;  padding:5px; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); opacity:0.8;  background-repeat:no-repeat; background-position:100% 110%; display:table; text-align:center}

.frageweiterinfo{cursor:pointer;  position:absolute;  width:auto; color:#ffff00; top:290px; right:65px; display:none; width:100px; height:35px; background-color:#96CF0A; padding:10px; border-radius:10px}

.zurErgebnisUebersicht {color:#ffff00; cursor:pointer;  position:absolute;  width:auto;  top:120px; right:15px}
.zurErgebnisUebersicht:hover {text-decoration:underline}



#quizLayerErgebnis {display:none;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:99998; top:120px}
#quizErgebnisOuter {color:#FFF;position:relative; margin:0px auto; width:940px; height:500px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#quizErgbebnisInner {width:90%; padding:2%}
#quizLayerErgebnis .textbereich {padding-left:100px; margin-top:50px}
#quizLayerErgebnis .textbereich .einruck{margin-left:120px}
#quizLayerErgebnis .liniegelb {width:100%; border-bottom:2px solid #ffff00; height:5px; margin-bottom:5px}

.mb20px {margin-bottom:20px}
.mb10px {margin-bottom:10px}
.fragezeichenBig {cursor:pointer; background-image:url(UserFiles/Image/systembilder/fragezeichen100.png); width:200px; height:150px; background-position:center top; background-repeat:no-repeat; display:block; float:left}
.ranglisteBig {cursor:pointer; background-image:url(UserFiles/Image/systembilder/rangliste100.png); width:200px; height:150px; background-position:center top; background-repeat:no-repeat; display:block; float:left; margin-right:30px}

.ausschaltenBig {cursor:pointer; background-image:url(UserFiles/Image/systembilder/ausschalten100.png); width:200px; height:150px; background-position:center top; background-repeat:no-repeat; display:block; float:left; margin-left:30px}

.gruentext {cursor:pointer; background-color:#01943c; color:#fff; width:100%; height:20px; display:block; border-radius:5px; padding:5px; top:120px; position:relative; text-align:center}


/* http://cssarrowplease.com/ */
.frageweiterinfo:after, .frageweiterinfo:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.frageweiterinfo:after {
	border-color: rgba(150, 207, 10, 0);
	border-left-color: #96CF0A;
	border-width: 10px;
	margin-top: -10px;
}
.frageweiterinfo:before {
	border-color: rgba(150, 207, 10, 0);
	border-left-color: #96CF0A;
	border-width: 13px;
	margin-top: -13px;
}


.roundright {width:30px; height:27px; position:absolute; z-index:9999; cursor:pointer; background-color:#007833; border-radius:15px; color:#FFF; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); padding-top:3px; font-size:1.5em; font-weight:bold; display:block; text-align:center}
.roundright:hover { -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.25);}
.rightabsolute {cursor:pointer;  position:absolute;  width:auto; color:#ffff00; top:270px; right:20px;}


.karten {position:absolute; top:0px; right:-50px; width:250px; height:270px}
.karten div {width:140px; height:37px; color:#FFF; font-weight:bold; padding-top:180px; font-size:1.5em; text-align:center}
.karte1 { -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg);
	position:absolute;
	z-index:100003;
	top:0px; 
	left:20px;
}

.karte2 { -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Safari */
    transform: rotate(15deg);
		position:absolute;
	z-index:100002;
	top:0px; 
	left:10px;
}
.karte3 { -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
		position:absolute;
	z-index:100001;
	top:0px; 
	left:0px;
}



.kartenLinks {position:absolute; top:20px; left:50px; width:250px; height:270px}
.kartenLinks div {width:140px; height:37px; color:#FFF; font-weight:bold; padding-top:180px; font-size:1.5em; text-align:center}
.karte4 { -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg);
	position:absolute;
	z-index:100003;
	top:20px; 
	left:0px;
}

.karte5 { -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);
		position:absolute;
	z-index:100002;
	top:10px; 
	left:10px;
}
.karte6 { -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
		position:absolute;
	z-index:100001;
	top:0px; 
	left:20px;
}








#tester {height:120px; width:900px;} 
#abdecker {width:840px; height:120px; background-color:transparent; position:absolute; top:-20px; left:0px; z-index:100001; display:none; }

.frageweiterNew {cursor:pointer; margin-top:30px; color:#ffff00}
.top50 {position:absolute; top:20px}
.frageweiter:hover, .frageweiterNew:hover {color:#ffff00}
.h20 {height:20px; width:100%; clear:both; position:relative}

#up {display:none; position:relative; top:0px; font-size:40px; cursor:pointer; right:0px; float:right}
#down {display:none; position:relative; top:-15px; font-size:40px; cursor:pointer;  right:0px; float:right}
#loginOuter {width:940px; margin:0px auto; text-align:left; position:relative; top:120px; height:400px}

#zustimmung {position:relative; z-index:999; margin:0px auto; left:0px;  height:350px; width:500px; border:1px solid #eee; background-color:#FFF; border-radius:10px; padding:10px; text-align:left;  z-index:100000; padding:30px}

#zustimmungFix {position:relative; z-index:999; margin:0px auto; left:0px;  height:350px; width:500px; border:1px solid #eee; background-color:#FFF; border-radius:10px; padding:10px; text-align:left;  z-index:100000; padding:30px}

#zustimmungOK {cursor:pointer; text-decoration:underline; color:#ff6600; cursor:pointer}
#zustimmungOK:hover {text-decoration:none}

#login {position:absolute; z-index:999; margin:0px auto; left:0px;  height:250px; width:320px; border:1px solid #eee; background-color:#FFF; border-radius:10px; padding:10px; text-align:left;  z-index:100000;}
#anmeldung {display:none; position:absolute; z-index:999; margin:0px auto; left:350px;  height:550px; width:350px; border:1px solid #eee; background-color:#FFF; border-radius:10px; padding:10px; text-align:left;  z-index:100001;}
#anmeldungOpener {cursor:pointer}
.left {width:150px; float:left; padding-bottom:10px}
.leftsmall {width:100px; float:left; padding-bottom:10px}
.leftsmall1 {width:150px; float:left; padding-bottom:10px}
.right {float:left; padding-bottom:10px; width:170px}
.rightsmall {width:100px;float:left; padding-bottom:10px}
.rightsmallxs {width:200px;float:left; padding-bottom:10px; font-size:0.8em}
.clearer {clear:both}
#formfields1 {width:350px}
#formfields1, #formfields2 {padding-top:20px}
#loginform input, #loginform button {height:30px; width:150px;  padding-left:5px}
#registrierungForm input,  #registrierungForm button {height:30px; width:150px;  padding-left:5px}
#registrierungForm select  {height:30px; width:155px;  padding-left:5px}
#logout {}
#logout a {text-decoration:none; color:#ff6600}
.w45pro {width:45%; float:left; margin-right:20px}
#logout a:hover {text-decoration:none; color:#000}
#userDetails {display:none; text-align:right; padding-top:10px}
#userNameSpan {font-weight:bold; color:#01943c; }
#userNachnameSpan {font-weight:bold;  color:#01943c;}
.hidden {display:none}

.error {clear:both; color:#F00; display:block}
.ok {color:#000;}

#hinweisLogin {height:250px; width:320px; border:1px solid #eee; background-color:#FFF;  border-radius:10px; padding:10px; text-align:left; color:#000; position:absolute; z-index:999999999999999; margin-left:400px; display:none}
#hinweisLogin {height:250px; width:300px; border:1px solid #eee; background-color:#FFF; border-radius:10px; padding:10px; text-align:left;  z-index:100000;}


#zumQuiz {}



.mb20{margin-bottom:20px; height:50px}

#hinweisLayer {visibility:hidden;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:100004; top:0px}
#hinweis {position:relative; margin:0px auto; width:940px; height:500px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#hinweisInner {width:90%; padding:2%; color:#FFF}
#hinweisInner h2 {margin-bottom:10px}
.hinweisCloser {cursor:pointer; margin-top:20px; display:block; color:#ffff00}
.hinweisCloser:hover {color:#000}



#anleitungLayer {display:none;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:100005; top:120px}
#anleitung {position:relative; margin:0px auto; width:940px; height:500px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#anleitungInner {width:90%; padding:2%}
#anleitungInner h2 {margin-bottom:10px}
.anleitungCloser {cursor:pointer; margin-top:20px; display:block; color:#999}
.anleitungCloser:hover {color:#000}



#datenLayer {display:none;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:100006; top:120px}
#daten {position:relative; margin:0px auto; width:940px; height:450px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#datenInner {width:90%; padding:2%; color:#FFF}
#datenInner h2 {margin-bottom:10px; color:#ffff00}
.datenCloser {cursor:pointer; margin-top:20px; display:block; color:#999}
.datenCloser:hover {color:#000}

.halb {width:46%; display:inline-block; margin-right:2%}
.halb:last-child {margin-right:0}


#punktestandLayer {display:none;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:100006; top:120px}
#punktestand {position:relative; margin:0px auto; width:940px; height:450px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#punktestandInner {width:90%; padding:2%}
#punktestandInner h2 {margin-bottom:10px; color:#FFF}
.punktestandCloser {cursor:pointer; margin-top:20px; display:block; color:#999}
.punktestandCloser:hover {color:#000}



#funktionLayer {display:none;position:absolute; margin:0px auto; width:100%; height:100%; text-align:center; z-index:100006; top:120px}
#funktion {position:relative; margin:0px auto; width:1200px; height:480px; text-align:center;  padding-top:5px; top:0px; z-index:99999; text-align:left; background-color:#FFF; border-radius:5px; background-image:url(/UserFiles/Image/systembilder/bg_pop_neu.jpg); background-position:top; background-repeat:no-repeat} 
#funktionInner {width:100%; padding:2%; color:#FFF; margin-top:10px}
#funktionInner h2 {margin-bottom:10px; color:#ffff00; font-size:1.2em}

#kartexs {width:250px; margin-top:30px}
#tip1, #tip2 {margin-left:-30px}
.tiptext {padding-top:10px}
.tip {width:100%; margin-top:25px; color:#017934}
.tip h3 {margin-bottom:10px}

.abstand {position:absolute; top:120px; margin-left:20px}

#teilnehmenBottom {width:240px; height:195px; display:block; z-index:9999999999999; bottom:30px; left:540px; position:absolute; cursor:pointer}

.infobuttonTip {width:40px; height:40px; position:absolute; z-index:9999; cursor:pointer; background-color:#ff9a01; border-radius:40px; color:#FFF; -webkit-box-shadow: 0px 5px 6px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 6px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 6px -3px rgba(50, 50, 50, 0.75); padding-top:3px; font-size:1em; font-weight:bold; color:#ffff00; background-position:5px 5px; top:-15px; right:0px; text-align:center;}
#mapxs, #pokalxs {margin-top:10px}
#fragezeichenxs{margin-top:5px}


.drittel {width:21%; float:left; margin-right:3%; text-align:justify; position:relative; font-size:1.1em}
.drittel:last-chilo {margin-right:0}
.lefter {width:40%; float:left; height:350px; border:1px solid #eee; margin-right:1%; padding:10px}
.righter {width:48%; float:left}
.lefter h3 {margin-bottom:20px}
.w100 {width:100px; display:inline-block}
.w200 {width:200px; display:inline-block}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt50 {margin-top:50px}
.mt70 {margin-top:70px}
.fs12em {font-size:1.2em}
.tar {text-align:right; width:40px; display:block; float:right}


#datenform input, #datenform button {height:30px; width:300px; padding-left:5px}
#datenform select {height:30px; width:155px; padding-left:5px}

.layerCloser {position:relative; float:right; margin-top:-10px; font-size:20px; padding-right:10px; cursor:pointer; z-index:999999999999; color:#FFF; font-weight:bold}
.layerCloser1 {position:relative; float:right; margin-top:-10px; font-size:20px; padding-right:10px; cursor:pointer; z-index:999999999999; color:#FFF; font-weight:bold}

.border {border:1px solid #eee; background-color:#75BF1F; color:#FFF; padding:2px; padding-top:5px; padding-bottom:0px}
.tr {text-align:right; width:150px}
.w400 {width:400px}
.w300 {width:300px}
.w200 {width:200px}
.floatleft {float:left; display:block}
.db {display:block}
.ml150px {margin-left:150px}
#teilnahmebedingungen {color:#ff6600; cursor:pointer}
.zustimmungNOTOK, .zustimmungOK{color:#ff6600; cursor:pointer}

#pointsTotal {height:300px;}
#points {height:320px; overflow:auto;}



/*.nav-up {top: -80px; }*/