html{
	margin:0;
	padding:0;	
	height:100%;
	width:100%;
	}
body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;	
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	color:#666666;
	text-decoration:none;
	background:#000;
}

#bg{
	display:block;
	height:100%;
	width:100%;
	background: url(fond.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.fond.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fond.jpg', sizingMethod='scale')";
	text-align:center;
}

	#abstand { 
		width:1px;
		height:50%;
		margin-bottom:-289px; /* halbe Höhe von #container */
		float:left;
		}

#rahmen{
		clear:left;
	width:1003px;
	height:578px;
	margin:0 auto;
	text-align:left;
}


.subnavi{
	position:absolute;
	left:23px;top:110px;width:200px;
	color:#aaaaaa;
	line-height:26px;
}

.subnavi a{
	text-decoration:none;
	letter-spacing:0.2em;
	color:#aaaaaa;
}
.subnavi a:hover, .subnavi a.aktiv{
	color:#a02829;
}

.bg_galerie{
	position:absolute;
	left:92px;top:20px;
	width:891px;
	height:538px;
	background: url(../_images/_elemente/bg_galerie.png) no-repeat top left;
	overflow:hidden;
	}
	
#gallery{
	position:absolute;
	left:200px;top:20px;
}	
#text{
	position:absolute;
	left:200px;top:20px;
	width:660px;
	height:500px;
	overflow:auto;
}	

#text a{
	color:#333;
}



ul#navi, #navi li{
	margin:0;
	padding:0;	
}

#navi li{
	line-height:87px;
	list-style-type:none;
	padding-bottom:0px;
}
#navi li a{
	height:87px;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	line-height:87px;
	color:#e8e8e8;
	text-decoration:none;
}
#navi li a:hover{
	color:#f00;
}

.nav{width:92px;height:87px;}

.nav2{
	background:url(../_images/navi/food.png) top left no-repeat;
}
.nav2aktiv, .nav2:hover{
	background:url(../_images/navi/food_active.png) top left no-repeat;
}
.nav3{
	background:url(../_images/navi/nonfood.png) top left no-repeat;
}
.nav3aktiv, .nav3:hover{
	background:url(../_images/navi/nonfood_active.png) top left no-repeat;
}
.nav4{
	background:url(../_images/navi/studio.png) top left no-repeat;
}
.nav4aktiv, .nav4:hover{
	background:url(../_images/navi/studio_active.png) top left no-repeat;
}
.nav5{
	background:url(../_images/navi/kunden.png) top left no-repeat;
}
.nav5aktiv, .nav5:hover{
	background:url(../_images/navi/kunden_active.png) top left no-repeat;
}
.nav6{
	background:url(../_images/navi/kontakt.png) top left no-repeat;
}
.nav6aktiv, .nav6:hover{
	background:url(../_images/navi/kontakt_active.png) top left no-repeat;
}
.nav7{
	background:url(../_images/navi/datenschutz.png) top left no-repeat;
}
.nav7aktiv, .nav7:hover{
	background:url(../_images/navi/datenschutz_active.png) top left no-repeat;
}

.groesse_grau{
	height:19px;
	width:149px;
	overflow:hidden;
	background:url(../_images/subnavi/groesse_grau.gif) 0 0 no-repeat;
}
.groesse_grau:hover{
	background:url(../_images/subnavi/groesse_grau.gif) 0 -19px no-repeat;
}

.groesse_grau a,.groesse_grau_gross a{display:block;text-decoration:none;}

.groesse_grau_gross{
	height:19px;
	width:149px;
	overflow:hidden;
	background:url(../_images/subnavi/groesse_grau_gross.gif) 0 0 no-repeat;
}
.groesse_grau_gross:hover{
	background:url(../_images/subnavi/groesse_grau_gross.gif) 0 -19px no-repeat;
}


.fond_dunkel{
	height:19px;
	width:149px;
	overflow:hidden;
	background:url(../_images/subnavi/fond_hell.gif) 0 0 no-repeat;
}
.fond_dunkel:hover{
	background:url(../_images/subnavi/fond_hell.gif) 0 -19px no-repeat;
}

.fond_dunkel a,.fond_hell a{display:block;text-decoration:none;}

.fond_hell{
	height:19px;
	width:149px;
	overflow:hidden;
	background:url(../_images/subnavi/fond_dunkel.gif) 0 0 no-repeat;
}
.fond_hell:hover{
	background:url(../_images/subnavi/fond_dunkel.gif) 0 -19px no-repeat;
}