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



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


#logo {
position:absolute;
left: 50%;
top: 20px;
width:160px;
height:55px;
margin-left: -385px;
z-index:2;

}

#hotlinks {
position:absolute;
left: 50%;
top: 20px;
width:770px;
height:15px;
margin-left: -385px;
text-align: right;
z-index:3;
}


#content {
position:absolute;
left: 50%;
top: 400px;
width:840px;
margin-left: -385px;
z-index:2;
}

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

#contenttext {
position:relative;
width: 570px;
padding: 40px 0px 20px 20px;
z-index:10;
float: left;
}

#contenttextIndex {
position:relative;
width: 670px;
height: 150px;
padding: 40px 0px 20px 20px;
z-index:10;
float: left;
}

#printPage{
position:absolute;
top: 405px;
left: 50%;
width:200px;
margin-left: 185px;
padding: 5px 0px 0px 50px;
z-index:200;
}


#factboxbehind{
visibility: hidden;
position:relative;
left: 0px;
top: 0px;
width:170px;
padding: 30px 0px 20px 0px;
z-index: 1;
float: left;
}


#factbox{
position:absolute;
left: 610px;
top: 0px;
width:200px;
padding: 30px 0px 0px 0px;
z-index: 40;
}


#subline{
width:650px;
height:20px;
margin-left: 0px;
padding: 20px 0px 20px 0px;
z-index:30;
clear: both;
float: left;
}

#created{
width:120px;
height:20px;
text-align: right;
padding: 20px 0px 20px 0px;
z-index:30;
float:left;
}



#bigimage {
position:absolute;
left: 50%;
top: 95px;
width:770px;
height:500px;
margin-left: -385px;
z-index:1;

}


#titel {
position:absolute;
left: 50%;
top: 378px;
width: 600px;
height: 44px;
margin-left: -420px;
text-align: left;
z-index:10;
}


#navBackground {
position:absolute;
background-color:#ffffff;
left: 50%;
top: 95px;
opacity: .8;
filter: alpha(opacity=80);
width:770px;
height:35px;
margin-left: -385px;
z-index:40;
}

#navigation {
position:absolute;
left: 50%;
top: 95px;
opacity: .8;
filter: alpha(opacity=80);
width:770px;
height:350px;
margin-left: -385px;
z-index:50;
}

#subNavigation{
position:relative;
background-image: url(/assets/bilder/hintergrund/fb_hintergrund.gif);
top: 0px;
width:200px;
padding: 10px 0px 0px 0px;
z-index:50;
float:left;
}