/* Hantaan Internetz */

/*A*/
A { color:#CCCCCC; text-decoration: none}
#navigation A { color:#333333;}
A:hover { color:#FFFF00; }
#navigation A:hover { color:#FFFF00;}

/* ------ Fonts ------ */
H1, H1 A:hover { font-weight:bold; font-size:13px;  }
H2 { font-weight:bold; font-size:12px; }
H3 { font-weight:bold; font-size:11px; }

body {
	background-color: #000000;
	margin: 0px 0px 0px 0px;
}

#container {
	width:700px;
	height:90%;
	left:5%;
	margin-top:0px;
	margin-left:0px;
	z-index:4;
	background-color:#000000;
	text-decoration: none;
	visibility: visible;
	top: 5%;
	position: absolute;
	border: 1px none #66FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}
#hantaan-logo {
	position:absolute;
	width:700px;
	height:80px;
	left:5%;
	z-index:2;
	border: thin none #FFFF00;
	background-color: #666666;
	top: 20px;
	visibility: hidden;
}
#logo-hantaan {
	position:absolute; 
	width:392px; 
	height:67px; 
	z-index:3; 
	left: 9px; 
	top: 4px; 
	color: #666666;
}

#infotext {
	position:absolute;
	width:100%;
	height:125px;
	z-index:1;
	overflow:hidden;
	border: 2px solid #FFFF00;
	background-color: #666666;
	left: 0;
	top: 0;
	color: #666666;
}

/* ------ NAVIGATION ------ */

#navigation {
	position:absolute;
	width:100%;
	height:20px;
	top:135px;
	background-color:#666666;
	z-index:2;
	border: 2px solid #FFFF00;
	visibility: visible;
	left: 0;
}

#nav_1_a {
	position:absolute; 
	z-index:3; 
	left: 2px; 
	top: 2px; 
	height: 16px; 
	width: 50px;
	
    font-family:Verdana, Arial;
	font-size:11px;
	color:#333333; 
	font-weight: bold;
	background-color: #FFFF00;
	text-align: center;
	vertical-align: middle;
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-transform: lowercase;
	text-decoration: none;
} 
#nav_1_na { 
	position:absolute; 
	z-index:3; 
	left: 2px; 
	top: 2px; 
	height: 16px; 
	width: 50px;
	
	font-family:Verdana,Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #CCCCCC;
	text-align: center;
	text-decoration: none;	
}
/*
#nav_disclaimer_a { 
	position:absolute; 
	z-index:3; 
	left: 2px; 
	top: 2px; 
	height: 16px; 
	width: 150px;
	
    font-family:Verdana, Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	background-color: #FFFF00;
	text-align: center;
	vertical-align: middle;
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-transform: lowercase;
	text-decoration: none;
}*/
#nav_3_a { 
	position:absolute; 
	width:75px; 
	height:16px; 
	z-index:5; 
	left: 131px; 
	top: 2px;

    font-family:Verdana, Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	background-color: #FFFF00;
	text-align: center;
	vertical-align: middle;
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-transform: lowercase;
	text-decoration: none;

}
#nav_3_na { 
	position:absolute; 
	width:75px; 
	height:16px; 
	z-index:5; 
	left: 131px; 
	top: 2px;
	
	font-family:Verdana,Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #CCCCCC;
	text-align: center;
	text-decoration: none;	
}
#nav_5_a { 
 	position:absolute; 
	width:100px; 
	height:16px; 
	z-index:7; 
	top: 2px; 
	left: 285px;

    font-family:Verdana, Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	background-color: #FFFF00;
	text-align: center;
	vertical-align: middle;
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-transform: lowercase;
	text-decoration: none;

}
#nav_5_na { 
 	position:absolute; 
	width:100px; 
	height:16px; 
	z-index:7; 
	top: 2px; 
	left: 285px;
		
	font-family:Verdana,Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #CCCCCC;
	text-align: center;
	text-decoration: none;	
}
#nav_4_a { 
	position:absolute; 
	width:75px; 
	height:16px; 
	z-index:6; 
	left: 208px; 
	top: 2px;

    font-family:Verdana, Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	background-color: #FFFF00;
	text-align: center;
	vertical-align: middle;
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-transform: lowercase;
	text-decoration: none;

}
#nav_4_na { 
	position:absolute; 
	width:75px; 
	height:16px; 
	z-index:6; 
	left: 208px; 
	top: 2px;
		
	font-family:Verdana,Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #CCCCCC;
	text-align: center;
	text-decoration: none;	
}
#nav_2_a { 
	position:absolute; 
	width:75px; 
	height:16px; 
	z-index:4; 
	left: 54px; 
	top: 2px;
	
    font-family:Verdana, Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	background-color: #FFFF00;
	text-align: center;
	vertical-align: middle;
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-transform: lowercase;
	text-decoration: none;

}
#nav_2_na { 
	position:absolute; 
	width:75px; 
	height:16px; 
	z-index:4; 
	left: 54px; 
	top: 2px;
			
	font-family:Verdana,Arial;
	font-size:11px;
	color:#333333;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #CCCCCC;
	text-align: center;
	text-decoration: none;	
}

/* ------ REFERENZEN ------ */
#refnabled { 
	visibility:visible; /*hidden*/ 
}

#contentcontainer {
	position:absolute;
	width:686px;
	bottom:30px;
	background-color:#666666;
	z-index:2;
	border: 4px solid #FFFF00;
	left: 0px;
	top: 159px;
	visibility: visible;
	overflow: auto;
	text-align: Left;
	padding-left: 10px;
}

#footer {
	position:absolute;
	width: 700px;
	bottom: 0px;
	background-color:#666666;
	z-index:2;
	border: 2px solid #FFFF00;
	left: 0px;
	Height: 20px;
	visibility: visible;
	text-align: center;
	font-size: 9px;
}

* html #footer {
	visibility:hidden;
}

.schrift {
	font-family:Verdana,Arial;
	font-size:10px;
	color:#333333;
}

.RefTopic { font-size:12px; }
.RefTitle { font-weight:bold; font-size:12px; }
.RefInfo { color:#999999; font-size:9px; }