/* Allgemein ------------------------------------------------------------------------------------------*/ 
body, td {
	font-size:12px;														/* generelle Buchstabengröße */
	font-family:arial, Helvetica, sans-serif;							/* Standardschriftart */
	line-height:16px;													/* Standard Zeilenhöhe */
	color:#000000;														/* Schriftfarbe */
	margin:0px;															/* Abstand zum Browserfenster */
}
body{
	background-image: url(../images/scharf/css/line.gif);				/* Hintergrundlinie über Gesamthoehe Viewport (je nachdem was länger ist!)*/
	background-repeat:repeat-y;	
}
.container {
	width:100%;
	height:100%;
	background-color:#ffffff;
	background-image: url(../images/scharf/css/line.gif);				/* Hintergrundlinie über Gesamthoehe Inhalt (je nachdem was länger ist!) */
	background-repeat:repeat-y;	
}
a img {																	/* keine Rahmen um Bilder in Links */
	border:none;
}
p {																		/* Hilfselement für inline-links ohne Eigenschaften */
	margin:0px;															
}

/* Gesamtseite (page und footer) -----------------------------------------------------------------------*/ 
#page{
	width:760px;														/* Gesamtseitenbreite */
	height:100%;														/* Komplette hoehe des Body! */
	margin-bottom:-16px;												/* Platz für den Footer */
}
#footer{
	clear:both;															/* Aufhebung der Floats von Nav und Content */
	width:760px;														/*Gesamtseitenbreite Footer*/
	color:#ffffff;
	font-size:10px;
	line-height:16px;													/* Hoehe des Footer (immer nur 1 Zeile) */
	text-align:center;
	background-color:#7CB742;
}
#kopf #spacer{															/* Abstand weiss über Hintergrundlinie */
	height:20px;
	background-color:#ffffff;
}

/* Kopfbereich  ----------------------------------------------------------------------------------------*/
#kopf{
	padding-top:50px;													/* Abstand über Titelbild */
	background-color:#7CB742;											/* hintergrundfarbe Balken*/
}
#kopf #topnav{
	height:30px;														/* Gesamthöhe der Topnav*/
	line-height:30px;													/* Zeilenhöhe der Topnav*/
}

/* Navbereiche links und rechts */
#kopf #topnav #left{													/* Linker Topnav-bereich */
	float:left;
	padding-left:20px													
}
#kopf #topnav #right{													/* Rechter Topnav-bereich */
	float:right;
	padding-right:4px													/* Abstand nach rechts (20px) abzüglich padding-right von "#header #topnav a" */
}

/* Navpunkte allgemein */
#kopf #topnav a{
	padding-left:16px;													/* Abstand links Text zu Linkanfang*/
	padding-right:16px;													/* Abstand links Text zum nächsten Navpunkt*/
	color:#ffffff;
	background-position:0px 3px;										/* Position des Hintergrundbildes vor Links */
	background-repeat:no-repeat;										/* Hintergrundbilder vor Links nicht wiederholen*/
}

/* Individuelle Icons vor Navpunkten */
#kopf #topnav a.start		{background-image: url(../images/scharf/css/icon_start.jpg); }
#kopf #topnav a.kontakt	{background-image: url(../images/scharf/css/icon_kontakt.jpg); }
#kopf #topnav a.impressum	{background-image: url(../images/scharf/css/icon_impressum.jpg); }

#kopf #topnav a:hover {												/* Mouseover effekt*/
	color:#FFCC00; 
	text-decoration:underline;
}
#kopf #spacer{														/* Abstand weiss nach unten über Hintergrundlinie*/
	height:40px;
	background-color:#ffffff;
}



/* Navigation -----------------------------------------------------------------------------------*/
#navigation{
	float:left;															
	width:220px;														/* Breite des Navibereichs abzüglich margin */
	margin-right:20px;													/* Abstand nach rechts zum contentbereich */
}

#navigation a{
}

