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


/*###################################################################
	LAYOUT
	 - screen
	 - print
###################################################################*/
/*
	Breite des Inhalts:				843
	+ Pixel Border rechts			  1
	+ Pixel Border links			  1
	+ Pixel Schatten links			  6
	+ Pixel Schatten rechts			  6
	---------------------------------------
	Gesamtbreite					857
*/

/* ###########
	BASIS CSS EINBINDEN
########### */
	
	
	/*@import url(debug.css);*/
	/*
	@import url(base.css);
	@import url(navigation.css);
	@import url(typo3.css);
	*/
	
/*#################################################################*/
	@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
	{
		/*Mitte*/
		text-align: center;
		min-width: 857px;
		background: rgb(255,255,255);
		font-size: 11px;
	}
	
	table.contenttable{
		width:645px;
	}
	
	table tr td,
	table tr th
	{
		vertical-align: top;
		text-align: left;
	}
	
	table tr td p.align-right,
	table tr th p.align-right
	{
		vertical-align: top;
		text-align: right;
	}
	
	#center
	{
		position: relative;
		/*Mitte*/
		margin: 0 auto;
		/*Zentrierung wieder aufheben*/
		text-align: left;
		/*Gesamt-Breite*/
		width: 857px;
	}
	#logo
	{
		padding: 13px 0 15px 8px
	}
	#topnavWrapper
	{
		background: rgb(128,128,128);
		width: 843px;
		float: left;
		border-top: 1px solid rgb(255,255,255);
		border-right: 1px solid rgb(255,255,255);
		border-left: 1px solid rgb(255,255,255);
		border-bottom: 1px solid rgb(231,231,231);
	}
	#topNav
	{
		/*Breite des Logos + Abstand des Randes*/
		padding: 0 0 0 198px;
		display: inline;
		float: left;
	}
	#langSelect
	{
		display: inline;
		float: right;
	}
	.content-wrapper
	{
		border-left: 1px solid rgb(231,231,231);
		border-right: 1px solid rgb(231,231,231);
		border-bottom: 1px solid rgb(231,231,231);
		float: left;
		width: 843px;
		display: inline;
		padding: 0 0 20px 0;
	}
	#startseite .content
	{
		float: left;
		width: 550px;
		padding: 30px 0px 30px 0;
		margin: 0 0 0 198px;
	}
	#folgeseite .content,
	#teaserseite .content
	{
		float: left;
		width: 420px;
		padding: 30px 0px 30px 0;
		/*margin: 0 0 0 198px;*/
	}
	
	#teaserseite .content
	{
		margin: 0 0 0 198px;
	}
	.additional-content
	{
		float: left;
		width: 155px;
		margin: 0 0 0 35px;
	}
	.additional-content .left
	{
		/*display: inline;
		width: 45px;*/
		float:left;
	}
	.additional-content .left img
	{
		margin: 6px 0 0 0;
	}
	.additional-content .right
	{
		/*display: inline;
		width: 107px;*/
		float:left;
		padding: 0 0 0 3px;
	}
	.box-content
	{
		clear: both;
		background-image: url(../pics/add_bg.gif);
		background-repeat: repeat-x;
		margin: 3px 0 11px 0;
		padding: 5px 0 0 0;
	}
	.box-content a,
	.box-content a:hover
	{
		color: rgb(0,112,134);
		padding: 0 0 0 13px;
		background-image: url(../pics/add_link.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		font-size: 11px;
		text-decoration: none;
	}
	.content-wrapper-bottom
	{
		border-left: 1px solid rgb(231,231,231);
		border-right: 1px solid rgb(231,231,231);
		border-bottom: 1px solid rgb(231,231,231);
		float: left;
		width: 843px;
		padding: 22px 0 20px 0;
	}
	#footer
	{
		float: left;
		width: 843px;
		margin: 5px 6px 30px 6px;
		color: rgb(153,153,153);
		font-size: 11px;
	}
	#footer a
	{
		color: rgb(153,153,153);
		text-decoration: none;
	}
	#footer-left
	{
		float: left;
	}
	#footer-right
	{
		float: right;
	}
	#footer span.copy
	{
		color: rgb(204,204,204);
	}
	
	.border-top
	{
		float: left;
		background-image: url(../pics/rahmen_o_m.gif);
		background-repeat: repeat-x;
		height: 6px;
		float: left;
		width:100%;
	}
	.border-bottom
	{
		float: left;
		background-image: url(../pics/rahmen_u_m.gif);
		background-repeat: repeat-x;
		height: 6px;
		float: left;
		width:100%;
	}
	.border-left
	{
		float: left;
		padding: 0 0 0 6px;
		background-image: url(../pics/rahmen_l_m.gif);
		background-repeat: repeat-y;
	}
	.border-right
	{
		float: left;
		padding: 0 6px 0 0;
		background-image: url(../pics/rahmen_r_m.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
	.corner-right-top
	{
		float: right;
		background-image: url(../pics/ecke_o_r.gif);
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}
	.corner-right-bottom
	{
		float: right;
		background-image: url(../pics/ecke_u_r.gif);
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}
	.corner-left-top
	{
		float: left;
		background-image: url(../pics/ecke_o_l.gif);
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}
	.corner-left-bottom
	{
		float: left;
		background-image: url(../pics/ecke_u_l.gif);
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}
	.flash
	{
		width: 857px;
		height: auto !important;
		height: 100px;
		min-height: 100px;
		float:left;
		text-align: center;
	}
	.flash h1
	{
		margin: 15px 0 0 0;
	}
	.image-wide
	{
		float: left;
	}
	.image-normal
	{
		height:160px;
		margin: 0 0 0 199px;
	}
	/*
	.image-wide img
	{
		border-left: 1px solid rgb(255,255,255);
		border-right: 1px solid rgb(255,255,255);
	}
	*/
	.left
	{
		float: left;
	}
	.right
	{
		float: right;
	}
	
	/*Flash Fallback*/
	.fallback{
	  margin:0pt 0pt 0pt 7px;
	}
	
	.fallback img{
	 float:left;	
	 margin: 0 10px 10px 0; 
	}
	
	.flashlink{
	 margin:0 0 3px 7px;
	 text-align:left;
	}
	
	.optimiert {
		text-align:left;
		color:#FF0000;
		text-decoration:none;
		background: url(../pics/icon_flash.gif) no-repeat left 0;
		padding:0 0 0 18px;
		margin:0 10px 0 0;
		font-size:12px;
	}
	
	
	
	/*###################################################################
		NAVIGATIONEN
	###################################################################*/
	
	#navWrapper
	{
		float: left;
		margin: 0 0 0 0;
		height: auto !important;
		height: 250px;
		min-height: 250px;
		width:198px;
		display: inline;
	}
	#nav
	{
		float: left;
		background: green;
		height: auto !important;
		height: 160px;
		min-height: 160px;
		width:198px;
	}
	#solution
	{
		width:198px;
	}
	#solution form
	{
		padding: 15px 0 0 11px;
	}
	#solution label
	{
		margin: 0 0 5px 0;
		display: block;
	}
	#solution select
	{
		border: 1px solid rgb(188,188,188);
		width: 160px;
		font-size: 11px;
	}
	#solution select option
	{
		padding: 0 0 0 4px;
	}
	
	ul#mainNav
	{
		border-right: 1px solid white;
	}
	ul#mainNav li
	{
		display: inline;
		list-style-type: none;
	}
	#pageNav
	{
		padding: 25px 0 0 0;
	}
	ul#mainNavEbene2
	{
		list-style-type: none;
	}
	ul#mainNavEbene2 li
	{
		
	}
	
	/*###################################################################
		TEXTE
	###################################################################*/
	
	/*HEADLINES*/
	
	.gruen{
		color:#007086;
	}
	.schwarz{
		color:#000000;
	}
	
	h1
	{
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 8px 0;
	}
	h1
	{
		color: rgb(0,0,0);
	}
	.startseite h1
	{
		color: rgb(0,213,107);
	}

	h2
	{
		font-size: 16px;
		color: rgb(102,102,102);
		font-weight: bold;
		margin: 4px 0 3px 0;
	}
	
	h3,
	h3 a
	{
		font-size: 11px;
		color: rgb(0,0,0);
		margin: 4px 0 3px 0;
		text-decoration: none;
	}
	.content h3,
	.content h3 a
	{
		font-size: 11px;
		margin: 4px 0 3px 0;
		text-decoration: none;
	}
	
	.content h3 a{
		color: rgb(102,102,102);
	}
	
	/*ABSATZ*/
	
	p
	{
		color: rgb(0,0,0);
	}
	p
	{
		font-size: 11px;
	}
	.content p
	{
		margin: 5px 0 8px 0;
	}
	#startseite p
	{
		font-size: 12px;
		margin: 5px 0 5px 0;
		line-height:16px;
	}
	p a
	{
		color: rgb(0,112,134);
		text-decoration: none;
	}
	.content ul,
	.content ol
	{
		list-style-position: outside;
		margin: 5px 0 8px 20px;
	}
	.content ul li
	{
		list-style-image: url(../pics/li_content.gif);
	}
	.content ol li,
	.content ul li
	{
		margin: 3px 0 3px 0px;
	}
	div.foreward a
	{
		color: rgb(0,112,134);
		padding: 0 0 0 13px;
		background-image: url(../pics/link_foreward.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		font-size: 11px;
		text-decoration: none;
	}
	div.backward a
	{
		color: rgb(0,112,134);
		padding: 0 0 0 13px;
		background-image: url(../pics/link_backward.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		font-size: 11px;
		text-decoration: none;
	}
	
	/*###################################################################
		EXTENSIONS
	###################################################################*/
	
	/*+++++++++++++++++++++++++++++++++++++++++++++++++ 
		SWF
	+++++++++++++++++++++++++++++++++++++++++++++++++*/
	
	/* Rahmen um Flash / SWF entfernen*/
	object
	{ 
		outline:none; 
	}
	
	.flash object{
		margin:0 0 0 18px;
	}
	/*+++++++++++++++++++++++++++++++++++++++++++++++++ 
		Powermail 
	+++++++++++++++++++++++++++++++++++++++++++++++++*/
	
	.tx_powermail_pi1_form *
	{
		font-size: 11px;
	}
	
	/* Form */
	span.powermail_mandatory 
	{
		/* Color of mandatory error message */
		color: red;
	}
	input.validation-failed,
	textarea.validation-failed 
	{
		/* Background color if validation failed */
		border: 1px solid red;
	}
	div.powermail_mandatory_js 
	{
		/* DIV container of errormessage */
		color: red;
		margin: 3px 0 15px 150px;
	}
	fieldset.tx-powermail-pi1_fieldset 
	{
		/* Fieldset */
		padding: 0;
	}
	fieldset.tx-powermail-pi1_fieldset legend 
	{
		/* legend of Fieldset */
		color: white;
	}
	fieldset.tx-powermail-pi1_fieldset label 
	{
		/* label */
		display: block;
		width: 150px;
		float: left;
		clear: both;
	}
	fieldset.tx-powermail-pi1_fieldset input.powermail_text,
	fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
	fieldset.tx-powermail-pi1_fieldset select.powermail_select,
	select.powermail_countryselect
	{
		/* Input and textarea */
		width: 260px;
		border: 1px solid rgb(188,188,188);
	}
	div.tx_powermail_pi1_fieldwrap_html 
	{
		/* DIV container arround every field */
		margin: 3px 0;
		display: block;
		float: left;
	}
	fieldset.tx-powermail-pi1_fieldset input.powermail_submit
	{
		/* submit button */
		margin: 20px 0 10px 150px;
		background: rgb(255,255,255);
		border: none;
		background-image: url(../pics/submit.gif);
		background-repeat: no-repeat;
		width: 92px;
		height: 23px;
		padding: 0px 5px 7px 12px;
		color: rgb(255,255,255);
	}
	
	input.tx-powermail-pi1_confirmation{
		/* submit button */
		background: rgb(255,255,255);
		border: none;
		background-image: url(../pics/submit.gif);
		background-repeat: no-repeat;
		width: 92px;
		height: 23px;
		padding: 0px 5px 7px 12px;
		color: rgb(255,255,255);
		float:left;
	}
	
	p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
	p.tx_powermail_pi1_fieldwrap_html_radio_title 
	{
		width: 150px;
		float: left;
		display: inline;
	}
	.powermail_check_inner
	{
		display: block;
		float: left;
	}
	.powermail_check_inner label
	{
		margin: 0 10px 0 0;
		display: inline;
		float: left;
		width: auto !important;
		width: 10px;
		min-width: 10px;
	}
	div.countryzone 
	{
	}
	
	/* Confirmation */
	td.powermail_all_td 
	{
		padding: 3px 10px 3px 0;
	}
	/*+++++++++++++++++++++++++++++++++++++++++++++++++ 
		NEWS
	+++++++++++++++++++++++++++++++++++++++++++++++++*/
	.news-list-item
	{
		margin: 0 0 10px 0;
		background-image: url(../pics/add_bg.gif);
		background-repeat: repeat-x;
		padding: 5px 0 0 0;
	}
	/*+++++++++++++++++++++++++++++++++++++++++++++++++ 
		LANGMENU
	+++++++++++++++++++++++++++++++++++++++++++++++++*/
	/* default styles for extension "tx_srlanguagemenu_pi1" */
	.tx-srlanguagemenu-pi1 p
	.tx-srlanguagemenu-pi1 img,
	.tx-srlanguagemenu-pi1 .CUR,
	.tx-srlanguagemenu-pi1 .CUR a,
	.tx-srlanguagemenu-pi1 .CUR a:focus,
	.tx-srlanguagemenu-pi1 .CUR a:hover, 
	.tx-srlanguagemenu-pi1 .CUR a:active,
	.tx-srlanguagemenu-pi1 .NO,
	.tx-srlanguagemenu-pi1 .NO a,
	.tx-srlanguagemenu-pi1 .NO a:focus,
	.tx-srlanguagemenu-pi1 .NO a:hover, 
	.tx-srlanguagemenu-pi1 .NO a:active,
	.tx-srlanguagemenu-pi1 .INACT,
	.tx-srlanguagemenu-pi1 .INACT a,
	.tx-srlanguagemenu-pi1 .INACT a:focus, 
	.tx-srlanguagemenu-pi1 .INACT a:hover, 
	.tx-srlanguagemenu-pi1 .INACT a:active,
	.tx-srlanguagemenu-pi1 .SPC,
	.tx-srlanguagemenu-pi1 select
	{
		
	}
	.tx-srlanguagemenu-pi1
	{
		font-size: 1px;
		height: 1px;
	}
	.tx-srlanguagemenu-pi1 img
	{
		margin: 0 5px 0 0;
	}
	
	/*+++++++++++++++++++++++++++++++++++++++++++++++++ 
		Sitemap
	+++++++++++++++++++++++++++++++++++++++++++++++++*/	

	.tx-flseositemap-pi1 ul {
		margin-bottom:20px;
	}
	
	.tx-flseositemap-pi1 ul li {
		list-style: none;
		list-style-image: none;
	}
		
		.tx-flseositemap-pi1 li a,
		.tx-flseositemap-pi1 li a:hover {
			color:white;
			text-decoration: none;
			background-color: #007086;
			width: 100%;
			line-height:20px;
			display:block;
			padding-left:5px;
		}
		
		.tx-flseositemap-pi1 li a:hover {
			background-color: #742b50;
		}
		
		.tx-flseositemap-pi1 ul li ul {
			margin-left:12px;
		}
		
			.tx-flseositemap-pi1 ul li li a,
			.tx-flseositemap-pi1 ul li li a:hover {
						color:black;
						background-color: transparent;
			}
			
			.tx-flseositemap-pi1 ul li li a:hover {
				color:#742b50;
			}
			
/*#################################################################*/
/*####################PIRATERIE-FRAGEBOGEN#########################*/
/*#################################################################*/
	
	
/*	Urzustand
	#content_formular{
		float:left;
		margin:70px 0 0 300px;
		text-align:left;
		width:450px;
	}
*/

/* ###### Allgem. Definitionen ##################### */	
	#content_formular{
		float:left;
		margin:20px 0 0 4%;
		text-align:left;
		font-family:arial, sans-serif;
		line-height: 140%;
		font-size:11pt;
		width:700px;
		cursor:default;
	}
	
/* ###### Seitenzählung ########################### */		
	#content_formular .bartext {
		font-size:11pt;
		text-align:center;
		vertical-align:center
	}
		
	#content_formular .bar{
		height:100%;
		background-color: #CCCCCC;
	}
	
	#content_formular .barcontainer{
		height:20px;
	}
	
/* ###### Einleitung - Überschrift ################# */	
	#content_formular #main_head {
		font-size:24pt;
		font-weight:bold;
		margin-bottom:14px;
	}
	
	#content_formular #untertitel {
		font-size:14pt;
		font-weight:bold;
		line-height:140%;
	}

