<!--
html { height:101%;  margin-bottom:1px; }
body 
{ background: url(../images/hg_main.gif); background-repeat: no-repeat; background-position: top; background-color:#f6eed5; }

a:link { text-decoration: none; color: #5F7930; }
a:visited { text-decoration: none; color: #5F7930; }
a:hover, a:active { text-decoration: none; color: #A40035; }

/* Äusserer Rahmen */
#container { margin: 0px auto; position: relative; width: 1100px; height: 100%; text-align: left; background-color: transparent; border: 0px solid green; }
/* obere Navigation */
#topnavi{
	margin: 0px auto;
	width: 880px;
	height: 55px;
	border: 0px dashed red;
	background: url(../images/hg_topnavi.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/* Headerbereich für Einklinker */
#topheader{ margin: 0px auto; width: 880px; height: 250px; border: 0px dashed blue; background: #f5eed6; }

/* Navigation Gismo */
#nav_gismo_position { position: absolute; left: 10px; top: 40px; width: 240px; height: 340px; background: transparent; border: 0px dashed blue;z-index: 99; }
#nav_gismo_stand{ position: absolute; left: 36px; top: 74px; width: 171px; height: 222px; z-index: 100; border: 0px dashed blue;
}
/* Navigation Ike */
#nav_ike_position { position: absolute; left: 860px; top: 260px; width: 240px; height: 340px; background: transparent; border: 0px dashed blue; z-index: 99; }
#nav_ike_stand{ position: absolute; left: 33px; top: 57px; width: 171px; height: 222px; z-index: 100; border: 0px dashed blue; }

/* ########## äusserer Rahmen der Inhalte########## */
#inhalt{ position: relative; margin: 0px auto; width: 670px; height: 100%; border: 0px dotted green; }
/* Hintergrund DIV für das Einklinkerbild */
#hg_inhalt { position: relative; margin: 0px auto; width: 670px; height: 100%; border: 0px dashed blue; }
#hg_inhalt_standard { position: absolute; left: 100px; top: 100px; border: 0px dashed blue; }
#hg_inhalt_portrait { position: absolute; left: 0px; top: 0px; border: 0px dashed blue; }
#hg_inhalt_reise { position: absolute; left: 50px; top: 0px; border: 0px dashed blue; }
/* DIV für die Inhaltsdaten ++ steht ganz oben ++ */
#daten_inhalte{
	position: absolute;
	width: 600px;
	height: 100%;
	left: 40px;
	top: 25px;
	border: 0px dotted green;
	z-index: 150;
}
.linkeSpalte {
	position: relative;
	float: left;
	width: 240px;
	height: 1px;
	border: 0px dotted green;
}
.rechteSpalte {
	position: relative;
	float: left;
	width: 350px;
	height: 1px;
	border: 0px dotted green;
}
#cont_inhalt {
	position: relative;
	float: left;
	width: 600px;
	margin-bottom: 10px;
	border: 0px dotted green;
	z-index: 50;
}


/* Kontaktformular */
.formular{
 	width:500px;
 	border:0px solid #ccc;
	margin-left: 50px;
	margin-top: 50px;
	font-family:Verdana;
	font-size: 11px;
	color: #5F7930;
}

.ebene{
 	clear: both;
 	padding: 2px 0;
}

.submit{
 	clear: both;
 	margin:1em 0 0 10em
}

.feldbreite1{
	background:#F9E5BE;
	border:1px solid #5F7930;
	font-family:Verdana;
	font-size:11px;
	color: #5F7930;
	overflow:auto;
	width:60px;
}
.feldbreite2{
 	background:#F9E5BE;
 	border:1px solid #5F7930;
	font-family:Verdana;
	font-size:11px;
	color: #5F7930;
	overflow:auto;
	width:214px;
}
.feldbreite3{
	background:#F9E5BE;
	border:1px solid #5F7930;
	font-family:Verdana;
	font-size:11px;
	color: #5F7930;
	overflow:auto;
	width:436px;
}
.feldbreite4{
 	background:#F9E5BE;
 	border:1px solid #5F7930;
	font-family:Verdana;
	font-size:11px;
	color: #5F7930;
 	overflow:auto;
 	width:368px;
}
.feldbreite5{
 	background:#F9E5BE;
 	border:1px solid #5F7930;
	font-family:Verdana;
	font-size:11px;
	color: #5F7930;
 	overflow:auto;
 	width:213px;
}
.feldbreite6{
 	background:#F9E5BE;
 	border:1px solid #5F7930;
	font-family:Verdana;
	font-size:11px;
	color: #5F7930;
 	overflow:auto;
 	width:217px;
}
/* Kontaktformular */


#footer{
	border: 0px solid #C0C0C2;
	margin: 0px auto;
	width: 755px;
	height: 17px;
	font-family:Verdana;
	font-size:9px;
	color: #5F7930;
	text-align: center;
	font-weight: normal;
	background-image: url(../bilder/footer.gif);
	background-position: top;
	background-repeat: no-repeat;
}


#menu-bg{
background:transparent;
clear:both;
float:left;
width:880px;
border-bottom:0px solid #FFFFFF;
border-top:0px solid #FFFFFF;
padding-left:10px;
text-align:left;
}


