﻿body
{
   background: #ffffff url('images/orange.gif');
   margin: 0; 
}


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;
}               
               

h2 
{
   color: #606060;
   font: bold 14px Arial, sans-serif;
   margin: 0 0 0 0;
}
   
h3
{
   color: #606060;
   font: bold 12px Arial, sans-serif;
   margin: 0 0 0 0;
}

/*******************************************************
/* Definitionen Links
/*******************************************************/

a.bold
{
   padding-left: 2px;
   padding-right: 2px;
   font: bold 11px Arial, sans-serif;
   color: #606060;
   text-decoration: none;
}
       
a.bold:hover { background-color: #E5E5E5; }       


/*********************************************************
/* Definitionen Navigationsleisten
/*********************************************************/

ul.navigation
{
   /*clear: both;*/
   font: bold 12px Arial, sans-serif;
   margin: 10px 0 10px 0;
   padding: 5px 10px 7px 10px;
   /*border-top: 1px solid #cccccc;*/
   border-bottom: 1px solid #cccccc;
   /*border: 1px solid #000000;*/
}


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 7% 20px 7%;
   
   min-width: 720px;
}

/*
.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: 250px;
   margin: 0 0 0 0;
   background-color: #ffffff;
}

div#logo_bereich
{
  border-bottom: 1px solid #cccccc;
  text-align: right;
}

#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 250px;
}
                  
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;
}
                       
div#inhalt
{
   min-height: 400px;
   padding: 20px 10px 20px 10px;
   background-color: #F3F3F3;
   color: #808080;   
}        
* html div#inhalt { height: 400px; } 
               
           
                               
p.copyright_zeile
{
   border-top: 1px solid #CCCCCC;
   color: #808080;
   font: 10px Arial, sans-serif;
   height: 20px;
   margin: 8px 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;
}

                
