<style type="text/css">{}

body
{
   /*background: #E5E5E5 url(images/seitengestaltung/bg_grau_streifen.jpg);*/
   background: #E5E5E5;
   margin: 0 0 0 0;
}

p { font: 12px Verdana, sans-serif; }

h1
{
   height: 30px;
   background: #E5E5E5;
   margin: 0 0 0 0;
   padding: 10 10 10 10;
   font: 18px Verdana, sans-serif;
}

h2
{
   font: bold 12px Verdana, sans-serif;
   margin: 0 0 0 0;
}

h3
{
   font: bold 12px Verdana, sans-serif;
}

h4
{
   font: bold 12px Verdana, sans-serif;
   border-bottom: solid 1px #cccccc;
   padding-bottom: 5px; 
}


a
{
   text-decoration: none;
   font: bold 10px Verdana, sans-serif;
   color: #666666;
}
                       
a:hover { background-color: #E5E5E5; }  

.fehler 
{
   font: 12px Verdana, sans-serif;
   color: red;
}


.clearfix:after
{
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div#seite
{                                                     /* Gesamtanzeigeteil - Navigation + Inhalt */
   min-width: 750px;
   margin-left: 4%;                                   /* Seitenabstand rechts und links, zentriert */
   margin-right: 4%;
   border: solid 1px #666666;
   min-width: 756px;
   background-color: #ffffff;
   background: #ffffff url('images/platine_bg_2.jpg') right bottom no-repeat;
}


div#linke_spalte, div#logo_feld
{
   width: 200px;
   float: left;
}

/* 3-Pixel-Bug-Fix - Hide from IE5-mac \*/
* html #linke_spalte, #logo_feld
{ 
   margin-right: -3px;
} 
/* End hide from IE5/mac */



/******************************************************
/* Rechte Spalten
/******************************************************/

div#bilder_spalte
{
   text-align: center;
   margin-top: 40px;
}

div#bilder_spalte, div#slogan_feld
{
   width: 200px;
   float: right;
}

/* 3-Pixel-Bug-Fix - Hide from IE5-mac \*/
* html #bilder_spalte, #slogan_feld
{ 
   margin-left: -3px; 
} 
/* End hide from IE5/mac */
 

div#slogan_feld                                  /* Text rechts oben */
{
   padding-top: 60px;
}

#slogan_feld p
{
   margin: 0 10 0 10;
   font: bold 16px Arial, sans-serif;
}


/******************************************************/


div#headline
{
   height: 184px;
   margin-top: 0px;
   background-color: #ffffff;
   border-bottom: solid 1px #666666;
}

div#logo_feld
{
   margin-top: 40px;
   text-align: center;
}


/******************************************************
/* Mittlere Spalten
/******************************************************/

div#mittlere_spalte
{
   min-width: 350px;
   /*width: 540px;*/
   margin: 0 200 0 200;
   border-left: solid 1px #666666;
   border-right: solid 1px #666666;
}

/* 3-Pixel-Bug-Fix - Hide from IE5-mac \*/
* html #mittlere_spalte
{ 
   margin: 0 197px 0 197px;
   display: inline-block; 
} 
/* End hide from IE5/mac */


div#inhalt
{
   padding: 5 10 10 10;
   font: 12px Verdana, sans-serif;
}


#mittlere_spalte, div#top_picture, div#top_picture_blume, div#top_picture_aufdach, div#top_picture_post, div#top_picture_sonne, div#top_picture_fassade, div#top_picture_flachdach, div#top_picture_freiflaeche, div#top_picture_indach, div#top_picture_messgeraet
{
   min-width: 350px;
   /*width: 540px;*/
   margin: 0 200 0 200;
   border-left: solid 1px #666666;
   border-right: solid 1px #666666;
}


/**********************************************************
/* Definitionen für das obere Layoutbild (als Hintergrund):
/**********************************************************/

div#top_picture, div#top_picture_blume, div#top_picture_aufdach, div#top_picture_post, div#top_picture_sonne, div#top_picture_fassade, div#top_picture_flachdach, div#top_picture_freiflaeche, div#top_picture_indach, div#top_picture_messgeraet
{
   height: 184px;
}


div#top_picture_blume { background: url(images/seitengestaltung/sonnenblume_9.jpg) no-repeat center; }

div#top_picture_aufdach { background: url('images/seitengestaltung/aufdach_oben.jpg') no-repeat center; }

div#top_picture_fassade { background: url('images/seitengestaltung/fassade_oben.jpg') no-repeat center; }

div#top_picture_flachdach { background: url('images/seitengestaltung/flachdach_oben.jpg') no-repeat center; }

div#top_picture_freiflaeche { background: url('images/seitengestaltung/freiflaeche_oben.jpg') no-repeat center; }

div#top_picture_indach { background: url('images/seitengestaltung/indach_oben.jpg') no-repeat center; }

div#top_picture_messgeraet { background: url('images/seitengestaltung/messgeraet.jpg') no-repeat center; }

/* div#top_picture_aufdach { background: url(images/seitengestaltung/aufdach_anlage_headpic.jpg) no-repeat center; } */

div#top_picture_post { background: url(images/seitengestaltung/briefkasten_hell.jpg) no-repeat center; }

div#top_picture_sonne { background: url(images/seitengestaltung/sonne.jpg) no-repeat center; }



/******************************************************
/* Definitionen für die Inhalte der Navigations-Spalte:
/******************************************************/


ul.navigation
{
   margin: 0 0 0 0;
   padding: 20 0 20 0;
   border-bottom: 1px solid #666666;
   font: bold 12px Verdana, sans-serif;
}

ul.navigation li
{
   list-style: none;
   margin: 0 0 0 0;
}
* html ul.navigation li   /* für IE */
{
   margin: -2 0 -2 0;
}

ul.navigation a
{
   display: block;                
   height: 18px;
   text-decoration: none;
   margin: 0 5 0 5;
   padding: 0 0 0 0;
   font: bold 12px Verdana, sans-serif;
   color: #666666;
   border-bottom: 1px solid #cccccc;
}

ul.navigation a:hover
{
   background-color: #E5E5E5; 
}

.selected
{
   color: #E3CC0D; 
}


ul.navigation_untermenu
{
   padding: 0 0 0 0;
   margin: 0 0 10 20;
   font: bold 10px Verdana, sans-serif;
}

ul.navigation_untermenu li
{
   list-style: none;
   margin: 0 0 0 0;
}
* html ul.navigation_untermenu li   /* für IE */
{
   margin: -3 0 -3 0;
}


ul.navigation_untermenu a
{            
   display: block;                
   height: 16px;
   text-decoration: none;
   margin: 0 5 0 5;
   padding: 0 0 0 2;
   font: bold 10px Verdana, sans-serif;
   color: #666666;
   border-left: 1px solid #cccccc;
}


/******************************************************/


div#copyright
{
   margin: 10 0 0 7;
   font: 10px Verdana, sans-serif;
   color: #000000;
}

div#bild_links
{
   float: left;
   margin: 0 5 5 0;
}

img.links
{
   float: left;
   margin: 0 10 5 0;
   border: none;
}

div#referenz
{
   /* min-height: 90px; */
   min-height: 153px;
   border-top: solid 1px #cccccc; 
   padding: 10 0 10 0;
}
*html div#referenz
{
   /* height: 115px;*/
   height: 160px;
}

div#kontakt_formular
{
   border-top: solid 1px #cccccc;
   border-bottom: solid 1px #cccccc;
}

div#formular_zeile
{
   margin-top: 5px;
}

div#formular_zeile .erste_spalte
{
   width: 125px; 
   float: left;
}

.formular_feld
{
   font: 12px Verdana, sans-serif;
   color: #666666;
   background: #ffffff;
   border: solid 1px #999999;
}
                  
.formular_button
{
   width: 120px;
   text-align: center;
   border: 1px solid #666666;
   font: 12px Verdana, sans-serif;
   color: #666666;
   background-color: #cccccc;
}


.bildfeld_startseite
{
   min-height: 105px;
   border-top: solid 1px #cccccc; 
   padding: 10 0 10 0;
}
*html .bildfeld_startseite
{
   height: 105px;
}


.bildfeld_startseite ul
{
   margin: 10 0 0 85;
}
*html .bildfeld_startseite ul
{
   margin-left: 125px;
}


</style>
