html,body{margin:0;padding:0; background: #3f495f;}
body{font: 76% arial,sans-serif;text-align:center}

@font-face {
    font-family: BankGothicMdBTMedium;
    src: url('../font/bnkgothm-webfont.eot');
    src: url('../font/bnkgothm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bnkgothm-webfont.woff') format('woff'),
         url('../font/bnkgothm-webfont.ttf') format('truetype'),
         url('../font/bnkgothm-webfont.svg#BankGothicMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


p{margin:0 10px 10px;}
a{padding:5px;}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
a img { border:none; }
a img hover{ border:none; }
div#content {width:740px; height:550px ;
	position:absolute;z-index:1 }

#fahnen{float: right;}
#footer{ margin:0;padding:12px 10px;float: left;  height:30px; width:860px}
#footer a{text-decoration:none; font-family:BankGothicMdBTMedium,Arial; font-weight:bold; color:#bf9f61;font-size:18px; margin-right:8px }
#footer a:hover {   background-color:#fff; color:#a32016 }
div#container{
	position:absolute; height:620px; width:900px; margin:-310px 0px 0px -450px; top: 50%; left: 50%; 
	background: #3f495f;}

#options ul li a:link{text-decoration:none; font-family: BankGothicMdBTMedium,Arial; text-decoration:none; font-weight:bold; color:#bf9f61;font-size:20px; margin:6px}
#options ul { padding:8px}
#options ul li a:visited {text-decoration:none; font-family: BankGothicMdBTMedium,Arial; text-decoration:none; font-weight:bold; color:#bf9f61;font-size:20px; margin:6px }
#options ul li a:hover {   background-color:#fff; color:#a32016 }
#options ul li a:active {  text-decoration:none; font-family: BankGothicMdBTMedium,Arial; text-decoration:none; font-weight:bold; color:#bf9f61;font-size:20px; margin:6px }
#options ul li a:focus { text-decoration:none; font-family: BankGothicMdBTMedium,Arial; text-decoration:none; font-weight:bold; color:#bf9f61;font-size:20px; margin:6px }

div#navigation{  width:688px;height: 42px; top:71px; left:7px;
	background: #a12116;position:absolute}
div#schw{width:337px;height: 30px; top:182px; margin-left:-53px;
	background: #000; position:absolute}
	div#schwAA{width:187px;height: 34px; top:0px; margin-left:469px;
	background: #000; position:absolute}
	
div#rot{width:15px;height: 39px; top:146px; margin-left:284px;
	background: #a12116; position:absolute}
	
div#anker{width:152px;height: 35px; top:398px; margin-left:660px; 
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	position:absolute}	
div#newAnker{width:35px;height: 152px; top:452px; margin-left:851px; 
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	position:absolute}	
div#newRed{width:21px;height: 114px; margin-top:40px; float:right; margin-right:-2px;
	background: #a12116; }
div#red{width:114px;height: 21px; margin-top:-2px; float:right; margin-right:-2px;
	background: #a12116; }	
	
div#in{background:#bf9f61; border:#ffffff solid 2px;margin-top:42px;
	height: 557px; float: left;width:856px;
	-webkit-box-shadow: 5px 5px 10px #000;
-moz-box-shadow: 5px 5px 10px #000;
box-shadow: 5px 5px 10px #000; }
div#balken{ background:#000;
	height: 257px; float: left;width:7px; }
	
div#wrap{  
	height: 100%; float: left; width:877px; position:relative; z-index:3}
	
div#balk{ width:337px;height: 25px; top:162px; margin-left:-53px;
	background: #000; position:absolute}
	
#options {
	padding-top:4px ;
	text-align:left;	
	width:800px;
}

#alk {
	left:370px;
	width:445px;height: 62px; top:444px; 
	
	background-repeat: no-repeat; position:absolute; z-index:4;
}

#afvk {
	left:370px;
	width:455px;height: 68px; top:520px; 
	background-image: url(../img/afvk.png); background-repeat: no-repeat; position:absolute
}	

#afvkNew {
	left:-20px;
	width:20px;height: 455px; top:46px; 
	background-image: url(../img/afvk90.png); background-repeat: no-repeat; position:absolute
}	

