/* CSS Document */
* { 
margin: 0;
padding: 0;}

html, body, #container {
	margin: 0;
	padding: 0;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#container{
width:100%;
height:100%;
bgcolor:none;
position:absolute;
overflow:scroll;
z-index:2;
}

#bg_pic{
position: fixed;
	top: 0px;
	z-index: 0;
	/*
	left: 50%;
	margin-left: -1024px;
	*/
	left: 0px;
	width: 100%;
	min-width: 2048px;
}
#navigator1{
width:240px;
position:fixed;
min-height:200px;
left: 0px;
bottom:0px;
height:100%;
top:0px;
background-color:#281A00;
text-align:left;
}

#logonav{
	width:500px;
position:absolute;
height:100px;
right: 0px;
top:0px;
background-color:transparent;
}

#navigator3{
width:500px;
position:absolute;
top: 0px;
left: 250px;
background-image:url(../pic/bglogo.png);
max-height:130px;
}

#navigator4{
width:5px;
position:absolute;
bottom: 0px;
left: 201px;
top:0px;
background:url(../pic/n4_bg.png);
height:100%;
}

#bgu{
width:10px;
position:fixed;
bottom: 0px;
left: 895px;
background:url(../pic/bgu.png);
top:50%;
}

#n3_cont1{
	position:absolute;
	bottom:1px;
	left:5px;
 	width:100px;
	top:5px;
	background:none;
	float:right;
}
#n3_cont2{
	position:absolute;
	bottom:-1px;
	right:5px;
	width:200px;
	top:5px;
	background:none;
}
#Steuer{
	position:fixed;
	bottom:0px;
	left:880px;
	width:10px;
	top:140px;
	background-image:url(../pic/nkont_bg.png);
}

#n4_cont{
position:relative;
top:0px;
right:0px;
height:100%;
width:100%;
}


#n5_cont{
position:relative;
top:0px;
right:0px;
height:100%;
width:100%;
}


#logo{
position:absolute;
bottom:2px;
right:0px;
border:none;
height:90px;
}

#spacermail{
border:none;
position:relative;
height:12px;
width:130px;
}


.style1 {
	font-size: 16px;
	color: #CCCCCC;
	text-decoration:none;
}
.style2 {color: #fff;
		font-family:Arial;
		font-size:18px;
		text-decoration:none;}
.style3 {font-size: 17px;
text-decoration:none;}
.style4 {
	font-size: 10px;
	color:#281A00;
	text-decoration:none;
}
.steuer {
	font-size: 10px;
	font-family:Arial;
	color:#fff;
	text-decoration:none;
}
.nav {
	font-size: 10px;
	font-family:Arial;
	color:#fff;
	text-decoration:none;
	position:absolute;
	bottom:0px;
}
.style5 {
	color:#281A00;
	font-family: Arial;
	text-decoration:none;
}
.style6 {
	color:#281A00;
	font-family: Arial;
	text-decoration:none;
}
.style7 {
	color:#281A00;
	font-size: 11px;
	font-family: Arial;
	text-decoration:none;
}

.style12 {
	color:#fff;
	font-size: 15px;
	font-family: Arial;
	text-decoration:none;
}
.style8 {font-family: Arial}

div.apple_overlay.black {
		background-image:url(../pic/bg_mail_popup.png);
		width:288px;
		height:347px;		
		background-color:transparent;
	}
	
#triggers {
		margin-top:0px;
		text-align:right;
		cursor:pointer;
	}
	
#triggers a:link {
color: #FFFFFF;
text-decoration:none;
font-family:Arial;
}
#triggers a:hover {
color:#4083c3;
text-decoration:none;
font-family:Arial;
}
#triggers a:visited {
color: #FFFFFF;
text-decoration:none;
font-family:Arial;
}
#triggers a:hover {
color:#4083c3;
text-decoration:none;
font-family:Arial;
}
#triggers a:active {
color:#4083c3;
text-decoration:none;
font-family:Arial;

}
#triggers a {text-decoration:none;
outline:none;}

a:link {
color: #FFFFFF;
text-decoration:none;
font-family:Arial;
}
a:hover {
color:#281A00;
text-decoration:none;
font-family:Arial;
}
a:visited {
color: #FFFFFF;
text-decoration:none;
font-family:Arial;
}
a:hover {
color:#281A00;
text-decoration:none;
font-family:Arial;
}
a:active {
color:#281A00;
text-decoration:none;
font-family:Arial;

}
a {text-decoration:none;
outline:none;}


#flowpanes {
position:absolute;
background-color:#FFF;
	background-image:url(../pic/text_bg.png);
	z-index: 10;
	top:140px;
	left:250px;
	width:580px;
	padding:10px;
	border:#FFF 10px solid;
	margin-bottom:10px;
	}
	
#flowpanes2 {
position: absolute;
background-color:#FFF;
	background-image:url(../pic/text_bg.png);
	z-index: 10;
	max-height:350px;
	min-height: 350px;
	top:140px;
	left:250px;
	width:580px;
	bottom:135px;
	padding:10px;
	border:#FFF 10px solid;
	}
.ref{
	padding:10px;
	border:1px solid #333;
	width:100%;
}

.content {
	margin-top:130px;
	height:auto;
	width:560px;
	}