/* ###### Abschnitts-Überschrift ################## */	
	#content_formular #abschnitt-head {
		font-size:120%;
		font-weight:bold;
		background-color: #CCCCCC;
		border-top:3px black double;
		margin: 0px;
		padding:3px 3px;
		width:100%;
	}
	
/* ########### Zeichen-/Absatzformate ############# */	
	#content_formular p {	
		font-size:100%;
		margin-bottom:5px;
	}

	#content_formular h1 {
		font-size:100%;
		font-weight:bold;
	}
	
	#content_formular h2 {
		font-size:100%;
		font-weight:normal;
		color:#AAAAAA;
		float:left;
	}
	
	#content_formular h4 { 	
		font-size:75%;
		margin:0px;
		margin:-3px;
		padding:0px 3px 3px 3px;
	}
	
	#content_formular a {text-decoration:underline;	}
	
/* ###################### Formular Fieldset ######*/
	#content_formular fieldset {
		padding:0px;
		margin:0px 0px 10px 0px;
		border:none;
		width:100%
		}
		
	#content_formular legend {
		visibility:hidden;
		display:none;
		font-size:1%;
		color:white;
		border:none;
		margin:0px;
		padding:0px;	
	}
	
	#content_formular .questionSubtext {
		font-size:110%;
		font-weight:bold;
		background-color: #E6E6E6;
		border-top:1px black solid;
		line-height: 120%;
		margin:0px;
		padding:3px 3px;
		width:100%;
		indent:0px;
	}

