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




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

input, textarea {
border-top: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
border-left: solid 1px #999999;
margin:0px 0px 0px 0px;
vertical-align: top;
background-color: #ffffff;
} 


.contenttext a, .boxaktuell a, #hotlinks-text a, #fusszeile a, #sendformular a {border-bottom:1px dotted #999999;text-decoration:none; color: #000000;}
.contenttext a:visited,.boxaktuell a:visited, #hotlinks-text a:visited, #fusszeile a:visited, #sendformular a:visited  {border-bottom:1px dotted #999999;text-decoration:none;color: #000000;}
.contenttext a:hover, .boxaktuell a:hover, #hotlinks-text a:hover, #fusszeile a:hover, #sendformular a:hover  {border-bottom:1px dotted #999999;text-decoration:none; color: #666666;}


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



img {text-decoration:none; color: #000000;}
img a:visited  {text-decoration:none;color: #000000;}
img a:hover  {text-decoration:underline;}

p     {padding: 0px;margin: 0px;}
ul    {padding: 10px; margin-left: 10px; list-style-type: square; padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:10px;}
tr,td {border:solid 0px #ccc;padding: 0px 5px 0px 0px;}
hr{
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #9d9f9d;
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}



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



#homeLink {
position:absolute;
top: 180px;
left:70px;
width: 225px;
height: 80px;
z-index: 200;
}



#abc {
font-size:14px;
font-weight:bold;
color:#ccc;
letter-spacing: 3px;
padding: 0px 0px 10px 0px;
}

#abc a:link, #abc a:visited {
color:#999;
}

#abc a:hover, #abc a:focus {
color:#000;
}


#printKopfzeile {
visibility: hidden;
}

#sendformular {
position:absolute;
top: 15px;
left:15px;
width: 600px;
margin:0px;
}


#hauptbild {
position:absolute;
top: 0px;
left:15px;
margin:0px;
}

#hauptbildIndex {
position:absolute;
top: 0px;
left:15px;
margin:0px;
}


#linie {
position:absolute;
top: 254px;
left:835px;
width:143px;
height:1px;
border-top:solid 1px #999;
z-index: 50;
}

#linieIndex {
position:absolute;
top: 319px;
left:835px;
width:143px;
height:1px;
border-top:solid 1px #999;
z-index: 50;
}


#content {
position:absolute;
top: 275px;
left: 65px;
width:915px;
z-index:25;
}


#contentIndex {
position:absolute;
top: 340px;
left: 65px;
width:915px;
z-index:25;
}



#navigation {
position:relative;
top:0px;
left: 16px;
float: left;
width:199px;
z-index:25;
border: 0px solid blue;
}


#text {
position:relative;
top:0px;
left: 40px;
float: left;
width:515px;
z-index:25;
border: 0px solid blue;
}

#titel {
font-size: 14px;
font-weight:bold;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 20px;
}


#hotlinks {
position:relative;
left: 55px;
float: left;
width:140px;
height:auto;
top:0px;
font-size:11px;
line-height:140%;
z-index:25;
border: 0px solid blue;
}


#hotlinks-ev {
position:absolute;
top:70px;
left:769px;
float:left;
width:140px;
height:auto;
font-size:11px;
line-height:120%;
z-index:25;
}

#pulldownTeam {
position:absolute;
left: 300px;
top:0px;
font-size:10px;
line-height:120%;
z-index:25;
}



#fusszeile{
position:relative;
left:241px;
top: 20px;
width:510px;
height:20px;
font-size:11px;
border: 0px solid red;
padding-bottom: 20px;
}


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


.resultDetail {width: 255px; height: 170px; float: left;}
.resultDetail img {border: solid 1px #cccccc;}

.tableText tr,.tableText td {
padding: 0px 5px 0px 5px;
}


.container {
border:solid 1px #9d9f9d;
width:480px;
padding:5px;
margin-bottom:15px;
}

.boxlink {
width:110px;
padding:5px;
float:left;
}

.boxlink:hover {
background-color:#e8e7e7;
}


.boxaktuell {
margin-top:10px;
padding:5px;
border-top: solid 1px #9d9f9d;
}

.boxaktuell:hover {
background-color:#e8e7e7;
}


.loginButton {
width: 109px;
padding: 3px 5px 3px 5px;
margin: 3px 3px 3px 1px;
border: 1px solid #9d9f9d;
}

.loginButton a {text-decoration:none; color: #000000;}
.loginButton:hover {
background-color:#e8e7e7;
}


.wohnungsspiegel td  {
margin: 0em;
padding: 0em;
border:solid 1px #999;
font-family: arial, verdana, sans-serif;
font-size:11px; 
font-weight:normal;
text-align:center; 
color:#000000; 
line-height:130%;
}

.wohnungsspiegel td:hover  {
background-color: #ccc;
}


.tableZahlen tr,.tableZahlen td {
padding: 2px 5px 2px 0px;
border-bottom: solid 1px #9d9f9d;
}

.tableDotted {
border-bottom: solid 1px #9d9f9d;
}


.tooltip {
  width: 300px;
  font-size: 12px;
  position: absolute;
  display: none;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #000099; 
  z-index: 100;}

.tooltip .head {
  font-weight: bold;
  background-color: #000099;
  color: #EDECF4;
  padding: 2px; }

.tooltip .content {
  color: #000;
  font-weight: normal;
  padding: 4px; }




.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}