/**
 * Content Styles für PAUL WOLFF Relaunch 07
 *
 * (c) S. Teuber <teuber@stibes.de>
 *
 */

img {
	border:						none;
}

#content h1 {
	padding:					0 0 6px 0;
	margin:						0;
	font-size:					20px;
}

h2 {
	padding:					0;
	margin:						0 0 1em 0;
	font-size:					14px;
}

.link {
	color:						#B4B4B4;
}

#content fieldset {
	border:						none;
	padding:					0;
	margin:						0;
}

#content input {
	border: 					1px solid #B4B4B4;
}

#content input.green {
	border: 					1px solid #34A721;
	color: 						#34A721;
	background-color: 			#FFF;
}

#additionalcontent .link {
	color:						#FFF;
}

#content .highlight {
	color:						#34A721;
}

#content .highlightRed {
	color:						#A62135;
}

#content a, .whiteBackground a {
	color:						#B4B4B4;
	text-decoration:			none;
}

#content a:hover, .whiteBackground a:hover {
	color:						#34A721;
}

#additionalcontent a {
	color:						#FFF;
	text-decoration:			none;
}

#additionalcontent a:hover {
	color:						#34A721;
}

p {
	margin:						0;
	margin-bottom:				1.4em;
	padding:					0;
	line-height:				1.4em;
}

.whiteBackground {
	margin:						0;
	background-color:			white;
	padding:					5px;
	color:						#B4B4B4;
}


/* Zweispaltig */
div.cols2-left {
	width:						45%;
	float:						left;
	padding-right:				3%;
}

div.cols2-right {
	width:						45%;
	float:						left;
	padding-left:				3%;
}

#additionalcontent div.cols2-left {
	padding-right:				5px;
}

#additionalcontent div.cols2-right {
	padding-left:				5px;
}


div.cols2-clear {
	clear:						both;
}


/* Zusammenfassung (Telefon) */
 .produktRow .cont {
 	width: 						100%;
 	position: 					relative;
 	height: 					55px;
 }

 .produktRow .seltitle {
 	width: 						175px;
 }

 .produktRow .selselection {
 	position: 					absolute;
 	top: 						0;
 	left: 						180px;
 	width: 						300px;
 	margin: 					0;
 	padding: 					0;
 	height: 					55px;
 }

 .produktRow .selpicture {
 	float: 						right;
 	margin-left: 				20px;
 	margin-right: 				20px;
 	height: 					55px;
 }

 /* Zusammenfassung (Fax) */
 .produktRowFax .cont {
 	width: 						100%;
 	position: 					relative;
 	overflow:					hidden;
 	height: 					45px;
 	font-size:					9pt;
 }

 .produktRowFax .seltitle {
 	width: 						125px;
 	font-size:					9pt;
 }

 .produktRowFax .selselection {
 	position: 					absolute;
 	overflow:					hidden;
 	top: 						0;
 	left: 						130px;
 	width: 						160px;
 	margin: 					0;
 	padding: 					0;
 	height: 					45px;
 	font-size:					9pt;
 }

 .produktRowFax .selpicture {
 	display:					none;
 }

 #mailmsgs label, #faxmsgs label {
 	width: 						140px;
 	display: 					block;
 	float: 						left;
 	margin-top: 				5px;
 }

 #mailshader, #faxshader {
 	position: 					absolute;
 	top: 						0;
 	left: 						0;
 	width: 						100%;
 	height: 					100%;
 	background-color: 			black;
 	z-index: 					9998;
 	opacity: 					0.6;
 	display: 					none;
 }


 /* default styles for extension "tx_cssstyledcontent" */
 /* Captions */
 DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
 DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
 DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

 /* Needed for noRows setting */
 DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

 /* Border just around the image */
 DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
 	border: 2px solid black;
	padding: 0 0;
 }

 DIV.csc-textpic-imagewrap { padding: 0; }

 DIV.csc-textpic IMG { border: none; }

 /* DIV: This will place the images side by side */
 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
 	float: 						left;
 }

 /* UL: This will place the images side by side */
 DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
 DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

 /* DL: This will place the images side by side */
 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
 DL.csc-textpic-image { margin: 0; }
 DL.csc-textpic-image DT { margin: 0; display: inline; }
 DL.csc-textpic-image DD { margin: 0; }

 /* Clearer */
 #additionalcontent DIV.csc-textpic-clear {
 	clear: 						none;
 }

 /* Margins around images: */

 /* Pictures on left, add margin on right */
 DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
 DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
 }

 /* Pictures on right, add margin on left */
 DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

 /* Left (in text, no wrap around) */
 #additionalcontent DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
 	float: left;
 	clear: none;
 }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	

.csc-mailform {
	border:				none;
	padding:			0;
}

.csc-mailform label {
	width:				110px;
	display:			block;
	float:				left;
}

.csc-mailform-field {
	margin-bottom:		1.5em;
}

.csc-mailform-field input {
	border:				1px solid #777;
}

.csc-mailform-field input.csc-mailform-submit {
	margin-left:		110px;	
}