@CHARSET "UTF-8";

/****************
  * I N H A L T *
  * ----------- *
  ***************
  				*
				* *********
				***   1.  * grobe Flächenklassen der Webseite
				  *********
						  * - Grunddefinitionen für die Seite
						  *
						  * - html,body Definitionen
						  *
						  * - maindiv
						  *
						  * - logo
						  *   - logolink :: blindbereich zur Linkdarstellung
						  *
						  * - copyright
						  *
						  * - navigation
						  *
						  * - kategorien
						  *
						  * - kategorienUnter
						  *
						  * - unterkategorien
						  *
						  * - inhalt
						  *
						  * - fliesstext
						  *
						  * - referenzen
						  *
						  * - absender

  
  ****************
  ****************
  */
   









/* Abstände aller Elemente auf 0 setzen */
html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
	margin:					0;
	padding:				0;
	font-family:			Verdana;
}
html, body {
	background:				#FFFFFF;
	font-size:				101%;
}
.maindiv {
	position:				absolute;
	/*	Zentrieren des Containers auf der zur Verfügung stehenden Fläche
	 *	Annahme hier das Container die Maße 1020x533 besitzt */
	top:					50%;
	left:					50%;
	margin-top:				-275px;
	margin-left:			-510px;
	width:					1020px;
	height:					533px;
	background:				#FFFFFF;
	table-layout:			fixed;
	empty-cells:			show;
	border-collapse:		separate;
}
.logo {
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					225px;
	height:					217px;
	background-color:		#FFFFFF;
	background-image:		url(../pix/logo.gif);
	background-repeat:		no-repeat;
}
/*
.logolink {
	position:				absolute;
	top:					39px;
	left:					37px;
	width:					166px;
	height:					154px;
	background-color:		transparent;
	background-repeat:		no-repeat;
}
*/
.copyright {
	position:				absolute;
	top:					217px;
	left:					0px;
	width:					91px;
	height:					316px;
	background-color:		#FFFFFF;
	background-image:		url(../pix/copyright.gif);
	background-repeat:		no-repeat;
}
.navigation {
	position:				absolute;
	top:					45px;
	left:					225px;
	width:					255px;
	height:					114px;
	background-color:		#FFFFFF;
}
.kategorien {
	position:				absolute;
	top:					64px;
	left:					508px;
	width:					512px;
	height:					19px;
	background-color:		#FFFFFF;
}
.kategorienUnter {
	position:				absolute;
	top:					83px;
	left:					508px;
	width:					512px;
	height:					97px;
	background-color:		#FFFFFF;
}
.unterkategorien {
	position:				absolute;
	top:					159px;
	/*	ist um 2pixel nach links versetzt weil blume.gif 2px padding hat */
	left:					223px;
	width:					255px;
	height:					143px;
	padding:				0px;
	margin:					0px;
	background-color:		#FFFFFF;
}
.ladeblume {
	position:				absolute;
	top:					158px;
	left:					485px;
	width:					23px;
	height:					23px;
	background-image:		url(../pix/ladeblume2.gif);
	background-position:	center;
	visibility:				hidden;
}
.inhalt {
	position:				absolute;
	top:					181px;
	left:					508px;
	width:					456px;
	height:					296px;
	background-color:		#FFFFFF;
	background-repeat:		no-repeat;
	background-position:	center;
	overflow:				hidden;
	z-index:				2;
}
.inhalt2 {
	position:				absolute;
	/*top:					0px;*/
	left:					0px;
	width:					456px;
	/*height:					500px;*/
	background-color:		#FFFFFF;
	font-weight:			normal;
	font-size:				7pt;
	line-height:			12pt;
	color:					#5C5B56;
	text-transform:			none;
	overflow:				visible;
	visibility:				hidden;
	z-index:				-1;
}
.inhalt2 h1,h2,h3,h4,h5,h6 {
	font-size:				7pt;
	font-weight:			normal;
	text-transform:			uppercase;
}
.scrollMaske{
	position:				absolute;
	top:					20px;
	left:					0px;
	width:					456px;
	height:					186px;
	overflow:				hidden;
	visibility:				hidden;
	z-index:				1;
}
#scrollOben {
	position:				absolute;
	left:					0px;
	top:					0px;
	background-image:		url(./pix/buttons/scroll/scr_oben.gif);
	background-repeat:		no-repeat;
	width:					7px;
	height:					5px;
	visibility:				hidden;
}
#scrollUnten {
	position:				absolute;
	left:					0px;
	top:					218px;
	background-image:		url(./pix/buttons/scroll/scr_unten.gif);
	background-repeat:		no-repeat;
	width:					7px;
	height:					5px;
	visibility:				hidden;
}
.inhaltEinleitungsTexte {
	position:				absolute;
	left:					0;
	top:					121px;
	width:					456px;
	height:					83px;
	font-weight:			normal;
	font-size:				8pt;
	line-height:			13pt;
	color:					#5c5b56;
	text-transform:			none;
	visibility:				hidden;
}
.inhaltKontaktAdr {
	position:				absolute;
	left:					0px;
	top:					0px;
	visibility:				hidden;
}
.ueberschrift {
	position:				absolute;
	top:					428px;
	left:					91px;
	width:					389px;
	height:					11pt;
	font-weight:			bold;
	font-size:				10pt;
	color:					#7d7c78;
	text-transform:			lowercase;
	background-color:		#ffffff;
	visibility:				hidden;
}
.fliesstext {
	position:				absolute;
	top:					302px;
	left:					225px;
	width:					255px;
	height:					83pt;
	font-weight:			normal;
	font-size:				8pt;
	line-height:			13pt;
	color:					#5c5b56;
	text-transform:			none;
	background-color:		#ffffff;
	overflow:				hidden;
	visibility:				hidden;
}
.referenzen {
	position:				absolute;
	top:					485px;
	right:					57px;
	width:					255px;
	height:					7pt;
	color:					#7D7C78;				
	font-weight:			normal;
	font-size:				7pt;
	text-align:				right;
	overflow:				visible;
	/*line-height:			18pt;*/
	text-transform:			none;
	background-color:		#FFFFFF;
	visibility:				visible;
}
.absender {
	position:				absolute;
	top:					401px;
	left:					225px;
	width:					255px;
	height:					9pt;
	color:					#92918F;				
	font-weight:			normal;
	font-size:				7pt;
	/*text-link-color:		#C49657;*/
	text-transform:			lowercase;
	background-color:		#FFFFFF;
	visibility:				hidden;
}



a:link { font-weight:normal; color:#C49657; text-decoration:none; }
a:visited { font-weight:normal; color:#C49657; text-decoration:none; }
a:focus { font-weight:normal; color:#C49657; text-decoration:underline; }
a:hover { font-weight:normal; color:#C49657; text-decoration:underline; }
a:active { font-weight:normal; color:#C49657; text-decoration:none; }