/*
////////////////////////////////////////////////////////////////
//
// structure.css 
//
// mesch.ch 
// web consulting & design Luzern www.mesch.
//
////////////////////////////////////////////////////////////////
*/


html, body{
margin: 0em;
padding: 0em;
height: 100%;
width: 100%;
}


#bgimage {
background: url(hintergrundbild-01.jpg); 
top: 0em;
left: 0em;
width: 100%;
height: 100%;
z-index:0;
}



#logo {
position:absolute;
left: 50%;
top: 0px;
width:800px;
height:70px;
margin-left: -400px;
z-index:2;
}

#headimage {
position:absolute;
left: 50%;
top: 70px;
width:800px;
height:160px;
margin-left: -400px;
z-index:2;
}


#navigation {
position:absolute;
left: 50%;
top: 200px;
width:590px;
height:30px;
margin-left: -190px;
z-index:50;
}

#navigationHaupt {
position:absolute;
left: 50%;
top: 330px;
width:590px;
height:30px;
margin-left: -190px;
z-index:50;
}


#content {
border:solid 0px black;
position:absolute;
left: 50%;
top: 230px;
width:880px;
margin-left: -420px;
z-index:2;
}

#contentHaupt {
border:solid 0px black;
position:absolute;
left: 50%;
top: 360px;
width:880px;
margin-left: -420px;
z-index:2;
}


#bgweiss {
position:relative;
background-color:#f0eded;
opacity: .8;
filter: alpha(opacity=80);
width: 800px; 
z-index:10;
float: left;
border-left: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
border-right: 0px solid #cccccc;
left: 20px;
}


#subnavigation{
border:solid 0px black;
position:absolute;
top: 25px;
width:230px;
height: 50px;
left: 0px;
padding: 0px 0px 0px 0px;
z-index:150;
}

#subnavigationHaupt{
border:solid 0px black;
position:absolute;
top: 25px;
width:230px;
height: 50px;
left: 0px;
padding: 0px 0px 0px 0px;
z-index:150;
}


#inhalt {
position:relative;
border:solid 0px black;
width: 587px;
padding: 25px 0px 0px 0px;
z-index:10;
left:210px;
float: left;
}

#haupttitel {
position:relative;
width: 440px;
padding: 0px 0px 0px 0px;
z-index:10;
}


#titel {
position:relative;
width: 440px;
padding: 0px 0px 0px 0px;
z-index:10;
font-size:15px; font-family:verdana,arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;
}

#titelIndex {
position:relative;
width: 540px;
padding: 0px 0px 0px 0px;
z-index:10;
font-size:15px; font-family:verdana,arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;
}


#contenttext {
position:relative;
border: solid 0px black;
width: 440px;
padding: 15px 0px 0px 0px;
z-index:10;
font-size:13px; font-family:verdana,arial, sans-serif; font-weight:normal; color:#000000;line-height:150%;
float: left;
}

#contenttextIndex {
position:relative;
border: solid 0px black;
width: 560px;
padding: 15px 0px 0px 0px;
z-index:10;
font-size:13px; font-family:verdana,arial, sans-serif; font-weight:normal; color:#000000;line-height:150%;
float: left;
}



#subline{
width:440px;
margin-left: 0px;
padding: 20px 0px 20px 0px;
z-index:30;
font-size:9px; font-family:verdana,arial, sans-serif; font-weight:normal; color:#000000;line-height:150%;
clear:both;
}


#factbox {
position:absolute;
border:solid 0px black;
width: 145px;
padding: 0px 0px 0px 0px;
left: 700px;
top: 55px;
z-index:100;
float: left;
}

#factboxbehind{
visibility: hidden;
position:relative;
border: solid 0px blue;
left: 0px;
top: 0px;
width:100px;
padding: 0px 0px 0px 0px;
z-index: 100;
float: left;
}


#print{
position:relative;
width:145px;
height:35px;
top:-27px;
padding: 0px 0px 0px 0px;
z-index:200;
}


#langIndex {
position:absolute;
top: 25px;
width:230px;
height: 50px;
left: 50px;
padding: 0px 0px 0px 0px;
z-index:150;
}


#aktuell{
position:relative;
border:solid 0px black;
background-color:#f0eded;
opacity: .8;
filter: alpha(opacity=80);
width:145px;
height:100%;
top:0px;
padding: 0px;
z-index:200;
}

#partner{
position:relative;
border:solid 0px black;
background-color:#f0eded;
opacity: .8;
filter: alpha(opacity=80);
width:145px;
height:100%;
top:0px;
padding: 0px 0px 0px 0px;
z-index:200;
}