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

.whgTermin {
border: solid 0px black;
width: 100px;
float: left;
}

.whgAngebot {
border: solid 0px black;
width: 500px;
float: left;
}

.resultInhalt {width: 520 px;font-family: verdana, arial, sans-serif;font-size:12px;font-weight:normal;border: solid 0px black;}
.resultDetail {width: 185px; height: 170px; float: left;border: solid 0px black;}
.resultDetail img {border: solid 1px #cccccc;}

.mapLink {text-decoration:none; color:#333;}
.mapLink:hover {font-weight:bold; color:#000;}


body,html {
margin: 0em;
padding: 0em;
height:100%;
background-color:#999999;
}

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

img {
border:0px;
}


.titel-fliesstext  {
font-family: verdana, arial, sans-serif;
font-size:12px; 
font-weight:bold;
text-align:left; 
color:#000000; 
line-height:130%;
padding: 0px 0px 5px 0px;
}



.fliesstext  {
font-family: verdana, arial, sans-serif;
font-size:12px; 
text-align:left; 
color:#000000; 
line-height:150%;
}

#text a {border-bottom:1px dotted #990000;text-decoration:none; color: #000000;}
#text a:visited  {border-bottom:1px dotted #990000;text-decoration:none;color: #000000;}
#text a:hover  {color:#666666;text-decoration:none;}

.text a {border-bottom:1px dotted #990000;text-decoration:none; color: #000000;}
.text a:visited  {border-bottom:1px dotted #990000;text-decoration:none;color: #000000;}
.text a:hover  {color:#666666;text-decoration:none;}



.Navtext  {
font-family: verdana, arial, sans-serif;
font-size:12px; 
text-align:left; 
color:#000000; 
line-height:130%;
}


.Navtext  a:link     {text-decoration:none; color:#000000; font-family: verdana, arial, sans-serif;}
.Navtext  a:visited  {text-decoration:none; color:#000000; font-family: verdana, arial, sans-serif;}
.Navtext  a:active   {text-decoration:none; color:#000000; font-family: verdana, arial, sans-serif;}
.Navtext  a:hover    {text-decoration:none; color:#ff4111; font-family: verdana, arial, sans-serif;}

.text td         {vertical-align:top; font-size:12px; margin-left:10px; margin-right:10px; text-align:left; color:#000000; line-height:130%; letter-spacing:0.0px; }




.textFooter { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

.textFooter a:link     {text-decoration:none; color:#666666; font-family: verdana, arial, sans-serif;}
.textFooter a:visited  {text-decoration:none; color:#666666; font-family: verdana, arial, sans-serif;}
.textFooter a:active   {text-decoration:none; color:#666666; font-family: verdana, arial, sans-serif;}
.textFooter a:hover    {text-decoration:none; color:#ff4111; font-family: verdana, arial, sans-serif;}




.sitemapTitel {
font-family: verdana, arial, sans-serif;
font-size:12px; 
font-weight:bold;
text-align:left; 
color:#000000; 
}

.sitemapText {
font-family: verdana, arial, sans-serif;
font-size:12px; 
text-align:left; 
color:#000000; 
}



/*
################################################################
Navigation
################################################################
*/


#nav {
position:absolute;
width:635px;
height:25px;
left:50%;
margin-left:-221px;
top:330px;
background-color:#FFFFFF;
z-index:40;
}


#subnavContainer {
position:relative;
float:left;
width:200px;
height:auto;
z-index:50;
}

#subnav {
position:relative;
width:198px;
height:auto;
margin: 0px 0px 15px 0px;
}


#contentnav {
position:relative;
width:198px;
z-index:50;
}


/*
################################################################
index
################################################################
*/

#index-head {
position:relative;
width:880px;
height:451px;
top:0px;
border: 0px solid red;
}

#index-hauptbild {

position:absolute;
width:992px;
height:365px;
top:85px;
left:50%;
margin-left:-497px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
z-index:15;
}

#index-nav {
position:absolute;
width:635px;
height:25px;
left:50%;
margin-left:-221px;
top:395px;
background-color:#FFFFFF;
border: 0px solid red;
z-index:40;
}

#index-bildabdeckung {
position:absolute;
height:32px;
width:880px;
left:50%;
margin:420px 0px 0px -440px;
background-color:#FFFFFF;
z-index:40;
}


#index-grundrahmen-aussen-inhalt-01{
position:absolute;
top:451px;
left:50%;
width:992px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#215b7c;
z-index:10;

}



#index-inhalt-rahmen {
position:relative;
width:882px;
height:auto;
top:0px;
bottom:0px;
margin-left:56px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
z-index:30;
border: 0px solid red;
}



#index-inhalt {
position:relative;
width:643px;
height:auto;
margin: 0px 0px 0px 229px;
background-color:#ffffff;
z-index:30;
border: 0px solid green;
}


#index-adresszeile{
clear:both;
position:relavive;
width:650px;
height:30px;
top:0px;
margin: 0px 0px 0px 229px;
padding: 0px 0px 10px 0px;
border: 0px solid yellow;
z-index:50;
}



#index-bildinnenrand {
position:absolute;
width:880px;
height:366px;
top:85px;
left:50%;
margin-left:-441px;
z-index:35;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}


#index-hintergrund-weiss {
position:absolute;
width:882px;
height:100%;
left:50%;
top:0px;
margin-left:-441px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
z-index:10;
}




/*
################################################################
Screen oben
################################################################
*/

#grundrahmen-aussen-00{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#215b7c;
z-index:1;
}


#grundrahmen-aussen-01{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#99cc66;
z-index:1;
}

