/**

 * 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 */