@charset "utf-8";

html[xmlns^="http"]{
	 /* Mozilla-Scrollbar */
	overflow-y: scroll;
}

html, body{
	margin:0;
	padding:0;
	color:#666666;
	background-color:#C5B791;
	background-image: url(images/bg_html.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
}
/* Deckkraft auf 99,99 % setzen,da der Mac-Firefox sonst unterhalb von Elemente mit Änderung Probleme macht
body{
	opacity:.9999; 
}
body#withflash{	opacity:1; }
*/

/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */

div#header, div#main, div#footer{
	text-align:center;
}

div#header{
	height:131px;
	overflow:hidden;
	position:relative;
}
div#main{
	color:inherit;
	background-color:#ffffff;
}
div#footer{
	color:#ffffff;
	background-color:#AD9962;
}


div.content{
	position:relative;
	width:900px;
	margin: 0 auto 0 auto;
	text-align:left;
}
div#footer div.content{
	position:static;
}
div#main div.content{
	padding-bottom:5px;
}

div.inner{
	margin: 0 25px 0 25px;
}
div.innercontent{
	margin: 14px 25px 0 25px;
	padding:0;
	min-height:430px;
    height: auto !important;
	height:430px;
}

div.clearer{
	clear:both;
}


/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-family: verdana, arial, helvetica, lucida, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
}

a{
	text-decoration:none;
	color:#ff8400;
	background-color:transparent;
}

h1{
	font-size:1.5em;
	line-height:1.4em;
	font-weight:normal;
	margin-top:0;
}
.csc-textpicHeader h1{
	line-height:1em;
	padding-bottom:3px;
}
h2{
	color:inherit;
	background-color:#D9D9D4;
	font-weight:normal;
	font-size:1em;
	line-height: 1.4em;
	margin-top:0;
	padding:1px 0 1px 5px;
}
h3{
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 1em 0;
	background-color:transparent;
}

img{
	border:none;
}

.note{
	color:#000000;
	background-color:#FFFF00;
}

/* Bildunterschiften */
dd.csc-textpic-caption{
	font-size: 10px;
	padding-bottom:5px;
}

/* Formulare: */
fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{
	display:block;
}
div.csc-mailform-field{
	padding-bottom:3px;
}
.csc-mailform-field textarea, input.csc-mailform-input{
	width:300px;
}

/* ############################################################ */
/* #### Konfigurator-Link ##################################### */

div.konfiguratorlink a{
	color:#666666;
	background-color:#D1D2CF;
	display:block;
	font-weight:bold;
	padding-left:3px;
	margin-top:1px;
	line-height: 19px;
	background-image: url(images/configurator-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* ############################################################ */
/* #### Header ################################################ */

div#header div.content{
	height:145px;
	background-image: url(images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div#header.nosubnav div.content{
	background-image:none;
}

img#signet{
	position:absolute;
	top:0;
	right:20px;
}
div#header div.inner{
	padding-top:7px;
}

div#header a{
	color:#AD9962;
	background-color:transparent;
}
div#header a.act,
div#header a:hover{
	text-decoration:underline;
}

div#langswitch{
	position:absolute;
	left:745px;
	top:100px;
	width:130px;
	color:#ffffff;
	background-color:transparent;
	text-align:right;
}
div#langswitch a{
	color:#ffffff;
	background-color:transparent;
}
div#langswitch a.act,
div#langswitch a:hover{
	text-decoration:underline;
}

/* ############################################################ */
/* #### Footer ################################################ */

div#footer div.inner{
	text-align:right;
}

div#footer a{
	color:#ffffff;
	background-color:transparent;
}
div#footer a.act,
div#footer a:hover{
	text-decoration:underline;
}



/* ############################################################ */
/* #### Content ############################################### */

.float-right{ float:right; }
.float-left{ float:left; }

.size-s{
	width:205px;
	overflow:hidden;
}

.size-m{
	width:420px;
	overflow:hidden;
}

.size-l{
	width:635px;
	overflow:hidden;
}


/* BOXEN */

div.box{
	float:left;
	width:205px;
	overflow:hidden;
	padding-bottom:10px;
}
div.doublebox{
	float:left;
	width:420px;
	overflow:hidden;
	padding-bottom:10px;
}
div.topimage DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image,
div.box DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image,
div.box DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image{
	margin:0;
}

