/* -- GLOBAL --*/
html, body{
	height:100%;
}
#distance {
	width:1px;
	height:50%;
	margin-bottom:-295px; /* half of container's height */
	float:left;
}
#cont{
	position:relative; /* puts container in front of distance */
	height:auto;
	clear:left;
	text-align:center;	
}
body{
	font-family:  arial, sans-serif;
	font-size:10px;
	background:#F5ECD3;
	margin: 0;
	padding: 0;
}
img{
	border:0;
}
strong{
	font-weight:bold;
}
.hide {
	display:none;
}
a {
	color:#000;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
li{
	margin:0;
	padding:0;
}
#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:1024px;
	height:164px;
	background:url(../images/metallstreifen.jpg) no-repeat;
	z-index:100;
}
#website_container{
	position:relative;
	margin:0 auto;
	height:768px;
	width:1024px;
	background:#F5ECD3 url(../images/hintergrund_neu.jpg) no-repeat;
	border:2px solid #FFF;
}
/* ---  NAVIGATION --- */
#navigation{
	position:relative;
	margin:0;
	padding:0 0 47px 0;
	width:160px;
	color:#333;
	font: 15px frutiger Cn, frutiger, Helvetica, sans-serif;
	/*border-bottom:1px solid #D4CFBC;*/
}
#navigation ul li{
	margin:0;
	padding:0;
	position:relative;
	background:#48653D;
}
#navigation ul a{
	margin:0;
	padding:10px 0 3px 5px;
	color:#FFF;
	display:block;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px dashed #CCC;
}
#navigation ul a:hover{
	left:0;
	
	background:#708767;
}
#navigation ul li.active{
	position:relative;
	padding:10px 0 3px 5px;
	color:#FFF;
	display:block;
	background:#5B8242;
	text-decoration:none;
	border-bottom:1px dashed #CCC;
}
#navigation ul li div.navi_arrow{
	margin:0;
	padding:0;
	border:none;
	position:absolute;
	left:-12px;
	top:16px;
	height:9px;
	width:8px;
	overflow:hidden;
	background:url(../images/navi_arrow.gif) no-repeat;
}
#navigation ul li a.lvl_2{
	padding:5px 0 3px 5px;
	background:#F5ECD3;
	font-size:11px;
	height:12px;
	color:#244B0A;
}
#navigation ul li a.lvl_2:hover{
	background:#F9F4E5;
}
#navigation ul li.lvl_2{
	padding:5px 0 3px 5px;
	background:#F9F4E5;
	font-size:11px;
	height:12px;
	color:#244B0A;
	border-bottom:1px dashed #CCC;
}
/* ---  SERVICE NAVIGATION --- */
#service_navigation{
	position:absolute;
	width:150px;
	top:452px;
	left:11px;
	/*border-top:1px solid #F5ECD3;*/
}
#service_navigation ul {
	margin:17px 0 0 0;
}
#service_navigation ul li{
	position:relative;
	color:#FFF;
	padding:5px 5px 5px 0;
	font:12px frutiger Cn, frutiger, Helvetica, sans-serif;
	font-weight:bold;
}
#service_navigation ul li a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
#service_navigation ul li div.service_navi_arrow{
	position:absolute;
	left:-12px;
	top:8px;
	height:9px;
	width:8px;
	overflow:hidden;
	background:url(../images/service_navi_arrow.gif) no-repeat;
}
/* --- SPALTEN ---*/
#container{
	position:absolute;
	left:50px;
	top:110px;
}
#content_column{
	position:absolute;
	left:170px;
	top:0;
	width:250px;
	height:486px;
	background:#F5ECD3;
}
#artikel_bild{
	position:absolute;
	left:260px;
	top:0;
	background:#000;
	width:522px;
	height:486px;
	overflow:hidden;
}
#artikel_bild img{
	border:1px solid #F5ECD3;
}
#artikel_bild img.artikel_bild_bg{
	border:1px solid #F5ECD3;
	opacity:1;
	filter: alpha(opacity = 100);
}
#videoplayer{
	width:458px;
	height:449px;
	position:absolute;
	top:20px;
	left:30px;
}
#back{
	position:relative;
	top:15px;
	left:15px;
	color:#264B21;
}
/* --- ARTIKEL ---*/
#content_container{
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:486px;
}
#content_container h1{
	margin:8px 14px 5px 14px;
	padding:0;
	font-size:12px;
	color:#264B21;
}
#content_container h2{
	margin:8px 14px 14px 14px;
	padding:0;
	font-size:12px;
	color:#333;
}
#content_container h3{
	margin:8px 14px 14px 14px;
	padding:0;
	font-size:12px;
	color:#333;
}
#content_container p{
	margin:0 14px;
	padding:0;
	font-size:10px;
	color:#333;
}
#teaser_container{
	position:absolute;
	margin:0;
	padding:0;
	bottom:0;
	height:270px;
	width:250px;
	border-top:1px solid #21480B;
}
#teaser_container li{
	position:relative;
}
div.teaser{
	width:250px;
	height:90px;
	margin:0;
	padding:0;
	margin:0 0 0 0;
}
div.teaser_text{
	width:118px;
	height:89px;
	margin:0;
	padding:0;
	margin:0 0 0 15px;
	border-bottom:1px dashed #FFF;
}
div.teaser_text#last{
	border-bottom:none;
}
div.teaser_text a{
	text-decoration:none;
	cursor:pointer;
}
#teaser_container h1{
	position:relative;
	top:10px;
	margin:0;
	padding:0;
	width:118px;
	height:41px;
	font-size:11px;
}
#teaser_container h3{
	width:118px;
	height:39px;
	margin:0;
	padding:0;
	color:#333;
	font-size:10px;
}
#teaser_container img{
	position:absolute;
	right:0;
	border-bottom:1px solid #274E08;
}
#teaser_container img.last{
	border-bottom:none;
}
/* --- DATEILISTE ---*/
#datei_liste{
	margin:10px 0 0 15px;
	padding:0;
	color:#333333;
}
#datei_liste li{
	margin:0 0 5px 0;
}
/* --- KONTAKT ---*/
form{
	margin:0;
	padding:0;
}
input{
	margin:0;
	padding:0;
}
#artikel_bild.kontakt{
	position:absolute;
	left:0px;
	top:0;
	width:250px;
	overflow:hidden;
}
#content_container.kontakt{
	position:absolute;
	left:260px;
	top:0;
	width:522px;
	height:486px;
	background:#F5ECD3;
}
table#kontakt{
	margin:10px 10px 10px 14px;
	padding:0;
	width:470px;
	color:#333;
}
table#kontakt tr td{
	padding:0 0 10px 0;
}
table#kontakt input.textfeld{
	height:14px;
	width:140px;
}
table#kontakt textarea{
	width:470px;
	height:170px;
}
/* --- GALLERY ---*/
#gallerys{
	margin:15px;
}
#gallerys li{
	margin:5px 0 0 0;
}
/* --- GALLERY --- */
body.pop_up{
	background:#325A02;
	color:#F5ECD3;
}
body.pop_up a{
	color:#F5ECD3;
}
#pop_up h1{
	margin:10px 0 10px 0;
}
#pop_up #bildbereich{
	margin:10px 0 0 0;
}
#pop_up table tr td.next, #pop_up table tr td.prev{
	width:120px;
	padding:0 10px;
}
body.pop_up img{
	border:2px solid #FFF;
}