/* CSS Document */
	body {
		background: #fff;
		margin-left: 0px;
		margin-top: 0px;
	}	
	#container {
		background-color: #fff;
		width: 690px; /* wert war vorher 983px */
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#header {
		background-color: #CC9;
		width: 983px;
		height: 40px;
	}
	
/* ------left------ */
	#left {
		display: none; /* unsichtbar */
		float: left;
		background-color: #CC9;
		padding: 0px;
		margin-top: 0px;
		width: 280px;
		border-right: 1px solid #666;
	}
	* html #left { /* Tan hack */
		width: 281px;
		w\idth: 280px; 
	}
	
/* ------content------ */
	#top {
		width: 699px;
		height: 165px;
		background-color: #fff;
	}
	#content {
		background-color: #fff;
		margin: 0px 0px 20px 0px; /* letzter wert war vorher 281px */
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* letztendliche entscheidung: um die folgenden hacks und die entsprechenden probleme
		im dreamweaver beim aendern von seiten zu umgehen, bleibt ein darstellungsunterschied
		zwischen ie5/6 pc und den anderen browsern. der folgende bereich bleibt also auskommentiert! */
		
	/*------------------------------------------------------------- */
	/* dieser bereich ist notwendig, um im ie5/6 pc alles korrekt zu sehen 
		leider wird das dreamweaver-layout dadurch unbrauchbar. saemtliche browser auf
		beiden plattformen stellen die seite aber korrekt dar.
		loesung waere, den entsprechenden bereich im externen stylesheet waehrend der
		entwurfsphase auszukommentieren */
		
	/* erklaerung: IE5 und 6 auf dem pc haben bei blockelementen neben float-elementen
		ein problem und fuegen einen 3px-abstand hinzu. bei exakt berechneten layouts wie
		diesem (#container 980px, #left 280+1px und #content 699px) fuehrt das auf dem
		pc dazu, dass der inhalt erst unterhalb der navigation angezeigt wird. der hack basiert
		auf der angabe einer fiktiven hoehe fuer die pc IEs und der aenderung der margins fuer
		beide boxen. die margin der linken box muss um 3px reduziert werden. 
		der holly hack von www.positioniseverything.net */
		
	/* hide from IE5-mac. only IE-win sees this. \*/
	/*
	* html #left {
		margin-right: -3px;
	}
	* html #content {
		height: 1%;
		margin-left: 0px;
	}
	*/
	/* end hide from IE5/mac */
	
	/*** IE5/mac does not have the 3px jog, but does have a version of the float model problem,
	so this fix must be hidden from IE5/mac. The comment above with the escape character
	just before the closing tag does not close in IE5/mac, hiding the Tan hacks from that browser.
	The second comment after the hacks has the effect of "closing" the first comment for IE5/mac. ***/
	
	/*** The right margin on the float in the Tan hack is 3px less than it should be, because of a 
	mystery margin added to the float in IE/win when the paragraph has a dimension. ***/
	
	/*------------------------------------------------------------- */
	
	#content .head h1 {
		font: 20px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px 0px 25px 0px; /* erster wert war vorher 25px, letzter wert war vorher 60px */
	}
	#content h2 {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#content strong {
		font-weight: bold;
		color: #000;
	}
	#content .bold {
		font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		display: inline;
	}
	#content a, #content a:visited {
		color: #000;
		text-decoration: underline;
	}
	#content a:hover {
		color: #000;
		text-decoration: none;
	}
	#content .minitype {
		font-size: 9px;
	}
	#content .infobox {
		display: block;
		background-color: #fff;
		padding: 5px 0px;
		border-top: 0.1mm solid #000;
		border-bottom: 0.1mm solid #000;
	}
	#content .listhead {
		margin-bottom: -15px;
	}
	#content td {
		text-align: left;
		vertical-align: top;
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif
	}
	#content .tablecolor1 {
		background-color: #ccc;
	}
	#content .tablecolor2 {
		background-color: #999;
	}
	
	
/* ------body------ */
	#body {
		float: left;
		width: 380px; /* wert war vorher 400px */
		padding: 0px 0px 20px 0px; /* letzter wert war vorher 60px */
	}
	* html #body { /* Tan hack */
		width: 440px; /* wert war vorher 460px */
		w\idth: 380px; /* wert war vorher 400px */
	}
	#body > p {
		margin-top: 0px;
	}
	#body h2 {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-top: 20px;
	}
	#body > h2 {
		margin-top: 0px;
	}

	#body ul li {
		list-style-image: url(../global_images/basic_elements/list_square.gif);
		margin-left: -20px;
	}
	.bodywide {
		float: left;
		width: 580px; /* wert war vorher 600px */
		padding: 0px 0px 20px 0px; /* letzter wert war vorher 60px */
	}
	* html .bodywide { /* Tan hack */
		width: 640px; /* wert war vorher 660px */
		w\idth: 580px; /* wert war vorher 400px */
	}
	.bodywidebody {
		float: left;
		width: 380px; /* wert war vorher 400px */
	}
	.bodywidemargin {
		float: right;
		width: 160px;
		line-height: 15px;
	}
	.leftcol {
		float: left;
		width: 190px;
	}
	.rightcol {
		float: right;
		width: 190px;
	}
	