#text{padding:15px}	
/*
#rex-article-2{background: url(../img/menue.jpg) no-repeat; background-position: 0px 0; width:55px; height:20px; float:left }
#rex-article-2:hover{background: url(../img/menue1.jpg) no-repeat; background-position: 0px 0; width:55px; height:20px; float:left }
#rex-article-3{background: url(../img/menue.jpg) no-repeat; background-position: -60px 0; width:75px; height:20px; float:left }
#rex-article-3:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -60px 0; width:75px; height:20px; float:left }
#rex-article-4{background: url(../img/menue.jpg) no-repeat; background-position: -140px 0; width:85px; height:20px; float:left }
#rex-article-4:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -140px 0; width:85px; height:20px; float:left }
#rex-article-5{background: url(../img/menue.jpg) no-repeat; background-position: -230px 0; width:65px; height:20px; float:left }
#rex-article-5:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -230px 0; width:65px; height:20px; float:left }
#rex-article-6{background: url(../img/menue.jpg) no-repeat; background-position: -295px 0; width:129px; height:20px; float:left }
#rex-article-6:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -295px 0; width:129px; height:20px; float:left }
#rex-article-7{background: url(../img/menue.jpg) no-repeat; background-position: -425px 0; width:153px; height:20px; float:left }
#rex-article-7:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -425px 0; width:153px; height:20px; float:left }
*/
#screen { 
		
		
		width: 0%; 
		height: 100%; 
		background: #111; 
		overflow: hidden; 
	} 

#rex-article-8{background: url(../img/menue.jpg) no-repeat; background-position: -580px 0; width:65px; height:20px; float:left }
#rex-article-8:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -580px 0; width:65px; height:20px; float:left }


#web{background: url(../img/menue.jpg) no-repeat; background-position: 0px 0; width:55px; height:20px; float:left }
#web:hover{background: url(../img/menue1.jpg) no-repeat; background-position: 0px 0; width:55px; height:20px; float:left }
#video{background: url(../img/menue.jpg) no-repeat; background-position: -60px 0; width:75px; height:20px; float:left }
#video:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -60px 0; width:75px; height:20px; float:left }
#grafik{background: url(../img/menue.jpg) no-repeat; background-position: -140px 0; width:85px; height:20px; float:left }
#grafik:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -140px 0; width:85px; height:20px; float:left }
#foto{background: url(../img/menue.jpg) no-repeat; background-position: -230px 0; width:60px; height:20px; float:left }
#foto:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -230px 0; width:60px; height:20px; float:left }
#animation{background: url(../img/menue.jpg) no-repeat; background-position: -295px 0; width:129px; height:20px; float:left }
#animation:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -295px 0; width:129px; height:20px; float:left }

#illustration{background: url(../img/menue.jpg) no-repeat; background-position: -425px 0; width:153px; height:20px; float:left }
#illustration:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -425px 0; width:153px; height:20px; float:left }

#shop{background: url(../img/menue.jpg) no-repeat; background-position: -580px 0; width:65px; height:20px; float:left }
#shop:hover{background: url(../img/menue1.jpg) no-repeat; background-position: -580px 0; width:65px; height:20px; float:left }

#ueberuns{background: url(../img/uberUns.png) no-repeat;width:120px; height:18px;float:left}
#ueberuns:hover{background: url(../img/uberUnsa.png) no-repeat;width:120px; height:18px;float:left}


#kontakt{background: url(../img/kontakt.png) no-repeat;width:100px; height:18px;float:left; margin-top:5px}
#kontakt:hover{background: url(../img/kontakta.png) no-repeat;width:100px; height:18px;float:left;margin-top:5px}




* {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
}
ul {
	
	list-style-type:none;
	
	
	overflow:hidden;
}
li {
	float:left;
	cursor:pointer;
}
li.current {
	background-color:#DDDDDD;
	border-bottom:3px solid #DDDDDD;
}
div.tabs {
	width:450px;
	margin: 0 0 10px 10px;
}
div.dyn-tabs {
	width:440px;
	padding:5px;
	height:100px;
	overflow:auto;
	background-color:#DDDDDD;
	display:none;
}