*{
	margin: 										0;
	padding:										0;
}


html,body{
	width: 											100%;
	height:											100%;
	min-height:										768px;
}


body{
	background: 									#352a21 url('/images/background_body.png') repeat fixed top left;
}

a{
	color: 											#67cddd;
}

a:active{
	position: 										relative;
	top:											1px;
}

a:hover{
	color:											#248796;	
}

#frame{
	background:										transparent url('/images/background_frame.png') repeat-x fixed top left;
	position:										fixed;
	top:											0;
	left:0;
	width: 100%;
	height: 320px;
	z-index: 1;
}


#box{
	width:											1000px;
	margin: 										0 auto;
	position:										relative;
}


#header{
	position:										fixed;
	z-index: 										99;
	height:											320px;
	background:										transparent url('/images/background_frame.png') repeat-x fixed top left;
}


#navigation{
	width:											1000px;
	height: 										62px;
}


#navigation h1{
	float: left;
	margin-left: 20px;
}


#navigation h1 a{
	display: 										block;
	position:										relative;
	overflow: 										hidden;
	width:											177px;
	height:											62px;
	font: 											14px "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color: 											#fff;
	text-decoration:								none;

}


#navigation h1 a span{
	display: 										block;
	position:										absolute;
	top:											0;
	left:											0;
	height:											100%;
	width:											100%;
	background: 									transparent url('/images/logo_furore.png') no-repeat scroll top left;
}


#navigation ul{
	list-style-type: 								none;
	float: 											right;
	margin-right: 20px;
}


#navigation ul li{
	float: 											left;
	margin-left:									30px;
	line-height:									65px;
}


#navigation ul li a{
	font: 											bold 0.70em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	text-decoration:								none;
}


#navigation ul li a:hover{
	color:											#66cad9;
}


#teaser{
	margin: 20px 0px 0px 0px;
}


#rulesnav{
	float: 											left;
	position:										relative;
	width:											400px;
}


#rulesnav ul{
	list-style-type:								none;
	position:										absolute;
	bottom: 										0px;
	left: 											30px;
}

#rulesnav ul li{
	float: 											left;
	margin-right: 									13px;
}


#rulesnav ul li.last{
	margin:0;
}

#rulesnav ul li a {
	display: 										block;
	position:										relative;
	color: 											#fff;
	text-decoration: 								none;
	font: 											bold 0.65em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	overflow:										hidden;
	width: 											18px;
	height: 										18px;
	padding:										4px;
}


#rulesnav ul li a span{
	display: 										block;
	position:										absolute;
	top:											0;
	left:											0;
	width: 											100%;
	height: 										100%;	
	background: 									transparent url('/images/bullet_rules.png') no-repeat scroll top left;
}


#eightrules a{
	display: 										block;
	position:										relative;
	width:											339px;
	height:											220px;
	overflow:										hidden;
	font: 											bold 1em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	text-indent:									-10000px;
	
}


#eightrules a span{
	display: 										block;
	position:										absolute;
	top:											0;
	left:											0;
	width: 											100%;
	height: 										100%;
	background:										transparent url('../images/title_8rules.png') no-repeat scroll top left;
	
}


#rulesnav ul li a span.r2{background-position:							-33px 0px;}
#rulesnav ul li a span.r3{background-position:							-66px 0px;}
#rulesnav ul li a span.r4{background-position:							-99px 0px;}
#rulesnav ul li a span.r5{background-position:							-132px 0px;}
#rulesnav ul li a span.r6{background-position:							-165px 0px;}
#rulesnav ul li a span.r7{background-position:							-198px 0px;}
#rulesnav ul li a span.r8{background-position:							-231px 0px;}

