/* === ELEMENT ================================================================ */

body {
   padding: 0;
   margin: 0;
   font-family: Verdana, Arial, Helvetica; 
}

body {
	 behavior:url("/css/csshover.htc");
}

a, a.hover {
   color: #003399;
}

h1,h2,h4,h5,h6 { font-size: 15px; line-height: 15px; font-weight: bold; color:#333333 }

h3 { 
   font-size: 12px;
   font-weight: bold;
}

table { font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 16px }

font { font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 13px }

a { font-family: verdana, arial, helvetica; font-size: 11px; line-height: 13px }

h1 { font-family: Verdana, Arial, Helvetica; font-size: 18px; line-height: 30px; font-weight: bold; color:#336666; margin: 0px; padding: 0px; padding-left:100px; }

/* === CLASS ================================================================ */

/* --- bold ----------------------------------------------------------------- */

.bold {
   font-weight:bold;
}

/* --- Bestseller auf Startseite--------------------------------------------- */

.rotweissbalken {
   background:#CC0000;
   color:#FFFFFF;
	font-size:11px; 
	font-weight:bold;
	padding:3px;
	cursor:pointer;
}

.rotweissbalken:hover{
	background:#EE0000;
}

.bestsellerol {
	margin:0px 5px 5px 15px;
	padding:0px 5px 5px 15px;
}

.bestsellerol li {
	padding:3px 0px 1px 0px;
}

.bestseller {
   border: 1px solid #000000;
   font-size: 10px;
   line-height: 10px;
}

.bestseller a {
   color: #000000;
   font-size: 10px;
}

.bestseller th {
   background-color:#FF6600;
   color:#FFFFFF;
   font-size: 11px;
   padding: 3px;
}

/* --- Mwst-Hinweis --------------------------------------------------------- */

.mwstvk, .mwstvk a {
   color: #666666;
   font-size: 10px;
}

/* --- Langtext auf Artikelseite -------------------------------------------- */

.langtext {
  font-family:Verdana;
  font-size:12px;
}

/* --- Tooltip -------------------------------------------------------------- */

.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 2px;
}
.tooltip .head{
	background-color: #CC0000;
	color: white;
	font-weight: bold;
	padding: 2px 2px 2px 10px;
}
.tooltip .content{
	font-size: 10px;
	padding:2px;
}

/* --- Teaser für Notebookrucksaecke----------------------------------------- */

.teaserul {
   list-style-type:none;
   padding:0px 130px 0px 270px;
   margin:0;
}
.teaserul li {
   border:1px #999999 solid;
   margin:3px;
}
.teaserul a {
   font-weight:bold;
   background-color:#EEEEEE;
   color:#000000;
   text-decoration:none;
   display:block;
   padding:3px;
   margin:0;
}
.teaserul a:hover {
   background-color:#FFFFFF;
}

/* --- Listen auf Themenseiten ---------------------------------------------- */

.themenseitenul {
   list-style-type:none;
   padding:0px 0px 0px 0px;
   margin:0;
}
.themenseitenul li {
   border:1px #999999 solid;
   margin:3px;
}
.themenseitenul a {
   font-weight:bold;
   background-color:#EEEEEE;
   color:#000000;
   text-decoration:none;
   display:block;
   padding:3px;
   margin:0;
}
.themenseitenul a:hover {
   background-color:#FFFFFF;
}

/* --- nullmarginpadding ---------------------------------------------------- */

.nullmarginpadding {
	margin:0px;
	padding:0px;
}

/* --- Factfinder-Suggest --------------------------------------------------- */

div.suggestFormWrap{
	position:absolute;
	z-index:1001;
}

div.suggestLayer {
	position: relative;
	top: 0;
	left: 81px;
	width: 1px;
	height: 1px;
	display: none;
	padding: 0;
	margin: 0;
	z-index: 1000;
	background-color: #DEE2E7;
	/* background: transparent; */
	/* opacity: 0.9; */
	/* filter:alpha(opacity=90); */
}

table.suggestLayer {
	font-size: 10px;
	width: 130px;
	border: 1px solid #5C7997;
	height: 12px;
	background-color: #DEE2E7;
	color: #000000;
	cursor: pointer;
}
tr.suggestLayer { 
	height: 12px;
}
td.suggestLayer {
	padding: 5px;
	height: 12px;
}
td.suggestHeader{
	font-weight: normal;
	font-size: 10px;
	border-bottom: 1px solid #5C7997;
	padding: 2px 2px 2px 5px;
}
tr.suggestRow{
	background-color: #F0F0F0;
}
td.suggestTextQuery{
	padding: 1px 5px 2px 5px;
}
span.suggestTextQueryTyped{
	color: #003399;
	text-decoration: underline;
}
td.suggestTextType{
	padding: 1px 7px 2px 5px;
	width: 30%;
	font-weight: normal;
}
tr.suggestHighlight{
	color: #FCFCFC;
	background-color: #173553;
}
tr.suggestHighlight span.suggestTextQueryTyped{
	color: white;	
}

/* --- PageNavigation für Seitenzahlen -------------------------------------- */

.pageNavigation {margin-top: .5em;margin-right: 20px;margin-bottom: 5px;float: left;clear: left;}

.pageNavigation ul {list-style: none;margin: 0;padding: 0;}

.pageNavigation li {margin-right: 3px;float: left;position: relative;}
/* border:1px #666666 solid; */
.pageNavigation a {text-align:center; text-decoration: none; border:1px #666666 solid; padding:0 4px; background-color:#F0F0F0; display:block;}

.pageNavigation .skip, .pageNavigation .skip:hover, .pageNavigation .skip:active {border: none;}
.pageNavigation .skip a, .pageNavigation .skip a:hover, .pageNavigation .skip a:active, .pageNavigation .skip span {background-color: transparent;background-image: none !important;border: none;margin: 0;padding: 0;}
.pageNavigation .skip {padding: 1px 1px !important;width: 16px;}
.pageNavigation .skip img {vertical-align: middle;}

.pageNavigation li a.aktuelleseite {background-color:#AAAAAA;}

.pageNavigation a:hover{background-color:#CCCCCC}

.pageNavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pageNavigation li {
	margin-right: 3px;
	float:left;
}

.pageNavigation a, .pageNavigation li span {
	text-align: center;
	text-decoration: none;
   background-color: #EEEEEE;
	border: 1px solid #666666;
	padding: 0 4px;
	display: block;
}

.pageNavigation li span {
   background-color: #CC0000;
   color: #FFFFFF;
   font-weight:bold;
}

.pageNavigation a:hover {
   background-color: #CCCCCC;
}

/* --- Selectboxen für Artikelfinder Filter --------------------------------- */

.finderselect {
   background: #fff;
   border-top: 2px solid #999999;
   border: 1px solid #999999;
   font: 1em/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
   margin-bottom:4px;
}   


/* === ID =================================================================== */

/* --- Linke Navigation ----------------------------------------------------- */

#linke_navi {
   height:100%;
   width:200px;
}

#linke_navi ul {
   margin:0;
   padding:0;
}

#linke_navi li {
   display:inline;
}

#linke_navi li a {
   display:block;
   font-weight:bold;
   text-decoration:none;
   color:#000000;
}

