/* ### Vorbereitung | Reset ###########################################*/

	
/*	{ margin:0; padding: 0; } */
	option {padding-left: 0.4em}
	
	html { height: 100% } 
	body { 
		min-height: 101%;	
		font-size: 100.01%; 
		position: relative;     
		color: #000000;        
		background: #ffffff;
		text-align: left; 
	} 
	
	fieldset, img { border:0; }
	select, input, textarea { font-size: 99% }


/* ### Layout ############################################################################### */ 


	#header {
		margin: auto;	
		margin-top: 15px; 
		padding: 0px; 
		width: 1000px;
	}
	* html div#header {width:980px}
	/* Zeile oberhalb: Sternchen-Hack > die Zeile wird nur von IE<7 interpretiert  */
	
	
	#topnav, #main, #footer { 
		width: 980px;
		padding: 10px;
		margin: auto;
	}
	
		
	#topnav {
		padding: 0px 10px; 
		height: 20px; 
		border-top: 1px #ff4000 solid; 
		border-bottom: 1px #ff4000 solid;
	}
	
	
	#main { position: relative; width: 980px; padding: 0px 10px; }

	#column1 { position: absolute; top: 0px; left: 0; width: 150px; padding: 10px;} 
	#column2 { position: relative; top: 0px; left: 170px; width: 590px; padding: 10px; min-height: 350px; } 
	#column3 { position: absolute; top: 0px; right: 0px; width: 200px; padding: 10px;} 

	#footer { border-top: 1px #ff4000 solid; }

/* ### Farben ################################################################################ */

	body 			{ 
				background-color: #a4a48a; 	
				color: #ff4000;  
				background-image: url(/fileadmin/kroeger/bilder/hintergrund.gif); 
				background-repeat: repeat-x;
				}

	#header 		{ background-color: white; 	color: #000000; }
	#footer			{ background-color: #747465; 	color: #000000; }
	#topnav 		{ background-color: #747465; }
	#main 			{ background-color: white; }

	#column1		{ background-color: white; 	color: #646458; font-size: 13px; }
	#column2 		{ background-color: white; 	color: #000000; font-size: 13px; }
	#column3 		{ background-color: white; 	color: #000000; font-size: 12px; }


	hr 			{ background:transparent; }
	

/* ### Schriften ############################################################## */


	/* Standardschriftgröße 13 Pixel */
	
	body { 
		font-size: 81%; 
		font-family: "Verdana", "Arial", sans-serif;
		font-weight: 300;
	}
	
	h1,h2,h3,h4,h5,h6 { 
		font-weight:400;  
		margin: 0 0 0.25em 0; 
	}
	
	h1 {font-size: 184%; }                    /* ,62   24px */
	h2 {font-size: 153%; }                    /* ,85   20px */
	h3 {font-size: 138%; }                    /* ,46   18px */
	h4 {font-size: 123%; }                    /* ,08   16px */    
	h5 {font-size: 107%; }                    /* ,69   14px */
	h6 {font-size: 107%; font-style:italic; } /* ,69   14px */

	ul,dd,dt { line-height: 1.5em; }
	p { line-height: 1.5em; margin: 0 0 1em 0; }
	ul {list-style-type: none; line-height: 1.2em; padding: 0; color: #ff4000;}
	li {margin: 0.5em 0 0.5em 0;}
	hr {margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #ff4000 solid; }
	

/* ### Top-Navigation ##################################################### */

	.tnlinks {	position: relative;
			left: -7px;
			width: 87%;
			float: left;
			color: #f6f6f6; 
			
	}
	
	.tnlinks a 	 {color: #f6f6f6; text-decoration: none; 	background-color: transparent; }
	.tnlinks a:hover {color: #ff4000; text-decoration: underline;   background-color: transparent; }


	.tnrechts { 	position: relative;
			margin-left: 87%; 
			width: 13%; 
			color: #ff4000; 
			background-color: #454545;
	}

	
	
/* ### linkes Menu ######################################################### */
		
	.submenu { margin-left: -0px; padding: 0; color: #646458; }
		
	.subsubmenu {margin-left: -0px; padding-left: 15px; color: #ff4000; }	

	.subnormal, .subsubnormal {line-height: 1em; margin: 0.4em 0 0.4em 0; }

	.subnormal, .subnormal a, .subsubnormal, .subsubnormal a 
		{background-color: transparent; text-decoration: none; }

	.subnormal a {color: #646458; }
	.subnormal a:hover {color: #646458; text-decoration: underline; }
	
	.subsubnormal a {color: #646458; text-decoration: none; }
	.subsubnormal a:hover {color: #646458; text-decoration: underline; }


	.spc {width: auto; height: 1px; border-bottom: 1px dotted #ff4000; margin: 0; }

/* ### Fusszeile ########################################################## */

	.fzlinks {	width: 80%; 
			float: left;
			color: #f6f6f6; 
	}

	.fzrechts {	width: 20%; 
			margin-left: 80%; 
			text-align: right; 
			color: #f6f6f6;  
	}

	.fzrechts a 	  {color: white; text-decoration: none; 	background-color: transparent; }
	.fzrechts a:hover {color: #ff4000; text-decoration: underline;   background-color: transparent; }

	
/* ### Listen ############################################################## */


	
/* ### Textauszeichnung #################################################### */

	cite, blockquote { 
		font-style:italic; 
		overflow:visible; /* gibt sonst Ärger im IE5.x und IE6 - Italics-Bug */
	} 
	
	blockquote { margin: 0 0 1em 1.5em; }

	strong,b { font-weight: bold; }
	em,i { font-style:italic; }

	pre, code {	font-family: monospace; font-size: 1.1em; }

	address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
	
	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: 1px dashed #c00;
		cursor: help;
	}

/* ### Tabellen ########################################################### */

/*	table { border-collapse:collapse; margin-bottom: 0.5em; }  	*/
/*	table.full { width: 100%; }					*/

/* ### Objekt-Positionierung ######################################################################### */

/* .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }	*/
/* .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }	*/
/* .center { text-align:center; margin-left: auto; marign-right: auto}				*/

/* .infobox {padding: 1em; border: 2px #bbc solid; background: #eef}				*/



/* ### Überschriften, Fließtexte ###################################################################### */

body { color: #444; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }

/*h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif } */
h1 {color: #fff; }
h2 {color: #646458; }
h3 {color: #646458; }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a {color: #646458; text-decoration:none;}				
/* a:hover {background-color: #fee; text-decoration:underline;}			*/
/* a:focus {background-color: #fee; text-decoration:underline;}			*/

/* #topnav a { color: #f6f6f6; background:transparent; text-decoration:none;}	*/
/* #topnav a:hover { text-decoration:underline; background-color: transparent;}	*/
/* #topnav a:focus { text-decoration:underline; background-color: transparent;}	*/

/*  #footer a { color: #fa4; }   */
/*  #footer a:hover {color: #fff; background-color: transparent; text-decoration:underline;}  */
/*  #footer a:focus {color: #fff; background-color: transparent; text-decoration:underline;}  */