/* Style Sheet */
/* base.css    							*/
/* Grundeinstellungen fuer alle Seiten	*/
/* IMB-Hundetraining					*/
/* Created	: 13.02.2010				*/
/* Created by	: Edsch			
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* alle positionen auf 0 setzen */

*{ 
	margin: 0px;
	padding: 0px;
 	}
 
 /* format fuer den gesamten body bereich festlegen */
 
 body { 
 	min-width: 980px;
 	background-color: #f3971b; 
	color: #ffff99;
	font-family: Candara,Constantia,sans-serif,Arial,'Courier New' ; 
 	font-size: 13px;
 	 	}
	
/* format bei verwendung <p>, abstand zur kastenlinie */ 
 
 p { 
 	 margin-bottom: 0.6em;
	 margin-top: 0.6em;
 	 }
 
 /* bei einbinden von bildern wird die rahmenbildung unterbunden */
 
 img { 
 	border: none;
	}

/* Formate fuer die Ueberschriften feiner einstellen */

h1 { 
	font-size: 2.2em;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background: #996633;
	color: #ffff99;
	}

h2 { 	
	font-size: 2.0em;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background: #996633;
	}

h3 { 	
	font-size: 1.8em;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	background: #996633;
	color: #ffff99;
	}

h4 { 
	font-size: 1.6em;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background: #996633;
		}
	
h5 { 	
	font-size: 1.4em;
	text-decoration: none;
	padding: 5px 5px 5px 0px;
	border: none;
	background: #996633;
		 }

h6 { 
	font-size: 1.2em;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background: #996633;
	
	}

/* Textfarben fuer die verschiedenen Linkzustaende definieren */

a:link { 
	color: #f3971b;
	}

a:visited { 
	color: #ffff99;
	}


a:active { 
	color: #996633;
	}
	
	
#imb	{
	position: relative; 
	background-color: #663300;
	width: 980px;
 	margin: 0 auto;
 	text-align: left;
	min-height: 750px;
 	}
 
#logo	{ 
 	float: left;
 	background: #663300;
 	width: 980px;
 	height: 368px;
 	border-right: none;
 	border-left: none;
 	border-top: none;
 	border-bottom: none;
 	}
	
/* einbinden einer hintergrundgrafik fuer fluessigen uebergang */

#uebergang { 
	width: 980px;
	height: 25px;
	background: url('../image/bkg_uebergang_logo_inhalt.gif') no-repeat left top;
	}
 	
/* Definition der Inhaltsseiten */
	
#content { 
	background-color: #663300;
	min-height: 350px;
	float: left;
	width: 797px; 						/* evtl. auch auto*/
	padding: 10px 10px 10px 10px;
	}
	
#inhalt {
	padding: 5px 5px 5px 5px;
}

	
/* Navigationsleiste fuer Linke Seite erstellen */
/* Grundformatierung der Navi-Leiste			*/
#navileft { 
	position:relative;
	margin-top: 20px;
	float: left;
	width: 150px;  /* auto oder 150px? */
	min-height: 350px;
	border-right: ridge;
	border-width: 3px;
	border-color: #f3971b;
	color: #663300;
	padding: 5px 5px 5px 5px;
	background-color: #663300;
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;
	line-height: 1.5em; 
	} 
	
/* korrektur fuer ie 5 und 6 */	
* html #navileft  { 
	line-height: 1.2em;
		}			
		
#navileft ul {
	/* list-style: none; */
	
			}

/* Formatierung für alle li Elemente in der Navigationsleiste	*/

#navileft li { 
	margin-left: 23px;
	list-style-image: none;		
	color: #ffff99;
	}
	
/* korrektur fuer ie 5 und 6 */	
* html #navileft li { 
	margin-bottom: -0.1em;
	margin-left: 23px;
	list-style-image: url(../image/pfote.gif);
	}				

