
/* ######################################################################################################
** ### Vorbereitende Ma�nahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabst�nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	{ margin:0; padding: 0; }

	/* Das zur�cksetzen der Innen- und Au�enabst�nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H�he des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr��e des Browser 
			Fensters ge�ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #333333;        
		background: #ffffff;
		text-align: center;
		padding-top: 10px; 
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
	} 
	
	/* Standardrahmen zur�cksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung f�r Safari Browser. font-size:100% ist f�r den Safari in Formularen zu gro� */ 
	select, input, textarea { font-size: 99% }
	
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++ DIV-CONTAINER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	#page_margins {
		width:870px; 
		margin:auto;	
	}
	
	#partner {
		display: none;
		float: right;
		width:110px;
		text-align: left; 	
	}
	
	#page {
		width:850px; 
		border: 1px #cccccc solid; 
		background: #fff;
		padding: 4px;
		text-align: left;
		float: left;
	}
	
	#navcont {
		position:absolute; 
		z-index:5;
	}
	
	#logo {
		width: 180px;
		z-index:5;
	}
	
	#mainbox {
		position:relative;
	}
	
	#netzwerk {
		position: absolute;
		z-index: 15;
		width: 680px;
		height: 27px;
		margin-left: 150px;
		top: 193px;
		text-align: right;
		float: right;
	}
	
	#tablenetzwerk {
		background-color: #000;
		font-size: 11px;
		font-weight: bold;
		margin: 0px 3px 0px 3px;
	}
	
	#tdnetzwerk {
		padding: 3px 5px 3px 3px;
		border-left: 8px solid #A5439A;
		color: #ffffff;
	}
	
	
	#navihori {
		width: 502px;
		height: 23px;
		margin-left: 150px;
		text-align: right;
		background-color: #A5439A;
		float: right;
	}
	
	#tablenavihori {
		font-size: 11px;
		margin: 4px 3px 0px 3px;
		color: #ffffff;
	}
	
	#tdnavihori {
		
	}
	
	
	
	#headerbild {
		float: right;
		width: 700px;
		margin-left: 150px;
		margin-top: 0px;
		text-align: right; 	
	}
	
	#contentbox {
		position: relative;
		margin-left: 180px;
		margin-top: 236px;
	}
	
	#navi {
		width: 180px;
		z-index:5; 
		margin: 0px;
		padding-top: 1px;
	}
	
	#tablecont {
		width: 670px;
		border-collapse: collapse;
	}
	
	#tdnavi {
		width: 168px;
		background-color: #A5439A;
		padding: 0px;
		vertical-align: top; 
	}
	
	#tdcontent {
		background-color: #ffffff;
		padding: 0px;
		vertical-align: top; 
	}
	
	#divcontent {
		width: 475px;
		margin: 20px 5px 15px 20px;
		font-size: 13px;
	}
	
	
	#projekttext {
		padding: 56px 10px 5px 5px;
	}
	
	#clear {
		clear: both;
	}
	
	div.csc-textpic-imagerow  {
		padding: 5px 0px 0px 0px;
	}
	
	
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ Formatierung Elemente +++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


	a {color: #666; text-decoration:none;}
	a:hover {color: #E0121E; text-decoration:underline;}
	a:focus {color: #E0121E; text-decoration:underline;}
	
	a.navhorizontal  { 
		display: inline-block; 
		text-decoration:none; 
		padding: 0px 5px 0px 5px; 
		border-right: 1px solid #ccc;
		font-size: 12px;
	}
	
	a.navhorizontal a:hover { }
	
	a.nav  { 
		display: block;
		width: 145px;  
		text-decoration:none; 
		padding: 5px 0px 4px 5px;
		border-bottom: 1px solid #cccccc;
		font-size: 12px;
		font-weight: 500;
		color: #666666;
		letter-spacing: 0.1em;
	}

	a:hover.nav { 
		display: block;
		text-decoration:none; 
		background-color: #A5439A;
		border-bottom: 1px solid #cccccc;
		color: #ffffff;
	}
	
	a.navactive  { 
		display: block;
		width: 145px; 
		text-decoration:none; 
		background-color: #A5439A;
		padding: 5px 0px 4px 5px;
		border-bottom: 1px solid #cccccc;
		font-size: 12px;
		font-weight: 500;
		color: #ffffff;
		letter-spacing: 0.1em;
	}
	
	a.untermenue  { 
		display: block;
		width: 163px; 
		text-decoration:none; 
		padding: 5px 0px 5px 5px;
		border-bottom: 1px solid #ffffff;
		font-size: 12px;
		font-weight: 500;
		color: #ffffff;
		letter-spacing: 0.1em;
	}
	
	a:hover.untermenue  { 
		background-color: #C17DB9;
	}
	
	a.untermenueactive  { 
		display: block;
		width: 163px; 
		text-decoration:none; 
		padding: 5px 0px 5px 5px;
		border-bottom: 1px solid #ffffff;
		background-color: #C17DB9;
		font-size: 12px;
		font-weight: 500;
		color: #ffffff;
		letter-spacing: 0.1em;
	}
	
	a:hover.untermenueactive {
	
	}
	
	a.partner  { 
		display: inline-block; 
		text-decoration:none; 
		padding: 1px 5px 3px 5px;
		/*margin-left: 5px;*/
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		border-left: 1px solid #FFFFFF; 
	}
	
	a:hover.partner  { 
		background-color: #C17DB9;
	}
	
	a.partneractive  { 
		display: inline-block; 
		text-decoration:none; 
		padding: 1px 5px 3px 5px;
		/*margin-left: 5px;*/
		font-size: 10px;
		font-weight: 500;
		color: #ffffff;
		border-left: 1px solid #FFFFFF;
		background-color: #C17DB9; 
	}
	

/*
++++++++++++++ TYPO3 ++++++++++++++++++++++
*/

	p.bodytext {
		margin: 0px 0px 0px 0px;
	}
	
	.bodytext {
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
		color: #333333;
	}
	
	#tdnetzwerk .bodytext {
		color: #ffffff;
	}
	
	h1 {
		font-family: Arial, Verdana, Helvetica;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
	}
	
	.tab_470 {
		margin: 10px 0px 0px -15px;
		width: 470px;
	}
	
	.td_160 {
		width: 160px;
		text-align: left;
		vertical-align: top;
		padding: 0px 0px 1px 0px;	
	}
	


