@import url(main/base.css);




/* Formatierung der Seite = alles, auch leere Raender*/
body {
	background: #e6f4d0; 									/*HG --> Hintergrundfarbe des Gesamtbildschirmes*/
	padding: 10px 10px 10px 10px;							/*HG --> Innenabstand vom Browserfensterrand */
	font-size: 80%; 										/*HG --> Standardfontgroesse*/
	color: #444444; 										/*HG --> Standardschriftfarbe  */
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;  /*HG --> Schriftart*/
}





/* Umfasst den gesamten Contentbereich*/
#page_margins {
	min-width: 693px; 
	max-width: 100em; 
	margin:auto; 
	width: 954px;									/*HG --> Gesamtbreite der Seite*/
}


#page{   
	background: url(../img/background.jpg) 261px 0 repeat-y  /*HG --> Hintergrundbild/Gradient, der rechts der linken Spalte anfaengt*/
}

/* Formatierung der Kopfbereiches */
#header { height: 100px; color: #fff; background:  #e6f4d0 url(../img/header.jpg) no-repeat ; margin-left: 261px;}









/* linke Spalte */
#col1 {	
	width: 261px;  								/*HG --> Breite Linke Spalte*/
}	


/*momentan nicht relevant, da linke Spalte leer*/
#col1_content { 				
	margin-left: 10px; 
	margin-right: 10px;  
	background:inherit; 
}



/* Rechte Spalte */
/*momentan nicht relevant, da keine rechte Spalte*/
#col2 {width:0px }
#col2, #col2_content { display:none; } 
#col2_content {	margin-left: 1em; margin-right: 1em; }






/* Mittlere Spalte */
#col3
{
  	margin-left: 261px; 						/*HG --> muss mit Breite von #col1 uebereinstimmen */
  	margin-bottom: 10px;						/*HG --> Unterer dunkler Rand unterhalb von Haupttext, der Hintergrundgradienten zeigt*/
}

#col3_content { 
	width: 560px; 								/*HG -->=954px-261px-(margin:(60px+12px)-(padding:30px+30px)-(border: 1px+1px) ...*/
	margin: 0px 12px 0px 60px;   				/*HG -->Aussenabstand des Haupttextrahmens um links und rechts das Hintergrundbild von #main zu zeigen*/
	background: #f5f9e8;			 			/*HG -->Hintergrundfarbe fuer Hauptbereich */
	
	border: #020200 1px solid; 					/*HG -->Rahmen um den Hauptbereich*/
	padding: 30px 30px 30px 30px;}				/*HG -->Innenabstand des Textes vom Rahmen*/		


/* Verstecktes Bild fuer minimal Seitenhoehe*/
#col3_content .min-height-image {
	width:1px; 
	height:350px;								/*HG -->Festlegen der minimalen Seitenhoehe*/
}







/* Formatierung der Fußzeile */
#footer {  
	margin: 0px; 									/*HG --> kein Aussenabstand*/
	padding: 5px 10px 5px 10px;						/*HG --> Innenabstand, damit Text nicht den Rand beruehrt*/
	text-align: right; 								/*HG --> Text rechtsbuendig: right, left, center*/
	background: #e6f4d0;							/*HG --> Hintergrundfarbe*/
}







/*Ueberschrift Level1*/
h1 {
	font-size: 1.6em; 								/*HG --> Schriftgroesse*/
	color: #000066; 								/*HG --> Ueberschriftfarbe*/
	margin: 0 0 5px 0; 								/*HG --> Einstellung Abstand um Ueberschrift herum*/
	padding-top: 18px; 								/*HG --> Innenabstand in Ueberschriftbox*/
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;  /*HG --> Schriftart*/
	font-weight:normal;								/*HG --> Schriftgewicht; Fett="bold"*/
}



/*Ueberschrift Level2 */
h2 {
	font-size: 1.4em; 								/*HG --> Schriftgroesse*/
	color: #660000; 								/*HG --> Ueberschriftfarbe*/
	margin: 0 0 5px 0; 								/*HG --> Einstellung Abstand um Ueberschrift herum*/
	padding-top: 18px; 								/*HG --> Innenabstand in Ueberschriftbox*/
	border-bottom: 2px #ddd solid; 					/*HG --> Unterstreichung mit Rahmenunterlinie */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; /*HG --> Schriftart*/
	font-weight:normal;								/*HG --> Schriftgewicht; Fett="bold"*/
}



ul,dd,dt,p { 
	line-height: 1.5em;								/*Zeilenhoehe fuer allgemeinen Text*/
}



/*Textparagrafeneinfassung*/
p { 
	margin: 0 0 1em 0; 								/*HG --> Aussenabstand nach Ende des Paragrafen*/
}



/* Standard Links*/
a  {
	color: #990000; 								/*HG --> Linkfarbe*/				
	text-decoration:none;							/*HG --> Linkhervorhebung: unterstrichen="underline"; ansonsten "none"*/
}


/* Mouseover-Effekte*/
a:hover, a:focus {
	background-color: #c3c3c3; 						/*HG --> Hintergrundfarbe bei Mouseover*/		
	text-decoration:underline;						/*HG --> Linkhervorhebung: unterstrichen="underline"; ansonsten "none"*/
}







#nav {	padding-left: 600px;}      					/*HG --> Abstand der Navigation vom linken Rand*/

#nav_main {    
	width: 370px;									/*HG --> Breite des Textbereiches der Navigation*/
    line-height: 0px;
	margin-top: 0px;
}


/*hier braucht nichts geaendert werden*/
#nav_main ul {						
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
}



#nav_main ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    padding: 10px 0px 10px 0px;						/*HG --> Padding oberhalb, unterhalb Menuetextes*/
}



#nav_main ul li a {
    display:block;
    width: auto;
    font-size: 1em;									/*HG --> Schriftgroesse des Menues*/
    background: transparent;						/*HG --> Hintergrund des Menuepunktes*/
    text-decoration: none;							/*HG --> Texthervorhebung*/
    color: #ffffff;									/*HG --> Menuetextfarbe*/
    margin: 0;									
    padding: 0px 5px 0px 5px;						/*HG --> Abstand zwischen Menuepunkten*/
}

#nav_main ul li a:hover {
    text-decoration: underline;						/*HG --> Hervorhebung bei Mouseover*/
}



/* separatoren im menue, sollte gleich sein: #nav_main ul li a */
#nav_main ul li span {
    font-size: 1em;
    background: transparent;
    color: #ffffff;
    margin: 0;
    padding: 0px 5px 0px 5px;
}








/* Bullets/Listen im Haupttextbereich*/
#col3_content li {
	background: transparent url(../img/bullet.jpg) 0px 5px no-repeat;  	/*HG --> Bild fuer Bullet leicht von oben nach unten versetzt*/
	padding-left: 20px; 												/*HG --> Abstand des Textes von Bullet*/
	list-style-type: none;
}



/*Hintergrundbilder fuer die einzelnen Seiten*/
#index .page_margins 		{background: #e6f4d0 url(../img/motiv_index.jpg) no-repeat;}		
#profil .page_margins 		{background: #e6f4d0 url(../img/motiv_profil.jpg) no-repeat;}
#kontakt .page_margins 		{background: #e6f4d0 url(../img/motiv_kontakt.jpg) no-repeat;}
#leistungen .page_margins 	{background: #e6f4d0 url(../img/motiv_leistungen.jpg) no-repeat;}
#impressum .page_margins 	{background: #e6f4d0 url(../img/motiv_kontakt.jpg) no-repeat;}