/********************/
/*Allgemeine Definitionen*/
/********************/
*{
  margin: 0px;
  padding: 0px;
}
HTML{
  font-size: 11px;
  font-family: arial, sans-serif;
  font-weight: normal;
  color: #000000;
}
H1{
  font-size: 14px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #000000;
  margin-bottom: 11px;
}
H2{
  font-size: 14px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FF0000;
  margin-bottom: 11px;
  margin-top: 11px;
}
H3{
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
H4{
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #000000;
  margin-bottom: 5px;
}
H5
{
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FF0000;
  margin-bottom: 5px;
}
H6{
  font-weight: bold;
  font-size: 11px;
  color: black;
  margin-bottom: 11px;
}
A {
  font-size: 11px;
  font-family: arial, sans-serif;
  font-weight: normal;
  color: #FF0000;
  text-decoration: none;
}
A:hover{
  color:#FF0000;
  text-decoration: underline;
}
IMG{
  border:0px;
}
/*Preisdarstellung*/
.price{
  float:left;
  display: inline;
  font-size: 14px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FF0000;
}
.price .currency{
  display: inline;
  font-size: 14px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #000000;
  margin-left: 3px;
}
/*Eingabe*/
.button{
  border: 1px solid #ACACAC;
  background: #EAEAEA
}
.textbox{
  border:1px solid #ACACAC;
  background: #FFFFFF;
  padding: 0px 0px 0px 2px;
}
.checkbox{
  border:none;
  background:none;
  margin-bottom:0px;
}
.special {
	display:none;
	padding:0px;
	margin:0px;
	border:0px;
}
/********************/
/****Wrap Klassen****/
/********************/
#pageWrap{
  float:left;
  display: inline;
  width: 901px;
  margin: 10px;
  border-bottom: none;
}
#page{
  float:left;
  display: inline;
  width: 901px;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
}
#content{
  float:left;
  display: inline;
  width:891px;
  margin: 0px 5px 0px 5px;
}
#page #spalteLinks{
  float:left;
  display: inline;
  margin: 5px 5px 0px 0px;
  width: 193px;
  padding:0px;
}
#page #spalteMitte{
  float:left;
  display: inline;
  margin: 5px 0px 0px 0px;
  width: 500px;
  padding:0px;
}
#page #spalteRechts{
  float: left;
  display: inline;
  margin: 5px 0px 0px 0px;
  width: 193px;
  padding:0px;
}
/********************/
/*Oberer Bereich, roter Balken*/
/********************/
/*Runde ecken oben*/
#pageWrapCorners{
  width: 903px;
  height: 6px;
  background: #FFFFFF;
}
/*Roter Balken Oben*/
#roterBalken{
  float:left;
  display: inline;
  width: 891px;
  height: 38px;
  background-image: url(/fileadmin/img/roterBalken_bg.gif);
  background-repeat: repeat-x;
}
#roterBalken #logo{
  float:left;
  display: inline;
  width: 204px;
  height: 38px;
  margin: 0px 8px 0px 6px;
}
#roterBalken #slogan{
  float:left;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 14px 0px 0px 0px;
}
/*Locator*/
#roterBalken #locator{
  float: left;
  display: inline;
  margin: 1px 0px 0px 287px;
  height: 38px;
}
#roterBalken #locator A{
  color: #FFFFFF;
  text-decoration: none;
}
#roterBalken #locator A:hover{
  text-decoration: underline;
}
#locator .locatorLevel{
  margin: -2px 0px 0px 13px;
  padding-left: 8px;
  /*background-image: url(/fileadmin/img/locator_icon.gif);
  background-position: left 3px;
  background-repeat: no-repeat;*/
}
#locator .locatorLevel IMG{
  margin: 0px 3px 3px 0px;
}
/*
#roterBalken #locator UL{
  padding:0px;
  margin: 0px;
  list-style-image: url(/fileadmin/img/locator_icon.gif);
}
#roterBalken #locator UL LI {
  margin: -6px 0px 0px 0px;
}
#roterBalken #locator UL UL LI {
  margin: -6px 0px 0px 10px;
}
#roterBalken #locator UL UL UL LI {
  margin: -6px 0px 0px 20px;
}

#roterBalken #locator #treelevel0{
  margin: -1px 0px 0px 0px;
  padding-left: 8px;
  background-image: url(/fileadmin/img/locator_icon.gif);
  background-position: left 3px;
  background-repeat: no-repeat;
}
#roterBalken #locator #treelevel1{
  margin: -2px 0px 0px 15px;
  padding-left: 8px;
  background-image: url(/fileadmin/img/locator_icon.gif);
  background-position: left 3px;
  background-repeat: no-repeat;
}
#roterBalken #locator #treelevel2{
  margin: -2px 0px 0px 30px;
  padding-left: 8px;
  background-image: url(/fileadmin/img/locator_icon.gif);
  background-position: left 3px;
  background-repeat: no-repeat;
}*/
/********************/
/*Header*/
/********************/
#header{
  float:left;
  display: inline;
  width: 891px;
  height: 165px;
}
/*Header Links*/
#header1{
  float:left;
  display: inline;
  width:193px;
  height:165px;
  margin: 0px 5px 0px 0px;
  background-image: url(/fileadmin/img/header_welcome.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}