div.first-box,
div.middle-box{
	margin-right:10px;
}

div.grey-box,
div.grey-dyn-box{
	color:inherit;
	background-color:#F1F1F2;
	padding:0 10px 0 10px;
	font-size:10px;
}
div.grey-box div{ font-size:10px; }
div.grey-box{
	height:110px;
	overflow:hidden;
}
div.grey-dyn-box{
	padding:10px;
}
div.grey-box h1,
div.grey-dyn-box h{
	font-size:16px;
	line-height:1.5em;
	margin:0 0 -6px 0;
	font-weight:600;
}
div.grey-box p,
div.grey-dyn-box p{
	margin: 5px 0 0 0;
}

/* Nach Startseitenupdate im Februar div.startnews entfernen, sobald nicht mehr vorhanden */
div.startnews{
	height:420px;
	padding-bottom:0;	
}
div.homenews{
	height:300px;
	padding-bottom:0;
	background-image: url(images/bg_box_homenews.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.homenews h2{
	font-weight:bold;
	margin:0;
	padding: 0 10px 0 10px;
}
div.homenews p{ margin: 1em 10px 1em 10px; }
div.welcome div.grey-box h1{ color:#ff8400; }
div.welcome div.grey-box{
	background-image: url(images/bg_box_welcome_grey-box.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}



/* Hover-Effekt für verlinkte Bilder in Boxen */
div.box dl.csc-textpic-image a img{
	border:none;
	display:block;
}
div.box dl.csc-textpic-image a{
	display:block;
	color:inherit;
	background-color:#D9DADB;
}
div.box dl.csc-textpic-image a:hover img{
	filter:alpha(opacity=70); /* IE */
	-moz-opacity: 0.7; /* Gecko */
	/* opacity: 0.7; Opera: macht aber unter Linux-Probleme */
}


/* ############################################################ */
/* #### Haendlersuche ######################################### */

div#haendlersuche{
	background-image: url(images/bg_haendler.gif);
	background-repeat: repeat-y;
	background-position: left top;
	min-height:420px;
    height: auto !important;
	height:420px;
	margin-bottom:10px;
}

div#haendlersuche table{
	border-collapse:collapse;
}

div#haendlersuche select.country{
	margin-bottom:2px;
	font-size:10px;
	color:#333333;
	background-color:#F1F1F2;
	width:205px;
}
div#haendlersuche table#localsearch{
	width:205px;
}
div#haendlersuche table#localsearch td{
	font-size:10px;
	padding:0 0 0 3px;
	color:#666666;
	background-color:#F1F1F2;
	border-bottom:2px solid #ffffff;
}
div#haendlersuche table#localsearch td.col2 input{
	width:100px;
	height:15px;
	font-size:10px;
	padding:0;
}

table.tx-rfinder-pi1-retailerList{
	margin:10px 5px 10px 5px;
}
table.tx-rfinder-pi1-retailerList td{
	padding: 0 5px 0 5px;
}
table.tx-rfinder-pi1-retailerList tr.act td{
	font-weight:bold;
	vertical-align:top;
}
table.tx-rfinder-pi1-retailerList td.col3,
table.tx-rfinder-pi1-retailerList tr.act td.col3{
	padding-right:0px;
}
table.tx-rfinder-pi1-retailerList td.col3b,
table.tx-rfinder-pi1-retailerList tr.act td.col3b{
	padding-left:0px;
}

div#haendlersuche div.details{
	padding:10px 10px 0 10px;
}
div#haendlersuche div.details table{
	margin:1em 0 1em 0;
}
div#haendlersuche div.details table td{
	padding:0;
}
div#haendlersuche div.details img{
	margin:0 8px 10px 0;
}

div#jscontent{
	border-left:2px solid #D0D1CE;
	border-right:2px solid #D0D1CE;
	padding: 0 8px 0 8px;
	color:#666666;
	background-color:#F3F3F1;
}

/* ############################################################ */
/* #### Händlersuche-ImageMap ################################# */

div#countrymap-de {
	margin-top:30px;
	width:205px;
	height:262px;
	background-image: url(images/imagemap-de/country-54.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#currentregion{
	width:205px;
	height:262px;
	background-repeat: no-repeat;
	background-position: left top;
}


/* ############################################################ */
/* #### Hauptnavigation ####################################### */

