/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
html{}
body{

	background-color:white;
	font-family: "Verdana", "Arial", "Sans-Serif";
	font-size: 10px;
}
td{
	font-family: "Verdana", "Arial", "Sans-Serif";
	font-size: 10px;
	color:#545A5F;
}
ul{}
li{}
div{}
a{
	text-decoration:none;
	color:#FFB400;
}

img{
	border: none;
}
table{
	border:none;
}

/*** Farben ***/
/* #E5E8E8 hellgrau*/
/* #707982 mittelgrau*/
/* #545A5F dunkelgrau*/
/* #113A76 dunkelblau*/
/* #FFB400 orange*/

/** Introseite **/
#introbody{
	background-image:url(/files/intro_bg.gif);
	background-repeat:repeat-x;
	background-color:white;
}
#intrologo{

}
#introcontent{
	background-image:url(/files/intro_cbg.gif);
	background-repeat:no-repeat;
	height:355px;
}
#intromovie{
	padding-top:22px;
	margin-left:155px;
}
#introbtn{
	margin-left:375px;
}


/**** Bereichs-Styles ****/
#siteB{
	background-image:url(body_bg.gif);
	background-repeat:repeat-x;
	position:absolute;
	z-index:10;
	width:100%;
	margin-bottom:34px;
	background-color:#E5E8E8;
}
#siteSpacer{
	width:100%;
	padding-bottom:34px;
	background-color:white;
}

#logoB{
	width:780px;
	height:97px;
	line-height:0px;
}
#servicenavB{
	float:left;
	line-height:0px;
}
#searchB{
	float:right;
	margin:40px 0px 0px 0px;
	padding:0px;
	text-align:right;
	line-height:0px;
	height:57px;
}
.inputsearch{
	border:solid 1px #CCCCCC;
	margin:0px 0px 10px 0px;
	font-size:10px;
	height:17px;
	padding:2px 0px 0px 4px;
	color:#545A5F;
	background-image:url(input_bg.gif);
	background-repeat:repeat-x;
	border-top:0px;
}
.inputok{
	margin:0px 0px 9px 0px;
}

#crumblebreadB{
	background-image:url(crumble_bg.gif);
	background-repeat:no-repeat;
	width:780px;
	height:22px;
}
#navcontB{
	width:780px;
	background-image:url(navcont_bg.gif);
	background-repeat:repeat-y;
}

#naviB{
	float:left;
	width:155px;
}
#contentB{
	float:right;
	width:625px;
	height:500px;
	padding-bottom:18px;
}
#navcontB > #contentB{
	height:auto;
	min-height:500px;
}

#blueB{
	float:left;
	width:220px;
	line-height:17px;
}
#blueB p{
	margin-top:18px;
	margin-left:18px;
	margin-right:18px;
	color:white;
}
/** Content Bereich **/
#greyB{
	float:right;
	width:405px;
	margin:0px 0px 0px 0px;
	line-height:17px;
	color:#545A5F;
	padding-bottom:66px;
}
#navcontB > #greyB{
	padding-bottom:46px;
}

#greyB ul{
	list-style:none;
}
#greyB li{
	padding-left:10px;
	background-image:url(list_img.gif);
	background-repeat:no-repeat;
	background-position:2px 6px ;
}
#greyB p, #greyB .abstandlinks{
	margin-left: 24px;
}


#whiteB{
	width:155px;
	height:100%;
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	background-color:white;
}
#repLoginB{
	position:absolute;
	top:427px;
	left:0px;
	z-index:11;
}

/**** Footer ****/
.Footer{
	width:381px;
	margin:34px 0px 0px 24px;
	position:absolute;
	bottom:63px;
}
#greyB > .Footer{
	bottom:53px;
}

.Ftop{
	width:372px;
	text-align:right;
	margin:0px 0px 9px 0px;
}
.Fspacer{
	height:1px;
	width:381px;
	line-height:0px;
	background-color:#BDC6CF;
}
.Fprint{
	width:87px;
	float:left;
	margin:9px 0px 0px 0px;
}
.Fimprint{
	float:left;
	margin:9px 0px 0px 19px;
}


