/* -------------------------------------------------------------------- */
/* style sheets für www.dr-forer.de, 2007		    			        */
/* webdesign, realisation and author: michael schulze, www.ju-mi.com  	*/
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	
	html {
		height: 100%;
	}
	
	body {
		margin: 0px;
		padding: 0px;
		background: #8C98A4 url(../bilder/sfo_main_back.jpg) repeat-x;
		height: 100%;
		text-align: center;
	}
	
	

/* -------------------------------------------------------------------- */		
/* Schriftklassen */
	
	body, div, td, .plain {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #000000;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
		line-height: 18px;
	}
	
	a {
		color: #6D7A85;
		text-decoration: none;
	}
	
	a:hover {
		color: #000000;
		text-decoration: underline;
	}

	/* Headlines */
		h1 {
			font-weight: normal;
			font-style: normal;
			font-size: 20px;
			line-height: 30px;
			color: #333333;
			margin: 0px 0px 16px 0px;
		}
		
		h2 {
			font-weight: bold;
			font-style: normal;
			font-size: 11px;
			line-height: 18px;
			color: #5B646C;
			margin: 18px 0px 18px 0px;
		}
		
	/* Texthervorhebungen */
		em {
			font-style: normal;
			font-weight: bold;
		}
	
	
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* allgemeine Seitenelemente -------------------------------------- */
		#centerer {
			height: 100%;
		}
		
		#layercontainer {
			position: relative; 
			width: 784px;
			text-align: left;
		}
		
		#container { 
			width: 784px; 
			height: 100%;
			min-height: 100%;
			border-left: #FFFFFF 1px solid;
			border-right: #FFFFFF 1px solid;
			background: #6D7A85 url(../bilder/sfo_main_back2.jpg) repeat-x;
		}	
		
		.rand {
			width: 32px;
		}
		
		#inhalt {
			background: #F8F8F8;
			text-align: left;
			vertical-align: top;
		}
		
		#kopfbild {
			margin-bottom: 40px;
		}
		
		#logo {
			position: absolute;
			top: 105px;
			left: 55px;
			z-index: 5;
		}	
		
		
	/* Navigation  ---------------------------------------------------- */
		
		/* 1. Ebene */
			#navigation {
				position: absolute;
				top: 208px;
				left: 32px;
				height: 32px;
				width: 720px;
				background: url(../bilder/sfo_main_navback.png) repeat-x;
				z-index: 20;
			}
			
			.hnav, .hnavsel {
				float: left;
				height: 28px;
				line-height: 28px;
				margin-top: 2px;
				padding: 0px 12px 0px 12px;
				color: #FFFFFF;
			}
			
			.hnav:hover, .hnavsel {
				background: url(../bilder/sfo_main_navback_a.png) repeat-x;
			}
			
			.hnav a, .hnavsel a {
				color: #FFFFFF;
			}
			
			.hnav a:hover, .hnavsel a:hover {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			#hnfirst {
				padding-left: 24px;
			}
			
			
		/* 2. Ebene: Dropdown */
			#ddreset {
				position: absolute;
				top: 240px;
				left: 0px;
				visibility: hidden;
				z-index: 15;
			}
			
			.dropdown {
				position: absolute;
				top: 240px;
				visibility: hidden;
				background: url(../bilder/sfo_main_ddback.png);
				z-index: 20;
			}

			#dd1 	{ left: 44px; }
			#dd2 	{ left: 97px; }
			
			.snav, .snavsel {
				height: 18px;
				line-height: 18px;
				padding: 2px 12px 2px 12px;
			}
			
			.snav:hover, .snavsel {
				background: url(../bilder/sfo_main_navback_a.png) repeat-x;
			}
			
			.snav a, .snavsel a {
				color: #FFFFFF;
			}
			
			.snav a:hover, .snavsel a:hover {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			.sn1 { width: 86px; }
			.sn2 { width: 146px; }
			.sn3 { width: 61px; }
			
			
			
	/* Inhaltsbereich  ------------------------------------------------ */
		
		/* Inhaltsspalten */
			.spalte1k {
				float: left;
				width: 216px;
				padding-left: 24px;
				color: #5B646C;
			}
			
			.spalte1k td {
				color: #5B646C;
			}
			
			.spalte2g {
				width: 432px;
				margin-left: 264px;
			}
			
			.randbild {
				display: block;
				margin: 9px 0px 18px 0px;
			}
			
		/* Aufzählungen */
			#inhalt ul {
				margin: 9px 0px 9px 0px;
				padding: 0px;
				list-style: disc inside;
			}
		
		
		/* Tabellen */
			.ihtabsp1 {
				vertical-align: top;
				width: 50px;
				font-weight: bold;
				color: #5B646C;
			}
			.ihtabsp2 {
				padding-bottom: 9px;
			}
			.tablinks {
				margin-top: 9px;
			}
		
			
		/* Fußzeile */
			#fusszeile {
				clear:left;
				font-size: 10px;
				line-height: 15px;
				color: #5B646C;
				border-top: #91989F solid 1px;
				padding-top: 5px;
				margin: 49px 24px 0px 24px;
			}
			
			#fusszeile a 		{ color: #5B646C; }
			#fusszeile a:hover  { color: #000000; }