/* CSS Document */

* { margin: 0px; padding: 0px; }
html { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; }
div.cleardiv { clear: both; line-height: 0px; font-size: 0px; height: 0px; color: #FFF; }
form { padding: 0px; margin: 0px; }

/* div.weihnachten {
	position: absolute;
	left: 5px;
	top: 0px;
	z-index: 40;
}
* html div.weihnachten {
	left: 0px;
	top: 0px;
	z-index: 40;
} */

div.weihnachten { display: none; }
#faubel { padding: 0px; margin: 0px 10px 0px 0px; max-width: 980px; min-width: 780px; }
* html #faubel {
 width: 980px;
 width: expression(
  (document.documentElement && document.documentElement.clientHeight) ?
   (document.documentElement.clientWidth < 780) ? "780px" : (( document.documentElement.clientWidth > 980 ) ? "980px" : "auto") :
   (document.body.clientWidth < 780) ? "780px" : (( document.body.clientWidth > 980 ) ? "980px" : "auto")
 );
}

.csc-frame-indent { text-align:center; }

#kopf { padding: 0px; margin: 0px; height: 290px; background: url(../img/kopf/compact-label.jpg) no-repeat bottom left; }
#logo { padding: 8px 0px 0px 20px; position: absolute; }
* html #logo { top: 8; left: 20; z-index: 30; width: 150px; height: 101px; padding: 0px; overflow: hidden; }
#topbox { float: right; font-size: 0.72em; width: 500px; /* height: 85px; */ }
#topbox #oben {
	padding: 5px 0px 0px 0px;
	clear: both;
	float: right;
}
#topbox #oben ul {
	padding: 0px;
	margin: 0px;
}
#topbox #oben li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: inline;
}
#topbox #oben ul li a {
	padding: 0px 10px;
	background: url(../img/trenn-v.gif) repeat-y top right;
	text-decoration: none;
	color: #333;
}
#topbox #oben ul li a:hover {
	text-decoration: underline;
}
#topbox #oben ul li a.aktiv {
	text-decoration: underline;
}
#topbox #unten {
	padding: 45px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	clear: both;
}
* html #topbox #unten {
	padding: 45px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}
*+html #topbox #unten {
	padding: 23px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}
#topbox #sprache {
	float: right;
	margin: 0px 0px 6px 0px;
}
#topbox #sprache li {
	list-style-type: none;
	float: left;
	line-height: 20px;
}
#topbox #sprache ul li a {
	display: block;
	line-height: 20px;
	height: 20px;
	width: 30px;
	font-size: 0px;
	text-decoration: none;
	color: #FFF;
}
#topbox #sprache ul li a.english {
	background: url(../img/flags/flagge-en.gif) no-repeat top left;
}
#topbox #sprache ul li a.deutsch {
	background: url(../img/flags/flagge-d.gif) no-repeat top left;
}
#topbox #sprache ul li a.french {
	background: url(../img/flags/flagge-fr.gif) no-repeat top left;
}
#topbox #sprache ul li.inactive a.english {
	background: url(../img/flags/flagge-en-1.gif) no-repeat top left;
}
#topbox #sprache ul li.inactive a.deutsch {
	background: url(../img/flags/flagge-d-1.gif) no-repeat top left;
}
#topbox #sprache ul li.inactive a.french {
	background: url(../img/flags/flagge-fr-1.gif) no-repeat top left;
}
div.streifen {
	background: url(../img/stripes-oben.png) repeat-x top left;
	margin: 0px;
	height: 25px;
	clear: both;
}
#leiste {
	background: url(../img/stripes-unten.png) repeat-x top left;
	/* background-color: #FFE707; */
	height: 25px;
	margin: 4px 0px 30px 0px;
	line-height: 25px;
}
#leiste div.left {
	padding: 0px 200px 0px 5px;
	position: absolute;
	max-width: 780px;
	min-width: 680px;
}
* html #leiste div.left {
	width: 100%;
	min-width: 680px;
}
#leiste div.left div.rootline {
	padding: 10px 0px 0px 10px;
	font-size: 0.66em;
	line-height: 25px;
}
#leiste div.left div.rootline span {
	padding: 0px 0px 5px 0px;
	margin: 0px 4px 3px 4px;
	font-size: 14px;
	color: #B5B5B5;
}
#leiste div.left div.rootline a {
	color: #000;
	color: #B5B5B5;
	text-decoration: none;
}
#leiste div.left div.rootline a:hover {
	text-decoration: underline;
}
#leiste div.right {
	width: 186px;
	position: relative;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: right;
}
* html #leiste div.right {
	width: 195px;
}
#leiste ul {
}
#leiste li {
	display: inline;
	list-style-type: none;
}
#leiste div.right a {
	padding: 2px 0px 2px 20px;
	font-size: 0.66em;
	display: inline;
	text-decoration: none;
	color: #333;
	color: #B5B5B5;
	line-height: 25px;
	height: 25px;
	background: url(../img/icon-pdf.gif) no-repeat center left;
}
#leiste div.right a:hover {
	text-decoration: underline;
}
#leiste div.right a.druck {
	background: url(../img/icon-drucken.gif) no-repeat center left;
	padding: 2px 5px 2px 20px;
}
#leiste div.right a.pdf {
	background: url(../img/icon-pdf.gif) no-repeat center left;
	padding: 2px 0px 2px 20px;
}
* html #leiste div.right a.druck {
	padding: 0px 5px 0px 20px;
}
 * html #leiste div.right a {
	padding: 0px 0px 0px 20px;
}
#inhalt {
	padding: 0px;
	margin: 0px;
	max-width: 980px;
	min-width: 780px;
}
* html #inhalt {
 width: 980px;
 width: expression(
  (document.documentElement && document.documentElement.clientHeight) ?
   (document.documentElement.clientWidth < 780) ? "780px" : (( document.documentElement.clientWidth > 980 ) ? "980px" : "auto") :
   (document.body.clientWidth < 780) ? "780px" : (( document.body.clientWidth > 980 ) ? "980px" : "auto")
 );
}
#links {
	width: 195px;
	padding: 1px 0px 0px 0px;
	position: absolute;
	z-index: 2;
	font-size: 0.72em;
}
#links h2 {
	padding: 0px 10px 8px 10px;
	margin: 0px;
	color: #666;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}