#header1 #welcomeTopic{
  float:left;
  display: inline;
  margin: 5px;
  width: 190px;
  height: 22px;
  font-weight:bold;
}
#header1 #welcomeText{
  float:left;
  display: inline;
  margin: 5px;
  width: 110px;
}
/*** FIX für Liste ***/
#header1 #welcomeText UL{
  margin-left:13px;
}
#header1 #welcomeText UL LI A{
 color:#000;
}
#header1 #welcomeText UL LI A:hover{
 color:#ff0000;
 text-decoration:none;
}
/*Header Mitte*/
#header2{
  float:left;
  display: inline;
  height: 165px;
  width: 495px;
  overflow: hidden;
}
/*Header Rechts*/
#header3{
  float:left;
  display: inline;
  width: 193px;
  height: 165px;
  margin: 0px 0px 0px 5px;
  background-image: url(/fileadmin/img/header_delivery.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}
#header3 #supportTopic{
  float:left;
  display: inline;
  margin: 5px 5px 0px 5px;
  width: 183px;
  height: 16px;
  font-weight:bold;
  font-size:16px;
  letter-spacing: 4px;
}
#header3 #supportNr{
  float:left;
  display: inline;
  margin: 5px;
  width: 183px;
  height: 20px;
  font-weight: bold;
  font-size: 25px;
  color: #FF0000;
  letter-spacing: 3px;
}
#header3 #supportText{
  float:left;
  display: inline;
  margin: 5px;
  width: 110px;
}
#header3 #lieferText1{
  float:left;
  display: inline;
  margin: 45px 5px 2px 8px;
  width: 80px;
}
#header3 #lieferText2{
  float:left;
  display: inline;
  margin: 0 5px 5px 8px;
  width: 180px;
}
/********************/
/*Main-Navigation*/
/********************/
#mainNavi{
  float:left;
  display: inline;
  width: 891px;
  height: 25px;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  border-top: 1px solid #AFAFAF;
  background-image: url(/fileadmin/img/mainNavi_bg.gif);
  background-repeat: no-repeat;
}
#mainNavi .mainNaviItem{
  float:left;
  display: inline;
  height: 20px;
  border-left: 1px solid #AFAFAF;
  text-align: center;
  padding-top: 3px;
  overflow:hidden;
}
#mainNavi A{
  font-size:14px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
#mainNavi A:hover{
  color: #FF0000;
}
/********************/
/*Sub-Navigation*/
/********************/
#subNavi{
  float:left;
  display: inline;
  width:193px;
  margin: 0px 0px 5px 0px;
}
#subNavi #subNaviHeader{
  float:left;
  display: inline;
  width: 185px;
  height: 14px;
  padding: 3px 3px 3px 5px;
  font-weight:bold;
  background-image: url(/fileadmin/img/subNavi_header.jpg);
  background-repeat: no-repeat;
}
#subNavi #subNaviItemList{
  float:left;
  display: inline;
  width: 191px;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
  background: #F0F0F0;
}
#subNavi #subNaviFooter{
  float:left;
  display: inline;
  width: 193px;
  height: 8px;
  background-image: url(/fileadmin/img/subNavi_footer.jpg);
  background-repeat: no-repeat;
}
#subNavi #subNaviItemList UL{
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 20px;
}
#subNavi #subNaviItemList UL LI{
  color: #FF0000;
}
#subNavi #subNaviItemList UL LI A{
  color: #000000;
  text-decoration: none;
}
#subNavi #subNaviItemList UL LI A:hover{
  color: #FF0000;
}