/* ------body twocol------ */
	.twocol {
		width: 380px; /* wert war vorher 400px */
	}
	.twocol .leftcol {
		float: left;
		width: 190px;
	}
	.twocol .rightcol {
		float: right;
		width: 190px;
	}

	
/* ------formular------ */
	.row {
	  clear: both;
	  padding-top: 2px;
	}
	.row span.label {
	  float: left;
	  width: 100px;
  	}
	.row span.labelright {
	  float: left;
	  text-align: right;
	  width: 100px;
  	}
	.row span.formfield {
	  float: right;
	  width: 240px; /* wert war vorher 290px */
	  text-align: left;
  	}
	.spacer {
  		clear: both;
  	}
	input {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		width: 220px; /* wert war vorher 270px */
	}
	textarea {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		width: 220px; /* wert war vorher 270px */
	}
	.checkbox {
		width: 20px;
	}
	.button {
		width: 100px;
	}



/* ------margin------ */
	#margin {
		float: right;
		width: 160px;
		padding: 0px 40px 20px 0px; /* zweiter wert war vorher 40px */
	}
	* html #margin { /* Tan hack */
		width: 200px;
		w\idth: 160px; 
	}		
	#margin > p {
		margin-top: 0px;
	}
	#margin p {
		margin-top: -5px;
	}	
	
/* ------footer------ */
	#footer {
		clear: both;
		width: 380px; /* wert war vorher 400px */
		height: 20px;
		margin: 20px 0px 30px 0px; /* letzter wert war vorher 60px */
		font-size: 9px;
		color: #000;
	}
	* html #footer { /* Tan hack */
		width: 440px; /* wert war vorher 460px */
		w\idth: 380px; /* wert war vorher 400px */
	}
	#footer a, #footer a:visited {
		color:#000;
		text-decoration: none;
	}
	#footer a:hover {
		color:#000;
		text-decoration: underline;
	}
	
	
/* ------navigation------ */
	#navcontainer {
		display: none; /* unsichtbar */
		float: left;
		padding: 0px;
		margin-top: 30px;
		width: 280px;
	}
	ul#navlist {
		margin: 0px;
		padding: 0px;
		list-style: none;
		font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#navlist li { 
		margin: 0px; 
	}
	ul#navlist a {
		text-decoration: none;
		font-weight: bold;
		padding-left: 30px;
		color: #666;
	}
	ul#navlist a:hover {
		color: #C40002;
	}
	ul#navlist a#currentLevel2, ul#navlist a#currentLevel3 {
		color: #C40002;
	}
	ul#navlist a#currentLevel1 {
		color: #C40002;
		font-weight: bold;
	}
	ul#navlist li#activeLevel1, ul#navlist li#activeLevel2, ul#navlist li#activeLevel3 {
		background-color: #DBDBB7; 
	}	
	#currentLevel1, #currentLevel2, #currentLevel3 {
		color: #C40002;
	}
	ul#navLevel2, ul#navLevel3 {
		list-style: none;
		margin: 0px;
		padding: 0px;
		background-color: #CC9;
	}
	ul#navLevel2 a {
		font-weight: normal;
		padding-left: 50px;
		width: 210px;
	}
	ul#navLevel3 a {
		padding-left: 70px;
		width: 190px;
	}
	
	/* ------sitemap------ */
	#sitemap {
		width: 520px; /* wert war vorher 550px */
		padding: 0px 0px 20px 0px; /* letzter wert war vorher 40px */
	}
	* html #sitemap { /* Tan hack */
		width: 560px; /* wert war vorher 590px */
		w\idth: 520px; /* wert war vorher 550px */
	}
	#sitemap .leftcol {
		float: left;
		width: 225px; /* wert war vorher 225px */
	}
	#sitemap .rightcol {
		float: right;
		width: 225px; /* wert war vorher 225px */
	}
	#sitemap ul {
		list-style: none;
		/*margin-left: -20px;*/
	}
	#sitemap ul li {
		list-style: none;
	}
	
	/* ------suchmaschinen------ */
	.index, index a {
		color: #fff;
		text-decoration: none;
		font-size: 1px;
		margin: 0px;
		padding: 0px;
	}