@charset "iso-8859-1";
				   
html {
	background-color: #111111;
	height: 100%;
	margin: 0px;
}
  
:focus {
	 outline:0; 
	 -moz-outline:0; 
}

body {	 
	height: 100%;  
	margin: 0px;
	text-align: center;
}	  
   
a {					
	text-decoration: none;
	zoom: 1;
}			   
   
img {
	vertical-align: baseline;
}

span,div {
	zoom: 1;
}			   
	
a img {
	border-width: 0px;
}	   

form {
	margin: 0px;
	padding: 0px;
}
		
textarea, input, select {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	letter-spacing: 0px;
}		

ul, li {
	padding: 0px;
	margin: 0px;
}
   		
a {
	color: #a8996d;	
}		

sup {
	font-size:60%;
	vertical-align:top;
}

.main {
	width: 1000px;
	height: 548px;
	background-image: url("../img/bg_main.jpg");
	position: relative;
	text-align: left;
}

.home_link {
	position: absolute;
	left: 78px;
	top: 40px;
}

.menu {
	position: absolute;
	left: 28px;
	top: 97px;
	list-style-type: none;
}
	
.menu li {
	font-family: Arial,Helvetica;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	height: 24px;
}

.menu li a {
	display: block;
	overflow: hidden;
	padding-left: 62px;
	padding-top: 3px;
	width: 156px;
	height: 22px;
	color: #FFFFFF;
	background-image: url("../img/bg_menu_item.png");
}

.menu li a:hover {
	background-position: 0px -50px;
}

.menu .sel a {
	background-position: 0px -25px;
}

.big_header {
	position: absolute;
	left: 270px;
	top: 453px;
	font-family: Arial,Helvetica;
	font-size: 28pt;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}

.content_wide {
	position: absolute;
	left: 270px;
	top: 49px;
	width: 620px;
	height: 377px;
}

.content_small {
	position: absolute;
	left: 270px;
	top: 49px;
	width: 460px;
	height: 377px;
}

.linie_oben {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 2px;
	background-image: url("../img/linie_weiss.png");
	background-repeat: repeat-x;
}

.content_wide .linie_oben { width: 620px; }
.content_small .linie_oben { width: 460px; }

.linie_unten {
	position: absolute;
	left: 0px;
	top: 375px;
	height: 2px;
	background-image: url("../img/linie_weiss.png");
	background-repeat: repeat-x;
}

.content_wide .linie_unten { width: 620px; }
.content_small .linie_unten { width: 460px; }

.textcontainer {
	position: absolute;
	left: 0px;
	top: 10px;	
	height: 358px;
	overflow: hidden; 
	font-family: Arial,Helvetica;
	font-size: 10pt;
	line-height: 16px;
	color: #FFFFFF;
	font-style: italic;
}

.content_wide .textcontainer { width: 620px; }
.content_small .textcontainer { width: 460px; }

.content_wide .scrolltext {
	position: relative;
	width: 620px;
}

.content_small .scrolltext {
	position: relative;
	width: 460px;
}

.content_wide .pfeil_hinauf {
	position: absolute;
	left: 596px;
	top: -23px;
	visibility: hidden;
}

.content_small .pfeil_hinauf {
	position: absolute;
	left: 436px;
	top: -23px;
	visibility: hidden;
}

.content_wide .pfeil_hinunter {
	position: absolute;
	left: 596px;
	top: 380px;
	visibility: hidden;
}

.content_small .pfeil_hinunter {
	position: absolute;
	left: 436px;
	top: 380px;
	visibility: hidden;
}

.submenu {
	position: absolute;
	left: 749px;
	top: 49px;
	width: 190px;
	height: 377px;
}

.submenu .textcontainer {
	color: #0096ff;
	font-size: 11pt;
	line-height: 20px;
}

.submenu .linie_oben,
.submenu .linie_unten { 
	width: 140px; 
	background-image: url("../img/linie_blau.png");
}

.submenu li {
	padding-right: 2px;
	padding-bottom: 5px;
}

.submenu .pfeil_hinauf {
	position: absolute;
	left: 116px;
	top: -23px;
	visibility: hidden;
}

.submenu .pfeil_hinunter {
	position: absolute;
	left: 116px;
	top: 380px;
	visibility: hidden;
}

.submenu .scrolltext {
	position: relative;
	width: 190px;
}

.textcontainer a {
	color: #0096ff;
}

.textcontainer a:hover {
	text-decoration: underline;
}

.textcontainer h1 {
	margin: 0px;
	margin-bottom: 20px;
	font-family: Arial,Helvetica;
	font-size: 13pt;
	line-height: 16px;
	font-style: italic;
	padding-right: 2px;
}

.textcontainer p {
	margin: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.textcontainer .button,
.popup .button {
	display: block;
	width: 237px;
	height: 32px;
	text-align: center;
	background-image: url("../img/bg_button.png");
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11pt;
	line-height: 28px;
}

.textcontainer input,
.textcontainer textarea {
	border-style: inset;
	border-width: 1px;
	border-color: inherit;
	padding: 2px;
}

.popup {
	position:absolute;
	left:280px;
	top:44px;
}

.popup .background {
	position:absolute;
	left:0px;
	top:0px;
}

.popup .close {
	position:absolute;
	left:519px;
	top:8px;
}

.popup .content {
	position:absolute;
	left:35px;
	top:30px;
	width: 480px;
	height: 370px;
	overflow: hidden; 
	font-family: Arial,Helvetica;
	font-size: 10pt;
	line-height: 16px;
	color: #FFFFFF;
	text-align: center;
}

.popup .content h1 {
	margin: 0px;
	margin-bottom: 12px;
	font-family: Arial,Helvetica;
	font-size: 13pt;
	line-height: 16px;
	font-style: italic;
	padding-right: 2px;
}

.popup .content a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	font-style: italic;
}

.popup .content a:hover {
	text-decoration: underline;
}


.popup .content input {
	padding: 2px;
	width: 150px;
}

.hosts {
	position: absolute;
	left: 0px;
	top: 50px;
	width: 460px;
	height: 327px;
	background-image: url("../img/bg_hosts.jpg");
}

.host_thumb {
	position: absolute;
}

#host_thumb_0 { left: 232px; top: 43px; }
#host_thumb_1 { left: 286px; top: 35px; }
#host_thumb_2 { left: 224px; top: 105px; }
#host_thumb_3 { left: 284px; top: 103px; }
#host_thumb_4 { left: 224px; top: 164px; }
#host_thumb_5 { left: 279px; top: 176px; }

.host_image {
	position: absolute;
	left: 68px;
	top: 114px;
}

.textcontainer .button:hover,
.popup .content .button:hover  {
	background-position: 0px -32px;
	text-decoration: none;
}