/* Wird nur im Fontend benötigt, Containerpositionierungen usw...*/

body{
	background-color:#fff;
	margin:0px;
	padding:0px;
	background-image:url(../img/bg.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

form{
	display:inline;
}


/*###############################   Kopf    ################################*/
#page{
	width:980px;
	position:relative;
   /* margin: 0 auto;	*/
}

#reihung{
		height:70px;
		width:1004px;
		position:relative;
		left:-40px;
}
.reihe{
		position:relative;
		left:35px;
}

/*###############################   Content   ################################*/
#content, #lr_o, #lr_content, #lr_u{
	width: 750px;
}
#content{
	float:right;
	padding:130px 0px 0px 0px;
}
#lr_o{
	height:74px;
	background-image:url(../img/web_05.png);
}
#lr_content{	
	background-image:url(../img/web_08.png);
	width: 628px;
	padding:0px 60px 0px 60px;
}
#lr_u{
	height:63px;
	background-image:url(../img/web_10.png);
	background-repeat:no-repeat;
}
/*###############################   Content 1  ################################*/
#content1, #lr_o1, #lr_content1, #lr_u1{
	width: 750px;
}
#content1{
	float:right;
	padding:130px 0px 0px 0px;
}
#lr_o1{
	height:74px;
	background-image:url(../img/web_05.png);
}
#lr_content1{	
	background-image:url(../img/web_08.png);
	width: 628px;
	padding:0px 60px 0px 60px;
}
#lr_u1{
	height:63px;
	background-image:url(../img/web_10.png);
	background-repeat:no-repeat;
}


/*###############################   Content 1  ################################*/


.article{
	padding: 10px 0px 20px 0px;
}


/*###############################   Navi    ################################*/
/*#navi{
	
	width: 250px;
	height:700px;
	position:relative;
	top: -30px;
	left: 10px;
	background-image:url(../img/navi_mobil.png);
	background-repeat:no-repeat;
	float:left;
	
}*/
#navi{
	
	width: 250px;
	height:700px;
	position:fixed;
	top: -30px;
	left: 30px;
	background-image:url(../img/webi_02.png);
	float:left;
	
}


.n1{
	background-image:url(../img/navii_01.png);
	width:184px;
	height:60px;
	position:relative;
	left:10px;
	top:-20px;
}
.n2{
	background-image:url(../img/navii_02.png);
	width:184px;
	height:29px;
	position:relative;
	left:10px;
	top:-25px;
}
.n3{
	background-image:url(../img/navii_03.png);
	width:184px;
	height:24px;
	position:relative;
	left:10px;
	top:-30px;
}
.n4{
	background-image:url(../img/navii_04.png);
	width:184px;
	height:22px;
	position:relative;
	left:10px;
	top:-35px;
}
.n5{
	background-image:url(../img/navii_05.png);
	width:184px;
	height:31px;
	position:relative;
	left:10px;
	top:-30px;
}
.n6{
	background-image:url(../img/navii_06.png);
	width:184px;
	height:20px;
	position:relative;
	left:10px;
	top:-30px;
}
.n7{
	background-image:url(../img/navii_07.png);
	width:184px;
	height:24px;
	position:relative;
	left:10px;
	top:-35px;
}
.n8{
	background-image:url(../img/navii_08.png);
	width:184px;
	height:24px;
	position:relative;
	left:10px;
	top:-40px;
}
.n9{
	background-image:url(../img/navii_09.png);
	width:184px;
	height:28px;
	position:relative;
	left:10px;
	top:-35px;
}
.n10{
	background-image:url(../img/navii_10.png);
	width:184px;
	height:32px;
	position:relative;
	left:10px;
	top:-42px;
}
.n11{
	background-image:url(../img/navii_11.png);
	width:184px;
	height:28px;
	position:relative;
	left:10px;
	top:-50px;
}
.n12{
	background-image:url(../img/navii_12.png);
	width:184px;
	height:23px;
	position:relative;
	left:10px;
	top:-55px;
}
.n13{
	background-image:url(../img/navii_13.png);
	width:184px;
	height:22px;
	position:relative;
	left:10px;
	top:-60px;
}


.n1:hover{	background-image:url(../img/navi_01.png);}
.n2:hover{	background-image:url(../img/navi_02.png);}
.n3:hover{	background-image:url(../img/navi_03.png);}
.n4:hover{	background-image:url(../img/navi_04.png);}
.n5:hover{	background-image:url(../img/navi_05.png);}
.n6:hover{	background-image:url(../img/navi_06.png);}
.n7:hover{	background-image:url(../img/navi_07.png);}
.n8:hover{	background-image:url(../img/navi_08.png);}
.n9:hover{	background-image:url(../img/navi_09.png);}
.n10:hover{	background-image:url(../img/navi_10.png);}
.n11:hover{	background-image:url(../img/navi_11.png);}
.n12:hover{	background-image:url(../img/navi_12.png);}
.n13:hover{	background-image:url(../img/navi_13.png);}


#imp{
	position:relative;
		top:-60px;
		left: 20px;
	
}

/*###############################   Special    ################################*/
.links{
	float:left;
	padding: 0px 10px 0px 0px;
}

acronym  {
 cursor: help;
 border-bottom: 1px dotted #8B8060;
} 

a img {
	border:none;
}


.erfolg, .fehler{
	width:430px;
	text-align:center;
	padding:20px;
	margin:30px 0px 0px 0px;
}
.erfolg{
	border: #00ff1e solid 1px;
	background-color:#00380c;
}
.fehler{
	border: #900 solid 1px;
	background-color:#4e0404;
}

.dreipunkte{
	position:relative;
	left:-30px;
}
.wurfel{
	position:relative;
	left:-130px;
}