body
{
 font-size: 11px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
    
 margin: 0;
 padding: 0;
 text-align: center;
 
 background-image: url('bilder/hintergrund-lb.jpg');
 background-repeat: no-repeat;
}

td
{
 font-size: 11px;   
}

a
{
 color: #01009A;   
}

a:hover
{
 background-color: #01009A;
 color: white;   
}

img
{
 border: 0;
 margin: 0;
 padding: 0;   
}

h2
{
 font-size: 15px;   
 /*text-decoration: underline;*/
 border-bottom: 1px solid #01009A;
}

h3
{
 font-size: 12px;   
}

#startseite h2
{
 font-weight: bold;
 color: black;
 font-size: 12px;
 text-decoration: none;
 text-align: center;
 margin-top: 2em;
 border: 0;
}

#startseite h1
{
 font-weight: bold;
 color: #01009A;
 font-size: 20px;
 text-decoration: underline;
 text-align: center;
 margin-top: 1em;
 margin-bottom: 1em;
}

#startseite h3
{
 font-weight: bold;
 color: #01009A;
 background-color: white;
 font-size: 16px;  
}




#alles
{
 border-left: 1px solid #01009A;   
 border-right: 1px solid #01009A;
 border-bottom: 1px solid #01009A;
 
 width: 900px;
 margin: 0 auto;
 
 text-align: left;
}

#bild #alles
{
 width: 99%;
}

#logo
{
 text-align: center;  
 padding: 10px; 
 background-color: white;
}

#logo img
{
 width: 450px;
}


#navigation
{
 text-align: center;
 background-image: url('bilder/hintergrund-leiste.jpg');  
 padding: 10px;
}

#navigation a
{
 color: white;  
 text-decoration: none;
 padding: 2px 15px;
}

#navigation
{
 color: white;   
}


/* --- Links Hintergrund --- */

#startseite .startseite, #aktuelle_projekte .aktuelle_projekte, #angebote .angebote, #kontakt .kontakt, #impressum .impressum, #serviceleistungen .serviceleistungen, #unternehmen .unternehmen, #presse .unternehmen
{
 background-color: white;   
 color: #01009A;
 font-weight: bold;
}

#hu_b66 .hu_b66, #hu_b73 .hu_b73, #hu_b115 .hu_b115, #hu_b107 .hu_b107, #boernsen_b20 .boernsen_b20, #boernsen_b21 .boernsen_b21, #boernsen_b21a .boernsen_b21a, #insel_poel_b12 .insel_poel_b12, #bfs_hartloh .bfs_hartloh, #muess_altefaehre .muess_altefaehre
{
 background-color: #7E7DDB;   
 color: white;
}

.impressum
{
 font-size: 10px;   
}

/* --------------------- */

#navigation a:hover
{
 background-color: white;
 color: #01009A;   
}

#navigation ul, #navigation li
{
 display: inline;
 padding: 0;
 margin: 0;   
 float: left;
}

#besichtigung
{
 background-color: white;
 border-bottom: 1px solid #01009A;
 color: #01009A;
 padding: 6px 10px;	
}

#startseite #besichtigung a
{
 color: red !important;	
}

#unternehmen #mitte
{
 background: none;
 background-color: white;   
}

#presse #mitte
{
 background: none;
 background-color: white;   
}

#mitte
{
 border: 1px solid #CCC;
 background-color: white;
 background-image: url('bilder/navilinks-bg.jpg');
 background-repeat: repeat-y;   
}

#startseite #mitte
{
 background-color: white;   
 background-image: none;
}

#startseite #mitte .einleitungstext
{
 margin: 20px;   
}


#mittel
{
 float: left;
 width: 248px;
 padding: 0;
 margin: 0;
}

* html #mittel
{
 width: 243px;   

}

* html #startseite #mittel
{
 width: 280px;   
}


.lnavi
{
 border-top: 1px solid #999;   
 border-left: 1px solid #999;
 border-right: 1px solid #333;
 border-bottom: 1px solid #333;
 
 margin: 20px 20px;
 
}

.lnavi a
{
 display: block;   
 padding: 5px 8px;
 border-bottom: 1px solid #CCC;   
 background-color: white;
 color: #01009A;
 text-decoration: none;
}

.lnavi a:hover
{
 background-color: #7E7DDB;
 color: white;
}

.lnavititel
{
 background-color: #01009A;
 background-image: url('bilder/hintergrund-leiste.jpg');
 color: white;
 padding: 7px 10px;   
 font-weight: bold;
}



.mur
{
 float: right;   
 width: 340px;
}

