@font-face {font-family: 'Quicksand'; src: local('Inconsolata'), url('../script/Quicksand_Book.otf') format('truetype'); }
@font-face {font-family: 'Quicksand_Light'; src: local('Inconsolata'), url('../script/Quicksand_Light.otf') format('truetype'); }




html, body {font-family: Quicksand; background:#fff; font-size: 14px; line-height: 18px;}     
p {font-size: 14px;line-height: 18px; padding: 5px 0 5px 0 }
#menu{z-index: 100; color: #ff0066; position: fixed; top: 0px; left: 0px; width:120px; height: 100%; padding: 30px 20px; background-color: #fff; text-align: center }

audio {position: fixed; top: -100px; left: 100px}
#audio {position: fixed; top: -100px; left: 100px}

a:link {color:#fff; text-decoration:none; }
a:visited {color:#FFFFFF; text-decoration:none; }
a:hover {color:#fff; text-decoration:none; }
a:active {color:#FFFFFF; text-decoration:none; }

#context{position: absolute; left: 300px;z-index: 100}

h1 {font-size: 14px; line-height: 23px; font-family: 'Quicksand';}
h2 {font-size: 14px; line-height: 23px; font-family: 'Quicksand';}

#menu2{-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;width: 350px; text-align: center; left: 0px; height: 80px; background-color: #fff; width: 100%; position: fixed; top: 1110px; z-index: 120;}
.menu2 {font-family: Quicksand_Light; position: absolute; top: 35px; left: 30px; font-size: 50px; color: #ff0066}

#control {position: absolute; right: 10px; bottom: 10px; z-index: 2000; display:inline}

#border_top {height: 15px; width: 100%; background-color: #fff; position: fixed; top: 0px; left: 0px;}
#border_bot {height: 15px; width: 100%; background-color: #fff; position: fixed; bottom: 0px; left: 0px;}
#border_lef {height: 100%; width: 15px; background-color: #fff; position: fixed; top: 0px; left: 0px;}
#border_rig {height: 100%; width: 15px; background-color: #fff; position: fixed; top: 0px; right: 0px}




#top {position: absolute;; left: 0px; top: 0px}


#front{z-index: 200}


			
			dl {

			}
			dt {
				float: left;
				width: 160px;
			}
			dd {
				margin: 0 0 10px 160px;
			}
			.video-background {
				position: relative; /*relative*/
				top: 0;
				left: 0;
				overflow: hidden;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
			.video-background video {
				min-height: 100%; 
				min-width:100%; 
				position: relative;
			}
			
		
		
#anchor {position: relative; z-index: 10; width: 500px; }
#anchorlink {
	position: absolute; 
	bottom: 0px; 
	cursor: pointer;
	color: #000;
	background-color: #fff;
	padding: 10px;
}

#bgimg {
	position:relative;
	z-index: 0;
}


#st_main {
	position: absolute; 
	z-index: 0; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
	overflow: hidden;
}



#footer {position: relative; background-color: #fff; width: 100%; color: #000; padding: 0px 0px 0px 0px; z-index: 20;}		
#footer ul {list-style-type:none; list-style-position: inside;}
#footer li {padding-left: 10px}

.submenu {position: relative; width: 100%; background-color: #fff; z-index: 100; background-color: #fff; height: 140px}
.submenu_f {position: fixed; top:0px; left: 0px; width: 100%; z-index:100; background-color: #fff; height: 140px}
.abstand {position: relative; width: 100%; background-color: #fff; display:none; height: 140px; }

.submenu .submenu_f .abstand{height: 160px}

#more {padding: 10px; z-index:2000}

iframe {width: 900px}


.col_1 {float: left; width: 250px; margin-left: 20px}
.col_2 {float: left; width: 250px; margin-left: 20px; border-left: 1px dotted #000; height: 80px}
.col_3 {margin-left: 550px; border-left: 1px dotted #000; height: 80px; padding-right: 20px}



#black {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; display: none}


#impressum {display: none}

#footer a:link {color:#000}
#footer a:visited {color:#000}
#footer a:hover {color:#000}
#footer a:active {color:#000}
#footer li {padding: 5px}