/**** Navi ****/
.nav{
	margin:0px 0px 0px 0px;
}
.subnav{
	margin:0px 0px 0px 0px;
}
#crumble{
	margin:0px 0px 0px 400px;
}
.crumbleelement{
	float:left;
	margin:4px 0px 0px 0px;
	font-size:10px;
	color:#E1E4E5;
}

#crumble a{
	font-size:10px;
	color:#E1E4E5;
	text-decoration:none;
}
#crumble a:hover{
	color:#FFB400;
}

.crumbleimg{
	float:left;
}


/**** Representatives Login****/
.repInput{
	width:92px;
	border:solid 1px #CCCCCC;
	font-size:10px;
	height:17px;
	padding:2px 0px 0px 4px;
	color:#545A5F;
	background-image:url(input_bg.gif);
	background-repeat:repeat-x;
	border-top:0px;
}
.repInputOk{
	margin:1px 0px 0px 0px;
}


/** Representatives highlight**/
.rephighlight{
	background-color:#CCC;
	margin-top:1px;
	margin-bottom:1px;
}

/**** ****/
.clearer{
	clear:both;
}

/**** Sitemap ****/
#sitemap{
	width:381px;
	margin:0px 0px 0px 24px;
	list-style:none;
	display:block;
}
#sitemap a {
	line-height:17px;
	color:#545A5F;
	text-decoration:none;
}
#sitemap a:hover{
	color:#FFB400;
}
#sitemap ul{
	list-style:none;
	display:block;
}
#sitemap  li{
	display:block;
	background-image:url(sitemap_li_bg.gif);
	background-position:0px 4px;
	padding:7px 0px 4px 10px;
	margin-top:10px;
}
#sitemap  li a{
	font-weight:bold;
	margin-top:1px;
	margin-bottom:24px;
}
#sitemap li ul{
	display:block;
	margin-top:7px;
}
#sitemap li ul ul{
	display:block;
	margin-top:0px;
	margin-bottom:6px;
	margin-left:6px;
}
#sitemap li li{
	display:block;
	padding:0px 0px 0px 8px;
	background-image:url(sitemaparrow.gif);
	background-position:1px 7px;
	margin-top:0px;
}
#sitemap  li li a {
	font-weight:normal;
}

/**** Abstaende von Elementen ****/
.keinumbruch{
	margin-bottom:0px;
}
.einfacherumbruch{
	margin-bottom:17px;
}
.doppelterumbruch{
	margin-bottom:34px;
}
/** Trennerlinie **/
.trennerline {
	display:block;
	height:1px;
	background-color:#BDC6CF;
	line-height:0px;
	overflow:hidden;
}
#greyB .trennerline {
	margin-left:24px;
}


/** Subline **/
.trenner{
	display:block;
	width:381px;
	height:3px;
	line-height:0px;
	overflow:hidden;
	background-image:url(trenner.gif);
}
.texttrenner{
	display:block;
	padding-left:5px;
}

/** headline **/
.headline{
	margin-top:34px;
}

/** Zurueckbutton **/
#greyB .back{
	margin-left:24px;
}
.back a{
	display:block;
	background-image:url(icon_back.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	font-weight:bold;
	background-position:center left;
}

/** Suche **/
p.search{
	margin-top:14px;
	padding-bottom:15px;
	border-bottom:1px #CCCCCC solid;
}
p.search strong{
	color:#FFB400;
	font-weight:normal;
}
p.search a{
	display:block;
	background-image:url(icon_search.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding:0px 0px 0px 13px;
	font-weight:bold;
	color:#FFB400;
}
p.search a:hover{
	color:#FFB400;
}

/** Artikelliste **/
#greyB .artlist{
	margin-left: 24px;
}
#greyB .artlist ul{
	float:left;
	width:322px;
}
#greyB .artlist .blaettern{
	float:right;
	margin-top: 4px;
}
#greyB .artlist .blaettern .firsticon{
	margin: 0px 0px 0px 0px;
}
#greyB .artlist .blaettern .secondicon{
	margin: 0px 10px 0px 2px;
}
#greyB .artlist li{
	float: left;
	background-image:none;
}
#greyB .artlist li a{
	color: #555A60;
	font-weight: bold;
}
#greyB .artlist li a:hover {
	color: #FFB400;
}
#greyB .artlist li.active a{
	color: #FFB400;
}