/*
.scrollbox {
	position: relative;
}

.scrollbar {
	background: transparent;
	width: 10px;
	position: absolute;
	padding: 31px 10px;
	overflow: hidden;
}

.scrollbar .scrollbar-background {
	background-color: none;
	width: 10px;
	height: 100%;
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;
}

.scrollbar .ui-slider {
	width: 100%;
	height: 108%;
	background: transparent;
	border: 0px none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	z-index: 12;
}

.scrollbar .ui-slider .ui-slider-handle {
	border: 0px none;
	background-color:#FFF;
	opacity: 0.80;
	-moz-opacity: 0.80;
	height: 24px;
	width: 10px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	left: 0px;
	margin-bottom:1px;
	z-index: 13;
	cursor: default;
}
*/
.text{
font-family:Arial;
font-size:14px;
	color:#fff;
	}
	

.apple_overlay {
	display:none;
	width:640px;		
	padding:35px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../pic/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:20px;
	width:20px;
}

#accordion {
	position:absolute;
	width: 240px;
	top:200px;
	left:0px;
	background-image:url(../pic/bgnav.png);
	/*background-color:#4E95D3;*/
	width: 200px;
	border:none;
}


#accordion h2 {
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}

#accordion .tab {
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}

#accordion .pane {
	display:none;
	padding:10px;
}
#tabs {
	background-color:#281A00;
	width: 240px;
	height:14px;
	border:none;
	padding-top:15px;
	border-bottom:thin #FFF solid;	
}

#tabs2 {
	background-color:#281A00;
	width: 240px;
	height:14px;
	border:none;
	padding-top:15px;
	border-bottom:thin #FFF solid;	
}

#tabs2 .tab a:link {
color: #fff;
text-decoration:none;
font-family:Arial;
}
#tabs2 .tab a:hover {
color:#fff;
text-decoration:none;
font-family:Arial;
}
#tabs2 .tab a:visited {
color: #fff;
text-decoration:none;
font-family:Arial;
}
#tabs2 .tab a:hover {
color:#fff;
text-decoration:none;
font-family:Arial;
}
#tabs2 .tab a:active {
color:#fff;
text-decoration:none;
font-family:Arial;

}
#tabs2 .tab a {text-decoration:none;
outline:none;}
	

#image_wrap {
		/* dimensions */
		width:600px;
		margin:0px 0 0px 0px;
		padding:0px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
	}
	
.headline {
	position:absolute;
	top:-1px;
	right:0px;
	left:0px;
	height:36px;
	font-size:40px;
	font-family:Arial;
	text-align:right;
	color:#666;
	border-bottom:5px #666 solid;
	}

.banner {
	position:absolute;
	top:40px;
	right:0px;
	left:0px;
	height:110px;
	border-bottom:5px #666 solid;
	}
	
.maincont {
	position:absolute;
	top:145px;
	right:0px;
	left:0px;
	height:90%;
	padding:20px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	}
	
#triggers{
	position:absolute;
	bottom:-98px;
	right:5px;
	height:150px;
	width:100%;
	padding:0px;
	font-size:8px;
	background:none;
	color:#FFF;
	font-family:Arial;
}

.himp {
	font-family:Arial;
	font-size:12px;
	text-align:left;
	color:#FFF;
	}
	
.imph {
	font-family:Arial;
	font-size:14px;
	text-align:left;
	color:#FFF;
	}
	
.imptext {
	font-family:Arial;
	font-size:9px;
	text-align:left;
	color:#FFF;
	}
	
.conttext {
	font-family:Arial;
	font-size:12px;
	text-align:left;
	color:#666;
	}
	
.conthigh {
	font-family:Arial;
	font-size:16px;
	text-align:left;
	color:#666;
	}
	
.contsmall {
	font-family:Arial;
	font-size:10px;
	text-align:left;
	color:#666;
	}
	 
.content a:link {
color: #666;
text-decoration:none;
font-family:Arial;
}
.content a:hover {
color:#281A00;
text-decoration:none;
font-family:Arial;
}
.content a:visited {
color: #666;
text-decoration:none;
font-family:Arial;
}
.content a:hover {
color:#281A00;
text-decoration:none;
font-family:Arial;
}
.content a:active {
color:#281A00;
text-decoration:none;
font-family:Arial;

}
.content a {text-decoration:none;
outline:none;}
	
.maincont2 {
	position:absolute;
	top:40px;
	right:0px;
	left:0px;
	bottom:0px;
	padding:20px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	overflow:hidden;
	}
	
#showtabs {
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:70px;
	padding:2px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	overflow:auto;
	border:#666 1px solid;
	margin-top:2px;
	background-color:#666;
	}

#showtabs div {
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	display:none;
	padding:2px;
	}
	
#over {
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	min-height:62px;
	max-height:62px;
	padding:2px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	overflow:hidden;
	border:#666 1px solid;
	margin-top:2px;
	background-color:#666;
	}

.spots {
	min-height:60px;
	max-height:60px;
	min-width:62px;
	max-width:62px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	overflow:hidden;
	border:#333 1px solid;
	float:right;
	margin-right:2px;
	background-color:#FFF;
	}

.spots2 {
	min-height:50px;
	max-height:50px;
	min-width:70px;
	max-width:70px;
	font-family:Arial;
	font-size:9px;
	color:#333;
	text-align:left;
	overflow:hidden;
	border:#333 1px solid;
	float:right;
	background-color:#ccc;
	padding:5px;
	cursor:pointer;
	}

.spotpic {
	min-height:60px;
	max-height:60px;
	min-width:62px;
	max-width:62px;
	border:0px;
	}