/********************/
/* Sub3-Navi */
/********************/
#sub3Navi{
  float:left;
  display: inline;
  /*width:193px;*/
  width:170px;
  margin: 0px 0px 5px 0px;
}
#sub3Navi #subNaviHeader{
  float:left;
  display: inline;
  /*width: 185px;*/
 width:170px;
  height: 14px;
  padding: 3px 3px 3px 5px;
  font-weight:bold;
  background-image: url(/fileadmin/img/subNavi_header.jpg);
  background-repeat: no-repeat;
}
#sub3Navi #subNaviItemList{
  float:left;
  display: inline;
  width: 169px;
  #border-left: 1px solid #AFAFAF;
  #border-right: 1px solid #AFAFAF;
  border-left: none;
  border-right: none;
  background: #F0F0F0;
}
#sub3Navi #subNaviFooter{
  float:left;
  display: inline;
  /*width: 193px;*/
 width:170px;
  height: 8px;
  background-image: url(/fileadmin/img/subNavi_footer.jpg);
  background-repeat: no-repeat;
}
#sub3Navi #subNaviItemList UL{
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 20px;
}
#sub3Navi #subNaviItemList UL LI{
  color: #FF0000;
}
#sub3Navi #subNaviItemList UL LI A{
  color: #000000;
  text-decoration: none;
}
#sub3Navi #subNaviItemList UL LI A:hover{
  color: #FF0000;
}