/** Bildmodul **/
#blueB .imagecontainer{
	width:220px;
	line-height:0px;
	overflow:hidden;
}
#greyB .imagecontainer{
	margin-left:24px;
	line-height:0px;
}
#greyB .imagecontainer .lupe{
	display:block;
	margin-top:16px;
	margin-left:5px;
}
#greyB .imagecontainer .lupe a{
	background-image:url(/files/icon_glass.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
	font-weight:bold;
}


/** Produktliste **/
#blueB #produktliste{
	display:block;
	margin:31px 0px 6px 0px;
	
}
#blueB #produktliste strong{
	display:block;
	margin-bottom:5px;
}
#blueB #produktliste a{
	background-repeat:no-repeat;
	padding:3px 0px 3px 20px;
	display:block;
	margin:0px;
	font-weight:bold;
	background-position:center left;
}
#blueB #produktliste a:hover{
	color:white;
}





/** Popup **/
#popupbody{
		background-color:#E6E7E9;
}
#popup {
	width:100%;
	text-align:center;
	padding-top:20px;
	background-color:#E6E7E9;
}
#closeB{
	display:block;
	text-align:right;
	background-color:#E6E7E9;
	padding:5px 20px 0px 0px;
	margin-top:6px;
}


/** Icon zusaetze **/
.tel{
	background-image:url(icon_tel.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
}

.fax{
	background-image:url(icon_fax.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
}
.mobil{
	background-image:url(icon_mobil.gif);
	background-repeat:no-repeat;
	background-position:2px 0px;
	padding-left:14px;
}
a.mail{
	color:#FFB400;
	background-image:url(icon_mail.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
	font-weight:bold;
}

a.extern{
	color:#FFB400;
	background-image:url(icon_link.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:14px;
	font-weight:bold;
	margin-left:1px;
}
.imtext a.extern{ /** Externer Link modul **/ 
	margin-left:0px;
}


/** Printversion **/
#printpage{
	background-color:#E6E7E9;
	background-image:url(print_bg.gif);
	background-repeat:no-repeat;
	background-color:white;
}
#print{
	width:405px;
}
#print p{
	padding-left:15px;
}
#print .imagecontainer{
	padding-left:15px;
}
#print .abstandlinks{
	padding-left:15px;
}
#print .listitem{
	display:block;
	padding-left:10px;
	background-image:url(list_img.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
}
#printpage #sitemap *{
	background-image:none;
}
#printpage .Footer{
	display:none;
}
#printpage ul{
	list-style:none;
}
#printpage li{
	padding-left:10px;
	background-image:url(list_img.gif);
	background-repeat:no-repeat;
	background-position:2px 6px ;
}
#printpage .artlist{
	margin-left: 24px;
}
#printpage .artlist ul{
	float:left;
	width:322px;
	margin-top:2px;
	margin-bottom:2px;
}
#printpage .artlist .blaettern{
	display:none;
}
#printpage .artlist .blaettern .firsticon{
	margin: 0px 0px 0px 0px;
}
#printpage .artlist .blaettern .secondicon{
	margin: 0px 10px 0px 2px;
}
#printpage .artlist li{
	float: left;
	background-image:none;
}
#printpage .artlist li a{
	color: #555A60;
	font-weight: bold;
}
#printpage .artlist li a:hover {
	color: #FFB400;
}
#printpage .artlist li.active a{
	color: #FFB400;
}

