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

body
{
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 20px;
	background-color: #FFFFFF;
}

	
#head {
	position:absolute;
	top:0px;
	width:700px;
	height:20px;
	background-color:none;
	margin:0;
	}
	
	#linie {
	position:absolute;
	top:18px;
	width:1000px;
	height:5px;
	background-color:blue;
	margin:0;
	}
	
	
#zähler {
position:absolute;
width:50px;
height:20px;
left:790px;
}


#links {
position:absolute;
width:25px;
height:20px;
left:720px;
text-decoration:none;
background-color:none;
cursor:pointer;
}

#rechts {
position:absolute;
width:30px;
height:20px;
left:760px;
text-decoration:none;
cursor:pointer;
}

#navi {
	position:absolute;
	top:30px;
	width:140px;
	height:300px;
	background-color:white;
	}
	
#canvas {
	position:absolute;
	left:150px;
	top:30px;
	width:640px;
	height:480px;
	background-color:white;
	}
	
#canvas_big {
	position:absolute;
	left:150px;
	top:30px;
	width:850px;
	height:600px;
	background-color:none;}	
	
	
#text {
	position:absolute;
	left:800px;
	top:30px;
	width:200px;
	height:480px;
	background-color:white;}

#background 
{
position:relative;
left:10px;
top:10px;
width:1000px;
height:650px;
border-style:none;
margin:0;
background-color:white;
}

#row1 {
	position:absolute;
	left:150px;
	top:30px;
	width:120px;
	height:600px;
	}

#row2 {
	position:absolute;
	left:280px;
	top:30px;
	width:120px;
	height:600px;
	}
#row3 {
	position:absolute;
	left:410px;
	top:30px;
	width:120px;
	height:600px;}
	

#row4 {
	position:absolute;
	left:540px;
	top:30px;
	width:120px;
	height:300px;}

#row5 {
	position:absolute;
	left:670px;
	top:30px;
	width:120px;
	height:300px;}

#row_a {
	position:absolute;
	left:150px;
	top:30px;
	width:315px;
	height:600px;
	}	
	
#row_b {
	position:absolute;
	left:475px;
	top:30px;
	width:315px;
	height:600px;}



.text, .nav, .subtitle, .head
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:16px;

}

.subtitle
{
	font-weight: 900;
}

.head
{
	color: #000000;
	font-weight: 900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 2px;
}

.text a:link
{
	color: #000000;
	text-decoration: none;
	margin: 0 0 1 px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.text a:visited
{
	color: #666666;
}

.text a:active
{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	border-style: solid;
	border-color: #000000;
	border-width: 0 0 1px 0;
}
.text a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
		border-width: 0 0 1px 0;

}


.head a:link, .nav a:link
{
	color: #000000;
	text-decoration: none;
	margin: 0 0 1 px 0;
}
.nav a:visited  
{
	color: #666666;
	text-decoration: none;
}

.head a:active, .nav a:active
{
	color: #FFFFFF;
	text-decoration: none;
}	
.nav a:hover  
{
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
}
.text_big {
	font-family: Helvetica, Arial, Swiss, sans-serif;
	font-size: 60px;
	color: #000000;
	font-weight: 900;
	letter-spacing: -2px;
	line-height: 70px;
}

.text_big a:link, .text_big a:visited
{
	color: #000000;
	text-decoration: underline;
	border-bottom-color: #000000;
}



.text_big a:active
{
	color: #FFFFFF;
	text-decoration: underline;
	border-bottom-color: #999999;
}
.text_big a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #000000;
		border-width: 0 0 1px 0;

}
.head a:visited {
	color: #000;
	text-decoration: none;
}
.head a:hover {
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
}
.bild {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.white {
	color: #FFF;
	font-size: 2px;
}