#linke_navi li a {
   padding:2px 2px 2px 2px;
}

#linke_navi li li a {
   padding:2px 2px 2px 13px;
}

#linke_navi li li li a {
   padding:2px 2px 2px 24px;
}

#linke_navi li li li li a {
   padding:2px 2px 2px 35px;
}

#linke_navi a.linkenavi_aktiv !important {
   color:#CC0000;
}

#linke_navi li a:hover {
   color:#FFFFFF;
   background-color:#CC0000;
}

#linke_navi h4 {
   display:block;
   color:#FFFFFF;
   background-color:#CC0000;
   text-decoration:none;
   padding: 3px 3px 3px 13px;
   font-size:12px;
   margin:0;
}

#linke_navi h4 a {
   display:block;
   color:#FFFFFF;
   background-color:#CC0000;
   text-decoration:none;
   padding: 3px 3px 3px 13px;
}

/* --- Zubehör auf Artikelseite --------------------------------------------- */

#artikelzubehoer td {
   border:1px solid #999999;
}

#artikelzubehoer th {
   background-color:#CC0000;
   color:#FFFFFF;
   font-weight:bold;
}

/* --- Vorteile ------------------------------------------------------------- */

#vorteile {
	list-style-type:none;
}
#vorteile li a {
	text-decoration:underline;
	font-weight:normal;
	color: #003399;
}

/* --- Meldung und Warning--------------------------------------------------- */

#meldung {
   border: 1px solid #000000;
   background:#EEEEEE;
   color:#000000;
   font-size:12px; 
   font-weight:bold;
   padding:5px;
}
#warning {
   border: 1px solid #CC0000;
   background:#EEEEEE;
   color:#000000;
   font-weight:bold;
   padding:5px;
}