a.mainlevel {
font-family: Arial;
font-size:12px;
font-weight:bold;
padding:0px 14px;
margin:0px;
color:#a3a770;
font-weight:bold;
line-height:23px;
border-left:1px solid #708752;
}


a.mainlevel-left {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#cccccc;
font-weight:bold;
line-height:12px;
margin:0px 0px 20px 0px;
display:block;
}

a.mainlevel-left#active_menu-left{
color:#3f6123;
}

a:hover.mainlevel-left {
color:#3f6123;
}


#active_menu{
color:#3f6123;
}

a:hover.mainlevel {
color:#3f6123;
}

.typo_normal{
	font-family:Verdana;
	font-size:12px;
	font-weight: normal;
	line-height: 22px;
	/*color: #5F7930;  */
	color: #3f6123;
}
.typo_klein{
	font-family:Verdana;
	font-size:10px;
	font-weight: normal;
	line-height: 22px;
	/*color: #5F7930;  */
	color: #3f6123;
}
h1 { font-family:Verdana; margin-top: 20px; font-size:14px; font-weight: bold; line-height: 20px; color: #3f6123; }

.headline { font-family:Verdana; font-size:14px; font-weight: bold; color: #3f6123; }

.subhead { font-family:Verdana; font-size:12px; font-weight: bold; color: #3f6123; }

p {
	font-family:Verdana;
	font-size:12px;
	font-weight: normal;
	line-height: 22px;
	/*color: #5F7930;  */
	color: #3f6123;
}

p.center { text-align:center; }
p.left { text-align:left; }
p.just { text-align:justify; }

.bild_links { float: left; padding-right: 15px; }
.bild_rechts { float: right; padding-left: 15px; }
.bild { float: left; }
.bildleiste { float: left; padding-bottom: 20px; }

.text_list2{
	height: 160px;
	font-family:Verdana;
	font-size:12px;
	font-weight: normal;
	line-height: 22px;
	color: #3f6123;
}


div.container {
	display: inline-block;
	width: 600px;
	min-height:1px;
	border: 0px dashed red;
}


#inhalt_ahnen_a{
	float: left;
	margin: 10px 0px 0px 9px;
	border-right: 1px solid #628D32;
	width: 160px;
	height: 820px;
	background-color: transparent;
	text-align: center;
}

#inhalt_ahnen_b{
	float: left;
	margin: 10px 0px 0px 15px;
	border-right: 0px solid #628D32;
	width: 160px;
	height: 240px;
	border: 0px solid #C0C0C2;
	background-color: transparent;
	text-align: center;
}

#inhalt_ahnen_c{
	float: left;
	margin: 0px 0px 20px 0px;
	border: 0px solid #C0C0C2;
	width: 350px;
	height: 250px;
	background-color: transparent;
	text-align: left;
	background-image: url(../images/a_2.gif);
	background-position: 200px 160px;
	background-repeat: no-repeat;
}
#inhalt_ahnen_ike{
	float: left;
	margin: 0px 0px 20px 0px;
	border: 0px solid #C0C0C2;
	width: 350px;
	height: 250px;
	background-color: transparent;
	text-align: left;
	background-image: url(../images/a_2ike.gif);
	background-position: 200px 160px;
	background-repeat: no-repeat;
}
#inhalt_ahnen_d{
	float: left;
	margin: 0px 0px 20px 10px;
	border: 0px solid #C0C0C2;
	width: 550px;
	height: 850px;
	background-color: transparent;
	text-align: left;
}