/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// mesch.ch web consulting & design Luzern / Schweiz
// www.mesch.ch
//
////////////////////////////////////////////////////////////////
*/

/*Standardformatierungen*/


body { 
background-color: #ffffff;
}


label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 200px; /* Breite.*/
  margin: 2px 0px 2px 0px;
}

textarea {
  display: block;
  float: left;
  width: 200px; /* Breite.*/
  height: 100px;
  margin: 2px 0px 2px 0px;

}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  width: 100px; /* Breite.*/
}
form {
  margin:0;

}


/*Standard Textformatierung*/

div      {}
p        {margin:0px; padding:0px;}
span     {margin:0px; padding:0px;}
form     {margin:0px; padding:0px;}
td       {padding: 0px;}


.text    {
padding:20px 20px 0px 0px;
font-size:12px;
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#000000;
line-height:140%;
}

.textTitel   {
font-size:14px;
font-family:verdana, arial, sans-serif;
font-weight:bold;
color:#0099cc;
}

.text a, #fusszeile a {border-bottom:1px dotted #999999;text-decoration:none; color: #0099cc;}
.text a:visited, #fusszeile a:visited {border-bottom:1px dotted #999999;text-decoration:none;color: #0099cc;}
.text a:hover; #fusszeile a:hover {border-bottom:1px dotted #999999;text-decoration:none; color: #666666;}



/*
////////////////////////////////////////////////////////////////
//
// ID
//
////////////////////////////////////////////////////////////////
*/


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


#bgimage {
top: 0em;
left: 0em;
width: 100%;
height: 100%;
}

#content {
position:absolute;
left: 50%;
top: 50%;
width:885px;
height:550px;
margin-left: -406px;
margin-top: -300px;
z-index:2;
}


#mittelteil {
background-color:#ffffff;
position:absolute;
left: 0px;
top: 107px;
width:885px;
height:420px;
z-index:2;
}


#contenttext {
position:absolute;
overflow:auto;
width:535px;
height:320px;
background-color:#ffffff;
scrollbar-face-color: #FFF;
scrollbar-track-color: #FFF;
scrollbar-arrow-color: #0099cc;
scrollbar-shadow-color:#0099cc; 
scrollbar-3dlight-color:#0099cc;
scrollbar-darkshadow-color:#FFF;
buttonface: #C9D798;
left: 330px;
top: 70px;
z-index:5;
}


#logo {
position:absolute;
left: 0px;
top: 0px;
width:885px;
height:107px;
z-index:5;
}

#navigation {
position:absolute;
left: 50%;
top: 50%;
width:791px;
height:34px;
margin-left: -365px;
margin-top: -193px;
z-index:15;
}


#fusszeile {
background:url(/assets/bilder/hintergrund/abschluss-unten.gif);
position:absolute;
top: 527px;
width:885px;
height:20px;
font-size:10px;
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#000000;
z-index:100;
}

#linieRechts {
position:absolute;
left: 867px;
top: 107px;
width:10px;
height:420px;
z-index:2;
border-left:solid 1px black;
}

#claim {
position:absolute;
left: 50%;
top: 50%;
width:390px;
height:390px;
margin-left: -495px;
margin-top: -105px;
z-index:5;
}

#mesch {
position:absolute;
left: 50%;
top: 50%;
width:10px;
height:210px;
margin-left: -426px;
margin-top: -274px;
z-index:20;
}