/***********
AGSVB-Farben:

	petrol: 	#006376
	braun:		#441C14
	rot:		#81161C
	tanne:		#194621
	hellgruen:	#60771E
	blau:		#00507F
	grau:		#585858

********/

html, body, h1, h2 , h3, div, p, ul, ol, li {
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif ;
	font-size: 100%; }
  
  
/*********************** Layout - allgemein ******************/
 
body {
	background-color:#202020; 
	font-size:100%;
	color:#000000; }
	 
div#kasten_farbig {
	margin: 0; 
	padding: 0; 
	margin-top: 2px; 
	margin-left: 3%; 
	margin-right: 3%; }


/*********************** Layout - Logobereich ******************/ 
 
div#bg_logo {
	padding: 0; 
	margin: 0;  }

div#top_navi {
	width: 50%; 
	margin-top: 0; 
	margin: 0; 
	padding: 0; 
	text-align: left; }
	
div#logo {
	width: 100%; 
	margin-top: 0.5em; 
	margin: 0; 
	padding: 0; 
	text-align: center;  
	background-image: url(../images/design/ecke_links_oben.gif); 
	background-position: top left;
	background-repeat: no-repeat; }
	 
#logo a.logo{
	width: 100%; 
	display: block; 
	background-image: url(../images/design/ecke_rechts_oben.gif); 
	background-position: top right; 
	background-repeat: no-repeat; }

div#logo img{
	margin-top: 2em; 
	margin-bottom: 2em;  
	border:0; }
	 
	   
/*********************** Layout - Navigation ******************/
 
div#navi{
	padding: 0; 
	margin: 0;
	color:#FFFFFF;}
	  
#navi ol{
	list-style: none; 
	font-size: 98%;
	font-weight: bold; 
	text-align: center; 
	margin: 0; 
	margin-left: 3em; 
	padding: 0; }
		
#navi li{
	min-width: 5em; 
	width: 7.2em; 
	max-width: 8em; 
	float: left; 
	font-size: 98%; 
	margin:0; 
	margin-right:2px; }
	
		
#navi li.rot{
	background: url(../images/design/navi_ecke_links_rot.gif);
	background-position: top left;
	background-repeat: no-repeat; }

#navi li.orange{
	background: url(../images/design/navi_ecke_links_orange.gif);
	background-position: top left;
	background-repeat: no-repeat; }

#navi li.blau{
	background: url(../images/design/navi_ecke_links_blau.gif);
	background-position: top left;
	background-repeat: no-repeat; }

#navi li.braun{
	background: url(../images/design/navi_ecke_links_braun.gif);
	background-position: top left;
	background-repeat: no-repeat; }

#navi li.tanne{
	background: url(../images/design/navi_ecke_links_tanne.gif);
	background-position: top left;
	background-repeat: no-repeat; }
	
#navi li.hellgruen{
	background: url(../images/design/navi_ecke_links_hellgruen.gif);
	background-position: top left;
	background-repeat: no-repeat; }
	
#navi li.gelb{
	background: url(../images/design/navi_ecke_links_gelb.gif);
	background-position: top left;
	background-repeat: no-repeat; }
	
#navi li.hellblau{
	background: url(../images/design/navi_ecke_links_hellblau.gif);
	background-position: top left;
	background-repeat: no-repeat; }

#navi li.grau{
	background: url(../images/design/navi_ecke_links_grau.gif);
	background-position: top left;
	background-repeat: no-repeat; }
	

#navi a{
	width: 100%;  
	padding: 0; 
	margin: 0; 
	display: block; 
	padding-top: 0.3em; 
	padding-bottom: 0.3em;
	color:#FFFFFF; 
	}

div#navi a.aktiv {color:#000000; }
	
	
#navi a:link    { font-weight: bold; text-decoration: none; }
#navi a:visited { font-weight: bold; text-decoration: none; }
#navi a:active  { font-weight: bold; text-decoration: none; }
#navi a:hover   { font-weight: bold; text-decoration: none; }


/*********************** Erzwungener Absatz ******************/

div.umbruch{
	float: none; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	font-size: 0px; 
	line-height: 0px; 
	width: 1px; 
	height: 1px; }

/*********************** Sie sind hier Navigation ******************/	
div#top_navi{
	 text-align:left;
	 width: auto; 
	 margin:0; 
	 padding:0;
	 padding-left: 2em; 
	 padding-top: 0.1em;
	 }

div#top_navi p{
	text-align:left;
	font-size:90%;
	font-weight:normal;
	padding:0;
	padding-left:0.3em;
	margin:0;
	}

/*********************** Layout - Inhalt ******************/
	 
div#kasten_inhalt{
	margin: 0; 
	margin-left: 2em; 
	margin-right: 2em;
	margin-bottom: 0.5em;
	padding: 0; 
	padding-top: 0;
	background-position: top left; 
	background: #FFF7E0;}
	
#content{
	background: #FFF7E0;
	width: 90%; 
	padding: 0; 
	margin: 0; 
	margin-left: 3em; }
	
	
/*********************** Layout - Fusszeile ******************/
 
