/*    Projekt: Vitapixel / Gut Varendorf    */
/*    Zuletzt bearbeitet am: 28.05.2010    */
/*    CSS/XHTML Layout / Typo3 Templates - HETTWER IT - www.hettwer-it.com    */

html { height: 100%; }
body { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: #000; font-size:12px; background-color: #000000; background:url(img/bg_body.jpg) repeat-x #FEEBA5; height:100%;margin:0;padding:0; }

a img,:link img,:visited img, fieldset { border:none }
address { font-style:normal }
a { color: #4E4E4E; cursor: pointer; }
a:hover { color: #4E4E4E; }
:link,:visited {  }
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: 1000px; min-height:100%;bottom:0;position:relative;background-color: #ffffff; background:url(img/bg-main.png); }
.background { background-color:#000000; background: url(img/bg-inhalt.png) no-repeat left 42px; }

#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: 10px; 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: #830E00; border-bottom: 1px 830E00;}
	.rahmengrau235inhalt a img { color: grey; border-bottom: 0px dashed grey;}
	.rahmengrau235inhalt p.bodytext { margin-left: 10px; 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: 0 30px 5px 10px; }
	.rahmengrau610inhalt h2 { margin: 0 30px 5px 10px; }
	.rahmengrau610inhalt h3 { margin: 0 30px 5px 10px; }
	.rahmengrau610inhalt h4 { margin: 0 30px 5px 10px; }
	.rahmengrau610inhalt p { margin: 0 30px 5px 10px; }
	.rahmengrau610inhalt ul { margin: 0 30px 5px 25px; }
	.rahmengrau610inhalt a { color: #830E00; }
	.rahmengrau610inhalt a img { color: #830E00; border-bottom: 0px #830E00;}
	.rahmengrau610inhalt p.bodytext { margin: 0 30px 5px 10px; }



	.rahmenbesch610kopf { position:relative; margin: 0 0 0 0; border:0px; width:610px; height:18px; background:url(rahmen/rahmengrau-610-kopf.png);}
	.rahmenbesch610fuss { position:relative; margin: 0 0 0 0; border:0px; width:610px; height:18px; background:url(rahmen/rahmengrau-610-fuss.png); z-index:0;}
	.rahmenbesch610inhalt { position:relative; margin: 0 0 0 0; border:0px; width:610px; background:url(rahmen/rahmengrau-610-inhalt.png) #ffefb4;z-index:5;}

	.rahmenbesch610inhalt h1 { margin: 0 30px 5px 10px; }
	.rahmenbesch610inhalt h2 { margin: 0 30px 5px 10px; }
	.rahmenbesch610inhalt h3 { margin: 0 30px 5px 10px; }
	.rahmenbesch610inhalt h4 { top: 5px; margin: 0 30px 5px 10px; }
	.rahmenbesch610inhalt h4.align-right { text-align:right; }
	.rahmenbesch610inhalt p.align-right { text-align:right; }
	.rahmenbesch610inhalt p { margin: 0 30px 5px 10px; }
	.rahmenbesch610inhalt ul { margin: 0 30px 5px 15px; }
	.rahmenbesch610inhalt a { color: #830E00; border-bottom: 1px #830E00;}
	.rahmenbesch610inhalt a img { color: #830E00; border-bottom: 0px #830E00;}
	.rahmenbesch610inhalt p.bodytext { margin: 0 30px 5px 10px; }


/* 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;
	padding: 10px;
	margin-bottom: 10px;
	margin-left:10px;
	margin-right:20px;
	width:500px;
}
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;
	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 {

}


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

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

tx_powermail_pi1_form { width:500px; }















#mainMenu ul{
	margin-left:0px;

}
#mainMenu ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	font-size:13px;
}

#mainMenu a.active {
	text-decoration:underline;
}

#mainMenu a{
	color:#FFFFFF;
	color:#830E00;
	text-decoration:none;
	font-weight:normal;
}

#mainMenu li a:hover{
	text-decoration:underline;
}



.breadcrumb a,
.breadcrumb{
	color:#830E00;
	font-size:13px;
	text-decoration:none;
}

.breadcrumb a:hover{
	text-decoration:underline;
}

.breadcrumb{
	margin-bottom:30px;
}


#subMenu{
background:url(img/bg_submenu.jpg) no-repeat #FFEFB4;
font-size:12px;
}

#subMenu ul{
padding-top:50px;
padding-bottom:50px;
background-position:bottom left;
list-style-type:none;
}

#subMenu ul li{
margin-left:15px;
margin-right:10px;
}

#subMenu a{
color:black;
text-decoration:none;
line-height:1.6em;
}

#subMenu a.active{
	text-decoration:underline;
	
}

#subMenu li a{
	color:#830E00;
}