/* ===================================
Stylesheet von Microsites von arge-stiba.at

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: April 2010
Autoren: Armin Priesner und Farzaneh Emadi (www.webdesignen.at)

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles

Anmerkungen:	gruen: 1c5239
							hellgruen: 9ba894
							mittleres gruen: 00771a
							schriftfarbe grau: 292929
							hellgrau: e5e5e5
							lila: a5b3e2
=================================== */



/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; }



/* ==================================
   2. Allgemeine Styles
   =============================== */
	
	body {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #292929;
		background-color: #d7d9d6;
	}
	
	
	
/* ==================================
   3. Styles für Layoutbereiche
   =============================== */
	
	#website {
		position: absolute;
		top: 5px;
		left: 50%;
		width: 820px;
		margin-left: -410px;
		border: 1px dotted #9ba894;
		background-color: #fff;
	}
	
	#content {
		width: 550px;
		height: 470px;
		float: left;
		margin: 20px 0 0 20px;
		padding-right: 10px;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		overflow: auto;
	}
	
	
	/* ====================== Kopfbereich ====================== */
	
	#titelbild {
		width: 820px;
	}
	
	#headline {
		background-color: #1c5239;
		padding: 10px;
	}
		#headline h1 {
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			text-align: center;
			color: #fff;
		}
	
	
	/* ====================== Navigation ====================== */
	
	#main-navi {
		float: left;
		width: 200px;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #292929;
		padding: 10px 10px 0 10px;
		border-right: 1px solid #9ba894;	
	}
		#main-navi li {
			list-style-type: none;
			padding: 10px 5px;
			border-bottom: 1px solid #9ba894;
			width: 190px;
		}
		
		#main-navi_arge { border-bottom: none !important; }
			
			#main-navi a {
				color: #00771a;
				text-decoration: none;
			}
				#main-navi a:focus,
				#main-navi a:hover,
				#main-navi a:active  {
					color: #9ba894;
				}
	
	#main-navi img {
		width: 220px;
		margin: 10px 0 0 -10px;
		display: block;
	}
			

	/* ==================== NAVIGATION [immer anpassen] ==================== */
	
	#page_index #main-navi_index { background-color: #fff; }
	#page_index #main-navi_index a { color: #1c5239; }
	
	#page_produkte #main-navi_produkte { background-color: #fff;}
	#page_produkte #main-navi_produkte  a { color: #1c5239; }
	
	#page_impressum #main-navi_impressum  { background-color: #fff;}
	#page_impressum #main-navi_impressum a { color: #1c5239; }
	
	/* ==================== NAVIGATION [immer anpassen] ==================== */
	
	
	
	/* ====================== Fusszeile ====================== */
	
	#fussbereich {
		width: 800px;
		color: #fff;
		line-height: 130%;
		padding: 10px;
		background-color: #1c5239;
	}
		#fussbereich h4 { font-size: 11px; font-weight: bold; display: block; }
		#fussbereich p { font-size: 11px; }
		#fussbereich a {
			text-decoration: none;
			color: #fff;
		}
		#fussbereich a:focus,
		#fussbereich a:hover,
		#fussbereich a:active {
			color: #9ba894;	
		}
	
	
	
/* ==================================
   4. Sonstige Styles
   =============================== */
	
	#content h1, #content h2 {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #00771a;
	}
	
	#content p {
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		color: #292929;
		margin: 14px 0;
	}
	
	#content li {
		margin-left: 30px;
		line-height: 150%;
	}
	
	#content a {
			color: #292929;
		}
		#content a:focus,
		#content a:hover,
		#content a:active {
			color: #9ba894;	
		}
	
	#page_impressum #content table {
		margin-top: 14px;
	}
		#page_impressum #content td {
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #292929;
			padding: 2px 0;
		}


/* ==================================
   ENDE DES STYLESHEETS
   =============================== */