/* Formatierung für alle li a Elemente in der Navi-Leiste	*/
#navileft li a { 
	color: #ffff99;
	padding: 0 0 0 5px;
	margin-left: 1px;
	text-decoration: none; 	/* verhindert den unterstrich bei a tags */
	}

/* format wo u-navi erscheinen soll */	
#navileft li ul { 			
	height: auto;
	text-align: left;				/* Textausrichtung						*/
	/* position: relativ; */				/* Positionierung der Listenelemente	*/
	/* left: 150px;	*/				/* definiert abstand zu hauptmenuepunkt */
	/* top: -0em; */
	background-color: #660000;		/* Hintergrundfarbe						*/
	display: none;					/*  Unternavigation ausblenden */
	}

/* korrektur fuer ie 5.x */
 * html #navileft li ul { 
	left: -1.1em;
	lef\t: -0em;
	}				

/* korrektur fuer ie 7 */
*:first-child+html #navileft li ul { 
	background-color: #660000;		/* Testen was passiert */
	padding: 0em;
	}				

/* Definition was passiert, wenn Maus auf Hauptbegriff kommt, Unternavi einblenden	*/
#navileft li:hover ul { 
	display: block;			/* Unternavigation einblenden */
	font-weight: bold;
	}
	
												/* #navileft li ul a { 
												font-weight: bold;
												background-color: #ff9933;
												color: #ffff99;
												list-style-image: url(../image/pfote_small.gif);
												}
												*/	

/* format fuer einzeige w/unternavi offen */
#navileft li ul li {			
	font-size: 11px;					/* Schriftgroesse					*/
	float: none;
	display: block;						/* Fixieren der Untermenuepunkte	*/
	background-color: #660000;			/* Hintergrundfarbe					*/
	color: #ffff99;						/* Schriftfarbe						*/
	padding: 1px 1px 1px 1px;
	line-height: 1.3em;					/* Definition der Zeilenhöhe		*/
	}

										/* #navileft li ul li a {
										font-size: 11px;
										float: none;
										display: block;
										background-color: #ff9933;
										color: #ffff99;
										list-style-image: url(../image/pfote_small.gif);
										padding: 1px 1px 1px 1px;
										}
										*/

										/*
										#navileft li ul li a:hover { 	*/	/* festlegen des formates wenn mauszeiger auf dem menuepunkt */	
										/*	font-weight: bold;
										background-color: #cc6600;
										color: #ffff99;
										}
										*/

/* korrektur fuer ie 5.x */
* html #navileft li ul li{ 
	left: -1.1em;
	lef\t: -0em;
	list-style-image: url(../image/pfote_small.gif);
	}

/* korrektur fuer ie 7 */
*:first-child+html #navileft li ul li { 
	width: auto;			/* breite festlegen w/unterstrich */
	margin-top: 0.4em;
	background-color: #660000;	/* Testen was passiert */
	padding: 1px 1px 1px 1px;
	list-style-image: url(../image/pfote_small.gif);
	}


/* festlegen des formates wenn mauszeiger auf dem menuepunkt */
#navileft li a:hover { 			
	font-weight: bold;						/* Schrift wird FETT angezeigt	*/
	background: #f3971b;					/* Hintergrundfarbe				*/
	color: #663300;							/* Schriftfarbe					*/
	}

/* korrektur fuer ie 5 und 6 */	
* html #navileft li a:hover { 
	color: #000000;
	}				
	
#navileft li span.akt { 
	font-weight: bold;
	color: #996600;
	}
	

/* Formatierung fuer Fusszeile defineren und Hintergrund.gif einbinden */

#footer { 
	clear: both;
	width: 980px;
	height:20px;
	background: url('../image/bkg_footer.gif') no-repeat left bottom;
	}
	
#footer p { 
	font-size: 10px;
	position: relative;
	text-align: center;
	color: #787858;
	}
	
#footer span.fleft { 
	padding-right: 300px;
	}
	
#footer span.fright { 
	padding-left: 300px;
	}

.right { 
	display: block;
	float: right;
	padding-left: 20px;
	}