/* ##################################################### */
/* ALLGEMEINES */
/* ##################################################### */

* { margin:0; padding:0; }

/* Alle Schriftgrößen auf 16px zurücksetzen */
html * { font-size: 100.01% }

html, body {height:100%;}

body {
		background: #dedcca;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-align:center;
		font-size: 0.75em; /* = 12px; standardbrowser font-size = 16px; */
		line-height: 1.166em; /* 14px */
		-moz-opacity: .99999; /* behebt den fehler des firefox 2 auf dem MAC. Fehler im Textrendering */
}

ul, li, p {
		margin: 0;
		padding: 0;
}

a.Dunkelbeige { color:#807054; font-weight:bold;}

a.Rot { color:#bb2d19; font-weight:bold; }

a.Rot_Regular:link {color:#bb2d19; font-weight:normal;}
a.Rot_Regular:visited {color:#bb2d19; font-weight:normal;}
a.Rot_Regular:hover {color:#bb2d19; font-weight:bold;}
a.Rot_Regular:active {color:#bb2d19; font-weight:normal;}

a.Dunkelbeige_Regular:link {color:#807054; font-weight:normal;}
a.Dunkelbeige_Regular:visited {color:#807054; font-weight:normal;}
a.Dunkelbeige_Regular:hover {color:#807054; font-weight:bold;}
a.Dunkelbeige_Regular:active {color:#807054; font-weight:normal;}

a.html_rot:link {color:#bb2d19; font-weight:bold;}
a.html_rot:visited {color:#bb2d19; font-weight:bold;}
a.html_rot:hover {color:#bb2d19; font-weight:bold;}
a.html_rot:active{color:#bb2d19; font-weight:bold;}

a.html_rot_regular:link {color:#bb2d19; font-weight:normal;}
a.html_rot_regular:visited {color:#bb2d19; font-weight:normal;}
a.html_rot_regular:hover {color:#bb2d19; font-weight:bold;}
a.html_rot_regular:active {color:#bb2d19; font-weight:normal;}

a.html_dunkelbeige:link {color:#807054; font-weight:bold;}
a.html_dunkelbeige:visited {color:#807054; font-weight:bold;}
a.html_dunkelbeige:hover {color:#807054; font-weight:bold;}
a.html_dunkelbeige:active {color:#807054; font-weight:bold;}

a.html_dunkelbeige_regular:link {color:#807054; font-weight:normal;}
a.html_dunkelbeige_regular:visited {color:#807054; font-weight:normal;}
a.html_dunkelbeige_regular:hover {color:#807054; font-weight:bold;}
a.html_dunkelbeige_regular:active {color:#807054; font-weight:normal;}

p.rot { color:#bb2d19; }
p.dunkelbeige { color:#807054; }

h1 { font-weight:bold; font-size:1em; margin-bottom:1em; /* 11px */ }
h1.rot { color:#bb2d19; }
h1.dunkelbeige { color:#807054; }

/* ##################################################### */
/*TABELLE FÜR DIE ZENTRIERUNG FORMATIEREN */
/* ##################################################### */

#distance { 
		width:1px;
		height:50%;
		background-color:#ebeadf;
		margin-bottom:-25.25em; /* half of container's height */
		float:left;
}

/* ##################################################### */
/* DIE BEIDEN HAUPT CONTAINER FORMATIEREN */
/* ##################################################### */

/* wegen dem box-modell des IE, der den border ausserhalb der box setzt, werden hier 2 boxen gemacht. die äussere hat die hintergrundfarbe des eigentlichen borders */
/* die innere ist in breite und höhe je 2 pixel kleiner und wird mittig in den äussren gesetzt. dadurch wird in FF und IE gewährleistet, dass der rahmen immer genau die gleiche pixelbreite und höhe haben */

#container_outer {
			  position: relative; 
			  /*width: 990px;*/
			  width: 82.5em;
			  /*height: 606px;*/
			  height:50.5em;
			  background: #dedcca;
			  text-align:left;
			  clear:left;
			  margin:0 auto;
			  border:1px solid #FFFFFF;
}

#container_inner {
			  position: absolute; 
			  top: 1px;  
			  left: 1px; 
			  /*width: 988px;*/
			  width:82.333em;
			  /*height: 604px;*/
			  height:50.333em;
			  background: #dedcca;
}

/* ##################################################### */
/* HEADER */
/* ##################################################### */

#header {
			position: absolute;
			/*left:41px;*/
			left:3.416em;
			/*top:21px;*/
			top:1.75em;
			/*width:908px;*/
			width:75.666em;
			/*height:100px;*/
			height:8.333em;
			/*background:url(../images/header.gif);*/
}

.header_image {
			position:relative;
			margin:0;
			padding:0;
			width:8.916em; /*107px*/
			height:8.333em; /*100px*/
}

.header_image_2 {
			position:relative;
			margin:0;
			padding:0;
			width:66,75em; /*801px*/
			height:8.333em; /*100px*/
}

/* ##################################################### */
/* 1. EBENE DER NAVIGATION */
/* ##################################################### */

#navi_layer_1 {
			position:absolute;
			/*left: 174px;*/
			left:14.5em;
			/*top:67px;*/
			top:5.583em;
			/*width:490px;*/
			width:40.833em;
			/*height:15px;*/
			height:1.25em;
			
}
#navi_layer_1_content {
			color:#bb2d19;
			font-size:0.833em; /* 10px; */
}

#navi_layer_1_content ul {
			list-style-type: none;
}

#navi_layer_1_content li {
			display: inline;
			padding: 0 1em 0 0; /* 10px */
}

#navi_layer_1_content li.act {
			font-weight:bold;
}

#navi_layer_1_content a:link {color:#bb2d19; text-decoration:none;}
#navi_layer_1_content a:visited {color:#bb2d19; text-decoration:none;}
#navi_layer_1_content a:hover {color:#bb2d19; font-weight:bold; text-decoration:none;}
#navi_layer_1_content a:active {color:#bb2d19; text-decoration:none;}

/* ##################################################### */
/* 2. EBENE DER NAVIGATION */
/* ##################################################### */

#navi_layer_2 {
			position:absolute;
			/*left:174px;*/
			left:14.5em;
			/*top:85px;*/
			top:7.083em;
			/*height:15px;*/
			height:1.25em;
			/*width:700px;*/
			width:58.333em;
			
}
#navi_layer_2_content {
			color:#bb2d19;
			font-size:0.833em; /* 10px; */
}

#navi_layer_2_content ul {
			list-style-type: none;
}

#navi_layer_2_content li {
			display: inline;
			padding: 0 1em 0 0; /* 10px */
}

#navi_layer_2_content li.act {
			font-weight:bold;
}

#navi_layer_2_content a:link {color:#bb2d19; text-decoration:none;}
#navi_layer_2_content a:visited {color:#bb2d19; text-decoration:none;}
#navi_layer_2_content a:hover {color:#bb2d19; font-weight:bold; text-decoration:none;}
#navi_layer_2_content a:active {color:#bb2d19; text-decoration:none;}

/* ##################################################### */
/* KONTAKT BOX */
/* ##################################################### */

#contact {
			position:absolute;
			/*top:67px;*/
			top:5.583em;
			/*right:0px;*/
			right:0em;
			/*height:15px;*/
			height:1.25em;
			/*width:200px;*/
			width:16.666em;
			
}
#contact_content {
			color: #807054;
			/*font-size:10px;*/
			font-size:0.833em;
			text-align:right;
			
}

#contact_content a:link { text-decoration:none;color:#807054;}
#contact_content a:visited { text-decoration:none;color:#807054;}
#contact_content a:hover {  text-decoration:none;color:#807054;font-weight:bold; }
#contact_content a:active { text-decoration:none;color:#807054;}

/* ##################################################### */
/* 3. EBENE DER NAVIGATION */
/* ##################################################### */

#navi_layer_3 {
			position:absolute;
			/*left:41px;*/
			left:3.416em;
			/*top:162px;*/
			top:13.5em;
			/*width:164px;*/
			width:13.666em;
			/*height:410px;*/
			height:34.166em;
			overflow:hidden;
			
}
#navi_layer_3_content {
			color:#807054;
			font-size:0.833em; /* 10px; */
			position:relative;
			
}
#navi_layer_3_content a:link {color:#bb2d19; text-decoration:none;}
#navi_layer_3_content a:visited {color:#bb2d19; text-decoration:none;}
#navi_layer_3_content a:hover {color:#bb2d19; font-weight:bold; text-decoration:none;}
#navi_layer_3_content a:active {color:#bb2d19; text-decoration:none;}

#navi_layer_3_content ul {
			list-style-type: none;
}

#navi_layer_3_content li.act {
			font-weight:bold;
}

#navi_layer_3_content a {
			display:block;
			
			
}


/* ##################################################### */
/* BOX 1 */
/* ##################################################### */

#box_1 {
	position:absolute;
	/*left: 215px;*/
	left:17.916em;
	/*top:162px;*/
	top:13.5em;
	/*background:lime;*/
}

#box_1_content {
	font-size:0.833em; /* 10px; */
	text-align:left;
	position:relative;
}

#box_1_content a img { border:0; }


/* ##################################################### */
/* BOX 2 */
/* ##################################################### */

#box_2 {
	position:absolute;
	/*left: 215px;*/
	left:17.916em;
	/*background:lime;*/
}

#box_2_content {
	font-size:0.833em; /* 10px; */
	text-align:left;
}

#box_2_content a img { border:0; }

/* ##################################################### */
/* SCROLLER */
/* ##################################################### */

#scroller_navi {
				position:absolute;
				top: 30.416em; /*365px;*/
				left:59.166em; /*710px;*/
				height:2.083em; /*25px;*/
}

#scroller_navi_2_1 {
				position:absolute;
				top: 13.5em;/*162px;*/
				left: 3.416em;/*41px;*/
				height:2.5em;/*30px;*/
				width:13.666em;/*164px;*/
				z-index:0;
				
}
#scroller_navi_2_2 {
				position:absolute;
				top: 45.25em;/*540px;*/
				left: 3.416em;/*41px;*/
				height:2.5em;/*30px;*/
				width:13.666em;/*164px;*/
				z-index:0;
}

.Scrollbar-Up {
	cursor: default;
	position: absolute;
	top: 0px; 
	left: 0px;
}

.Scrollbar-Down {
	cursor: default;
	position: absolute;
	bottom: 0px; 
	left: 0px;
}