/*
---------------------------------------------------------
| container -> kopf		-> titel						|
|           -> links	-> icos							|	     
|           -> content	-> 	reiter						|
|						->	inhalt						|
|  CSS & HTML - Jan Pietruska, im Dezmeber 2006 		|
---------------------------------------------------------
*/ 

HTML, BODY {
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F4EECA;
	background-image: url(bilder/hg.png);
	background-repeat:repeat-y;
	}
#container {
	width: 100%;
	height: 100%;
	}
/*
-------------------------------------- KOPF
*/	
	#container #kopf {
		width: 100%;
		height: 7.5em;
		background-image: url(collage/collage.jpg);
		background-repeat: repeat-x;
		background-position: 9.5em 0;
		border-bottom: 1px solid white;
		border-top: 1px solid white;
		}
	#container #kopf .titel {
		width: 8.9em;
		height: 6.9em;
		background-color:#FFFFFF;
		padding: 0.6em 0 0 0.6em;
		}
	#container #kopf .titel A {
		text-decoration: none;
		}
		#container #kopf .titel .eins {
			color: #0e45e3;
			font-weight:bold;
			letter-spacing: 0.2em;
			font-size: 0.8em;
			}
		#container #kopf .titel .zwei {
			font-weight:bold;
			color: #000000;			
			letter-spacing: 0.1em;
			font-size: 1.1em;
			}
		#container #kopf .titel .platzhalter {
			height: 0.5em;
			}
/*
-------------------------------------- NAVIGATIONSBREREICH
*/			
	#container #links {
		width: 9.45em;
		background-color: #efe9c2;
		border-right: 1px solid #FFFFFF;
		float: left;
		}
		#container #links .icos {
			padding: 0.2em 0 0.1em 0.7em;
			margin:0;
			}
		#container #links .icos IMG {
			height: 1.25em;
			}
		#container #links UL A {
			text-decoration: none;
			color: #000000;
			font-size: 0.8em;
			display: block;
			width: 11.0em; height: 100%;
			padding:0 0 0 0.8em;
			margin: 0;
			line-height: 1.5em;
			}
		#container #links A:HOVER, #container #links A.aktiv {
			background-color: #FFFFFF;			
			}
		#container #links UL {
		list-style: none;
		padding: 0; 
		margin: 0;
		}
			#container #links UL LI {
				border-top: 1px dotted white;
				margin: 0; padding: 0;
			}
				#container #links UL LI UL {
				list-style: none;
				padding: 0 0 0 1em; 
				margin: 0;
				font-size: 0.9em;
				background-color: #e5dfac;
				}
				#container #links UL LI UL A {
					line-height: 1.7em;
					width: 11.1em;
					}
/*
-------------------------------------- INHALTSBREREICH ALLG.
*/						
		#container #content {
			}
			
			.csc-textpic-caption {
			text-align: center;
			font-style: italic;
			}
/*
-------------------------------------- REITER
*/				
		#container #content .reiter {
			border-bottom: 1px solid #FFFFFF;
			background-color: #ede08f;
			line-height: 1.7em;
			_line-height: 1.75em;
			}
			#container #content .reiter UL {
				margin: 0 0 0 10em;
				padding: 0;
				list-style: none;
				}
			#container #content .reiter UL LI {
				display: inline;
				font-size: 0.8em;
                                margin-right: 1em;
				}
			#container #content .reiter UL LI A {
				color: #666666;
				text-decoration: none;
				}
			#container #content .reiter UL LI A.aktiv {
				text-decoration: underline;
				font-weight: bold;
				}
/*
-------------------------------------- INHALT
*/					
		#container #content #inhalt, #container #content #normal, #container #content #rechts {
			padding: 0.5em 1em 0 13.3em;
			font-size: 0.8em;
			margin: 0;
			}		
		#container #content #inhalt H1, #container #content #normal H1, #container #content #rechts H1 {
			font-size: 1.15em;
			}
/*
-------------------------------------- ZWEI-GETEILT (BE Spalten Normal & Rechts)
*/				
		#container #content #normal {
			width: 39%;
width: 35%;
			float: left;
			
			padding: 1em 1em 0 2em;
			}
		#container #content #rechts {
			width: 39%;
width: 35%;
			float: left;
			padding: 1em 1em 0 1em;
			}