#grundrahmen-aussen-02{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#c0295f;
z-index:1;
}

#grundrahmen-aussen-03{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
bottom:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#32a9ad;
z-index:1;
}

#grundrahmen-aussen-04{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
bottom:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#215b7c;
z-index:1;
}

#grundrahmen-aussen-05{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
bottom:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#cfbe4b;
z-index:1;
}

#grundrahmen-aussen-06{
position:absolute;
width:992px;
height:100%;
left:50%;
top:0px;
bottom:0px;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
background-color:#9d1f1f;
z-index:1;
}

#bildabdeckung {
position:absolute;
height:31px;
width:882px;
left:50%;
margin:355px 0px 0px -441px;
background-color:#FFFFFF;
z-index:40;
border: 0px solid red;
}


#hauptbild {
position:absolute;
width:992px;
height:300px;
top:85px;
left:50%;
margin-left:-497px;
border-top: 1px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
z-index:35;
}



#bildinnenrand {
position:absolute;
width:880px;
height:300px;
top:85px;
left:50%;
margin-left:-441px;
z-index:35;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#grundrahmen-innen{
position:absolute;
width:880px;
height:auto;
left:50%;
top:0px;
margin-left:-440px;
border-right: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
z-index:10;
}


#head {
position:absolute;
width:880px;
height:auto;
left:50%;
margin-left:-440px;
top:0px;
border: 0px solid red;
z-index:40;
}


#hintergrund-weiss {
position:absolute;
width:882px;
height:100%;
left:50%;
top:0px;
margin-left:-441px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
z-index:10;
}



/*
################################################################
Screen unten
################################################################
*/




#grundrahmen-aussen-inhalt-00{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#215b7c;
z-index:10;
}



#grundrahmen-aussen-inhalt-01{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#99cc66;
z-index:10;
}

#grundrahmen-aussen-inhalt-02{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#c0295f;
z-index:10;
}

#grundrahmen-aussen-inhalt-03{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#32a9ad;
z-index:10;
}

#grundrahmen-aussen-inhalt-04{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#215b7c;
z-index:10;
}

#grundrahmen-aussen-inhalt-05{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#cfbe4b;
z-index:10;
}

#grundrahmen-aussen-inhalt-06{
position:absolute;
top:386px;
left:50%;
width:992px;
height:auto;
margin-left:-498px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#9d1f1f;
z-index:10;
}

#inhalt {
position:relative;
width:857px;
height:auto;
margin-left:56px;
padding: 0px 0px 0px 25px;
background-color:#ffffff;
z-index:50;
}



#grundflaeche {
position:absolute;
width:880px;
top:388px;
left:50%;
margin-left:-440px;
background-color:#ffffff;
} 



#inhaltText {
position:relative;
float:left;
width:620px;
}

#titel {
position:relative;
top:0px;
width:600px;
}

#text {
position:relative;
width:620px;
height:auto;
top:10px;
margin-bottom:25px;
}

.siedlungBild {
margin-right: 5px;
margin-bottom: 15px;
float: left;
}


#adresszeile{
position:relative;
width:600px;
height:auto;
margin-left:203px;
margin-top25px;
margin-bottom:0px;
}





/*
################################################################
Funktionen
################################################################
*/

#funktionen {
position: absolute;
width:40px;
height:20px;
left:50%;
margin-left:361px;
top:375px;
border: 0px solid red;
z-index:40;
}

#weiterempfehlen {
position:relative;
float:right;
text-align:right;
}

#seitedrucken {
position:relative;
float:right;
text-align:right;
}


#clearboth {
clear:both;
}




/*
////////////////////////////////////////////////////////////////
Formular
////////////////////////////////////////////////////////////////
*/


#formular {
border: solid 0px red;
position:relative;
left: 0px;
top: 0px;
width:424px;
height:340px;
z-index:110;
}



#formularZeileAdresse{
position:relative;
float:left;
width:420px;
height:auto;
margin-bottom:5px;
z-index:30;
border: solid 0px blue;
}




#formularZeile {
position:relative;
float:left;
width:420px;
height:25px;
vertical-align:middle;
z-index:30;
border: solid 0px blue;
}


#formularFloat {
border: solid 0px blue;
position:relative;
float:left;
width:auto;
height:20px;
margin-right:20px;
z-index:30;
}


#formularLinks {
border: solid 0px blue;
position:relative;
float:left;
width:134px;
height:20px;
z-index:30;
}


#formularRechts {
position:relative;
float:left;
border: solid 0px yellow;
width:250px;
height:20px;
z-index:30;
}

#formularMitteilung {
position:relative;
float:left;
border: solid 0px yellow;
width:420px;
height:70px;
z-index:30;
}

#formularAbstand {
position:relative;
clear:both;
width:420px;
height:8px;
z-index:30;
border: solid 0px blue;
}

#documents {font-family: arial;font-size: 12px;}
#documents p {margin: 10px 0px 10px 0px;}
#documents td a {font-family: arial;font-size: 12px;}
#documents td a {border-bottom:1px dotted #990000;text-decoration:none; color: #000000;}
#documents td a:visited  {border-bottom:1px dotted #990000;text-decoration:none;color: #000000;}
#documents td a:hover  {color:#666666;text-decoration:none;}