/* --- Menu für Topnavigation und Flyoutmenu -------------------------------- */
	
	#menu a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 7px 0px 7px 0px;
	   margin:0px;
		text-decoration:none;
		color:#000000;
		width:100%; /* IE */
		font-weight:bold;
	}

   * html #menu a /* IE6 */
   {
		padding: 7px 11px 9px 7px;
      position: relative;
      top:-3px;
   }

	#menu a:hover {
	}

	#menu li li a:hover {
      color:#FFFFFF;
		background-color:#CC0000;
	}

	#menu {
		margin:0;
		padding:4px;
		border:0;
	   background-image: url(/bilder/topnavihintergrund.gif);
	   border-bottom: 1px solid #a0a0a0;
	   border-left: 1px solid #bbbbbb;
	   border-right: 1px solid #bbbbbb;
	}

   * html #menu
   {
		padding:2px 0px 2px 0px;
   }

	#menu li {
		display:inline;
		margin:0px;
		padding:0px;
		border:0;
	}

	#menu ul {
		position:absolute;
		width:170px;
		border:1px solid #9d9da1;
		background:#FAFAFA;
		list-style:none;
		padding:0;
		margin:0;
		left:0px; /* IE */
		top:22px; /* 22px; */
	}
   
   * html #menu ul /* IE6 */
   {
      top:30px; /* 30px; */
   }

   *+html #menu ul /* IE7 */
   {
      top:30px; /* 30px; */
   }
   
	#menu li {
		position:relative;
		padding:0px;
		margin:0px;
		border:0px;
	}
	
   * html #menu li /* IE6 */
   {
      top:-1px;
   }
   
	#menu ul li {
		position:relative;
		padding:0px;
		z-index:9;
	}
	
   * html #menu ul li /* IE6 */
   {
      top:3px;
   }
   
	#menu ul li a {
		display:block;
		font-size:11px;
		padding:3px;
		font-weight:bold;
	}
	
	#menu li>ul {
		left:0px;
	} /* others */

	#menu li>a {
		width:auto;
	} /* others */
		
	#menu li:hover {
		z-index:10; 
	}		
		
	#menu ul {
		display:none;
	}

	#menu li:hover ul {
		display:block;
	}		
   
   .menusmall {
      font-size:10px !important;
		padding: 9px 7px 5px 7px !important;
   }
#menu li a 
{
background:url("/bilder/topnavigation/tableftF.gif") no-repeat left top;
      padding:7px 0px 5px 4px;
}
#menu li a span
{
      background:url("/bilder/topnavigation/tabrightF.gif") no-repeat right top;
      padding:7px 15px 5px 6px;
}
#menu li a:hover {
      background-position:0% -42px;
      }
#menu li a:hover span {
      background-position:100% -42px;
      }
#menu li li a 
{
	padding-left:10px;
	border-bottom: 1px solid #CCCCCC;
  background:url("/bilder/topnavigation/subnavi.gif") no-repeat left top;
  background-position:2px 7px;
}

/* --- Factfinder-AfterSearchNavigation-------------------------------------- */

#ffasn {
   height:100%;
   width:200px;
}

#ffasn ul {
   margin:0;
   padding:0;
}

#ffasn li {
   display:inline;
}

#ffasn li a {
   display:block;
   text-decoration:none;
   color:#000000;
   background:#DEE2E7;
   font-family:Tahoma;
   font-size:11px;
   border-bottom:1px #FFFFFF solid;
   padding:3px;
}

#ffasn li a {
   padding:2px 2px 2px 2px;
}

#ffasn li li a {
   padding:2px 2px 2px 13px;
}

#ffasn li li li a {
   padding:2px 2px 2px 24px;
}

#ffasn li li li li a {
   padding:2px 2px 2px 35px;
}

#ffasn a.linkenavi_aktiv !important {
   color:#CC0000;
}

#ffasn li a:hover {
   color:#FFFFFF;
   background-color:#CC0000;
}

#ffasn h3 {
   display:block;
   color:#FFFFFF;
   background-color:#CC0000;
   text-decoration:none;
   padding: 3px 3px 3px 13px;
   font-size:12px;
   margin:0;
}

#ffasn h4 {
   display:block;
   color:#000000;
   background-color:#B1BCC9;
   font-family:Tahoma;
   font-size:11px;
   text-decoration:none;
   padding: 3px 3px 3px 13px;
   margin:0;
}

.ffasnselect {
   text-align:center;
   background:#DEE2E7;
   padding: 3px 3px 3px 13px;
   margin:0;
}

/* === ENDE ================================================================= */