/** Downloadmodul **/
.download{
	color:#FFB400;
	background-image:url(icon_download.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:16px;
	padding-right:20px;
	font-weight:bold;
}
.readarticle{
	background-image:url(sitemaparrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:8px;
	font-weight:bold;
	color:#FFB400;
}

/** Special Offers / Events **/


.eventelement .eventtrenner{
	display:block;
	width:381px;
	height:3px;
	line-height:0px;
	overflow:hidden;
	background-image:url(trenner_event.gif);
}
.eventelement .headline{
	font-weight:bold;
	padding:6px 0px 7px 5px;
}
.eventelement .cont{
	padding:10px 0px 43px 0px;
	vertical-align:top;
	line-height:17px;
}
.eventelement .cont img{
	margin-top:1px;
}
.eventelement .text{
	padding-left:2px;
	padding-right:2px;
}

.eventelement .cont a.extern{
	margin-left:0px;
	vertical-align:top;
}

.eventelement .line{
	background-color:#CCCCCC;
}

/** List item**/
#greyB .listitem{
	display:block;
	padding-left:10px;
	background-image:url(list_img.gif);
	background-repeat:no-repeat;
	background-position:2px 6px ;
}

/** Formular Styles **/
#form-module{}
#form-module fieldset{
	padding-top:22px;
	padding-bottom:22px;
	margin-left:24px;
	background-color:#ECEDEF;
	border:1px solid #CECED0;
}
#form-module legend{
	display:none;
}
#form-module .element{
	margin-left:22px;
	margin-right:22px;
	clear:both;
	margin-bottom:6px;
}
#form-module .element input{
	border:solid #CCC 1px;
	width:240px;
	font-size:10px;
	height:17px;
	padding:2px 0px 0px 4px;
	color:#545A5F;
}
#form-module .element select {
	border:solid #CCC 1px;
	width:240px;
	font-size:10px;
	height:17px;
	color:#545A5F;
}
#form-module .element input.text, #form-module .element textarea {
	background-image:url(input_bg.gif);
	background-repeat:repeat-x;
	border-top:0px;
}
#form-module .element textarea {
	border:solid #CCC 1px;
	width:240px;
	height:90px;
}
#form-module .element .submit{
	border:solid #CCC 1px;
	background-color:#CCCCCC;
	color:#525B62;
	height:auto;
	font-weight:bold;
	font-size: 10px;
	width:121px;
	padding:0px;
	margin-left:93px;
	margin-top:12px;
}
#form-module .element label{
	display:block;
	float:left;
	width:90px;
}
#form-module .element p{
	margin-left:93px;
}
#form-module .element .spacer{
	display:block;
	height:3px;
	line-height:0px;
	overflow:hidden;
	background-image:url(trenner_form.gif);
}
#form-module-thanks{
	margin-left:24px;
	background-color:#ECEDEF;
	border:1px solid #CECED0;
	padding:22px;
	font-weight:bold;
}

/** Newsletter **/
#newsletter{
	display:block;
	margin-left:24px;
}
#newsletter .newslettertrenner{
	display:block;
	width:381px;
	height:3px;
	line-height:0px;
	overflow:hidden;
	background-image:url(trenner_newsletter.gif);
	margin-bottom:16px;
}
#newsletter .trenner{
	margin-bottom:16px;
	margin-top:16px;
}
#newsletter .text{
	margin-top:18px;
	width:121;
	border:solid #CCC 1px;
	background-image:url(input_bg.gif);
	background-repeat:repeat-x;
	border-top:0px;
	font-size:10px;
	height:17px;
	padding:2px 0px 0px 4px;
	color:#545A5F;
}

#newsletter .radio{
	width:20px;
	margin-top:-13px;
}
#newsletter td.linie{
	height:1px;
	background-color:#CCCCCC;
}
#newsletter td.label{
	padding-bottom:18px;
}
#newsletter .submit{
	border:solid #CCC 1px;
	background-color:#CCCCCC;
	color:#525B62;
	height:auto;
	font-weight:bold;
	font-size: 10px;
	width:121px;
	padding:0px;
}


/** Dropdownbereich Representatives **/
#selectarea{
	background-image:url(/files/blau_representatives.jpg);
	background-repeat:no-repeat;
	height:310px;
	padding:62px 10px 0px 10px;
}
#selectarea .selectBox{
	margin-bottom:14px;
}
#selectarea select {
	border:solid #CCC 1px;
	width:197px;
	font-size:10px;
	height:17px;
	color:#545A5F;
}
#selectarea optgroup{
	font-weight:bold;
	font-style:normal;
	font-size:10px;
	color:#545A5F;
	padding:0px 0px 8px 8px;
}
#selectarea option.title{
	padding:0px 0px 8px 0px;
}
#selectarea option{
	padding:0px 0px 0px 8px;
}
#selectarea option.otherCountries{
	font-style:italic;
	color:#525B62;
}


/** Produktdirekteinstieg **/

#productselect{
	position: absolute;
	bottom: 76px;
	left: 165px;
}
#navcontB > #productselect{
	bottom: 65px;
}

#productselect select {
	border:solid #CCC 1px;
	width:197px;
	font-size:10px;
	height:17px;
	color:#545A5F;
}
#productselect optgroup{
	font-weight:bold;
	font-style:normal;
}

