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


body,html {
margin: 0em;
padding: 0em;
background-color:#d2d7db; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#336699; 
}

img {
border:0px
}

.textSmall {
font-size:10px;
}

.text            {
text-align:left; 
vertical-align:top; 
text-decoration:none; 
line-height:160%;
}

.text a:link     {
color:#ff9900; 
text-decoration:underline; 
}

.text a:visited, .text a:hover  {
color:#336699; 
}

.textSubnav, .textSubnav a:link, .textSubnav a:visited {
color:#336699; 
text-align:left; 
text-decoration:none; 
line-height:140%;
}

.textSubnav a:active, .textSubnav a:hover   {
color:#ff9900; 
}

.text-fett          {
text-align:left;
font-weight:bold; 
text-decoration:none; 
line-height:140%;
}

.textfooter  {
font-size:10px; 
}

.titel   { 
font-weight:bold; 
line-height:140%; 
text-align:left; 
text-decoration:none;
}

.hl {
}

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

#top{
position:absolute;
left:50%;
top:0px;
margin-left:380px;
z-index:100;
}

#logoPrint {
display: none;
}




/*
################################################################
Index
################################################################
*/


#index-hauptbild{
position:absolute;
left:50%;
top:0px;
margin-left:-380px;
z-index:5;
}


#index-hintergrund{
background-color:#FFFFFF;
position:absolute;
left:50%;
top:400px;
width:760px;
height:auto;
margin-left:-380px;
z-index:3;
}




#index-navigation{
position:absolute;
left:50%;
top:377px;
margin-left:-205px;
z-index:50;
}

#index-inhalt{
position:relative;
top:20px;
z-index:10;
border:solid 0px #999999;
}




#index-unterschrift{
margin-top:0px;
margin-left:185px;
z-index:15;
border:solid 0px #999999;
}


#index-content-titel{
margin-top:15px;
margin-left:185px;
width:550px;
height:22px;
z-index:20;
border-bottom: solid 1px #999999;
}

#index-content{
margin-left:185px;
width:550px;
height:auto;
z-index:15;
border:solid 0px #999999;
}

#index-liste{
z-index:15;
border-bottom: solid 1px #999999;
padding: 10px 0px 10px 0px;
}

/*
################################################################
Folgeseiten
################################################################
*/

#hauptbild{
position:absolute;
left:50%;
top:0px;
margin-left:-380px;
z-index:5;
}

#navigation{
position:absolute;
left:50%;
top:285px;
margin-left:-205px;
z-index:20;
height: 10px;
width: 10px;
border:solid 0px #ffffff;
}

#subnav{
position:absolute;
left:50%;
top:412px;
margin-left:-370px;
z-index:15;
border:solid 0px #ffffff;
}


#hintergrund{
position:absolute;
background-color:#ffffff; 
left:50%;
margin-left:-380px;
margin-top:300px;
width:760px;
z-index:10;
border:solid 0px #000000;
}


#hintergrund-min-hoehe {
position:relative;
float:left;
width:1px;
height:400px;
z-index:10;
border:solid 0px green;
}

#titel{
position:relative;
margin-left:125px;
margin-top:47px;
width:553px;
height:auto;
z-index:15;
border:solid 0px blue;
}

#content{
position:relative;
margin-left:175px;
margin-top:14px;
width:520px;
height:auto;
z-index:10;
border:solid 0px red;
}

#footer{
clear:both;
position:relative;
margin-top:15px;
margin-bottom:10px;
margin-left:175px;
width:565px;
height:20px;
z-index:10;
border:solid 0px red;
}


#bottom-spacer {
position:relative;
background-color: #d2d7db;
margin-left:0px;
width:760px;
height:30px;
z-index:10;
border:solid 0px red;
}

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


#funktionen{
position:absolute;
left:50%;
margin-left:330px;
top:370px;
width:42px;
height:20px;
z-index:25;
border:solid 0px #000000;
}


#drucken{
position:relative;
float:left;
z-index:25; 
}

#weiterempfehlen{
position:relative;
float:left;
z-index:25; 
}

#nachoben{
position:relative;
float:right;
width:13px;
height:13px;
z-index:15;
border:solid 0px #000000;
}

#zurueck{
position:relative;
float:right;
width:18px;
height:13px;
z-index:15;
border:solid 0px #000000;
}



/*
################################################################
Anmeldeformular
################################################################
*/

#BrForm {
width: 580px;
clear:both;
padding: 0px 0px 0px 0px;
border:solid 0px red;
}


#TextForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
height:30px;
width: 140px;
float:left;
border:solid 0px black;
}

#EingabeForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width: 438px;
height:30px;
float:left;
border:solid 0px green;
}

#EingabeFormHoch {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width: 260px;
height:60px;
float:left;
border:solid 0px #ffff66;
}

#SpaceForm {
width: 380px;
height: 0px;
border:solid 0px YELLOW;
}

#SpalteForm1 {
width: 210px;
height: 20px;
float:left;
border:solid 0px red;
}

#SpalteForm2 {
width: 218px;
height: 20px;
float:left;
border:solid 0px blue;
}



/*
################################################################
Suche
################################################################
*/

#suche {
float:left;
}

#detailsuche {
float:left;
}

#SearchTextForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#2e1c86; 
font-size:10px;
font-weight: bold;
width: 220px;
float:left;
}

#SearchForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#2e1c86; 
width: 480px;
height: 30px;
float:left;
}

#SearchButtonForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#2e1c86; 
width: 50px;
height: 30px;
float:left;
}

#SearchSpalteForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#2e1c86; 
width: 275px;
height: 27px;
float:left;
}

#SearchRahmenForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#2e1c86; 
padding: 0px 0px 28px 10px;
margin: 0px 0px 5px 0px;
clear:both;
}

#SearchBrForm {
clear:both;
color:#2e1c86; 
padding: 0px 0px 0px 0px;
}

#SearchSpaceForm {
width: auto;
height: 10px;
}


/*
################################################################
Ausgabe
################################################################
*/

#Adresse {
float:left;
}

#ResultBrForm {
padding: 3px 0px 1px 0px;
border:solid 0px yellow;
}

#SpalteForm {
border:solid 0px blue;
}

#ResultSpaceForm {
clear:both;
border:solid 0px red;
}