/* CSS Document */
	
	/* Frai Website
	erstellt am; 27.10.2006
	letzte Änderung am: am 15.11.2006
	Erstellt von trkoehler
	trkoehler.com
	*/
	
	/*Farbschemata
	fliesstext: #5e5d5b - dunkelschwarz
	headline1: #283979 - Orange
	headline2: #e77c35 - Blau
	headline3: #eb711f - orange dunkel
	headline4: #818282 - dunkelgrau
	*/
	
	
	/* === LAYOUTCONTAINER === */
	
	#container {
	/*background: url(pictures/shadow.png) repeat-y top center;*/
	background: transparent url(pictures/content_bg.png) repeat-y center;
	height:100%;
	width: 758px;
	\width: 778px;
	w\idth: 758px;
	border: 0px solid gray;
	margin-bottom: 0px;  /*IE ???*/
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	/* top right bottom left*/
	padding: 0px 10px  0px  10px;
	}
	
	#banner {
	height: 140px;
	background: #CCCCCC url(pictures/header.jpg) no-repeat bottom left;
	padding: 0px;
	margin-bottom: 0px;
	
	}
	
	#content {
	padding: 0px;
	margin-bottom: 0px;
	}
	
		body#index #content {
		height: 440px;
		background-image: URL(pictures/bildkomposition.jpg); 
		background-repeat: no-repeat; 
		background-position: top center;
		padding: 0px;
		margin-bottom: 0px;
		clear: both;
		display: block;
		}
		
		body#lageplan #content {
		height: 700px;
		background-image: URL(pictures/lageplan.jpg); 
		background-repeat: no-repeat; 
		background-position: top center;
		padding: 0px;
		margin-bottom: 0px;
		clear: both;
		display: block;
		}
		
	#links {
		float: left;
		position: relative;
		width: 240px;
		text-align: left;
		/* top right bottom left*/
		/*padding: 20px 20px 20px 40px;*/
		}
		
	#formular {
		float: left;
		position: relative;
		width: 240px;
		\width: 280px;
		w\idth: 240px;
		text-align: left;
		/* top right bottom left*/
		padding: 20px 0px 0px 40px;
		}
	
	
	#rechts {
		float: right;
		width: 460px;
		text-align: left;
		}
	*html #rechts {
		width: 456px;
		}
	
	#inhalt {
		float: left;
		position: relative;
		width: 758px;
		\width: 778px;
		w\idth: 758px;
		/* top right bottom left*/
		padding: 5px 0px 5px 0px;
		text-align: left;
		margin-bottom: 0px;
		
	}
	
	#footer {
	background: #BEBEBE url(pictures/footer.jpg) no-repeat top right;
	height: 20px;
	clear: both;
	padding: 10px;
	}
	
	.none {
	display: none;
	}
	
	/* === BODY === */
	
	body { 
	background-image: URL(pictures/main_background.gif); 
	background-position: top left;
	background-attachment:fixed; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;;
	text-align: center;
	line-height: 1.3em;
	margin: 0px;
	color: #545454;
	}
	
	
	
	/* === PICTURES === */
	.foto {
	margin: 30px 0px 0px 40px;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #ffffff;
	border-bottom: 1px solid #aaa;
	}
	
	.foto_rechts {
	margin: 30px 0px 0px 20px;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #ffffff;
	border-bottom: 1px solid #aaa;
	}
		
	
	/* === IE HACKS === */
	
	img, a img {border: 0px;}
	
	.leftalign {float: left;}
	.rightalign {float: right;}
	
	/* === ÜBERSCHRIFTEN === */
	h1 {
	text-align: left;
	color: #283979;
	padding: 25px 40px 0px 20px;
	margin: 0px;
	line-height: 1.3em;
	font-size: 2.1em;
	}
	
	h2 {
	font-size: 1.6em;
	text-align: left;
	color: #e77c35;
	padding: 5px 40px 0px 20px;
	margin: 0px;
	line-height: 1.3em;
	}
	
	h3 {
	font-size: 1.2em;
	text-align: left;
	color: #283979;
	padding: 0px 40px 0px 20px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 1.3em;
	}
	
	h4 {
	font-size: 1.3em;
	text-align: left;
	color: #818282;
	padding: 10px 40px 0px 20px;
	margin-bottom: 10px;
	margin: 0px;
	}
	
	.orange {
	font-size: 1em;
	color: #e77c35;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
	p  {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	font-size: 1em;
	line-height: 1.5em;
	}
	
		
	#content p  {
	padding: 5px 25px 5px 25px;
	}
	
	#inhalt p  {
	padding: 5px 25px 5px 25px;
	}
	
	#links p  {
	padding: 5px 25px 5px 25px;
	}
	

	strong {font-size: 1em; border-bottom: 1px dotted #545454;}
	
	.klein {font-size: 0.8em;}
	
	/* === LINKS === */
	a 			{text-decoration:none;}
	a:link 		{color:#3e5072;}
	a:visited 	{color:#3e5072;}
	a:hover 	{color:#283979;}
	a:active 	{color:#3e5072;}
	
	/* === SKIPLINK  === */
	a:link.skip, a:visited.skip, a:hover.skip, a:active.skip, a:focus.skip {
	position: absolute;
	left: -100opx;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	}