#rulesnav ul li a:hover span.r1, #rulesnav ul li.active a span.r1{background-position:					0 -32px;}
#rulesnav ul li a:hover span.r2, #rulesnav ul li.active a span.r2{background-position:					-33px -32px;}
#rulesnav ul li a:hover span.r3, #rulesnav ul li.active a span.r3{background-position:					-66px -32px;}
#rulesnav ul li a:hover span.r4, #rulesnav ul li.active a span.r4{background-position:					-99px -32px;}
#rulesnav ul li a:hover span.r5, #rulesnav ul li.active a span.r5{background-position:					-132px -32px;}
#rulesnav ul li a:hover span.r6, #rulesnav ul li.active a span.r6{background-position:					-165px -32px;}
#rulesnav ul li a:hover span.r7, #rulesnav ul li.active a span.r7{background-position:					-198px -32px;}
#rulesnav ul li a:hover span.r8, #rulesnav ul li.active a span.r8{background-position:					-231px -32px;}

#intro{
	padding-top: 									20px;
	width: 											570px;
	float:											left;
}


#intro h1{
	font: 											bold 1.45em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	margin-bottom:									20px;
}


#intro p{
	font: 											normal 0.75em/1.75em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	margin-bottom: 									1em;

}

.teaser-analyse {
	text-indent: -9999px;
	position: absolute;
	right: -100px;
	height: 139px;
	display: block;
	width: 139px;
	z-index: 0;
	background: transparent url('../images/teaser-analyse.png') no-repeat;
}

.teaser-analyse:active {
	position: absolute;
	top: auto;
}

.topmost {
	z-index: 1000;
	position: relative;
}




#content{
	padding-top: 									340px;
	width:											1000px;
	margin: 										0 auto;
}


#content .rule{
	margin: 										0 auto;
	width:											920px;
	padding:										20px;
	background: 									transparent url('../images/background_box.png') repeat scroll top left;
	margin-bottom:									40px;
}


#content .rule h2{
	font: 											bold 0.82em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	margin-bottom:									20px;
	background: 									transparent url('/images/bullets_rule_neutral.png') no-repeat scroll top left;
	line-height: 									35px;
	height: 										35px;
	padding-left: 									40px;
	letter-spacing:									1px;
}

#content .crit h2{
	font: 											bold 0.82em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	margin-bottom:									20px;
	background: 									transparent url('/images/bullets_rule.png') no-repeat scroll top left;
	line-height: 									35px;
	height: 										35px;
	padding-left: 									40px;
	letter-spacing:									1px;
}


#content .rule h2.examples{
	background: 									transparent url('../images/bullets_examples.png') no-repeat scroll top left;
	font: 											bold 0.82em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	margin-bottom:									20px;
	line-height: 									35px;
	padding-left: 									40px;
	letter-spacing:									1px;	
}


#content .crit h2.no{
	font: 											bold 0.82em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	margin-bottom:									20px;
	background: 									transparent url('/images/bullets_rule_no.png') no-repeat scroll top left;
	line-height: 									35px;
	height: 35px;
	padding-left: 									50px;
	letter-spacing:									1px;	
}




#content .rule h2.bullet_2,#content .crit h2.bullet_2{background-position:							0 -43px;}
#content .rule h2.bullet_3,#content .crit h2.bullet_3{background-position:							0 -86px;}
#content .rule h2.bullet_4,#content .crit h2.bullet_4{background-position:							0 -129px;}
#content .rule h2.bullet_5,#content .crit h2.bullet_5{background-position:							0 -172px;}
#content .rule h2.bullet_6,#content .crit h2.bullet_6{background-position:							0 -215px;}
#content .rule h2.bullet_7,#content .crit h2.bullet_7{background-position:							0 -258px;}
#content .rule h2.bullet_8,#content .crit h2.bullet_8{background-position:							0 -301px;}

#content .rule p{
	font: 											normal 0.80em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	padding-left: 5px;
}

.static ul li{
	font: 											normal 0.82em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	list-style: 									none;
	padding-left:  									3em;
	margin-bottom: 									0.82em;
}

#content .description{
	width: 											450px;
	float: 											left;
}


#content .showroom{
	width: 											415px;
	float: 											right;
}


#slot{
	position: 										fixed;
	top: 											320px;
	z-index:99;
}


#footer{
	width: 											100%;
	height:											300px;
	background:										transparent url('../images/background_box.png') repeat scroll top left;
	padding:										40px 0px 40px 0px
}

#footer .content{
	width: 1000px;
	margin:0 auto;
}

