body
{
   background: #ffffff url('images/orange.gif');
   margin: 0; 
}


ul, li
{
  margin:             0;
  padding:            0;
  list-style-type:    none;
}

p
{
   color: #606060;  
   font: 12px Arial, sans-serif;
}

/*
li
{
   color: #606060;  
   font: 12px Arial, sans-serif;
   list-style-type: circle;
}
*/

td
{
   color: #606060;  
   font: 12px Arial, sans-serif;
}

/*
h1
{
   color: #606060;
   font: bold 16px Arial, sans-serif;
   margin: 0 0 0 0;
}
*/              
               
h1
{
  color:                  #606060;
  font:                   16px Arial, sans-serif;
  padding:                10px 10px 10px 10px;
  border-bottom:          1px solid #cccccc;
  margin:                 0;
}               
               
/*
h2 
{
   color: #606060;
   font: bold 14px Arial, sans-serif;
   margin: 0 0 0 0;
}
*/
h2 
{
  color:                  #606060;
  font:                   20px Arial, sans-serif;
  padding:                10px 10px 2px 10px;
}
   
h3
{
   color: #606060;
   font: bold 12px Arial, sans-serif;
   margin: 0 0 0 0;
}

/*******************************************************
/* Definitionen Links
/*******************************************************/


a.extern
{
   padding-left:            0px;
   padding-right:           2px;
   font:                    bold 11px Arial, sans-serif;
   color:                   #606060;
   text-decoration:         none;
}
       
a.extern:hover { background-color: #E5E5E5; }       



/*********************************************************
/* Definitionen Navigationsleisten
/*********************************************************/

ul.navigation
{
   font:                    bold 12px Arial, sans-serif;
   margin:                  10px 0 10px 0;
   padding:                 0px 10px 7px 10px;
   border-bottom:           1px solid #cccccc;
}


ul.navigation li
{
   list-style: none;
   margin: 0 0 0 0;
}

ul.navigation a
{
   color: #808080;
   display: block;                
   font: bold 12px Verdana, sans-serif;
   height: 19px;
   margin: 0 0 0 0;
   padding: 2px 0 0 5px;
   text-decoration: none;
}

ul.navigation a:hover { background-color: #E2E9F0; }


ul.navigation a.selected 
{
   border-left: 1px solid #c1d2e1;
   padding: 2px 0 0 4px;
}


ul.navigation_untermenu
{
   border-left: 1px solid #c1d2e1;
   margin: 0 0 0 0;
   text-align: right;
}                        
*html ul.navigation_untermenu { margin: -2px 0 0 0; }
                            
ul.navigation_untermenu li
{
   list-style: none;
   margin: 0 0 0 -40px;
   /* border: solid 1px #000000;*/
}
*html ul.navigation_untermenu li { margin: 0 0 0 0; }


ul.navigation_untermenu a
{            
   color: #808080;
   font: 11px Arial, sans-serif;
   display: block;                
   height: 15px;
   margin: 0 0 0 0;
   padding: 2px 5px 0 5px;
   text-decoration: none;
}

ul.navigation_untermenu a.selected
{
   border-right: 1px solid #C1D2E1; 
   border-left: none;
   padding: 2px 5px 0 4px;
}

div#navigations_bild { text-align: center; }
  
    
/******************************************************
/* Definitionen vom Seitenaufbau:
/******************************************************/

/* Clear nach floatenden Elementen */

.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
{
   background: #ffffff;

   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #A8A8A8;
   border-bottom: 1px solid #A8A8A8;

   margin:                20px auto 0px auto;
   
   min-width: 720px;
   width:     800px;
   overflow:            hidden;
}

/*
.seite
{
   background: #ffffff;
   
   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #A8A8A8;
   border-bottom: 1px solid #A8A8A8;
   
   margin: 20px auto 20px auto;
   min-width: 760px;
   width: 85%;
}
*/
          
div#navigations_spalte
{
   float:                 left;
   width:                 160px;
   margin:                0 0 0 0;
   background-color:      #ffffff;
}

div#logo_bereich
{
  border-bottom:          1px solid #cccccc;
  text-align:             right;
  height:                 140px;
  text-align:             center;
  padding-top:            10px;
}

/*
#logo_bereich img
{                  
   float: left;
   margin: 4px 0 0 2px;
}
*/


div#logo_bereich h1 { margin-top:  2px; margin-right: 4px; font: bold 24px Arial, sans-serif; }
div#logo_bereich h2 { margin-top: 30px; margin-right: 4px; font: bold 12px Arial, sans-serif; }
div#logo_bereich h3 { margin-top: 36px; margin-right: 4px; font: bold 10px Arial, sans-serif; }


div#haupt_spalte
{
   background-color:        #F3F3F3;
   border-left:             1px solid #CCCCCC;
   margin:                  0 0 0 160px;
   
}
                  
                  
div#head_area
{
  height:                   150px;
  border-bottom:            1px solid #cccccc;
}

div#head_area .img_area
{
  height:                   50px;
}

div#bilder_headline
{
   background-color: #E2E7EC;
   padding: 12px 10px 10px 10px;
   text-align: center;
}


div#bilder_headline h1
{
   color: #808080;   
   font: bold 22px Arial, sans-serif;
   margin: 0 0 0 0;
   padding: 20px 0 0 0;
}
                       
.inhalt
{
   min-height:              200px;
   padding:                 1em;
   background-color:        #F3F3F3;
   color:                   #808080;
   display:                 none;
}        
* html .inhalt { height: 400px; } 
               
           
.inhalt.start
{
  text-align:                 center;
  padding-top:                70px;
  min-height:                 100px;
}
                               
.copyright_zeile
{
   color:                     #808080;
   font:                      10px Arial, sans-serif;
   height:                    20px;
   margin:                    0px 0 0 0;
   padding-top:               4px;
   text-align:                center;
}         
                 
.kontakt_button {
                   border    : 1px solid #92A4B0;
                   width     : 100px;
                   /*background: #fafafa;*/
                   font: 11px Arial, sans-serif;
                   color: #606060;
                   background-color: #E5E5E5;
                }
                
.special
{
  display: none;
}

p.error
{
  font:     bold 12px Arial, sans-serif;
  margin:   20px 0 20px 0;
}

                
.reference_list li
{
  overflow:           hidden;
  margin-top:         1em;
  margin-bottom:      2em;
}

.reference_list img
{
  float:              left;
  margin-right:       1em;
}

.reference_list h3
{
  margin-top:         0;
  font:               16px Arial, sans-serif;
}

ul.text_list
{
  font:               14px Arial, sans-serif;
  margin-bottom:      1em;
}

ul.text_list li
{
  list-style-type:    circle;
  margin-left:        1em;
  margin-bottom:      0.5em
}