.musterhaustab
{
 width: 500px;   
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

.musterhaustab h4
{
 color: #01009A;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #01009A;	
}

.musterhaustab td
{
 vertical-align: top;   
}

.personenbild
{
 width: 150px;   
}

.openbox
{
 border: 4px solid rgb(170,0,0);
 padding: 8px 15px;
 float: right;
 text-align: center;
 background-color: white;   
}

.taboeffnung
{
 border-top: 1px solid #DB4646;
 border-left: 1px solid #DB4646;
 border-right: 1px solid rgb(170,0,0); 
 border-bottom: 1px solid rgb(170,0,0);  
 margin: 10px; 
}

.taboeffnung td
{
 vertical-align: top;   
}




#mittem
{
}

#mittem2
{
 margin-left: 250px;  
 margin-right: 200px;
 padding-left: 15px;
 padding-right: 15px;   
}

#besichtigungen #mittem2, #serviceleistungen #mittem2, #wir_ueber_uns #mittem2
{
 margin-left: 180px;
 margin-right: 180px;
 padding: 0;
}

#presse #mittem2
{
 margin-right: 10px !important;
}

#impressum #mittem2
{
 margin-left: 200px;
 margin-right: 200px;   
}

#kontakt #mittem2
{
 margin-left: 100px;
 margin-right: 280px;
 padding: 0;   
}

* html #kontakt #mittem2
{
 margin-left: 100px;
 margin-right: 275px;
 padding: 0;   
}

#startseite #mittem2
{
 margin-left: 265px;
 margin-right: 0;
 padding-left: 0;
 padding-right: 0;  
}

* html #startseite #mittem2
{
 margin-left: 293px;   
}

#mittem p
{
 padding-left: 10px;
 line-height: 150%;   
}

#mittem li
{
 line-height: 150%;   
}

#mitter
{
 float: right;   
 width: 200px;
 border-left: 1px solid #01009A;
 border-bottom: 1px solid #01009A;
 margin-bottom: 1em;
}

#unternehmen #mitter
{
 text-align: center;   
}

#presse #mitter
{
 width: 0px !important;
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
}

.mittertextbox
{
 border-top: 1px solid #01009A;
 padding: 20px;   
 text-align: left;
}


#unten
{
 font-size: 11px;
 clear: both;
 padding: 3px 10px;
 text-align: center;   
 background-image: url('bilder/hintergrund-leiste.jpg'); 
 color: white;
}

#unten a
{
 color: white;   
}

.projektbilder
{
 text-align: center;   
}

.projektbilder img
{
 width: 75px;
 height: 75px;   
}


.cursor_link
{
 cursor: pointer;   
}



.tabkontdiv
{
 /*margin-left: 100px;   */
}

.tabkont
{ 
 width: 500px;
}

.tabkont td
{
 text-align: left;
 vertical-align: top;   
}

.kontpr1
{
 margin-bottom: .5em;   
}

.kontpr2
{
 padding-left: 2em; 
 margin-bottom: 1em;
}

.ktdl
{
 width: 200px;
}

.ktdr
{
 
}

.kontinp
{
 width: 100%;   
}





.textm
{
 text-align: center;   
}

.textr
{
 text-align: right;   
}

.b
{
 font-weight: bold;   
}

.bildr
{
 float: right;
 margin-left: 2em;   
}

.bildl
{
 float: left;
 margin-right: 2em;   
}

.rot
{
 color: red;   
}

.i
{
 font-style: italic;   
}

.rotinput
{
 background-color: #F33;   
}



.pressetabelle
{
 margin-top: 2em;
}

.pressetabelle td
{
 padding: 15px 5px;
 vertical-align: top;
 border-bottom: 1px solid rgb(170,0,0);
}




/* Bildwechsel */

#bildwechsel
{
 text-align: center;  
 padding: 0;

}

#bildwechsel1, #bildwechsel2
{
 width: 634px;
 margin: 0;
}

* html #bildwechsel1, * html #bildwechsel2
{
 width: 600px;
 margin: 0;   
}


#bildwechsel1 img, #bildwechsel2 img
{
 border: 0;
 margin: 0;
 padding: 0;   
}


#wechselbildmsg
{
 position: absolute;
 left: 0;
 text-align: center;
 z-index: 99;
 width: 100%;
 margin-top: 405px;
 margin-bottom: 405px;
 padding: 30px 0;
 background-image: url('bilder/wechsel/wechselmsgbg.jpg');
 background-repeat: no-repeat;
 background-position: center;
}


.wechselbild
{
 width: 317px;
 height: 238px;
}

* html .wechselbild
{
 width: 300px;
 height: 226px;   
}

.fll
{
 float: left;   
}

.flr
{
 float: right;   
}


/* Bildwechsel Ende */