#footer .left{
	width:											500px;
	float: 											left;
	margin-right:40px;
	margin-left:30px;
}
#footer .right{
	float:											left;
	width:											408px;
}


#official{
	float:											left;
	height: 										250px;
	margin-right:									30px;
}


#official .pic{
	background-color: 								transparent;
	background-position: 							1px 0px;
	background-repeat: 								no-repeat;
	width: 											125px;
	height: 										125px;
	margin: 										0 auto;

}


#official h3{
	margin-top: 									5px;
	font: 											oblique 0.70em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	text-align: 									center;
	text-shadow:									#000000 0px 1px 0px;
}


#official h4{
	font: 											bold 0.85em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#67cddd;
	text-align: 									center;
	text-shadow:									#000000 0px 1px 1px;
}

#footer .left p{
	font: 											normal 0.80em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
	width: 											500px;

}


#footer .right input[type="text"]{
	display: 										block;
	width:											397px;
	height:											46px;
	background: 									transparent url('/images/background_input.png') no-repeat scroll top left;
	border: 										none;
	color:											#b9b2ae;
	font: 											bold 16px/48px "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	padding:										0px 0px 0px 10px;
	margin:											0px 0px 10px 0px;
}


#footer .right input[type="submit"]{
	float: right;
	display:										block;
	border: 										none;
	width:											208px;
	height:											47px;
	font: 											bold 1.55em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#2d2520;
	background:										transparent url('/images/button_send.png') no-repeat scroll top left;
	overflow:										hidden;
	cursor:											pointer;
	text-shadow:									#c28f66 0px 1px 0px;
}


#footer .right input[type="submit"]:hover{
	background-position:							0px -48px;
	color:											#1B1613;
	text-shadow:									#E4A676 0px 1px 0px;
}


.senderror{
	display:none;
	color: 											#66cad9;
	font: 											bold 0.75em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;

}



.clr{
	clear:											both;
}


.after:after {
    content: 						".";
    display: 						block;
    height: 						0;
    clear: 							both;
    visibility: 					hidden;
}

div.static h2{
	padding: 										0px 40px 0px 40px;
	font: 											bold 0.95em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
}


div.static p{
	display: 										block;
	padding: 										0px 40px 20px 40px;
	font: 											normal 0.85em/1.95em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;	
}




.showroom .show{
	position:										relative;
	width:											400px;
	height:											267px;
	overflow:										hidden;
	margin-left: 4px;
}


.showroom .show a{
	position: 										absolute;
	display: 										block;
	top:											0;
	left:											0;
	width: 											100%;
	height:											100%;
	z-index:60;
	background:										transparent url('../images/show_mask.png') no-repeat scroll top left;
	text-decoration: 								none;
}

.showroom ul{
	list-style-type: 								none;
	margin:											10px 0px 0px 0px;
}


.showroom .show_thumb{
	float: 											left;
	margin-right:									2px;
	display:										block;
	position:										relative;
	width:											80px;
	height:											57px;
	overflow:										hidden;
}

.showroom .last{
	margin:0;
}

.showroom .show_thumb .highlight{
	position:										absolute;
	z-index: 										80;
	top:											0;
	left:											0;
	width:											100%;
	height:											100%;
	background:										transparent url('../images/thumb_highlight.png') no-repeat scroll top left;
	display: 										none;
}

.showroom .show_thumb .thumb{
	display:										block;
	position:										relative;
	width:											69px;
	height:											47px;
	overflow:										hidden;
	margin: 3px 0px 0px 5px;

}

.showroom .show_thumb .thumb img{
	border: 										none;
}
.showroom .show_thumb .thumb span{
	position:										absolute;
	display:										block;
	top:											0;
	left:											0;
	width:											100%;
	height:											100%;
	background:										transparent url('../images/thumb_mask.png') no-repeat scroll top left;
}

#siteintro{
	margin: 20px;
	position: relative;
}
#siteintro .left{
	float: left;
	position: relative;
	width:438px;
	height:374px;
	margin: 0px 20px 0px 0px;
	
}

