* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	background-image: url('../images/back.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #9d9785;
	background-attachment: fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {color:#FFFFFF; font-size:0.75em; margin-bottom: 1.0em;}

h1 {color:#FFFFFF; font-size:0.88em; font-weight:bold; margin-bottom: 0.8em;}

a {color:#FFFFFF; text-decoration: underline;}

div.clr {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ----- flexible scalable background -----*/

img#expando {
	position: absolute;
	display: none;
	z-index: 1;
	-ms-interpolation-mode: bicubic;
}
.wide img#expando,  .tall img#expando {
	display: block;
}
.wide img#expando {
	width: 100%;
	height: auto;
}
.tall img#expando {
	width: auto;
	height: 100%;
}
.ie6fixed {
	position: absolute;
 	top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
}

/* ----- mittige Ausrichtung des Containers -----*/

#distance {
	width:1px;
	height:50%;
	margin-bottom:-20.5em; /* Hälfte der Containerhöhe */
	float:left;
	border:0px solid green;
}
#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:41em;
	width:62.5em;
	clear:left;
	border:0px solid #ffffff;
}

/* ----- Metanavi -----*/

#metanavi {
	text-align:right;
	height:1.1em;
	width:62.5em;
	border:0px solid #ffffff;
	color: #FFFFFF;
}

#metanavi a {
	text-decoration: none;
	color: #FFFFFF;
	}

#metanavi ul {
	display: block;
	float: right;
	list-style: none;
	margin:0;
	padding:0;
}

#metanavi ul li {
	display: block;
	float: left;
	margin:0;
	padding-left:0.8em;
	border: 0px solid green;
	font-size: 0.7em;
	font-weight: bold;
}

/* ----- Header -----*/

#header {
	height:5.0em;
	width:62.5em;
	border:0px solid #ffffff;
}

/* ----- Topnavi -----*/

#topnavi {
	text-align: left;
	height:1.8em;
	width:62.5em;
	border:0px solid #ffffff;
	color: #FFFFFF;
}

#topnavi a {
	text-decoration: none;
	color: #FFFFFF;
	}

#topnavi ul { 
	display: block;
	float: left;
	list-style: none;
	margin: 0.4em 0 0 6.1em;
}

#topnavi ul li {
	display: block;
	float: left;
	margin:0;
	padding-right:0.8em;
	border: 0px solid green;
	font-size: 0.7em;
	font-weight: bold;
}

#topnavi ul li#topnavi_01 a:hover {color:#339933;}
#topnavi ul li#topnavi_01.active a {color:#339933;}
#topnavi ul li#topnavi_02 a:hover {color:#cc3300;}
#topnavi ul li#topnavi_02.active a {color:#cc3300;}
#topnavi ul li#topnavi_03 a:hover {color:#6a207f;}
#topnavi ul li#topnavi_03.active a {color:#6a207f;}
#topnavi ul li#topnavi_04 a:hover {color:#000066;}
#topnavi ul li#topnavi_04.active a {color:#000066;}

/* ----- Content -----*/

#leftcolumn {
	height:33.05em;
	width:46.6em;
	border:0px solid #ffffff;
	float: left;
}

.item_01 {background-image: url('../images/item_01.png');}
.item_02 {background-image: url('../images/item_02.png');}
.item_03 {background-image: url('../images/item_03.png');}
.item_04 {background-image: url('../images/item_04.png');}

#level1 {
	width:43.4em;
	height:6.5em;
	border:0px solid #ffffff;
	margin: 24.0em 0 0 1.4em;
}

#level2 {
	width:43.4em;
	height:23.0em;
	border:0px solid #999999;
	margin: 1.0em 0 0 1.4em;
	background-position: top left;
	background-repeat: no-repeat;
}


.level2 {background-image: url('../images/level2_back.png');}
.level2_01 {background-image: url('../images/level2_back_01.png');}
.level2_03 {background-image: url('../images/level2_back_03.png');}
.level2_04 {background-image: url('../images/level2_back_04.png');}
.level2_angebote {background-image: url('../images/angebote.png');}

#kontakt_button {
	width:44.0em;
	height:5.0em;
	border:0px solid #ffffff;
	margin: 2.0em 0 0 1.4em;
}

#kontakt {
	width:43.4em;
	height:5.0em;
	border:0px solid #ffffff;
	margin: 0 0 0 1.4em;
}

/* ----- Navi rechts -----*/

#rightcolumn {
	height:33.05em;
	width:15.9em;
	border:0px solid #ffffff;
	float: right;
	background-image: url('../images/rightcolumn_back.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#rightcolumn.index {
	background-image: url('../images/rightcolumn_back_index.png');
}

#rightcolumn ul { 
	display: block;
	list-style: none;
	border: 0px solid green;
}

#rightcolumn ul li {
	margin:0;
	padding:0;
	border: 0px solid green;
	height: 5.6em;
}


#rightcolumn ul li#navi_01 {background-image: url('../images/navi_01.png');}
#rightcolumn ul li#navi_01.active {background-image: url('../images/navi_01_over.png');}
#rightcolumn ul li#navi_02 {background-image: url('../images/navi_02.png');}
#rightcolumn ul li#navi_02.active {background-image: url('../images/navi_02_over.png');}
#rightcolumn ul li#navi_03 {background-image: url('../images/navi_03.png');}
#rightcolumn ul li#navi_03.active {background-image: url('../images/navi_03_over.png');}
#rightcolumn ul li#navi_04 {background-image: url('../images/navi_04.png');}
#rightcolumn ul li#navi_04.active {background-image: url('../images/navi_04_over.png');}

/* ----- Niederlassungen -----*/

#NLs {
	height:9.0em;
	width:14.0em;
	border:0px solid #ffffff;
	margin: 0.8em 0 0 1.1em;
}