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

body,html {
margin: 0em;
padding: 0em;
text-align:center;
font-family: verdana, arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000; 
line-height:140%;
}

p  {
margin: 0px;
padding: 0px;
}

ul {
padding: 10px;
margin-left: 10px;
list-style-type: square;
padding-top:0px;
padding-bottom:0px;
margin-top:10px;
margin-bottom:10px;
}


#textfeld a {border-bottom:1px dotted #cc0066;text-decoration:none; color: #cc0066;}
#textfeld a:visited  {border-bottom:1px dotted #cc0066;text-decoration:none;color: #cc0066;}
#textfeld a:hover  {border-bottom:1px dotted #000;text-decoration:none; color: #000;}

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


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

#button {
position:absolute;
top: -200px;
left: 350px;
}

#button a {
border-bottom:0px dotted #cc0066;text-decoration:none; color: #cc0066;
}




#container {
margin:0 auto;
padding-bottom: 0px;
text-align:left;
width:1015px;
height: auto;
border-right: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px black;
}


#top {
position:relative;
top: 0px;
left:0px;
height: 360px;
width:1015px;
background-color: #d4dee1;
margin:0px;
z-index:1;
}


#logo {
position:relative;
top: 248px;
left:5px;
margin:0px;
z-index:10;
float: left;
}

#logoPrint {
visibility: hidden;
}


#hauptbild {
position:relative;
top: 10px;
left:15px;
margin:0px;
z-index:10;
float: left;
}


#content {
position:relative;
top: 0px;
left: 245px;
width: 770px;
height: auto;
z-index:25;
}


#navigation {
position:relative;
top:0px;
left: 0px;
margin-top:15px;
float: left;
width:150px;
height:auto;
z-index:25;
}


#textfeld {
position:relative;
top:0px;
left: 20px;
float: left;
width:530px;
z-index:20;
}

#hotlinks {
position:absolute;
left: 580px;
float: left;
width:140px;
height:auto;
top:20px;
z-index:25;
}

#hotlinks img{
padding-right: 5px;
}


#fusszeile{
width:530px;
height:auto;
font-size:11px;
padding-top: 20px;
padding-left: 170px;
}


/*
////////////////////////////////////////////////////////////////
//
// CLASS
//
////////////////////////////////////////////////////////////////
*/

.titelHome{
margin-top: 20px;
width:400px;
font-weight:bold;
color: #cc0066;
}

.titel{
margin-top: 20px;
width:400px;
font-weight:bold;
text-transform: uppercase;
border: solid 0px red;
}

.text{
margin-top: 20px;
height:auto;
border: solid 0px red;
}

.resultDetail {width: 175px; height: 200px; float: left;}
.resultDetail img {border: solid 1px #cccccc;}
.resultDetailGS img {border: solid 1px #cccccc;}

.formText {width: 150px;float: left;}
.formInput {width: 300px; float: left;}
.formClear {clear: both;}