/* 
	Westfa Werbung | westfa-werbung.de
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | http://netzbuero.de
	v 25/01/2010
	v 30/08/2011
	-----------------------------------------------------------------------------------------------------------------------------
*/




/* 	Reset CSS
	----------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin-top: 0;
}

body { line-height: 1; }
table {	border-collapse: collapse; 	border-spacing: 0; }
img { border: none; }



/* 	Basis-Layout
	----------------------------------------------------------------------------------------------------------------------------- */
	body 	{ color: #000; background: #888; font-family: Arial, Helvetica, sans-serif; padding-bottom: 40px; /* overflow-y: scroll; */ }

	.wrap 	{ position: relative; width: 993px; margin-left: auto; margin-right: auto; background: #fff; padding-bottom: 20px; }
	.inner 	{ margin-left: 4px; width: 770px; }


	.wrapLeftColumn	{ display: inline; float: left; margin-left: 10px; width: 153px; margin-right: 10px; }
	.wrapRightColumn	{ float: left; width: 201px; margin-top: 10px; }
	.wrapContent		{ float: left; width: 599px; margin-right: 10px; margin-top: 10px; }
	.wrapContentInner	{ margin-left: 55px;  width: 520px; }




/* 	Navigationen
	----------------------------------------------------------------------------------------------------------------------------- */
	.nvgtn ul 		{ padding-top: 5px; padding-bottom: 5px; }
	.nvgtn li 		{ display: inline; }
	.nvgtn a		{ color: rgb(255,255,255); text-decoration: none; }
	.nvgtn a:hover	{ color: rgb(200,200,200); }

	/* Main */
	.wrapMainNavigation			{ font-family: Arial, Helvetica, sans-serif; background: rgb(227,0,15); font-weight: bold; color: rgb(255,255,255); font-size: 14px; text-align: left; border-bottom: 3px solid rgb(255,255,255); }
	.wrapMainNavigation ul		{ margin-left: 125px; list-style-type: none; margin-bottom: 0; }
	.wrapMainNavigation li		{ /* padding-left: 15px; */ padding-right: 39px; }
	.wrapMainNavigation a:hover	{ color: rgb(255,192,0); }

	.wrapMainNavigation a.active { color: rgb(255,192,0); }
	
	/* Meta */
	.wrapHeaderNavigation	{ font-family: Arial, Helvetica, sans-serif; position: absolute; top: 10px; right: 15px; font-weight: normal; color: rgb(255,255,255); font-size: 11px; }
	
	.wrapHeaderNavigation a.active { color: rgb(200,200,200); }

	
	.wrapSubnav		{ font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid rgb(255,255,255); background: rgb(255,231,228); }
	.snvgtn ul		{ /* margin-left: 26px; */ list-style-type: none; margin: 0; padding: 0; margin-left: 16px; margin-right: 13px; padding-top: 32px; padding-bottom: 32px; }
	.snvgtn	li		{ /* border-bottom: 1px solid rgb(255,255,255); */ margin-bottom: 5px; padding-bottom: 6px; background: url(images/bckgrndSubElement.gif) no-repeat 0px bottom; }
	.snvgtn	li.last	{ border-bottom: none; margin-bottom: 5px; padding-bottom: 5px; background: none; }	
	.snvgtn a		{ color: rgb(0,13,48); text-decoration: none; font-size: 12px; font-weight: normal; padding-left: 15px; }
	.snvgtn a:hover	{ color: rgb(224,40,19); background: url(images/arrSubNav.gif) 0 2px no-repeat; }
	.snvgtn a.active	{ text-decoration: none; font-size: 12px; font-weight: normal; padding-left: 15px; color: rgb(224,40,19); background: url(images/arrSubNav.gif) 0 2px no-repeat; }



/* 	Kopfzeile
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapHeader		{ background-color: rgb(21,60,85); border-bottom: 2px solid rgb(255,255,255); }
	.wrapLogo		{ padding: 16px 0 15px 41px; z-index: 10; }
	.wrapHeaderSlgn	{ display: none; position: absolute; top: 24px; width: 993px; text-align: center; z-index: 1; }




/* 	Fußzeile
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapFooter		{ margin-left: 10px; width: 973px; background: rgb(240,244,248); border-top: 1px solid rgb(196,214,231); padding-top: 5px; padding-bottom: 5px; }
	.wrapFooter	p	{ font-size: 11px; color: rgb(164,190,215); text-align: center; margin-bottom: 5px; }
	.wrapFooter a	{ color: rgb(164,190,215); text-decoration: none; }
	.wrapFooter a:hover	{ color: rgb(21,60,85); }	


/* 	Seiteninhalt
	----------------------------------------------------------------------------------------------------------------------------- */
	.bdy	{ width: 100%; background: url(images/bckgrnd.gif) repeat-y rgb(255,255,255); }
	
	/* Schriftfarbe */
	.wrapContent h1, 
		.wrapContent h2,
		.wrapContent p,
		.wrapContent ul					{ 	color: rgb(0,0,0); }
		
	.wrapContent h1						{ 	font-size: 18px; margin-bottom: 20px; font-weight: bold; line-height: 26px; }
	.wrapContent h2						{ 	font-size: 16px; font-weight: bold; line-height: 22px; }	
	.wrapContent h3						{ 	font-size: 14px; font-weight: bold; line-height: 20px; }
	
	.wrapContent p, 
		.wrapContent ul,
		.wrapContent ol					{ 	font-size: 13px; line-height: 20px; /* margin-bottom: 10px; */ } 
		
	.wrapContent a						{	color: rgb(85,90,155); }
	.wrapContent a:hover				{	color: rgb(230,5,15); }




/* 	Module
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapMod 			{ font-family: Arial, Helvetica, sans-serif; margin-bottom: 13px; }
	.wrapModTopRight { background: url(images/crnTR.gif) top right no-repeat rgb(156,192,218); }	
	.wrapModTopLeft { background: url(images/crnTL.gif) top left no-repeat; }	
	.wrapModHeader	{ padding-top: 5px; padding-bottom: 5px; }
	.wrapModHeader h1 { font-size: 12px; margin-left: 16px; background: url(images/arrw.gif) 0 2px no-repeat; padding-left: 12px; margin-bottom: 0; color: rgb(0,2,48); line-height: 100%; }
	.wrapModBdy			{ background: rgb(224,235,243); padding-left: 16px; padding-right: 16px; padding-bottom: 7px; }
	.wrapModBdy img		{ margin-bottom: 12px; }
	.wrapModBdy	h1		{ color: rgb(0,94,160); font-size: 14px; margin-bottom: 5px; }
	.wrapModBdy p		{ font-size: 11px; line-height: 15px; margin-bottom: 5px; }
	.wrapModBdy a		{ color: rgb(224,40,19); text-decoration: none; }
	.wrapModBdy a:hover	{ color: rgb(0,0,0); }
	
	.wrapMod							{ background: rgb(224,235,243); } 
	.wrapMod .csc-header				{ background: url(images/crnTR.gif) top right no-repeat rgb(156,192,218); }	
	.wrapMod .csc-header h1				{ font-size: 12px; background: url(images/crnTLArrw.gif) top left no-repeat; padding-left: 28px; margin-bottom: 0; color: rgb(0,2,48); line-height: 100%; padding-top: 6px; padding-bottom: 5px; }
	.wrapMod a							{ color: rgb(224,40,19); text-decoration: none; }
	.wrapMod a:hover					{ color: rgb(0,0,0); }	
	.wrapMod .csc-textpic-text			{ background: rgb(224,235,243); padding-left: 16px; padding-right: 16px; padding-bottom: 7px; padding-top: 7px; }
	.wrapMod .csc-textpic-imagewrap img	{ margin-bottom: 12px; }
	.wrapMod .csc-textpic-imagewrap 	{ padding-left: 16px; padding-right: 16px; }
	.wrapMod .csc-textpic-text h1		{ color: rgb(0,94,160); font-size: 14px; line-height: 18px; margin-bottom: 5px; }
	.wrapMod .csc-textpic-text p		{ font-size: 11px; line-height: 15px; margin-bottom: 5px; }
	

/*	Positionierung der Slideshow-Elemente 		
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapKeyVisual { position: relative; width: 599px; height: 224px;  }
	.slideshow img { position: absolute; top: 0; left: 0; }
	
/* 	Dummy for development
	----------------------------------------------------------------------------------------------------------------------------- */
	.fltImg	{ float: left; }
	.fltTxt	{ margin-left: 350px; }
	


/* 	TYPO3 - Rahmenelemente
	----------------------------------------------------------------------------------------------------------------------------- */
	.csc-frame-frame1	{	padding: 10px; background: rgb(240,246,249); }


/*	TYPO3 - DOWNLOAD
	----------------------------------------------------------------------------------------------------------------------------- */
	a.download			{	display: block; width: 47px; height: 49px; background: url(images/pdf_no.gif) no-repeat; font-size: 1px; color: #fff; text-decoration: none; }
	a.download:hover	{	background: url(images/pdf_mo.gif) no-repeat; }


/* 	Formular
	----------------------------------------------------------------------------------------------------------------------------- */

form div									{	font-size: 13px; line-height: 20px; }

/* Fieldset and legend */
fieldset.tx-powermail-pi1_fieldset 			{	border: none; /* margin-bottom: 20px; 	*/ }
fieldset.tx-powermail-pi1_fieldset legend 	{	display: none; 	}


/* Submit Button */	
fieldset.tx-powermail-pi1_fieldset input.powermail_submit 	{	margin: 20px 0 10px 140px; border: none; padding: 3px; 	font-weight: bold; color: #ffffff; background: #8f1200; } 


/* HTML */
.topmargin									{	margin-top: 20px; }
.tx_powermail_pi1_fieldwrap_html			{	clear: both; margin-bottom: 5px; }
.tx_powermail_pi1_fieldwrap_html_label		{	font-weight: normal; margin-bottom: 5px; }


/* fields */
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select,
fieldset.tx-powermail-pi1_fieldset input.powermail_file {
	/* Input-fields and textarea */
	background: #e0e9f0; border: none; 
}

/* Checkboxen */
p.tx_powermail_pi1_fieldwrap_html_checkbox_title			{ 	font-weight: bold; margin-bottom: 0; padding-bottom: 0; font-size: 14px; }
.tx_powermail_pi1_fieldwrap_html_check					{ 	}
.tx_powermail_pi1_fieldwrap_html_check	input 			{ 	float: left; margin-right: 15px; }
.tx_powermail_pi1_fieldwrap_html_check div				{ 	clear: left; }

/* Selectbox */
.tx_powermail_pi1_fieldwrap_html_select label						{ 	display: block; width: 140px; float: left; clear: both; font-weight: bold; }
.tx_powermail_pi1_fieldwrap_html_select .powermail_select			{	width: 260px; }

/* Textfields */
.tx_powermail_pi1_fieldwrap_html_text label							{ 	display: block; width: 140px; float: left; clear: both; font-weight: bold; }
.tx_powermail_pi1_fieldwrap_html_text input.powermail_text			{	width: 260px; }
	
fieldset.singlecol .tx_powermail_pi1_fieldwrap_html_text label					{	display: none !important; }
fieldset.singlecol .tx_powermail_pi1_fieldwrap_html_text input.powermail_text	{	width: 400px !important; }

/* Upload */
.tx_powermail_pi1_fieldwrap_html_file label							{ 	display: block; width: 140px; float: left; clear: both; font-weight: normal; }
.tx_powermail_pi1_fieldwrap_html_file input.powermail_file			{	width: 260px; }

/* Textarea */
.tx_powermail_pi1_fieldwrap_html_textarea label						{	display: none; }
.tx_powermail_pi1_fieldwrap_html_textarea .powermail_textarea		{	width: 400px; height: 200px; }

/* Fehlermeldung */
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: #8f1200;	margin: 3px 0 15px 140px; font-size: 11px; font-weight: bold;
}

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #8f1200; font-size: 11px; font-weight: bold;
}