/*    Projekt: www.xyz    */
/*    Zuletzt bearbeitet am: 17.04.2010    */
/*    CSS/XHTML Layout & Copyright by HETTWER IT - www.hettwer-it.com    */

html, body {
     margin:0;
     padding:0;
     height:100%;
}
body { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #646464; background-color: #000000; background:url(../img/bg/bg-gruenweissverlauf.png); }

a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }
a { color: #4E4E4E; cursor: pointer; }
a:hover { color: #4E4E4E; }
:link,:visited { text-decoration:none }
csc-firstHeader,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } 

.wrap { margin: 0 auto; width: 950px; min-height:100%;bottom:0;position:relative;}

#oben { position:relative; height:330px; width:900px; top:0px; z-index:5; }
.obenrechts { position:relative; float:right; height:330px; width:240px; z-index:10; background-image:url(img/oben/news_bg-01.png);}


#rechtsoben { float: right; margin: 0px 0 0;}
#textlinks { position:relative;
background: url(img/bg-links.jpg);
width: 249px;
top: 0px;
left:5px;
}
#left { float: left; width: 580px; margin: 0 0 0 0; text-align: left; }

#sidetop { width: 130px; height:81px; margin-top:155px; font-size: .9em; background: url(img/zaehler.gif) no-repeat; }

#side { left: 145px; position:relative; float: right; width: 135px; height:381px; margin: 0 0 120px; font-size: .9em; background: url(img/grau.gif); }

#ad { background: url(images/dot.gif) repeat-x; padding: 15px 10px 10px 10px; clear: both; font-size: .9em; line-height: 1.9em;  }

#promowrap { background:url(img/bg-promo.png);  }

#promo { clear: both; border-top: 0px solid #ffffff; background:url(img/footer.png) no-repeat right top; color: #ffffff; padding: 30px 0 0 0;}
	#promo h2 { color: #ffffff; }
	#promo a { color: #ffffff; border-bottom: 1px dotted #B1B1B1; }
	.col { float: left; width: 280px; margin: 0 30px 20px 0; }
		.last { margin: 0; }

#footer { position: absolute; margin-top: -7.5em; }


.clear { clear: both; }

/* Rahmen */

	.rahmengrau235kopf { position:relative; margin: 0 0 0 0; border:0px; width:235px; height:17px; background:url(rahmen/rahmengrau-235-kopf.png);}
	.rahmengrau235fuss { position:relative; margin: 0 0 0 0; border:0px; width:235px; height:17px; background:url(rahmen/rahmengrau-235-fuss.png); z-index:0;}
	.rahmengrau235inhalt { position:relative; margin: 0 0 0 0; border:0px; width:235px; background:url(rahmen/rahmengrau-235-inhalt.png);z-index:5;}

	.rahmengrau235inhalt h1 { margin-left: 30px; margin-right: 20px; color: grey; font-size:14px;}
	.rahmengrau235inhalt h2 { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau235inhalt h3 { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau235inhalt h4 { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau235inhalt p { margin-left: 30px; margin-right: 20px; color: grey; line-height:24px; font-size:12px;}
	.rahmengrau235inhalt a { color: grey; border-bottom: 0px dashed grey;}
	.rahmengrau235inhalt a img { color: grey; border-bottom: 0px dashed grey;}
	.rahmengrau235inhalt p.bodytext { margin-left: 30px; margin-right: 20px; color: grey;}

	.rahmengrau610kopf { position:relative; margin: 0 0 0 0; border:0px; width:610px; height:18px; background:url(rahmen/rahmengrau-610-kopf.png);}
	.rahmengrau610fuss { position:relative; margin: 0 0 0 0; border:0px; width:610px; height:18px; background:url(rahmen/rahmengrau-610-fuss.png); z-index:0;}
	.rahmengrau610inhalt { position:relative; margin: 0 0 0 0; border:0px; width:610px; background:url(rahmen/rahmengrau-610-inhalt.png);z-index:5;}

	.rahmengrau610inhalt h1 { margin-left: 30px; margin-right: 20px; color: grey; font-size:14px;}
	.rahmengrau610inhalt h2 { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau610inhalt h3 { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau610inhalt h4 { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau610inhalt p { margin-left: 30px; margin-right: 20px; color: grey; line-height:24px; font-size:12px;}

	.rahmengrau610inhalt p.bodytext { margin-left: 30px; margin-right: 20px; color: grey;}
	.rahmengrau610inhalt iframe { margin-left: 30px; margin-right: 20px;}


.contentwrap { position:relative; margin: 0 0 0 0; border:0px; width:950px; z-index:5; }
* html #wrap { height: 100%; }


/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	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 */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px dashed #D1D1D1;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	margin-left:40px;
	margin-right:20px;
	width:430px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: #4B4B4B;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 160px;
	float: left;
	clear: both;
	font-weight: bold;
}
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: 240px; color:#363636; background-color:#E3E3E3;  border:1px solid #ddd;
}
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 */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
	color:#363636; background-color:#E3E3E3;  border:1px solid #ddd;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
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: 250px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
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: #fff;
}


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

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

tx_powermail_pi1_form { width:500px; }