/* 

CSS-Datei fuer top enduro
Copyright CSS-Datei Christian Vogel http://www.2-fair.de 

*/


/* Gesamtschrift und Gesamtrand festlegen */
body   { color: #666666; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; }

/* mother-container, contains logo, navi, content and footer */
#mother { text-align: left;	color: #666666;	border-right: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; line-height: 20px; padding: 25px; }

/* Container mit dem Bild */
#topbild  { background: #FFCC00 url(topenduro.jpg) repeat-y; width: 595px; height: 250px;}

/* Container Grau */
#grau     { background: #E1DDCF; width: 160px; border-bottom: 1px solid #FFFFFF; }

/* Container Orange */
#orange   { background: #FFCC00; width: 197px; border-right: 1px solid #FFFFFF; }

/* Container Orange */
#orange2  { background: #FFCC00; width: 160px;	border-left: 1px solid #FFFFFF; }

/* Container Topnavi */
#tpn      { border-bottom: 1px solid #FFFFFF; background-color: #C3BBA0; border-right: 1px solid #FFFFFF;}

/* Navigationspfad */
#path     { color: #302d7c; font-size: 0.82em; padding-bottom: 6px; padding-left: 5px; width: 50% }

/* Inhaltsbereich */
#content  { color: #666666; font-size: 0.94em; line-height: 1.65em; }

/* Stilregel fuer Plugins, z.B. feedback  wichtig, Hintergrundfarbe weiss erzwingen */
.plugin   { background-color: white; font-size: 0.7em; line-height:1.4em; }

/* Einstellungen für Topmenü */
#topmenu               { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; padding: 5px; text-align: right; vertical-align: middle; background-color: #C3BBA0; border-bottom: 1px solid #FFFFFF;}
#topmenu ul            { word-spacing: 8px;}
#topmenu li            { display: inline; text-decoration: none; list-style-type: none;}
#topmenu a             { color: #000000; text-decoration: none; }
#topmenu a:link        { text-decoration: none;}
/* #topmenu a:visited  { color: #666666; */
#topmenu a:hover       { color: #FFFFFF;}
#topmenu .obermenuhigh { color: #800000;} 


/* Haupt-Navigationsbereich 
#navi  { font-size: 0.8em; background-color: #FFCC00; float: center; margin-top: 1px; width: 150px; font-family: Arial, Helvetica, sans-serif; color: #313030; text-align: right; 	}*/
/* Listenstile für Menüeintrag im Navibereich
Dieser Abschnitt ist sehr lang 
#navi ul   					{ list-style-type: none; }
#navi ul ul 				{ margin-left: 0px; padding-left: 0px; } 
#navi ul li a     			{ color: #313030; font-weight: bold; list-style-type: none; display: block; }
#navi ul ul li a  			{ color: #313030; font-weight: bold;list-style-type: none; display: block; }
#navi a:link  				{ text-decoration: none; display: block }
#navi a:visited  			{ text-decoration: none; display: block }
#navi a:hover  				{ color: #FFFFFF; display: block }
#navi ul .obermenuhigh     	{ color: #800000; font-weight: bold;  list-style-type: none; display: block; }
#navi ul ul .submenuhigh    { color: #800000; font-weight: bold;  list-style-type: none; display: block; } */
/* ENDE Listenstile fuer Menüeintrag im Navibereich */

#navi  										{ font-size: 0.9em; float: left; margin-top: 0; width: 175px; font-family: Arial, Helvetica, sans-serif; color: #313030; text-align: right }
#navi ul 									{ FONT-WEIGHT: bold; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 175px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#navi UL UL 							{ BORDER-BOTTOM: #fff 0px solid; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #FFCC00}
#navi LI 									{}
#navi LI A 								{ PADDING-RIGHT: 0px; DISPLAY: block; PADDING-BOTTOM: 0px; COLOR: #505050; PADDING-TOP: 6px; HEIGHT: 25px; TEXT-DECORATION: none }
#navi UL LI A 						{ PADDING-RIGHT: 0px; DISPLAY: block; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 6px; BORDER-BOTTOM: #666 1px solid; HEIGHT: 25px; TEXT-DECORATION: none }
#navi UL UL LI A 					{ BORDER-BOTTOM-WIDTH: 1px; COLOR: #808080; font-size: 0.9em; font-stretch: expanded; PADDING-RIGHT: 6px; PADDING-TOP: 6px; TEXT-DECORATION: none ; text-indent: 15px; height: 25px; border-bottom-color: white; }
#navi A:link 							{ PADDING-RIGHT: 0px; DISPLAY: block; PADDING-BOTTOM: 0px; COLOR: #505050; PADDING-TOP: 6px; HEIGHT: 25px; TEXT-DECORATION: none }
#navi A:visited 					{}
#navi A:hover 						{ PADDING-RIGHT: 0px; DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 0; COLOR: #505050; PADDING-TOP: 6px; TEXT-DECORATION: none }
#navi UL .obermenuhigh 		{ PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #800000; PADDING-TOP: 6px; BORDER-BOTTOM: #fc0 1px solid; HEIGHT: 25px; TEXT-DECORATION: none }
#navi UL UL .submenuhigh  { DISPLAY: block; FONT-WEIGHT: bold; COLOR: #800000; font-size: 0.9em; font-stretch: expanded; line-height: 15px; BORDER-BOTTOM: 1px solid white; TEXT-DECORATION: none; text-indent: 15px; height: 25px; border-bottom-color: #800000; padding: 6px 18px 0px 0px; }
#navi LI A:hover 					{ PADDING-RIGHT: 6px; COLOR: white; BACKGROUND-REPEAT: no-repeat}



/* Die ungebundenen Klassen erscheinen als Auswahloptionen im linken Pull-down-Menue von TinyMCE! */

/* Ueberschriften gestalten */
h1   { color: #FFCC00; font-weight: bolder; font-size: 1.2em; line-height: 1.4; background-repeat: repeat-y; margin-top: 10px; padding: 4px }
h2   { color: #800000; font-weight: bolder; font-size: 1.2em; line-height: 1.4; background-repeat: repeat-y; margin-top: 10px; padding: 4px }
h3   { font-size: 1em; line-height: 1.4; margin-bottom: 1px; padding-bottom: 1px; }

/* Tag b zusaetzlich einfaerben */
b 		 { color: #313030; }

/* normaler Listenstil, beschraenkt auf Inhaltsbereich */
#content ul  { font-size: 1.1em; line-height: 1.4; margin-left: 0.7em; padding-left: 0.7em }

/* Darstellung fuer Links */
a { text-decoration: none; color: #A0522D;}
a:hover { text-decoration: none; color: #800000;}
a:visited { color: gray; }

/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen 
Diese werden im Auswahlmenue von TinyMCE gezeigt */

/* Gestaltung des rechts ausgerichteten News-Kastens */
.kasten  		  { font-size: 1em; float: right; margin: 3px; padding: 3px; border: dotted 1px #999; width: 170px }
.kasten h3 		{ margin-top: 0px; }

/* Beginn der Newskasten-Formate */
.boxcover   { font-size: 0.9em; margin-top: 10px; float: right; width: 170px; padding: 3px; }
.box  			{ font-size: 0.9em; float: right; margin-top: 10px; padding-right: 0px; border: dottet 1px #666666; width: 100% }
.box h3 		{ font-size: 1.1em; text-align: center; background-color: #FFCC00; color: white; padding: 3px; margin-top: 0px;}
.box div 		{ padding: 3px; }

/* Ende der neuen Newskasten-Formate */

/* Einfuehrungsabsatz */
.lead, .lead p 	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  font-size:  1em; line-height: 1.5em; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }
/* .lead img 		  { padding: 5px;} */

/* grauer Rahmen mit Umrandung */
.rahmen  		{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; padding: 3px; border: solid 1px #666; width: 90% }

/* Rahmen mit gestrichelter Umrandung */
.tipp  			  { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 10px; padding: 3px; border: dotted 1px #666; width: 90% }
code, .code 	{ font-family: 'Courier New', Courier, monospace; font-size: 1em;  color: #000099; }

/* Linie interessant gestalten */
hr    			{ }


