@CHARSET "UTF-8";

body { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff; 
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
}

body {
	scrollbar-3dlight-color:#02582e;
    scrollbar-arrow-color:#cccccc;
    scrollbar-track-color: #015c2f;
    scrollbar-darkshadow-color: #002815;
    scrollbar-face-color: #004121;
    scrollbar-highlight-color:#02582e;
    scrollbar-shadow-color: :#002815}

a {
	color:#fff;
}

a img { /*no borders around image links @ all*/
	border:0;
}

#statusText { 
	z-index:5; /*what we are doing */
	position:absolute;
	text-align:center;
	margin-left:270px;
	margin-top: 360px;
	width:180px;
	font-weight:bold;
	color:#8d8d8d; 
}
			
#preloadFrame {
	position:absolute;
	margin-left:330px;
	margin-top:380px;
	height:180px;
	width:41px;
	z-index:5;
}

#loadInfoText { /*see also html document, because we have to set the stuff dynamic*/
	position:absolute;
	z-index:5;
}

#loadInfoText div {
	padding: 5px 5px 5px 5px;
}

#navdrop {
	position:absolute;
	top: 365px;
	z-index:2;
}

#mineraldrop {
	position:absolute;
	top:262800px;
	margin-left:310px;
	z-index:1;
}

.siteUsage { /*explains the site usage under loadInfoText*/
	position:absolute;
	background: url(../_img/tr_bg.png) repeat;
	z-index:5;
}

.siteUsage div {
	padding: 5px 5px 5px 5px;
}

#usageLittleArrow {
	position:absolute;
	margin-left:405px;
	margin-top:67px;
	z-index:5;
}

#usageBigArrow {
	position:absolute;
	margin-left:435px;
	margin-top:455px;
	z-index:5;
}
				
#container { 	
	margin: 0 auto; 
	width: 960px;
	z-index:0; 
}

#divstart { /* top position */
	position:absolute;
	margin-left:170px;
	top:10px;
	width:640px;
	height:219px;
	z-index:1; 
}

/*content positioning*/			
#divm1 {	
	position:absolute;
	margin-left:170px;
	top:790px;
	width:640px;
	height:219px;
	z-index:4; 
} 
#divm2 {
	position:absolute;
	margin-left:170px;
	top:105000px;
	width:960px;
	z-index:4;
}
#divm3 {
	position:absolute;
	margin-left:170px;
	top:115600px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm4 {
	position:absolute;
	margin-left:170px;
	top:49000px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm5 {
	position:absolute;
	margin-left:170px;
	top:263000px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm6 {
	position:absolute;
	margin-left:170px;
	top: 405000px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm7 {
	position:absolute;
	margin-left:170px;
	top:438000px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm8 {
	position:absolute;
	margin-left:170px;
	top:487160px;
	/*top:487410px;*/
	width:640px;
	height:219px;
	z-index:4;
}
#divm14 {
	position:absolute;
	margin-left:170px;
	top:528900px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm9 {
	position:absolute;
	margin-left:200px;
	top:555200px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm10 {
	position:absolute;
	margin-left:170px;
	top:660000px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm11 {
	position:absolute;
	margin-left:170px;
	top:722000px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm12 {
	position:absolute;
	margin-left:170px;
	top:753500px;
	width:640px;
	height:219px;
	z-index:4;
}
#divm13 {
	position:absolute;
	margin-left:170px;
	top:807000px;
	width:640px;
	height:219px;
	z-index:4;
}

#bottom {
	position:absolute;
	margin-left:170px;
	top:1000370px;
	z-index:6; 
}

#bottomdiv {
	position:fixed;
	/*position:absolute;*/
	margin-left:175px;
	top:20px;
	/*top:1000200px;*/
	z-index:6; 
}

#meter { 	
	position:absolute;
	/*left:920px;
	top:410px;*/
	margin-left:880px;
	margin-top: 410px;
	width:80px;
	z-index:4;
	background-image: url(../_img/meter.gif);
	background-repeat: repeat-y; 
}
				
#navContainer {	
	/*position:fixed;*/
	width:140px;
	z-index:3; 
}

#lang_switch div {
	width:75px;
	z-index:4;
	background-color:#005d2f;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	font-weight:bold;
}

#lang_switch div a {
	padding:1px 1px 1px 1px;
	display:block;
	text-decoration:none;
	color:white;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#lang_switch div a:hover {
	background-color:#ffffff;
	color:#005d2f;
}
				
#bottlepos {	
	width:50px;
	z-index:3; 
}
				
#bottleSortiment {
	position:absolute;
	z-index:3;
}
				
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	height: 23px;
	z-index:4;
	background-color:#ffffff;
}
#nav {
	position:absolute;
	left:0px;
	top:23px;
	width:150px;
	z-index:4;
	background-color: #005d2f;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
}

#nav a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	font-size: 12px;
}
#nav a:hover {
	background-color:#FFFFFF;
	color: #005D2F;
}

.submenu {
	background-color: #FFFFFF;
}

.submenu a {
	border-top-style: none !important;
	border-top-width: 0px;
	font-size: 12px !important;
	font-weight: normal !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 12px !important;
	color: #005D2F !important;
}
.submenu a:hover {
	background-color: #CCCCCC !important;
}

#willkommen {	
	position:absolute;
	margin-left:316px;
	margin-top:50px;
	width:418px;
	height:109px;
	z-index:4; 
}

#tropfen {	
	position:fixed;
	left:460px;
	width:22px;
	height:37px;
	z-index:5; 
}

/*scala markers*/
.mark {	
	position:absolute;
	color:white;
	width:60px; /*200*/
	overflow:visible;
	margin-left:880px;
	z-index:6; 
}

.mark a {
	text-decoration:none;
	color:white;
}

/*copyright footer*/
#copy {
	font-size:9px;
	color:white;
	background-color:black;
	width:960px;
	padding: 5px 5px 5px 5px;
}

#copy a {
	text-decoration:none;
}

/*wikipedia info box*/
#contentbox {
	padding: 10px 10px 10px 10px
}

#contentbox .main-title {
	clear:both;
	font-size:14px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:15px;
}