div#bottom{
	width: 100%; 
	margin-top: 0; 
	padding: 0; 
	padding-bottom: 5px;; 
	padding-top: 5px;; }
	

div#bottom p {
	text-decoration: none; 
	text-align: right;
	color: #ffffff; 
	font-size:95%;
	font-weight: normal;
	padding:0;
	margin:0;
	padding-right: 3%;
    } 

div#bottom a:link   { font-weight: normal; color: #ffffff; text-decoration: none; }
div#bottom a:visited { font-weight: normal; color: #ffffff; text-decoration: none; }
div#bottom a:active  { font-weight: normal; color: #ffffff; text-decoration: none; }
div#bottom a:hover   { font-weight: normal; color: #ffffff; text-decoration: underline; }



/*********************** Layout - Überschriften ******************/

h1 {
	text-decoration: none; 
	font-size: 105%; 
	margin-top: 1em ; 
	border: 1px solid #D0D0D0; 
	border-left-style:solid; 
	border-left-width:18px; 
	background-color: #FFFFFF; 
	padding-left: 0.3em; 
	padding-top: 0.3em; 
	padding-bottom: 0.3em;
	border-left-color: <?php echo $var_petrol[farbe]; ?>}

h2 {
	text-decoration: none; 
	font-size: 93%; 
	font-weight: bold; 
	border: 1px solid #D0D0D0; 
	border-left-width:4px;
	background-color: #FFFFFF; 
	padding-left: 1.3em; 
	padding-bottom: 0.2em; 
	padding-top: 0.2em; 
	margin: 0; }

h3 {
	text-decoration: none; 
	font-size: 90%; 
	font-weight: normal; 
	border: 1px solid #D0D0D0; 
	border-left-width:2px;
	background-color: #FFFFFF; 
	padding-left: 1.3em; 
	padding-bottom: 0.1em; 
	padding-top: 0.1em; 
	margin-bottom: 0; }

/*********************** Layout - Text ******************/

p {
	padding-top:0.4em;
	margin:0;
	margin-top:0.4em;
	margin-left:1em;
	margin-right: 1em;
	line-height: 1.3em;
	text-align: justify;}
	
p.center {
    text-align:center;
	}

p.left {
    text-align: left;
	}

p.right {
    text-align: right;
	}

ol {
	margin-left: 3.5em; 
	margin-right: 2em;
	padding: 0;
	line-height: 1.2em;
	list-style-type: decimal;
	font-size: 100%; }

#kasten_inhalt li {
	padding-bottom: 0.5em;
	line-height: 1.2em; }
	
div.rahmen {
	border-left: 1px solid #D0D0D0; 
	border-right: 1px solid #D0D0D0;  
	border-bottom: 1px solid #D0D0D0; 
	border-top: 1px solid #D0D0D0; 
	padding-left: 0.5em;  
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 2em;
	margin-top: 0;
	margin-left: 2em; 
	margin-right: 2em;
	margin-bottom: 1em;
	background-color:#FFFFFF;}

ul.rahmen{
	font-size: 100%; 
	margin-top:0; 
	padding-left: 0.5em;  
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom:0.5em;
	margin-top: 0;
	margin-left: 2em; 
	margin-right: 2em;
	margin-bottom:0.8em;
	border-left: 1px solid #D0D0D0; 
	border-right: 1px solid #D0D0D0;  
	border-bottom: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;  
	background-color:#FFFFFF;
	}
	

/*********************** Layout - Aufzählungszeichen ******************/

ul.rahmen li{
	margin-left: 3.5em; 
	margin-right: 2em;
	padding: 0;
	line-height: 1.2em;
	font-size:95%}
	
div.rahmen ul li{
	margin-left:1em;
	margin-right:2em;
	padding:0;
	line-height:1.2em;
	font-size:95%
	}

li {
	margin-bottom:0.5em;
	margin-top:0.5em; }
	
li.link{
	list-style-image:url(../images/icons/icon_link.gif); 
 }

li.pfeil{
	list-style-image:url(../images/icons/icon_pfeil_25x17.gif); 
 }
 
li.termin{
	list-style-image:url(../images/icons/icon_pfeil_25x17.gif);
	font-weight:bold;
 }
 
li.adresse{
	list-style-image:url(../images/icons/icon_address_25x17.gif);
 }

li.telefon{
	 list-style-image:url(../images/icons/icon_telefon_25x17.gif);
 }
 
li.fax{
	 list-style-image:url(../images/icons/icon_fax_25x17.gif);
 }

li.email{
	 list-style-image:url(../images/icons/icon_email_25x17.gif);
 }
li.textonly{
	list-style-type:none;
 }
 
li.pdf{
	list-style-image:url(../images/icons/icon_pfeil_25x17.gif);
 }

/*********************** Layout - Text ******************/

#kasten_inhalt a:link   { font-weight: normal; color: #000000; text-decoration: underline; }
#kasten_inhalt a:visited { font-weight: normal; color: #000000; text-decoration: underline; }
#kasten_inhalt a:active  { font-weight: normal; color: #000000; text-decoration: underline; }
#kasten_inhalt a:hover   { font-weight: normal; color: #000000; background-color: #FFF7E0; text-decoration: underline; }