#navigation ul{														
	margin:0px;															/* reset default margin */
	padding:0px;														/* reset default padding */
	list-style-type:none;												/* kein Bullet-zeichen */
	padding-left:10px;													/* Standardeinrückung je Navigationsebene */
}
/* Darstellung erste Ebene ------------------------------------ */ 
#navigation ul li{																						
	font-size:14px;														
	line-height:18px;
	display:inline;														/* Listelement, Pfeil und Link als gemeinsames Inlineelement */
}
#navigation ul li a{
	color:#498FCD; 														/* Navlinks */
	text-decoration:none;							
	margin-top:10px;													/* Abstand zwischen Elementen nach oben */
	padding-left:12px;													/* Platz für Pfeil */
	display:block;														/* Pfeil vor Link auch bei mehrzeilern */
}
#navigation ul li a:hover, #navigation ul li a.inside{					/* Mouseover Effekt oder "inside" mit Pfeileinblendung */
	font-weight:bold; 
	background-image:url(../images/scharf/css/pfeil.jpg);
	background-position:0px 3px;										/* Position des Hintergrundbildes vor Links */
	background-repeat:no-repeat;	
}


/* Darstellung zweite Ebene (nur Abweichungen von erster Ebene )  */	

#navigation ul li ul{												
	padding-left:20px;													/* Zusätzliche Einrückung zweite Ebene */
}
#navigation ul li ul li{												
	font-size:12px;														
	line-height:16px;
}
#navigation ul li ul li a{
	margin-top:4px;														/* Abstand zwischen Elementen nach oben */
	padding-left:12px;													/* Platz für Pfeil */
}
#navigation ul li ul li a:hover, #navigation ul li ul li a.inside{		/* Mouseover Effekt oder "inside" mit Pfeileinblendung */
	background-image:url(../images/scharf/css/pfeil_small.gif);
	background-position:4px 5px;										/* Position des Hintergrundbildes vor Links */
}



/* Contentbereich  ------------------------------------------------------------------------------- */
#inhalt{
	width:500px;
	float:left;
}
#inhalt .hauptreihe{
	clear:both;															/* Float aufheben für neues Hauptspaltenelement */
}

/* Spaltenaufteilung */
#inhalt .hauptreihe .spalten1		{ width:500px; }
#inhalt .hauptreihe .spalten2		{ width:240px; margin-right:20px; float:left; }
#inhalt .hauptreihe .spalten3		{ width:150px; margin-right:25px; float:left; }
#inhalt .hauptreihe .spalten4		{ width:110px; margin-right:20px; float:left; }
#inhalt .hauptreihe .spaltenspan3	{ width:370px; margin-right:20px; float:left; }

/* Elementbreiten */
#inhalt .hauptreihe .spalten1 		.element{ width:500px;}
#inhalt .hauptreihe .spalten2 		.element{ width:240px;}
#inhalt .hauptreihe .spalten3 		.element{ width:150px;}
#inhalt .hauptreihe .spalten4 		.element{ width:110px;}
#inhalt .hauptreihe .spaltenspan3 	.element{ width:370px;}


/* Contentelemente ------------------------------------------------------------------------------- */
#inhalt .element h1{
	font-size:16px;
	line-height:28px;
	color:#7cb742;
	margin:0px 0px 4px 0px;
}
#inhalt .element h2{
	font-size:14px;
	line-height:24px;
	color:#7cb742;
	margin:0px 0px 4px 0px;
}
#inhalt .element h3{
	font-size:13px;
	line-height:18px;
	margin:0px 0px 4px 0px;
}
#inhalt .element p a, #inhalt .element .listpoint a{					/* Für Listpoint nochmals definiert wegen CMS-Darstellung der Listpoints */
	color:#000000; 														/* Inlinelinks*/
	text-decoration:underline;
	background-image:url(../images/scharf/css/pfeil_small.gif);
	background-position:4px 5px;
	background-repeat:no-repeat;
	padding-left:12px;													/* Platz für Pfeil */					
}

#inhalt .element .bu{
	font-size:11px;
	color:#000000;
	line-height:10px;
	padding:2px 4px 4px 2px;
	background-color:#ffffff;
	text-decoration:none;
}
#inhalt .element .bu a{													/* Für Listpoint nochmals definiert wegen CMS-Darstellung der Listpoints */
	color:#000000; 														/* Inlinelinks*/
	font-size:11px;
	text-decoration:underline;
	background-image:url(../images/scharf/css/pfeil_small.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:8px;													/* Platz für Pfeil */					
}