@charset "utf-8";
/*###################################################################
	DIESE EINSTELLUNGEN SEHEN ALLE BROWSER
###################################################################*/


/*###################################################################
	LAYOUT
	 - screen
	 - print
###################################################################*/

/*#################################################################*/
	@media screen {
/*#################################################################*/

	
	/*Gilt für alle Elemente.*/
	*
	{
		margin: 0; 
		padding: 0; 
		border: 0;
		/*z-index: 1;*/
		border-collapse: collapse;
		border-spacing: 0;
		font-family: arial, verdana, sans-serif;
	}	
	/*Sichtbaren Bereich festlegen.*/
	html, 
	body	
	{
		height: 100%;
		width: 100%;
	}
	html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}
	/*Muss die gesamte maximale Breite aller Elemente erhalten.*/
	body
	{
		text-align: center;
		min-width: 892px;
		background-color: rgb(213,213,213);
		background-image: url(../pics/bg_page.gif);
		background-repeat: repeat-x;
	}
	table tr td,
	table tr th
	{
		vertical-align: top;
		text-align: left;
		color: rgb(75,75,75);
	}
	
	/*Muss die gesamte Breite aller Zellen erhalten.*/
	.inhalt		
	{
		/*position: relative;*/
		display: table; 
		width: 892px;
		margin: 0 auto;
		clear: both;
		/*Zentrierung wieder aufheben*/
		text-align: left;
	}
	/*vor opera6 verstecken*/
	head:first-child+body div.inhalt 
	{
		height: 100%;
	}
	/*die beiden spalten*/
	.rahmen		
	{
		display: table-row;
		background-color: rgb(255,255,255);
		height: 100%;
	}
	/*die beiden spalten*/
	.spalte	
	{
		display: table-cell;
		vertical-align: top;
		min-height: 100%;
	}
	/* hide this from opera6 */
	head:first-child+body div.spalte 
	{
		/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */
		height: 100%;
	}
	
	/*linker Rahmen ganz aussen*/
	.rand-links
	{
		width: 4px;
		background-image: url(../pics/bg_page_kante_links.gif);
		background-repeat: repeat-y;
		position: relative;
		height: 100%;
	}
	.rand-links-innen
	{
		width: 4px;
		background-image: url(../pics/bg_page_kante_links_oben.gif);
		background-repeat: no-repeat;
		height: 700px;
		position: relative;
	}
	/*rechter Rahmen ganz außen*/
	.rand-rechts			
	{
		width: 4px; 
		background-image: url(../pics/bg_page_kante_rechts.gif);
		background-repeat: repeat-y;
		position: relative;
		height: 100%;
	}
	.rand-rechts-innen		
	{
		width: 4px; 
		background-image: url(../pics/bg_page_kante_rechts_oben.gif);
		background-repeat: no-repeat;
		height: 700px;
		position: relative;
	}
	/*
		 alles im header muss absolut positioniert werden
		(FirefoxBug)
	*/
	#suche,
	#leiste,
	#logo,
	#claim,
	#header-trenner,
	#breadcrumb
	{
		position: absolute;
	}
	#leiste
	{
		margin: 80px 0 0 0;
		width: 868px;
		height: 30px;
		min-height: 30px;
		background-image: url(../pics/main_nav_bg.gif);
		background-repeat: no-repeat;
		position: absolute;
		z-index: 100;
	}
	#suche
	{
		text-align: right;
		width: 160px;
		margin: 0 0 0 708px;
		background-image: url(../pics/main_nav_kante_rechts.gif);
		background-repeat: no-repeat;
		background-position: top right;
		padding: 0 0 0 0;
	}
	#logo
	{
		float: left;
		display: block;
		clear: both;
		height: 75px;
		margin: 0 0 5px 0;
	}
	#claim
	{
		float: left;
		display: block;
		clear: both;
		height: 11px;
		width: 277px;
		margin: 43px 0 5px 580px;
	}
	#header-trenner
	{
		height: 8px;
		width: 100%;
		margin: 111px 0 0 0;
		z-index: 10;
		background-image: url(../pics/bg_header_trenner.gif);
		/*IE halt (tztztz)*/
		font-size: 1px;
	}
	
	/* ###########
		SUCHE
	########### */
	#searchform
	{
		width: 150px;
		margin-top: 4px;
	}
	.searchfield
	{
		height: 20px;
		border-top: 1px solid rgb(162,160,160);
		border-bottom: 1px solid rgb(162,160,160);
		border-left: 1px solid rgb(162,160,160);
		width: 122px;
	}
	.submitbutton
	{
		background-image: url(../pics/bg_suche.png);
		background-repeat: no-repeat;
		width: 28px;
		height: 25px;
	}
	/*###################################################################
		TEXTE
	###################################################################*/
	h1,
	h1 a
	{
		font-size: 16px;
		text-transform: uppercase;
		color: rgb(204,210,0);
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 8px 0;
	}
	h2,
	h2 a
	{
		font-size: 14px;
		text-transform: none;
		color: rgb(75,75,75);
		font-weight: bold;
		text-decoration: none;
		margin: 4px 0 3px 0;
	}
	h3,
	h3 a
	{
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 4px 0 0 0;
		text-decoration: none;
	}
	h4,
	h4 a
	{
		font-size: 16px;
		text-transform: uppercase;
		color: rgb(204,210,0);
		font-weight: normal;
		text-decoration: none;
	}
	h5,
	h5 a
	{
		font-size: 11px;
		color: rgb(75,75,75);
		text-decoration: none;
		margin: 5px 0 0 0;
	}
	p,
	p a
	{
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 5px 0 0 0;
		text-decoration: none;
	}
	.content-mitte ul li a
	{
		color: rgb(204,210,0); 
	}
	/*
	.content-mitte h1,
	
	{
		margin: 10px 30px 15px 0;
	}
	.content-mitte p
	{
		margin: 10px 30px 15px 0;
	}
	.content-mitte>div
	{
		margin: 10px 30px 15px 0;
	}
	.content-mitte ol,
	.content-mitte ul
	{
		margin: 10px 30px 15px 0;
	}
	*/
	.content-mitte ul li
	{
		list-style-image: url(../pics/li_content.gif);
		list-style-position: outside;
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 5px 0 0 15px;
	}
	
	.content-mitte ol li
	{
		list-style-position: outside;
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 5px 0 0 18px;
	}
	.content-mitte ul li a,
	.content-mitte ol li a
	{
		color: rgb(204,210,0); 
	}
	.content-mitte table
	{
		font-size: 11px;
		margin: 10px 0 10px 0;
	}
	.content-mitte table th
	{
		font-size: 11px;
		font-weight: bold;
	}
	.content-mitte table.contenttable tr th
	{
		width: 100px;
	}
	/* ###########
		FORMULARE
	########### */
	
	.content-mitte form *
	{
		font-size: 11px;
	}
	
	.content-mitte input,
	.content-mitte textarea
	{
		background-color: rgb(255,255,255);
		border: 1px solid gray;
		width: 300px;
		padding: 1px;
	}

	#uid101_0, #uid101_1{
		float:none;
		width: auto;
		border-style: none;
		margin:10px 0 0 10px;
	}
	
		*+html #uid101_0, *+html #uid101_1{
		float:none;
		width: auto;
		border-style: none;
		margin:8px 0 0 10px;
	}
	
		*html #uid101_0, *html #uid101_1{
		float:none;
		width: auto;
		border-style: none;
		margin:8px 0 0 10px;
	}
	
	#uid117_0, #uid117_1
	{
		float:none;
		width: auto;
		border-style: none;
		margin:10px 0 0 10px;
	}
	
	*+html #uid117_0, *+html #uid117_1{
		float:none;
		width: auto;
		border-style: none;
		margin:8px 0 0 10px;
	}
	
		*html #uid117_0, *html #uid117_1{
		float:none;
		width: auto;
		border-style: none;
		margin:8px 0 0 10px;
	}
	
	.content-mitte .powermail_radio_inner label {	
		float:left;
		margin: 10px 0 0 0;
	}
	
	.content-mitte .powermail_radio_inner input{
		width: 15px;
		margin: 10px 10px 0;
		float: left;
		border: none;
	}
	
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid101_0,
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid101_1 {	
		float:left;
		margin: 0 25px 0 0;
	}
	
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid101_0 label,
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid101_1 label {	
		float:left;
		display:inline;	
	}
	
	
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid117_0,
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid117_1 {	
		float:left;
		margin: 0 25px 0 0;
	}
	
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid117_0 label,
	.content-mitte .powermail_radio_inner.powermail_radio_inner_uid117_1 label {	
		float:left;
		display:inline;	
	}
	
	
	.content-mitte input.hidden,
	.content-mitte .hidden input {
		display:none;
	}
	.content-mitte label
	{
		display: block;
		margin: 10px 0 0 0;
	}
	
	
	
	
	.content-mitte select
	{
		background-color: rgb(255,255,255);
		border: 1px solid gray;
		width: 100px;
	}
	.content-mitte input[type="checkbox"]
	{
		width: 20px;
		display: inline;
		float: left;
		margin: 0 5px 0 0;
		border: 0;
	}
	.content-mitte input.checkbox
	{
		background-color: rgb(255,255,255);
		width: 20px;
		display: inline;
		float: left;
		margin: 0 5px 0 0;
		border: 0;
	}
	legend
	{
		font-size: 15px;
		text-transform: uppercase;
		color: rgb(204,210,0);
		font-weight: bold;
		text-decoration: none;
	}
	fieldset
	{
		margin: 10px 0 10px 0;
		display: block;
		border-bottom: 1px solid rgb(226,226,226);
		padding: 0 0 20px 0;
	}
	.content-mitte input.submit,
	.content-mitte input.powermail_submit,
	.content-mitte input.tx-powermail-pi1_confirmation
	{
		background-color: rgb(255,255,255);
		border: 1px solid gray;
		color: rgb(204,210,0);
		width: 120px;
		margin: 10px 0 0 0;
		padding: 0;
	}
	.powermail_mandatory_js
	{
		color: red;
	}
	div.error,
	p.hervorgehoben
	{
		font-size: 12px;
		color: rgb(204,210,0);
	}
	.editorWrap ul li
	{
		list-style-image: none;
		margin: 0;
	}
	
	div.back
	{
		margin: 10px 0 0 0;
	}
	div.back a
	{
		font-size: 10px;
		color: rgb(204,210,0);
		text-decoration: none;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		background-image: url(../pics/button_back.png);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 5px 0 5px 30px;
	}
	div.forward
	{
		margin: 10px 0 3px 0;
	}
	div.forward a
	{
		font-size: 10px;
		color: rgb(204,210,0);
		text-decoration: none;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		background-image: url(../pics/button_forward.png);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 5px 0 5px 30px;
	}
	
	/*----------------------------- Userregistrierungsvorschau -----------------------------*/

	table.tx-srfeuserregister-pi1-preview {
		width:300px;
		border: 0;
		margin-top:10px;
	}
	
	table.tx-srfeuserregister-pi1-preview th {
		width: 120px;
		text-align:left;
		vertical-align:top;
	}
	
	table.tx-srfeuserregister-pi1-preview td {
		text-align:left;
		vertical-align:top;
	}

	/*----------------------------- Sponsorenliste -----------------------------*/

	#sponsorenListe 
	{
		margin:0 0 3px 15px;
	}
	
	#sponsorenListeText {
		color:#C8C8C8;
		font-size:11px;
		position: absolute;
		padding-top:10px;
	}
	
	#sponsorenListe ul{
		list-style: none;
		height:22px;
	}
	
	#sponsorenListe ul li{
		display:inline;
		margin:0px 15px;		
	}
	#sponsorenListe a {
		color:#C8C8C8;
		font-size:11px;		
	}
	
	