ul#nav{
	position:absolute;
	top: 101px;
	left:0;
	width: 900px;
	margin: 0;
	padding: 0 10px 0 10px;
	list-style: none;
}

ul#nav li{
	float: left;
}

ul#nav a{
	display:inline; /* für den I.E.-Mac, sonst stehen die Hauptmenuepunkte untereinander */
	color: #FFFFFF;
	background-color:transparent;
	text-decoration: none;
	padding: 0 15px 1px 15px;
	line-height:14px;
	border-bottom: 1px solid #EBE6D8;
	background-image: url("images/bg_ul_nav.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

ul#nav .last a{
	background-image:none;
}

/* I.E. Hack (ohne gibt es im Safari Probleme beim Hovern von Punkten ohne Unterpunkte) - Der Kommentar nach dem "a" ist der Hack: */
ul#nav a/* */ {
	display:block;
}

ul#nav li span a.act,
ul#nav li span a:hover{
	position:relative;
	left:-1px;
	color: #AD9962;
	background-color:#F3F0E8;
	text-decoration:none;
}

ul#nav li ul {
	position: absolute;
	display:block;
	top: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#nav li li {
	display: block;
	float: left;
	margin:0;
	padding:0;
	line-height:13px;
}

ul#nav li li a {
	line-height:13px;
	display:inline; /* oder lieber "block" ? */
	padding: 0px 15px 0px 15px;
	color: #C2B38B;
	background-color: transparent;
	border-bottom: none;
	background-image: url("images/bg_ul_nav_ul.gif");
	background-position: right center;
	background-repeat: no-repeat;
}
ul#nav li li.last a{
	background-image:none;
}
ul#nav li li a.act,
ul#nav li li a:hover{
	color:#ff8400;
	background-color: transparent;
	text-decoration:none;
}

ul#nav li > ul{
	top: auto;
	left: auto;
}


/* ############################################################ */
/* #### Unternavigation ####################################### */

ul#subnav{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#subnav li{
	margin:0 0 1px 0;
	padding:0;
	list-style-type:none;
	font-size:11px;
}
ul#subnav li a{
	padding:1px 0 1px 9px;
	display:block;
	color:#666666;
	background-color:#F1F1F2;
	line-height:1.4em;
}
ul#subnav li a.act,
ul#subnav li a:hover{
	color:#666666;
	background-color:#D9D9D4;
}

span.subnavcount {
	display:block;
	float:left;
	margin-right:3px;
	width:2em;
	text-align:right;
}


/* ############################################################ */
/* #### Bildnavigationen (Team) ############################### */

div#imgnav{
	margin-top:25px;
	padding: 1px 0 1px 2px;
	border-left:1px solid #F1F1F2;
	border-top:1px solid #F1F1F2;
}
div#imgnav img{
	margin: 1px 1px 0 0;
}

h2.imgsubline img{
	float:right;
	margin-left:1px;
}


/* ############################################################ */
/* #### Philosophienavigation ################################# */

div#philosophienav{
	width:420px;
	height:24px;
	overflow:hidden;
	background-image: url("images/bg_philosophienav.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

div#philosophienav a{
	display:block;
	float:left;
	height:24px;
	width:24px;
	line-height:24px;
	text-align:center;
	margin: 0 20px 0 0;
	font-size:9px;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
	background-position: left top;
	background-repeat: no-repeat;
}
div#philosophienav a#phila10{ margin-right:0; }

div#philosophienav a#phila1{ background-image: url("images/philosophienav/1.gif"); }
div#philosophienav a#phila2{ background-image: url("images/philosophienav/2.gif"); }
div#philosophienav a#phila3{ background-image: url("images/philosophienav/3.gif"); }
div#philosophienav a#phila4{ background-image: url("images/philosophienav/4.gif"); }
div#philosophienav a#phila5{ background-image: url("images/philosophienav/5.gif"); }
div#philosophienav a#phila6{ background-image: url("images/philosophienav/6.gif"); }
div#philosophienav a#phila7{ background-image: url("images/philosophienav/7.gif"); }
div#philosophienav a#phila8{ background-image: url("images/philosophienav/8.gif"); }
div#philosophienav a#phila9{ background-image: url("images/philosophienav/9.gif"); }
div#philosophienav a#phila10{ background-image: url("images/philosophienav/10.gif"); }

