*{margin: 0; padding: 0;}
html{text-align: left;  width: 100%; } 
body{height: 100%; background: #fff; width: 100%; font-family: Verdana, Helvetica, Arial, sans-serif ;}

.zurueck
{visibility: hidden; font-size: 0; line-height: 0.01em; clear: both; display: block;}

.clearer{display: block; clear: both; height: 0em; font-size: .01em; line-height: 0em;}

a{text-decoration: none; font-weight: bold; color: #666}

#rahmen{width: 19cm; }

/********************* KOPF *******************************************************************************/
#kopf {display: block; background: #EBECF0; padding: 1em 1em 0 1em;}
#kopf .logo{display: block; background: #fff;}
#kopf img{border: 0}


#inhalt{border: 1em solid #EBECF0; padding: 0; background: #fff;}
 a{color: #627768; border-bottom: 0px dashed #FFF; }
 a:hover{color: #3C483F; border-bottom: 1px dashed #627768}
 img {border: 0;}
 ul{margin: .3em 0 .3em 1.5em;}
 li{font-size: .7em; line-height: 1.4em; margin: 0 0 .5em 0;}
 h1{display: block; margin:0 0 1em 0; font-size: .8em; background: #eff1f7; padding: .2em .2em .2em .3em; border-bottom: 1px solid #00267F;}
 h2{display: block; margin:1em 0 1em 0; font-size: .8em; background: #eff1f7; padding: .2em .2em .2em  .3em; height: 1.5em; border-bottom: 1px solid #00267F;}
 h3{margin:0 0 1em 0; font-size: .8em; padding: .2em 0 0 .3em; display: block; border-bottom: 1px solid #DCE0DD;}

 h4{margin:0 0 1em 0; font-size: .8em; padding: .2em 0 0 .3em; display: block; border-bottom: 1px solid #DCE0DD;}

 p{font-size: .7em; line-height: 1.4em; margin: 0 0 .5em .4em;}
 table {border-collapse: collapse;}
 td {padding: .2em; font-size: .7em; }

 div.schalteroben{margin: 0 0 .5em 0; border-top: 1px solid #3C5AB3; padding: .3em 0; text-align: center; background: #cfd7e7;}


 .tx-newloginbox-pi3-browsebox {display: block; }

 .tx-newloginbox-pi3-browsebox .resultat {text-align: left; width: 100%;  padding: 0 0 0 1em; display: block; clear: left;}

 .tx-newloginbox-pi3-browsebox .seiten {text-align: left; font-size: .7em; color: #454545; clear: both; padding: 0 0 0 1.75em; display: block; }

 .tx-newloginbox-pi3-browsebox .seiten a{font-weight: normal; padding: 0 .2em; border: 0;  color: #00267F;}
 .tx-newloginbox-pi3-browsebox .seiten a:hover{ border: 0;  color: white;}
 .tx-newloginbox-pi3-browsebox .seiten span.hier {background: #ECF0F4; font-weight: bold; }
 .tx-newloginbox-pi3-browsebox .seiten span.hier a:hover{color: #00267F; }


 div.schalterunten{text-align: left; margin: .5em 0 0 0; border-top: 1px solid #cfd7e7; padding: .3em 0 .3em 6em; background: #F6FAFD;}
 div.schalterunten p{clear: left; }

 div.schalter1{text-align: center; border-bottom: 1px solid white;padding: 0 0 .3em 0;}
 div.schalter1 a{color: #00267F; margin: 0 .2em;  line-height: 1.2em;}


 div.schalter2{margin: .5em 0 0 0; border-top: 1px solid #3C5AB3; background: #cfd7e7; text-align: center; border-bottom: 1px solid white; padding: 0 0 .3em 0;}
 div.schalter2 a{color: #00267F; margin: 0 .2em;  line-height: 1.2em;}

 div.ABC{ clear: both; text-align: center; padding: .4em 0; display: block; }
 div.ABC a{color: #00267F; background: #f1f3f8; line-height: 1.2em; padding: .1em .2em; margin: 0 2px 0 3px; font-size: .8em; border: 1px solid white;}
 div.ABC a:hover{border: 1px solid white; background: #FFF; color: black; }

 .schalteroben .mitgliederBuchstabe{text-align: left; display: block; padding: .2em 0 .2em 1em; }

 .schalteroben .suchkriterien{text-align: left; display: block; padding: .2em 0 .2em 1em; }

 table{border-collapse: collapse; }
 table td{text-align: left;}
 table p{margin: 0; clear: left; }

 table p.sortier {text-align: left; width: 100%;  padding: .5em 0 .5em 1.5em; display: block; clear: left;}

 table a{font-weight: bold; color: #00267F;}
 td.bild{padding: .2em 0; text-align: center; width: 6em; background: #fff; border-top: 1px solid #D1DBE3; border-bottom: 1px solid #D1DBE3}


 input.tx-newloginbox-pi3-searchbox-sword{float: left; margin: 0 0em 0 1em; background: #fff;}
 input.tx-newloginbox-pi3-searchbox-button{float: left; margin: 0 20em 0 0;}


 td.inhaltsrahmen{vertical-align:top; padding: 0 .5em 0 1em; background: #ECF0F4; border-top: 1px solid #D1DBE3; border-bottom: 1px solid #D1DBE3}

 .zu{float: left; text-align: right; padding: 0 1em .5em 0;}
 .zu a{font-weight: normal; }
 div.ListeSuchen input.tx-newloginbox-pi3-searchbox-sword{width: 5em; border: 1px solid #B3B9C3}
 div.ListeSuchen input.tx-newloginbox-pi3-searchbox-button{background: url(../design/input.jpg) repeat-x;width: 4em; border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3; border-top: 1px solid #F6F6F6; border-bottom: 1px solid #919194}
 div.ListeSuchen p.anzeige{clear: left;}


/*********************************** EINZELANSICHT *******************************************************************/


#einzelAnsicht{border-top: 1px solid #00267F; display: block; background: url(../design/hellpunkt.gif) repeat-y 12em 0em;}

#einzelAnsicht .singleViewFirma{border-bottom: 1px solid white; background: #CFD7E7; height: 1.5em; padding: 0 0 0 1em }
#einzelAnsicht .singleViewFirma p{line-height: 1.2em; margin: 0; padding: .5em 0 0 0;}
#einzelAnsicht .singleViewFirma span.name{font-weight: bold; margin: 0 11.6em 0 0; color: #6b7a99;}
#einzelAnsicht .singleViewImage{width: 12em; float: left; text-align: center; vertical-align: middle; margin: auto 0;}

#einzelAnsicht .singleViewImage img{margin: .3em 0;}
#einzelAnsicht .singleInhalt{float: left;}

#einzelAnsicht .singleInhalt .singleViewFirmenzusatz{margin: 0 0 .5em 0;}
#einzelAnsicht .singleInhalt .singleViewFirmenzusatz p{font-weight: bold; margin: 0; padding: .3em 3em .3em .5em;}
#einzelAnsicht .singleInhalt .singleViewStrasse{margin: 0;}
#einzelAnsicht .singleInhalt .singleViewStrasse p{line-height: 1.2em; margin: 0; padding: .3em .5em;}
#einzelAnsicht .singleInhalt .singleViewOrt{margin: 0;}
#einzelAnsicht .singleInhalt .singleViewOrt p{line-height: 1.2em; margin: 0; padding: .3em .5em;}
#einzelAnsicht .singleInhalt .singleViewTelephone{border-top: 1px solid white; }
#einzelAnsicht .singleInhalt .singleViewTelephone p{line-height: 1.2em; margin: 0; padding: .3em .5em;}
#einzelAnsicht .singleInhalt .singleViewFax{margin: 0;}
#einzelAnsicht .singleInhalt .singleViewFax p{line-height: 1.2em; margin: 0; padding: .3em .5em;}
#einzelAnsicht .singleInhalt .singleViewMail{border-top: 1px solid white; }
#einzelAnsicht .singleInhalt .singleViewMail p{line-height: 1.2em; margin: 0; padding: .3em .5em;}
#einzelAnsicht .singleInhalt .singleViewHomepage{margin: 0;}
#einzelAnsicht .singleInhalt .singleViewHomepage p{line-height: 1.2em; margin: 0; padding: .3em .5em .5em .5em;}

#einzelAnsicht .singleViewZwischenHead{color: #6b7a99; border-top: 1px solid #00267F; border-bottom: 1px solid #fff; clear: both; background: #e4e9f2; height: 1.5em; padding: 0 0 0 1em }
#einzelAnsicht .singleViewZwischenHead p{font-weight: bold; margin: 0; padding: .3em .5em;}


#einzelAnsicht .info{display: blockclear: left;}
#einzelAnsicht .info1{float: left; width: 12em;}

#einzelAnsicht .info1 p{font-weight: bold; margin: 0; padding: .3em .5em;}
#einzelAnsicht .info2{float: left; width: 26em; background: #ECF0F4; border-bottom: 1px solid #f5f7fa}
#einzelAnsicht .info2 p{line-height: 1.4em; margin: 0; padding: .3em .5em .5em .5em;}