#siteintro .left img{
	margin-left: 									1px;
}


#siteintro .left span{
	position:										absolute;
	display:										block;
	top:											0;
	left:											0;
	width:											100%;
	height:											100%;
	background:										transparent url('../images/site_mask.png') no-repeat scroll top left;
}

#siteintro .right{
	float: 											left;
	width:											500px;
	background:										transparent url('../images/background_box.png') repeat scroll top left;
	height:374px;
	z-index: 1;
}

#siteintro .right h2{
	margin: 20px;
	font: 											bold 1.35em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
}

#siteintro .right p{
	margin: 20px;
	font: 											normal 0.85em/1.85em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
}


#siteintro .status{
	position: absolute;
	bottom: 0;
	width: 500px;
	height: 70px;
	background:										transparent url('../images/background_box2.png') repeat scroll top left;
}

#siteintro .status p{
	margin: 										0px 20px 0px 20px;
	padding-top: 10px;
	text-shadow: #000 0px 1px 0px;
	font: 											normal 0.75em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color:											#fff;
}



#siteintro .status ul{
	list-style-type:								none;
	position:										absolute;
	bottom: 										5px;
	left: 											18px;
}

#siteintro .status ul li{
	float: 											left;
	margin-right: 									5px;
}


#siteintro .status ul li.last{
	margin:0;
}

#siteintro .status ul li a {
	display: 										block;
	position:										relative;
	color: 											#fff;
	text-decoration: 								none;
	font: 											bold 0.65em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	overflow:										hidden;
	width: 											35px;
	height: 										35px;
	text-indent: -100px;
}


#siteintro .status ul li a span{
	display: 										block;
	position:										absolute;
	top:											0;
	left:											0;
	width: 											100%;
	height: 										100%;	
	background: 									transparent url('/images/bullet_rules_2.png') no-repeat scroll top left;
}


#siteintro .status ul li a span.r2{background-position:							-35px 0px;}
#siteintro .status ul li a span.r3{background-position:							-70px 0px;}
#siteintro .status ul li a span.r4{background-position:							-105px 0px;}
#siteintro .status ul li a span.r5{background-position:							-140px 0px;}
#siteintro .status ul li a span.r6{background-position:							-175px 0px;}
#siteintro .status ul li a span.r7{background-position:							-210px 0px;}
#siteintro .status ul li a span.r8{background-position:							-245px 0px;}

#siteintro .status ul li.on a span.r1{background-position:							0 -40px;}
#siteintro .status ul li.on a span.r2{background-position:							-35px -40px;}
#siteintro .status ul li.on a span.r3{background-position:							-70px -40px;}
#siteintro .status ul li.on a span.r4{background-position:							-105px -40px;}
#siteintro .status ul li.on a span.r5{background-position:							-140px -40px;}
#siteintro .status ul li.on a span.r6{background-position:							-175px -40px;}
#siteintro .status ul li.on a span.r7{background-position:							-210px -40px;}
#siteintro .status ul li.on a span.r8{background-position:							-245px -40px;}


.crit{
	background:										transparent url('../images/background_box.png') repeat scroll top left;
	margin: 										40px 20px 0px 20px;
	padding: 										20px;
}

.crit .left{
	float: left;
	width: 											450px;
}


.crit .right{
	float: right;
	width: 											450px;
}

.crit .pic{
	position:										relative;
	width:											161px;
	height:											112px;
	float: 											left;
	margin: 										0px 30px 0px 0px;
	padding-left: 									1px;
}

.crit p{
	float:											left;
	font: 											normal 0.75em/1.55em "Helvetica-Neue",Helvetica, Arial, Verdana, sans-serif;
	color: 											#fff;
	width: 											230px;

}

.crit p.ok{
	background: transparent url('../images/ok.png') no-repeat scroll top left;
	min-height: 30px;
	width: 											430px;
	padding: 10px 0px 0px 45px;
}
.crit .pic span{
	position:										absolute;
	display: 										block;
	top:											0;
	left:											0;
	width: 											100%;
	height: 										100%;
	background: 									transparent url('/images/crit_mask.png') no-repeat scroll top left;

}