#links img {
	padding: 0px 0px 0px 20px;
}
#links ul {
	padding: 0px;
	margin: 0px 5px 0px 10px;
	background: url(../img/trenn-h.gif) repeat-x bottom left;
}

#links li {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	background: url(../img/trenn-h.gif) repeat-x top left;
}
#links ul li a {
	display: block;
	padding: 7px 0px 7px 15px;
	margin: 0px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	line-height: 12px;
}
#links ul li a:hover {
	/* background: url(http://faubel.s-w-e.com/demo/bilder/box-weiss.gif) no-repeat top left; */
	background-color: #EBEBEB;
}
#links ul li a.aktiv {
	display: block;
	text-decoration: none;
	background: none;
	background: url(../img/box-schwarz.gif) no-repeat center left;
	background-color: #EBEBEB;
}
#links ul li.ifsub {
	background-color: #EBEBEB;
	padding: 0px 0px 2px 0px;
}
#links ul li.ifsub a.aktiv {
	background: url(../img/box-schwarz.gif) no-repeat center left;
	padding: 7px 0px 7px 15px;
	margin: 0px;
}
#links ul li.sub {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background-image: none;
}
#links ul li.sub a {
	display: block;
	padding: 0px 0px 8px 15px;
	margin: 0px;
	text-decoration: none;
	background-color: #EBEBEB;
	font-weight: normal;
	line-height: 13px;
	background-image: none;
}
#links ul li.sub a:hover {
	background: none;
	background-color: #EBEBEB;
	text-decoration: underline;
}
#links ul li.sub a.aktiv {
	background-image: none;
	text-decoration: underline;
}
#links #suchform {
	float: left;
	width: 180px;
	padding: 10px 0px 10px 10px;
	margin: 0px;
}