div#philosophienav a#phila1:hover, div#philosophienav a#phila1.act{	background-image: url("images/philosophienav/1a.gif"); }
div#philosophienav a#phila2:hover, div#philosophienav a#phila2.act{	background-image: url("images/philosophienav/2a.gif"); }
div#philosophienav a#phila3:hover, div#philosophienav a#phila3.act{	background-image: url("images/philosophienav/3a.gif"); }
div#philosophienav a#phila4:hover, div#philosophienav a#phila4.act{	background-image: url("images/philosophienav/4a.gif"); }
div#philosophienav a#phila5:hover, div#philosophienav a#phila5.act{	background-image: url("images/philosophienav/5a.gif"); }
div#philosophienav a#phila6:hover, div#philosophienav a#phila6.act{	background-image: url("images/philosophienav/6a.gif"); }
div#philosophienav a#phila7:hover, div#philosophienav a#phila7.act{	background-image: url("images/philosophienav/7a.gif"); }
div#philosophienav a#phila8:hover, div#philosophienav a#phila8.act{	background-image: url("images/philosophienav/8a.gif"); }
div#philosophienav a#phila9:hover, div#philosophienav a#phila9.act{	background-image: url("images/philosophienav/9a.gif"); }
div#philosophienav a#phila10:hover, div#philosophienav a#phila10.act{	background-image: url("images/philosophienav/10a.gif"); }

p#jscontent{
	font-weight:bold;
	height:100px;
}


/* ############################################################ */
/* #### Berichte-Navigation ################################### */

ul#reportnav{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#reportnav li{
	margin:0 0 1px 0;
	padding:0;
	list-style-type:none;
	font-size:11px;
}
ul#reportnav li a{
	padding:1px 0 1px 5px;
	display:block;
	line-height:1.4em;
	color:#666666;
	background-color:#D9D9D4;
}
ul#reportnav li.report{
	background-position: right top;
	background-repeat: no-repeat;
}
ul#reportnav li.report a{
	padding:1px 47px 1px 5px;
	display:block;
	line-height:1.4em;
	color:#666666;
	background-color:transparent;
	background-image: url("images/bg_reportnav_a.gif");
	background-position: left top;
	background-repeat: repeat-y;
}
ul#reportnav li.report a:hover,
ul#reportnav li.report a.act{
	background-image: url("images/bg_reportnav_a_act.gif");
}
ul#reportnav li.last {
	margin-bottom:10px;
}


/* ############################################################ */
/* #### Drop-Down-Menü bei Produkten ########################## */

table#dropnav{
	width:205px;
	overflow:hidden;
	border-collapse:collapse;
}
table#dropnav td{
	font-size:10px;
	border-bottom:2px solid #ffffff;
	padding:0;
}
table#dropnav td.col1{
	color:#666666;
	background-color:#D1D2CF;
	padding: 0 0 0 3px;
}
table#dropnav td.col2{
	text-align:right;
	width:120px;
}

table#dropnav form{
	margin:0;
	background-color:#FFFFFF;
	padding-left:1px;
}
table#dropnav select{
	font-size:10px;
	color:#333333;
	background-color:#F1F1F2;
	width:119px;
	border-right:1px solid #F1F1F2;
}

/* ############################################################ */
/* #### Bildergalerie ######################################### */

div.tx-photogals-pi1 table{
	border-collapse:collapse;
}
div.tx-photogals-pi1 table td{
	width:420px;
	padding:0;
	text-align:center;
	vertical-align:top;
}
div.tx-photogals-pi1 table.big td{
	height:390px;
}
div.tx-photogals-pi1 table.gallerynav td{
	height:30px;

}
div.tx-photogals-pi1 table.gallerynav td img{
	margin-bottom:-3px;
}
div.tx-photogals-pi1 div#thumbs img{
	border:1px solid white;
}
div.tx-photogals-pi1 div#thumbs a:hover img,
div.tx-photogals-pi1 div#thumbs img.act{
	border:1px solid #ff8400;
}


a.produktgaleriethumb,
a.produktgaleriethumb-act{ padding-bottom:5px; }

a.produktgaleriethumb img { border:1px solid #ffffff; }
a.produktgaleriethumb:hover img,
a.produktgaleriethumb-act img { border:1px solid #ff8400; }