/* CSS Document fuer Header - 2 Spalten - Footer */
body { 
  	margin:0 ;
  	padding:0;
    height:101%;
    width:100%;
  	text-align: center;
  	background-color: #fff;
    background-image: url(../_images/bg_site.gif);
    background-position: center;
    background-repeat: repeat-y;
    font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; line-height: 1.4em;
    color: #3D4242;
    }
    
/* Why do tables use larger font otherwise? */
table { 
    font-size: 13px; }

/* default alignment of table cells */
td { 
    vertical-align: top; 
    text-align: left;}

p, li { 
    text-align: left;
    line-height: 1.6em;}   
    
ul {
    list-style-type: square; }     
    
/* no borders on images */
img { border: 0px; }

a:link { color:#855723; text-decoration:underline }
a:visited { color:#B99C6B; text-decoration:underline }
a:hover { color:#B99C6B; text-decoration:underline }
a:active { color:#855723; text-decoration:underline }
a:focus { color:#855723; text-decoration:underline } 

/* -------------- Container ConPresso -------------- */
#globalheader {
    margin: 0;
    padding: 0 20px 0 0;
    width: auto;
    height: 191px;
    background-color: #efefef;
    background-image: url(../_images/header.jpg);
    text-align: right;  }
    
#globalheader p {
    margin: 0;
    padding: 5px 0 0 0;
    text-align: right;  }           

#localheader {
    background: transparent;
    margin-bottom: 1em;
    text-align: left; }

#content {
    position: relative;
    background: transparent;
    margin-bottom: 1em;
    text-align: left; }   
    
#content img {
    border: 1px solid #929497; }          
    
#localfooter {
    margin: 0 auto 0 auto;
    padding: 1em;
    background: transparent;   }

#globalfooter {    
    margin: 0 auto 0 auto;
    padding: 1em 0 1em 234px;
    clear: both;
    background-color: transparent;  
    font-size: 11px; }    
    
#globalfooter a:link { color:#855723; text-decoration:none }
#globalfooter a:visited { color:#B99C6B; text-decoration:none }
#globalfooter a:hover { color:#B99C6B; text-decoration:none }
#globalfooter a:active { color:#855723; text-decoration:none }
#globalfooter a:focus { color:#855723; text-decoration:none }     

.pager {
    margin: 1em 0 1em 0; }

.more {
    margin-top: 1em;}
    
.backlink {
    margin: 1em 0 1em 0;}

/* -------------- eigene Styles --------------------------------- */
#container {    
    margin: 0 auto 0 auto;
    width: 934px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    background-color: transparent;  
    text-align: left;    }

/* -------------- Navigation -------------- */  
#navi {
    margin: 0;
    padding: 0; 
    background-color: #fff;} 
    
#navlist {
	position: relative;
	margin: 25px 0 0 0;
	padding: 0 0 0 2px;
  width: 222px;
	float: left; 	} 
         
#navlist .navi1 {
} 
    
#navlist .navi2 {
    } 
    
#navlist .navi3 {
     }       
      
#navlist ul {
    margin: 0; 
    padding: 0 0 0 10px; 
    list-style-type: none;  }
    
#navlist li {
    margin: 0; 
    padding: 0;}
    
#navlist li a {
    margin: 0; 
    padding: 0; 
    color: #FFFFFF;
    text-decoration: none;}

#navlist li li {
    padding-left: 9px; } /* erst die zweite Ebene einruecken */

#navlist li.active a {
    color: #6D4921; } /* jede aktive Ebene einfaerben */
    
#navlist li.active li.active a {
    color: #6D4921;}       
    
#navlist li.active li.active li.active a {
    background-color: #6D4921;
    color: #FFFFFF;
    padding-right: 3px; }
    
#navlist li.active li.active  {
    background-image: url(../_images/pf_re.gif);
    background-position: -1px 7px;
    background-repeat: no-repeat; }    
    
#navlist li.active li.active li.active  {
    background-image: url(../_images/pf_re.gif);
    background-position: -1px 5px;
   }    

#navlist li.active li a {
    color: #FFFFFF;
    } /* eine nicht aktive Unterebene wird in der urspruenglichen Farbe dargestellt */    

                                                                                                      

/* -------------- Breadcrumbmenue -------------- */
#breadcrumb {
    margin: 0 25px 0 0;
    padding: 10px 0 5px 0;
    text-align: left;
    border-bottom: 1px solid #EFEFEF;  }
        
  
#inhalt {
    margin: 0 0 0 224px;
    padding: 0 20px 0 20px;
    background-color: transparent; }   

h1 {
    font-size: 140%;  
    line-height: 1.3em;
    font-weight: lighter;
    color: #6D4921;}
  
h2 {
    font-size: 110%; 
    color: #6D4921; }
  
h3 {
    font-size: 100%;  }    

/* -------------- Klassen f. Tabellen -------------- */ 
#uebersichtstabelle { border: 1px solid #929497; }   
.colorlight { background-color: #FFFFFF; }
.colordark { background-color: #EFEFEF; }

#detailtabelle { border: 1px solid #929497; } 
#detailtabelle td {
    background-color: #EFEFEF;
    vertical-align: top;  }
    
th { text-align: left; } 

/* -------------- Tabelle Objektanfrage -------------- */   
table#tbl_anfrage {
  margin-bottom: 1em;
  border: 1px solid #929497;   }

#tbl_anfrage td, th {
  padding: 5px;
  background-color: #efefef;
  } 

#tbl_anfrage input, textarea {
  background-color: #FFFFFF;
  border: 1px solid #A5ACB2; }  
    
  
.message {
   margin: 0;
   padding: 10px;
   border: 1px solid #929497; 
   overflow: hidden; }  
   
.meldung {
  border:1px dotted red; padding:2px; margin:2px; }  
  
.meldungstext { 
  color:red; }

/* -------------- Klassen f. Bilder in Uebersicht -------------- */     
dl.bildbox { 
  float: left; 
  width: 250px;
  height: 217px;
  margin: 0;
  padding: 0 10px 0 0;  }  
   
dl.bildbox dt {           /* Bild */
  margin: 0;
  padding: 0;
  height: 188px; } 
  
dl.bildbox dd {           /* Bildunterschrift */
  margin: 0;
  padding: 5px 0 6px 0;
  text-align:center; }