/* ############## Formularelemente ################ */	
		
/*	#content_formular .survey_item { padding-left:25px; }
	#content_formular .survey_item input[type=checkbox] { margin-left:-19px; }
	#content_formular .survey_item input[type=radio] { margin-left:-19px; }	*/
	
	#content_formular input {
		margin: 2px 5px;
		cursor:pointer;
	}	
	
	#content_formular input[type=text] {
		border: 2px lightgrey inset;
		width:320px;
		cursor:text;
		margin:0px 0px 0px 4px;
	}
	
	#content_formular input[type=submit] {
		border: 3px grey outset;
		font-weight:bold;
		position:relative;
		left:300px;
		width:100px;
		height:40px;
	}	
	
/* ############## Sonderformate ################## */
	#content_formular .bereich .questionSubtext {
		font-size:100%;
		background-color: #FFFFFF;
		border-top:none;
		}

	#content_formular .contact_details fieldset {
		background-color: #191738;
		border:none;
		border-top:solid 1px red;
		}
		
	#content_formular .contact_details legend {
		visibility:hidden;
		display:none;
		}
		
	#content_formular .contact_details input[type=text] { width:400px; margin:3px;}
	
	#content_formular .mitgliedschaft .questionSubtext {
		font-size:100%;
		font-weight:normal;
		background-color: #FFFFFF;
		border-top:none;
		}
		
	#content_formular .mitgliedschaft input[type=text] { width:512px; margin-left:2px;}	
	
	#content_formular #sternchen {
		font-size:90%;
		line-height: 110%;
		}
		

/*#################################################################*/
	}
/*#################################################################*/

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

/*#################################################################*/
	}
/*#################################################################*/