/*#################################################################*/
} /*SCREEN*/
/*#################################################################*/


/*#################################################################*/
	@media print {
/*#################################################################*/

	
	/*Gilt für alle Elemente.*/
	*
	{
		margin: 0; 
		padding: 0; 
		border: 0;
		z-index: 1;
		border-collapse: collapse;
		border-spacing: 0;
		font-family: arial, verdana, sans-serif;
	}	
	/*Sichtbaren Bereich festlegen.*/
	html, 
	body	
	{
	}
	html
	{
	}
	/*Muss die gesamte maximale Breite aller Elemente erhalten.*/
	body
	{
		width: 100%;
	}
	table tr td,
	table tr th
	{
		vertical-align: top;
		text-align: left;
	}
	
	/*Muss die gesamte Breite aller Zellen erhalten.*/
	.inhalt		
	{
		display: table; 
		width: 100%;
		text-align: left;
	}
	/*die beiden spalten*/
	.rahmen		
	{
		display: table-row;
	}
	/*die beiden spalten*/
	.spalte	
	{
		display: table-cell;
		vertical-align: top;
	}
	
	
	/*linker Rahmen ganz aussen*/
	.rand-links,
	.rand-links-innen
	{
		display: none;
	}
	/*rechter Rahmen ganz außen*/
	.rand-rechts,	
	.rand-rechts-innen
	{
		display: none;
	}
	/*
		 alles im header muss absolut positioniert werden
		(FirefoxBug)
	*/
	#suche,
	#leiste,
	#logo,
	#header-trenner,
	#breadcrumb
	{
		position: relative;
	}
	#logo
	{
		display: block;
		clear: both;
		height: 75px;
		margin: 0 0 5px 0;
	}
	#leiste,
	#suche,
	#header-trenner
	{
		display: none;
	}
	
	/* ###########
		SUCHE
	########### */
	#searchform
	{
		width: 150px;
		margin-top: 4px;
	}
	.searchfield
	{
		height: 20px;
		border-top: 1px solid rgb(162,160,160);
		border-bottom: 1px solid rgb(162,160,160);
		border-left: 1px solid rgb(162,160,160);
		width: 122px;
	}
	.submitbutton
	{
		background-image: url(../pics/bg_suche.png);
		background-repeat: no-repeat;
		width: 28px;
		height: 25px;
	}
	/*###################################################################
		TEXTE
	###################################################################*/

	
	h1,
	h1 a
	{
		font-size: 16px;
		text-transform: uppercase;
		color: rgb(204,210,0);
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 8px 0;
	}
	h2,
	h2 a
	{
		font-size: 14px;
		text-transform: none;
		color: rgb(75,75,75);
		font-weight: bold;
		text-decoration: none;
		margin: 4px 0 3px 0;
	}
	h3,
	h3 a
	{
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 4px 0 0 0;
		text-decoration: none;
	}
	h4,
	h4 a
	{
		font-size: 16px;
		text-transform: uppercase;
		color: rgb(204,210,0);
		font-weight: normal;
		text-decoration: none;
	}
	h5,
	h5 a
	{
		font-size: 11px;
		color: rgb(75,75,75);
		text-decoration: none;
		margin: 5px 0 0 0;
	}
	p,
	p a
	{
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 5px 0 0 0;
		text-decoration: none;
	}
	.content-mitte ul li a
	{
		color: rgb(204,210,0); 
	}
	/*
	.content-mitte h1,
	
	{
		margin: 10px 30px 15px 0;
	}
	.content-mitte p
	{
		margin: 10px 30px 15px 0;
	}
	.content-mitte>div
	{
		margin: 10px 30px 15px 0;
	}
	.content-mitte ol,
	.content-mitte ul
	{
		margin: 10px 30px 15px 0;
	}
	*/
	.content-mitte ul li
	{
		list-style-image: url(../pics/li_content.gif);
		list-style-position: outside;
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 5px 0 0 15px;
	}
	
	.content-mitte ol li
	{
		list-style-position: outside;
		font-size: 11px;
		color: rgb(75,75,75);
		margin: 5px 0 0 18px;
	}
	.content-mitte ul li a,
	.content-mitte ol li a
	{
		color: rgb(204,210,0); 
	}
	/* ###########
		FORMULARE
	########### */
	
	.content-mitte form *
	{
		font-size: 11px;
	}
	
	.content-mitte input,
	.content-mitte textarea
	{
		background-color: rgb(255,255,255);
		border: 1px solid gray;
		width: 300px;
		padding: 1px;
	}
	.content-mitte label
	{
		display: block;
		margin: 10px 0 0 0;
	}
	.content-mitte select
	{
		background-color: rgb(255,255,255);
		border: 1px solid gray;
		width: 100px;
	}
	.content-mitte input.checkbox
	{
		background-color: rgb(255,255,255);
		width: 20px;
		margin: 3px 0 0 0;
	}
	legend
	{
		font-size: 15px;
		text-transform: uppercase;
		color: rgb(104,135,0);
		font-weight: bold;
		text-decoration: none;
	}
	fieldset
	{
		margin: 20px 0 5px 0;
		display: block;
	}
	.content-mitte input.submit,
	.content-mitte input.powermail_submit
	{
		background-color: rgb(255,255,255);
		border: 1px solid gray;
		color: rgb(204,210,0);
		width: 100px;
		margin: 10px 0 0 0;
		padding: 0;
	}
	div.error,
	p.hervorgehoben
	{
		font-size: 12px;
		color: rgb(204,210,0);
	}
	.editorWrap ul li
	{
		list-style-image: none;
		margin: 0;
	}
	
	div.back,
	div.back a,
	div.forward,
	div.forward a

	{
		display: none;
	}
	
	

	
	
/*#################################################################*/
} /*PRINT*/
>>>>>>> .r13054
/*#################################################################*/