* html #links #suchform {
	width: 180px;
}
#links #suchform form {
	background-color: #FFE707;
	padding: 5px 0px;
}
#links input.suchfeld {
	border: 1px solid #666;
	width: 140px;
	margin: 0px 3px 0px 8px;
	padding: 1px 2px 1px 2px;
	color: #666;
}
* html #links input.suchfeld {
	width: 135px;
}
#links #suchform div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
	border: 1px solid #666;
	width: 140px;
	margin: 0px 3px 0px 8px;
	padding: 1px 2px;
	color: #666;
}
* html #links #suchform div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
	width: 135px;
}
#links input.suchego {
	border: 1px solid #FFE707;
	border: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	width: 20px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFE707;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#links #suchform div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	border: 1px solid #FFE707;
	border: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	width: 20px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFE707;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#mitte {
	padding: 0px 185px 0px 200px;
	position: absolute;
	font-size: 0.73em;
	line-height: 19px;
	max-width: 600px;
	min-width: 400px;
	float: left;
}
* html #mitte {
	width: 100%;
	min-width: 400px;
}
*+html #mitte {
	max-width: 600px;
	min-width: 400px;
}
#mitte div.textbild {
	margin: 0px 20px 0px 25px;
	padding: 0px 25px 0px 0px;
	background: url(../img/trenn-v.gif) repeat-y top right;
}
#mitte div.textbild div.csc-textpic {
}
#mitte h1 {
	padding: 0px 20px 10px 25px;
	margin: 0px 20px 0px 0px;
	font-size: 1.95em;
	line-height: 1.07em;
	color: #444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url(../img/trenn-v.gif) repeat-y top right;
	vertical-align: top;
}
#mitte div.textbild h1 {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-size: 1.95em;
	line-height: 1.07em;
	color: #444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: none;
	vertical-align: top;
}
#mitte div.textbild h2 {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	font-size: 1.4em;
	line-height: 1.16em;
	color: #444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-weight: bold;
	vertical-align: top;
}
#mitte div.textbild div.csc-textpic a,
#mitte div.textbild div.csc-textpic-text a,
#mitte div.textbild div.news-list-container a,
#mitte div.textbild div.news-single-item a {
	color: #333;
	background: url(../img/box-link-intern.gif) no-repeat center left;
	padding: 0px 1px 0px 11px;
	text-decoration: none;
}
*+html #mitte div.textbild div.csc-textpic a {
}
#mitte div.textbild div.csc-textpic a:hover,
#mitte div.textbild div.csc-textpic-text a:hover,
#mitte div.textbild div.news-list-container a:hover,
#mitte div.textbild div.news-single-item a:hover {
	background-color: #FFE707;
	text-decoration: none;
}
#mitte div.textbild div.csc-textpic a.pdf,
#mitte div.textbild div.csc-textpic-text a.pdf,
#mitte div.textbild div.news-list-container a.pdf,
#mitte div.textbild div.news-single-item a.pdf {
	background: url(../img/pdf-icon.png) no-repeat top left;
	padding: 0px 1px 0px 19px;
}
#mitte div.textbild div.csc-textpic a.pdf:hover,
#mitte div.textbild div.csc-textpic-text a.pdf:hover,
#mitte div.textbild div.news-list-container a.pdf:hover,
#mitte div.textbild div.news-single-item a.pdf:hover {
	background-color: #FFE707;
	text-decoration: none;
}
#mitte div.textbild ul { padding: 4px 0px; margin: 0px 0px 0px 25px; }
#mitte div.textbild .csc-textpic-imagewrap ul { margin:0px; padding:0px; }
#mitte div.textbild ul li { padding: 0px 0px 6px 0px; margin: 0px; list-style-image: url(../img/ul-li.gif); }
#mitte div.textbild ol { padding: 4px 0px; margin: 0px 0px 0px 25px; }
#mitte div.textbild ol li { padding: 0px 0px 6px 0px; margin: 0px; }
#mitte div.textbild div.csc-textpic-imagewrap { margin: 0px 0px 4px 0px; }
#mitte div.textbild div.csc-textpic-imagewrap a,
#mitte div.textbild div.news-list-container div.news-list-item-image a,
#mitte div.textbild div.news-single-item div.news-single-img a {
	background: url(../img/pixel.gif) no-repeat top left;
	padding: 0px;
}
#mitte div.csc-textpic-text {
	padding: 0px 0px 15px 0px;
}
*+html #mitte div.csc-textpic img {
	margin: 0px 0px 4px 0px;
}
#mitte div.textbild div.csc-textpic-text a.impres img {
	line-height: 12px;
	vertical-align: middle;
}
#mitte div.anker {
	margin: 0px 45px 0px 25px;
	padding: 0px;
	color: #999;
	background-color: #FFF;
	clear: both;
}
#mitte div.anker div.totop {
	padding: 5px 0px 0px 0px;
	text-align: right;
	float: right;
	width: 25%;
}
#mitte div.anker div.totop a {
	background: url(../img/box-link-top.gif) no-repeat center left;
	padding: 0px 0px 0px 16px;
	color: #999;
	text-decoration: none;
	font-size: 0.98em;
}
#mitte div.anker div.totop a:hover {
	text-decoration: underline;
}
#mitte div.copyleft {
	margin: 0px 45px 5px 25px;
	padding: 0px 0px 10px 0px;
	background: url(../img/trenn-h.gif) repeat-x top left;
	color: #999;
	background-color: #FFF;
	font-size: 0.98em;
	clear: both;
}
#mitte div.copyleft div.cleft {
	padding: 5px 0px 0px 0px;
	float: left;
}
div.blocker {
	color: #FFF;
	clear: both;
	line-height: 0px;
	height: 0px;
}
#rechts {
	width: 185px;
	position: relative;
	padding: 0px 0px 20px 10px;
	margin: 0px;
	float: right;
	font-size: 0.72em;
	line-height: 17px;
}
* html #rechts {
	width: 195px;
}
#rechts h2 {
	padding: 0px 0px 18px 0px;
	margin: 0px 0px 8px 0px;
	font-size: 1.5em;
	vertical-align: top;
	color: #444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url(../img/trenn-h.gif) repeat-x bottom right;
}
/* #rechts div {
	background: url(../img/trenn-h.gif) repeat-x top left;
	padding: 4px 0px 8px 0px;
} */
#rechts div a {
	color: #333;
	background: url(../img/box-link-intern.gif) no-repeat bottom left;
	padding: 0px 3px 0px 11px;
}
#rechts div img {
	margin: 4px 0px;
}
#rechts div.aktuell div.news-list-item,
#rechts div.produkt-aktuell div.news-list-item {
	background: url(../img/trenn-h.gif) repeat-x bottom left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
