@charset "utf-8";
/* CSS Document */

		
	html, body {
	scrollbar-base-color:#EFEFEF;
  	textarea style:#EFEFEF;
		}
			
	body {
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-attachment: fixed;
	text-align: center; 		/*Anweisung für IE zum Zentrieren*/
		}

		
	#distance {
	width: auto;
	height: 2%;
	margin-bottom: 0px;
		}
	
	#container {
	margin: 0px auto;
	width: 900px;
	height: auto;
	position: relative;
		} 
		
	#header {
	float:left;
	width:900px;
	height: 200px;
	padding: 0;
	background-color: #FFFFFF;
		}
	
		
	#navigation{
	float: left;
	width: 200px;
	height: 540px auto;
	margin: 0px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #484849;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
		}

	#printview{
	float: left;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
		}


		
	#inhalt{
	width: 663px; 			/*Anweisung für restliche Browser*/
	height: auto; 			/*510 Anweisung für restliche Browser*/
	@width: 700px; 			/*Anweisung für IE 5,6,7*/
	@height: auto; 			/*550 Anweisung für IE 5,6,7*/
	padding: 20px 15px 20px 22px; 	/*oben rechts unten links*/
	float: right;
	margin: 30px 0px 0px 0px;
	font-family: Verdana, Arial;
	color: #4d4c4b;
	background-color: #FFFFFF;
		}
		
	#fussnote{
	width: 860px;
	height: 18px;
	@width: 900px; 				/*Anweisung für IE 5,6,7*/
	@height: 28px; 				/*Anweisung für IE 5,6,7*/
	padding: 5px 20px 5px 20px;  		/*oben rechts unten links*/
	float: left;
	text-align: right;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #4d4c4b;
	margin: 0;
	background-color: #ffffff;
	}	
	
	
	
/* --------- Links ----------------------------------------------------------------------------------------*/


		a:link 		{color:#4d4c4b; text-decoration: underline; }
		a:visited 	{color:#4d4c4b; text-decoration: underline; }
		a:hover 	{color:#f30433; text-decoration: underline; }
		a:active 	{color:#f30433; text-decoration: underline; }
		a:focus		{color:#f30433; text-decoration: underline; }
		
		/*Links Tabellen (<tr> = Tabellen)*/
		tr a:link 	{color:#4d4c4b; text-decoration:underline; }
		tr a:visited 	{color:#4d4c4b; text-decoration:underline; }
		tr a:hover 	{color:#f30433; text-decoration:underline; }
		tr a:active 	{color:#f30433; text-decoration:underline; }
		tr a:focus	{color:#f30433; text-decoration:underline; }

		/*Links Menu*/
		a.n:link     	{ color:#4d4c4b; text-decoration:none; font-weight:normal; }
		a.n:visited  	{ color:#4d4c4b; text-decoration:none; font-weight:normal; }
		a.n:hover    	{ color:#FFCC00; text-decoration:none; font-weight:normal; }
		a.n:active   	{ color:#FFCC00; text-decoration:underline; font-weight:normal; }
		a.n:focus    	{ color:#FFCC00; text-decoration:underline; font-weight:normal; }

		
		/*Links Footer*/
		tt a:link 	{color:#4d4c4b; text-decoration:none; }
		tt a:visited 	{color:#4d4c4b; text-decoration:none; }
		tt a:hover 	{color:#FFCC00; text-decoration:none; }
		tt a:active	{color:#FFCC00; text-decoration:underline; }
		tt a:focus	{color:#FFCC00; text-decoration:underline; }
		
			
	
/* --------- Schriften ----------------------------------------------------------------------------------------*/
	
	hr { margin:8px 0px 0px 0px; @margin:0px; height:1px; border:0px solid #606C6A; color:#606C6A; background-color:#606C6A; } /*Unterstreichung bei den Textseiten. Farbton aufgehellt! 56615F */
	
	h1 { margin:6px 0px 0px 0px; @margin:24px 0px 0px 0px; font-size:20px; font-weight:bold; text-align: left;}

	
	h2 { margin:10px 0px 18px 0px; @margin:36px 0px 18px 0px; font-size:18px; font-weight:normal; text-align: justify; line-height: 27px;}
	h3 { margin:10px 0px 18px 0px; @margin:36px 0px 18px 0px; font-size:18px; font-weight:bold; text-align: justify; line-height: 27px; }
	
	h4 { margin:11px 0px 12px 0px; @margin:30px 0px 12px 0px; font-size:14px; font-weight:bold; text-align: justify; line-height: 21px;}
	h5 { margin:30px 0px 12px 0px; @margin:30px 0px 12px 0px; font-size:14px; font-weight:bold; text-align: justify; line-height: 21px;}
	
	h6 { margin:0px 0px 12px 0px; font-size:12px; font-weight:normal; text-align: center; line-height: 18px;}		/*oben rechts unten links*/
	p  { margin:0px 0px 12px 0px; font-size:12px; font-weight:normal; text-align: justify; line-height: 18px;}		/*oben rechts unten links*/
	
	li { margin:0px 0px 12px 0px; font-size:12px; font-weight:normal; text-align: left; line-height: 18px;}		/*Aufzählungen*/
	td { font-size:11px; color: #3E4644; }
			
	
 
 
/* --------- Powermail ----------------------------------------------------------------------------------------*/
/* Form */

div.tx-powermail-pi1 {
	@margin: -36px 0px 0px 0px;	                          /* IE-HACk damit Tabelle nicht runterrutscht */
}

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #5a5959;
}


input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: #ab3d5c;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}

div.powermail_mandatory_js {
	/* DIV container of errormessage */
	margin: 3px 0 15px 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ef9c03;
	font-weight: normal;
}


fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #aaa;
	background-color: ;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5959;
	font-weight: normal;
	text-align: left;			/* Problemlösung mit fehlender Linksausrichtung ISPM.*/
}


fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5959;
	font-weight: normal;
	@padding: 10px 0px 10px 0px;                          /* IE-HACK für grösseren Abstand zwischen Titel "pers. Angaben" und 1. Feld */

}


fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 150px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5959;
	font-weight: normal;
}


fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5959;
	font-weight: normal;
}


fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}


div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field = Abstand zwischen Felder*/
	margin: 7px 0;
}


fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 10px 0 0px 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}


p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5959;
	font-weight: normal;
}


div.countryzone {
	margin: 10px 0 0 200px;
	
}

div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}


div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}


div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 340px;
	padding: 5px;
	background-color: ;
	border: 1px solid #ab3d5c;
	color: #d3d7e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: ;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}


	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}