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


/*Standardformatierungen*/

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
margin: 0em;
padding: 0em;
text-align:center;
}

body { 
background-color: #ffffff;
background-image:url(/assets/images/background/background.gif);
font-family:verdana, arial, sans-serif;
font-size:12px;
}


hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #999;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}


/*Eingabefelder*/
input, select, textarea {font-size:12px; font-family:verdana, arial; sans-serif; font-weight:normal; color:#000000; padding:0px; margin:0px; border:1px solid #666666; }
.check, .radio   { background-color:#fff; border:0px solid #fff; }


/*Standard Textformatierung*/

div      {}
p        {margin:0px; padding:0px;}
span     {margin:0px; padding:0px;}
form     {margin:0px; padding:0px;}
td       {padding: 0px;}
ul       {padding: 10px; margin: 10px; list-style-type: disc;}

.textfeld    {
background-color: #ffffff;
padding: 15px 0px 0px 25px;
width:520px;
float:left;
}

.text    {
font-weight:normal;
color:#000000;
line-height:140%;
}

.text a {
border-bottom:1px dotted #999999;
color:#666;
text-decoration:none;
}

.text a:hover {
color:#000;
}


.textTitel   {
margin-bottom: 25px;
text-transform: uppercase;
font-weight:bold;
color:#999999;
}

.textTitelCotm {
margin-bottom: 5px;
font-weight:bold;
color:#999999;
}

.textTitelNews {
margin-bottom: 5px;
text-transform: uppercase;
font-weight:bold;
color:#999999;
}


label  {
  display: block;
  float: left;
  width: 100px;
  height: 20px;
}

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




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



#content {
background-repeat:repeat-y;
position: relative;
margin:0 auto;
text-align:left;
width:940px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
z-index:2;
}

#contenttext {
background-repeat:repeat-y;
width:850px;
min-height: 250px; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* important-Regel für moderne Browser */
height: 250px; /* Mindesthöhe in IE (<7) */
z-index:2;
}

#logoPrint {
display: none;
}

#topLogo {
background-image:url(/assets/images/background/logo-top.gif); 
height:70px;
z-index:3;
}

#search {
padding: 26px 0px 0px 14px;
}

#print {
position: absolute;
margin-left: 500px;
}

#topPicture {
height:285px;
z-index:3;
}

#colorLeft {
margin: 0px 0px 0px 0px;
width:255px;
height:285px;
float:left;
}

#colorRight {
float: left;
}

#picture {
float: left;
}

#navigation {
background-image:url(/assets/images/background/backgroundNav.gif);
padding: 0px 0px 0px 8px;
height:37px;
z-index:2;
}

#subnavigation {
padding: 55px 0px 0px 14px;
width:254px;
float: left;
line-height:140%;
border: solid blue 0px;
}

#logo {
padding: 26px 0px 0px 0px;
float: left;
border: solid green 1px;
}

#fusszeile {
padding: 25px 0px 25px 0px;
font-size:10px;
font-family:verdana, arial, sans-serif;
}

#fusszeile a {
color:#666;
text-decoration:none;
}

#fusszeile a:hover {
color:#000;
text-decoration:none;
}