@charset "UTF-8";
/*  
	speziell für www.drana.de
	überschreibt Standard-Vorgaben des YAML-Framesets 
	12.03.2010 Jan-Christoph Thieme
*/

@media all
{

/* Seite */
  body {
  	background: #F1ECCD;
    color:  #5F3614;
  	font-size:100%;
  	}
  		
  .page_margins {
  	text-align:left;
  	margin: 0 auto;
  	max-width: 100%;
	}
	
	

   
  
/* Bereiche */
  #nav * { display: none; }

  #header {
    color: #993300;
    background:  #B9C875  url("../../images/drana_header_bg.png") repeat-x top left;
    border-top:0.5em #FF9900 solid;
	font-family: "Palatino Linotype", "Times New Roman", Georgia, serif;
  }

  #main {     
    background: #f9f9f9;
    background: #EAE1B0;
    background: #F1ECCD; 
	padding:10px 0; 
	}
	
  #col1 { width: 25%; }
  #col1_content { padding: 10px 10% 10px 10%; }
  #col2 { width: 25%; }
  #col2_content { padding: 10px 15px 10px 35%; }
  #col3 { margin: 0 25%; }
  #col3_content { padding: 10px; }

  #footer {
    color:#666;
    color:#5F3614;
    background: #EFE9DE;
    background: #B9C263;
    background: #B9C875; 
    border-top: 5px #FF9900 solid;
  	line-height: 1.5em;
	}
	
  #footer .page{
    text-align:right;
  }

/* Textstile */
  blockquote {
  	margin:0 0 0 0;
    color:#666;
    color:#CC6600;
 }
          
  #header h1 {
    font-weight: bolder;
    color:  #CC6600;
    margin:-0.15em 0 0.35em 9%;
    font-size:350%;
    font-variant:small-caps;
    letter-spacing:0.04em;
  }
  
  
  #header span.aktiv {
    color:  #A45200;
    color:   #CC6600;
  	}
  
  #header span.passiv {
    color:   #A07A54;
    color: #585F0C;
  	}
      
  #topnav {
	margin:-0.7em 0 0 0;
	}

  #col3 h1,h2,h3,h4,h5,h6 {
  	font-family: "Palatino Linotype", "Times New Roman", Georgia, serif;
    font-weight:normal;
    color:  #5F3614;
    margin:0 0 0.25em 0;
  	}
  	
  #col3 h1 {
  	font-size:280%;
    margin:0.05em 0 0.15em 0em;
    font-weight: bolder;
    color: #A07A54; 
    color: #585F0C;
	}                       
  
  #col3 h2 {
  	font-size:180%;
    font-variant:small-caps;
    margin:0 0 1.6em 0.6em;
   }                     
  
  #col3 h3 {
  	font-size:150%;
  	}
  	    
  #col3 h4 {
  font-size:133.33%;
  }
                   
  #col3 h5 {
  	font-size:116.67%;
  	} 
  	                  
  #col3 h6 {
  	font-size:116.67%;
  	}                   

  .vlist li.active {
    color:#5F3614;
    color: white;
    background-color: #FF9900;
    font-weight:bold;
  	}
  
  /* Menü */
  h5.vlist {
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    background-color:#F1ECCD;
    border-bottom:2px #A07A54 solid;
    margin:0 0 0.15em 0;
    }
    
  .vlist a,
  .vlist a:visited {
    color:#5F3614;
  	}
  
	
  #topnav a,
  #topnav a:visited {
    color:#5F3614;
   	font-size:120%;
  	}
  

  .note {
  	text-indent: 0 !important;
  	color: #333;
  	background: #f4f4f4;
  	padding: 1.5em;
  	}
  	
  .important {
  	text-indent: 0 !important;
  	background: #ffd;
  	padding: 1.5em;
  	}
  	
  .warning {
  	text-indent: 0 !important;
  	background: #fdd;
  	padding: 1.5em;
  	}

  .float_left {
  	float: left;
  	display:inline;
  	margin: 0.5em 1em 1em -0.5em;
  	}
  	
  .float_left p{
  	margin: 0.5em 1em 1em -5.8em;
  	}

  .float_right {
  	float: right;
  	display:inline;
  	margin: 0 -36px 1em 1.5em;
  	}
  	
  .center {
  	text-align:center;
  	margin: 1.5em auto
  	}

  img {
  	padding: 5px;
  	border: 1px #888 solid;
  	}
  
  
  

}