#rechts div.aktuell p.hide_this {
	display: none;
}
div.produkt-aktuell p.hide_this {
	display: none;
}
#rechts div.news-list-item-subtitle {
}
#rechts div.news-list-item h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
	padding: 0px 0px 8px 0px;
	margin: 0px;
	background: none;
}
#rechts div.news-list-item div.news-list-item-image {
	float: none;
}
#rechts div.news-list-item div.news-list-item-image a {
	background: url(../img/pixel.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
}
#rechts div.news-list-item div.news-list-item-image a img {
	margin: 3px 0px;
	float: none;
}
#rechts div.news-list-item a {
	color: #333;
	background: url(../img/box-link-intern.gif) no-repeat center left;
	padding: 0px 1px 0px 11px;
	text-decoration: none;
}
#rechts div.news-list-item a:hover {
	background-color: #FFE707;
	text-decoration: none;
}
#rechts div.news-amenu-container {
	line-height: 18px;
}
#rechts div.news-amenu-container strong {
	color: #444;
}
#rechts div.news-amenu-container ul {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#rechts div.news-amenu-container li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#rechts div.news-amenu-container li.news-amenu-item-year {
	font-weight: bold;
}
#rechts div.news-amenu-container ul li a {
	color: #333;
	background: url(../img/box-link-intern.gif) no-repeat center left;
	padding: 0px 1px 0px 11px;
	text-decoration: none;
}
#rechts div.news-amenu-container ul li a:hover {
	background-color: #FFE707;
	text-decoration: none;
}

/***  Powermail  ***/

.tx-powermail-pi1_fieldset { border:none; }
.tx-powermail-pi1_fieldset fieldset { border:none; }
.tx-powermail-pi1_fieldset legend { display:none; }
.tx-powermail-pi1_fieldset label { float:left; width:90px; }
.tx_powermail_pi1_fieldwrap_html { padding-bottom:6px; }
.powermail_check_inner label { float:none; margin-left:6px; margin-top:-2px; width:400px; }
#powermaildiv_uid7,
#powermaildiv_uid10,
#powermaildiv_uid13,
#powermaildiv_uid16 { padding-bottom:2px; font-style:italic; }
.powermail_text,
.powermail_textarea { background-color: #F3F3F3; border: 1px solid #CACACA; font-size: 13px; margin: 0; padding: 0 3px; width: 300px; }
.powermail_textarea { height:140px; }
.powermail_submit,
.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit,
.tx-powermail-pi1_mandatory_submit { background-color: #7B7B7D; border: 1px solid #7B7B7D; color: #FFFFFF; cursor: pointer; padding:1px 18px; margin-bottom:10px; }
#powermaildiv_uid19 { padding-top:10px; }
#powermaildiv_uid20,
#powermaildiv_uid21 { padding-left:90px; }
#powermaildiv_uid22 { padding-top:10px; }
#powermaildiv_uid24 { padding:0px 0px 15px 0px; }
.tx-powermail-pi1_confirmation p { font-weight:bold; }
