/* CSS Document */



* {

	margin: 0px;

	padding: 0px;

}



html {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

body {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 5px;

	font-family: Arial, Helvetica, sans-serif;

}

div.cleardiv {

	clear: both;

	line-height: 0px;

	font-size: 0px;

	height: 0px;

	padding: 0px;

	margin: 0px;

	color: #FFF;

}

form {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 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 0px 0px 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")

 );

}



#kopf {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 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 0px 0px 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 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

#topbox #oben li {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	list-style-type: none;

	display: inline;

}

#topbox #oben ul li a {

	padding: 0px 10px 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 0px 0px 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 0px 0px 0px;

	margin: 0px 0px 0px 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 0px 0px 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 0px 0px 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 0px 0px 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 0px 0px 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 0px 0px 0px;

}

#links ul li.sub {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	list-style-type: none;

	background-image: none;

}

#links ul li.sub a {

	display: block;

	padding: 0px 0px 8px 15px;

	margin: 0px 0px 0px 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: 10px 0px 10px 0px;

	margin: 0px;

}

* html #links #suchform {

	width: 180px;

}

#links #suchform form {

	background-color: #FFE707;

	padding: 5px 0px 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 1px 2px;

	color: #666;

}

* html #links #suchform div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {

	width: 135px;

}

#links input.suchego {

	border: 1px solid #999;

	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: #999;

	background-color: #FFE707;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	cursor: pointer;

}

#links #suchform div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {

	border: 1px solid #999;

	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: #999;

	background-color: #FFE707;

	padding: 0px 0px 0px 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 0px 0px 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 0px 0px 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 {

	background: url(../img/pdf-icon.png) no-repeat top left;

	padding: 0px 1px 0px 19px;

}

#mitte div.textbild div.csc-textpic a.pdf:hover {

	background-color: #FFE707;

	text-decoration: none;

}

#mitte div.textbild ul {

	padding: 4px 0px 4px 0px;

	margin: 0px 0px 0px 25px;

}

#mitte div.textbild ul li {

	padding: 0px 0px 6px 0px;

	margin: 0px 0px 0px 0px;

	list-style-image: url(../img/ul-li.gif);

}

#mitte div.textbild ol {

	padding: 4px 0px 4px 0px;

	margin: 0px 0px 0px 25px;

}

#mitte div.textbild ol li {

	padding: 0px 0px 6px 0px;

	margin: 0px 0px 0px 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 0px 0px 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 0px 0px 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 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 0px 0px 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 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

#rechts div.news-list-item div.news-list-item-image a img {

	margin: 3px 0px 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 0px 0px 0px;

}

#rechts div.news-amenu-container li {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 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;

}