/*	------------------------------------------
	Null-Punkt-Justierung
*/
* 		{font-family:arial;font-size:12px;line-height:1em;color:#eee;border:0;padding:0;margin:0;}
body	{left:0; top:0; width:100%;height:100%;min-width:100%;min-height:100%;background-color:#eee; overflow:hidden;}
/*	------------------------------------------
		Header
*/
#divWrapper{width:1008px; height:768px; margin:0 auto;}
#divTop{
	position:relative;
	width:1008px;height:75px;
	background-image: url(img/menu-00-logo.png), url(img/menu-00-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position:right top, top;
	z-index:1;
}
/*	------------------------------------------
		"Flex-Box"
		7*144=1008 | 408+6*100
*/
#divFlex {position:relative; width:1008px; height:666px; white-space:nowrap; font-size:0; overflow:hidden;}
#divFlex div{
	box-sizing: border-box;
	display: inline-block;
	width:144px;
	height:666px;
	background-position:center top;
	background-repeat:no-repeat;
	zoom:1;
	opacity:0.6;
	-ms-filter:"alpha(opacity = 50)";
	filter: alpha(opacity=50);
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
		-ms-transition: 0.5s;
		 -o-transition: 0.5s;
			transition: 0.5s;
}
#m_1{ background-color:#77ADAF; background-image:url('img/menu-01.png'); }
#m_2{ background-color:#CDC7A4; background-image:url('img/menu-02.png'); }
#m_3{ background-color:#A7A88D; background-image:url('img/menu-03.png'); }
#m_4{ background-color:#DF7F29; background-image:url('img/menu-04.png'); }
#m_5{ background-color:#579D73; background-image:url('img/menu-05.png'); }
#m_6{ background-color:#BD92C4; background-image:url('img/menu-06.png'); }
#m_7{ background-color:#98A9D1; background-image:url('img/menu-07.png'); }
#divFlex div.breit{opacity:1; -ms-filter:"alpha(opacity = 100)"; filter: alpha(opacity=100);}
#divFlex div:hover{opacity:1; -ms-filter:"alpha(opacity = 100)"; filter: alpha(opacity=100);}
#divFlex div.hili {filter: alpha(opacity=1);opacity: 1; filter: alpha(opacity=100);}
#divFlex div.schmal{}
/*	------------------------------------------
			Button-Leiste Unten (height:126px)
*/
#divFooter{
	position:absolute;
	top:650px;
	width:1008px;
	height:90px;
	background-color:transparent;
}
/*	Milchglas */
#divInfo{
	display:none;
	position:absolute;
	left:0; top:20px; 
	width:388px; 
	padding:10px 10px;
	zoom: 1;
}

#wbtTitel	{width:200px;}
#wbt_dauer, #wbt_punkte {text-align:right;}
#wbt_start	{position:inherit;right:20px;top:10px;width:auto;height:auto;}
.button{
	cursor:pointer;
	padding:10px 10px;
	text-align: center;
    text-decoration: none;
	color:#fff;
	background-color:#000;
}
.button:hover {color:#000;background-color:#fff;}
/*	------------------------------------------
	Standard-Leiste (immer sichtbar)
*/
#divLeiste{
	position:relative;
	width:988px;
	height:27px;
	bottom:27px;
	background-color:#000;
	overflow:hidden;
	padding:20px 10px 0 10px;;
}
#divLeiste * {color: #fff; text-decoration:none;}
#divLeiste {padding-top:10px;}
#punkteGesamt{margin-left:250px;}
#punkteGesamt:before{content:"» ";}
#punkteGesamt:after{content:" «";}
#bImpress{
	position:absolute;
	right:0;
	top:10px;
	width:80px;
	height:auto;
	cursor:pointer;
}

#divTest{
	position:absolute;
	left:600px;
	top:0px;
	width:300px;
	height:50px;
	cursor:pointer;
	background-image:url(img/b_test.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:45px;
	padding-top:10px;
}
/*	------------------------------------------
	WBT :: Bleibt so gross wie moeglich
*/
#wbtSlider{
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	height:100%;
	z-index:1;
	background-color:#eee;
	display:block;
}
#wbtSlider.aktive{left:0;}
iframe {
	top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; 
	border:none; margin:0; padding:0; overflow:hidden;
}
/*	------------------------------------------
	Xtra-Buttons rechts
*/
#divQuit{
	position:fixed;
	top:20px;
	height:33px;
	width:32px;
	right:0.3em;
	cursor:pointer;
	z-index:1;
}