@CHARSET "UTF-8";

html { height:100%; }
body { background-image: url("images/body_background.gif"); background-position: center; background-repeat: no-repeat; background-color: #CCCCCC; }
h1, h2, h3, h4, h5, h6  {color:#e0db17;}
h1 {font-size:2.0em}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.4em}
p {font-size:1.2em;}
a, a:link, a:hover, a:active, a:visited {color: #e0db17;}
img {border:none;}
input,  textarea { padding:0px; border: 2px solid #e0db17; font-weight:bold; background:#CCC; }

.clearer { clear:both; }

/*----- WRAPPER -----*/
#container {  position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-343px; width:1000px; min-height: 686px; background-color:#111111; }

	/*----- HEADER -----*/
	#header { width:1000px; height:176px; overflow:auto;}
		#logo { width: 350px; height:176px; float:left; background: url("images/header_logo.png") no-repeat 0 0; }
		#headerContent { width: 638px; height:176px; float:right; background: url("images/header_bg.jpg") no-repeat 0 0; }
	
	/*----- MAIN CONTENT -----*/
	
	#main {margin-top:12px; width:100%; overflow: auto;}
		#menu { width: 246px; height:417px; float:left;  background: url("images/menu_bg.jpg") no-repeat 0 0; font-family: Courier, monospace; }
		#menu ul {list-style: none;}
		#menu ul li {display:block; clear:both; }
		#menu ul li span.link {line-height:35px; height:35px; display:block; float:left; background: url("images/menulink_bg.png") repeat-x 0 0 ;  }
		#menu ul li a {margin:0 16px 0 3px; color:#928d77; font-size:2em; text-decoration: none;}
		#menu ul li a:hover span { line-height:35px; height:35px; background: url("images/yellow_point.png") repeat-x center ; }
		#menu ul li.menu-current a span, #menu ul li.menu-parent a span { line-height:35px; height:35px; background: url("images/yellow_point.png") repeat-x center ; }
		
		/**IE6 Fun !**/
		* html span img { margin: 10px 0; vertical-align: middle; }
		* html #menu ul li.menu-current a span, * html #menu ul li.menu-parent a span { line-height:35px; height:35px; background: url("images/yellow_point.gif") repeat-x center ; }
		* html #menu ul li a:hover span { line-height:35px; height:35px; background: url("images/yellow_point.gif") repeat-x  center ; }
		
		#menu ul li span.linkend {width:3px; height:35px; display:block; float:left; background: url("images/menulink_end.png") no-repeat right ; }
			#menu1 { position:relative;margin-top:30px; }
			#menu2 { position:relative; margin-top:30px;  }
		#mainContent { width: 742px; height: 417px; float:right; overflow: hidden; }
	
		#modemarken { padding: 30px 30px 10px 0px; }
		#modemarken ul { list-style: none; margin-left:40px; float:left; }
		#modemarken li {margin-bottom:15px;}
	
	/*----- FOOTER -----*/
	
	#footer {width:1000px; height:81px; background: url("images/footer.png") no-repeat right bottom;}
		#footerContent { float:right; margin-right:100px; margin-top:15px; font-size: 2.0em; font-weight:bold; color:#6d6d6d; }
		/*** Lovely IE 6 ***/
		* html #footerContent { margin-right:50px; }
		#footerFB { margin-left:20px; padding-top:5px; }