/********************/
/* Footer */
/********************/
#footer{
  float: left;
  display: inline;
  width: 903px;
  height: 26px;
  background-image: url(/fileadmin/img/footer_bg.jpg);
  background-repeat: no-repeat;
  margin: 0px;
}
/*quickMenu im footer*/
#footer #quickMenu{
  float:left;
  display: inline;
  margin: 9px 8px 8px 8px;
}
#footer #quickMenu .quickMenuItem{
  float:left;
  display: inline;
  margin: 0px 15px 0px 0px;
}
#footer #quickMenu .quickMenuItem IMG{
  margin-right: 3px;
}
#footer #quickMenu .quickMenuItem A{
  text-decoration: none;
  color: #000000;
}
#footer #quickMenu .quickMenuItem A:hover{
  color:#FF0000;
}
/********************/
/* Contentboxen */
/********************/
/*Teaser Boxen*/
.teaser{
  float:left;
  display: inline;
  width: 165px;
  margin: 0px 0px 5px 0px;
}
.teaser .teaserHeader{
  float:left;
  display: inline;
  width: 182px;
  height: 12px;
  padding: 7px 4px 9px 7px;
  background-image: url(/fileadmin/img/smallTeaser_header.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
.teaser .teaserContent{
  float:left;
  display: inline;
  width: 183px;
  padding: 4px;
  background: #FFFFFF;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
}
.teaser .teaserContent .csc-header{
  /*hack zum Ausblenden des durch CSC
  gerenderten Headers bei Teasern*/
  display:none;
}
.teaser .teaserFooter{
  float:left;
  display: inline;
  width: 193px;
  height: 4px;
  background-image: url(/fileadmin/img/smallTeaser_footer.gif);
  background-repeat: no-repeat;
}
.teaser .teaserContent IMG{
  /*float: right;
  display: inline;*/
}
.teaser .teaserContent P .tmb{
  float: left;
  display: inline;
  width: 80px;
}
.teaser .teaserHeader A{
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
/*Spezielle Teaser Box für RSS*/
.teaserRSS{
  float:left;
  display: inline;
  width: 165px;
  margin: 0px 0px 5px 0px;
}
.teaserRSS .teaserHeaderRSS{
  float:left;
  display: inline;
  width: 182px;
  height: 12px;
  padding: 7px 4px 9px 7px;
  background-image: url(/fileadmin/img/smallTeaser_header.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
.teaserRSS .teaserContentRSS{
  float:left;
  display: inline;
  width: 183px;
  padding: 4px 4px 3px 4px;
  background: #FFFFFF;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
}
.teaserRSS .teaserContentRSS .csc-header{
  /*hack zum Ausblenden des durch CSC
  gerenderten Headers bei Teasern*/
  display:none;
}
.teaserRSS .teaserFooterRSS{
  float:left;
  display: inline;
  width: 193px;
  height: 4px;
  background-image: url(/fileadmin/img/smallTeaser_footer.gif);
  background-repeat: no-repeat;
}
.teaserRSS .teaserContentRSS IMG{
  /*float: right;
  display: inline;*/
}
.teaserRSS .teaserContentRSS P .tmb{
  float: left;
  display: inline;
  width: 80px;
}
.teaserRSS .teaserHeaderRSS A{
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
/*Spezielle Teaser BOx für ProduktSuche*/
.teaserPS{
  float:left;
  display: inline;
  width: 165px;
  margin: 0px 0px 5px 0px;
}
.teaserPS .teaserHeaderPS{
  float:left;
  display: inline;
  width: 182px;
  height: 12px;
  padding: 7px 4px 9px 7px;
  background-image: url(/fileadmin/img/smallTeaser_header.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
.teaserPS .teaserContentPS{
  float:left;
  display: inline;
  width: 183px;
  padding: 6px 4px 11px 4px;
  background: #FFFFFF;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
}
.teaserPS .teaserContentPS .csc-header{
  /*hack zum Ausblenden des durch CSC
  gerenderten Headers bei Teasern*/
  display:none;
}
.teaserPS .teaserFooterPS{
  float:left;
  display: inline;
  width: 193px;
  height: 4px;
  background-image: url(/fileadmin/img/smallTeaser_footer.gif);
  background-repeat: no-repeat;
}
.teaserPS .teaserContentPS IMG{
  /*float: right;
  display: inline;*/
}
.teaserPS .teaserContentPS P .tmb{
  float: left;
  display: inline;
  width: 80px;
}
.teaserPS .teaserHeaderPS A{
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
/*Box mit rotem Header wie Teaserbox über VOLLE Breite*/
.bigBoxRedHeader{
  float:left;
  display: inline;
  width: 495px;
  margin: 0px 5px 5px 0px;
}
.bigBoxRedHeader .boxHeader{
  float:left;
  display: inline;
  width: 485px;
  height: 12px;
  padding: 6px 4px 9px 7px;
  background-image: url(/fileadmin/img/bigTeaser_header.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
.bigBoxRedHeader .boxContent{
  float:left;
  display: inline;
  width: 490px;
  padding: 3px 0px 3px 3px;
  background: #FFFFFF;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
}
.bigBoxRedHeader .boxFooter{
  float:left;
  display: inline;
  width: 495px;
  height: 5px;
  background-image: url(/fileadmin/img/bigTeaser_footer.gif);
  background-repeat: no-repeat;
}
/*Box ohne roten Header über die HALBE Breite*/
.mediumBoxNoHeader{
  float:left;
  display: inline;
  width: 245px;
  margin: 0px 5px 5px 0px;
}
.mediumBoxNoHeader .boxHeader{
  float:left;
  width: 245px;
  height: 5px;
  background-image: url(/fileadmin/img/bigBox_header.gif);
  background-repeat: no-repeat;
}
.mediumBoxNoHeader .boxContent{
  float:left;
  width: 235px;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
  padding: 4px;
}
.mediumBoxNoHeader .boxFooter{
  float:left;
  width: 245px;
  height: 5px;
  background-image: url(/fileadmin/img/bigBox_footer.gif);
  background-repeat: no-repeat;
}
/*Box ohne roten Header über die VOLLE Breite*/
.bigBoxNoHeader{
  float:left;
  display: inline;
  width: 495px;
  margin: 0px 5px 5px 0px;
}
.bigBoxNoHeader .boxHeader{
  float:left;
  display: inline;
  width: 495px;
  height: 5px;
  background-image: url(/fileadmin/img/bigBox_nh_header.gif);
  background-repeat: no-repeat;
}
.bigBoxNoHeader .boxContent{
  float:left;
  display: inline;
  width: 487px;
  padding: 3px;
  background: #FFFFFF;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
}
.bigBoxNoHeader .boxFooter{
  float:left;
  display: inline;
  width: 495px;
  height: 5px;
  background-image: url(/fileadmin/img/bigBox_nh_footer.gif);
  background-repeat: no-repeat;
}
/*KEINE abgerundete Ecken über volle Breite mit Grauem Hintergrund*/
.BorderGrayBackground{
  background-color: #F9F9F9;
  padding: 2px 4px 2px 4px;
  margin: 0px 0px 5px 0px;
  border: 1px solid #AFAFAF;
  width:485px
}
/*Box ohne roten Header über DRITTEL Breite*/
.tinyBoxNoHeader{
  float:left;
  display: inline;
  width: 161px;
  margin: 0px 5px 5px 0px;
  overflow: hidden;
}
.tinyBoxNoHeader .boxHeader{
  float:left;
  width: 161px;
  height: 5px;
  background-image: url(/fileadmin/img/tinyBox_header.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
.tinyBoxNoHeader .boxContent{
  float:left;
  width: 153px;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #AFAFAF;
  padding: 3px;
  overflow: hidden;
}
.tinyBoxNoHeader .boxFooter{
  float:left;
  width: 161px;
  height: 5px;
  background-image: url(/fileadmin/img/tinyBox_footer.gif);
  background-repeat: no-repeat;
  overfow: hidden;
}