@import url("boxes.css"); /* Box Definitionen */
@import url("navi.css"); /* Linke Navigation Definitionen */
@import url("contents.css"); /* Definitionen für neuere Inhalte (ab Mai 2008)  */

/* rechter Scrollbar immer Sichtbar, aber horizontales scrollig unterbunden (?? Mobile Endgeräte)*/
html[xmlns] {
  overflow:scroll;
  overflow-x:hidden;
}

/* Universal-Selektor */
* {
  margin:0; padding:0;
  font-family:arial; font-size:12px;
}

a{
  text-decoration:none;
  color:black;
  position:relative; /* IE Filter Link Bug */ /* für alle Links !! */
  /* position:relative z-index-hack für Filter + Link Problem im IE */
}

/* position:relative; auch bei input-Feldern und textareas einfügen !! - Korrektur des durch Grafikfilter entshenden Bugs
 - neben Links können auch Formularelemente nicht mehr angewählt werden !! */
input{
 position:relative;
}

textarea{
 position:relative;
}


img{
  border: 0px solid white;
}

ul{
  list-style-type:none;
}

/* Seitenhintergrund */
html {
  background: #F7F7F7 url(../pics/background.jpg) repeat-x;	
}

/* Popup normalerweise ausgeblendet */
#lb_popup{
	display:none;
}

#lb_popupinfo{
	display:none;
}

/* ----------------------------------------------------------------------------- */
/* Festlegen der Gesamtbreite der Seite */
body {
  width:908px;     /* minimal: 900px; maximal 1024px; standard: 940px */       /* !!!!!!!!!!!!!!!!!! */
  /* margin:20px auto;  /* 1. Wert: oben und unten; 2. Wert: links und rechts; */
  margin:0 auto;
	
  /* linkes Teilelement der Hintergrundgrafik des Headers */
   background: url(../pics/header/left8.png) no-repeat 0 20px;
	padding-top:20px;
	position:relative;
}

/* Hauptelement zum Positionieren; Festlegen der Gesamtbreite der Seite  (Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Header */
a#logolink{
	position:absolute; top:40px; right:744px; color:white; width:133px; height:50px; cursor:pointer;
}

h1#headerheading{
	position:absolute; top:42px; right:30px; color:white; height:30px; font-size:16px; font-weight:bold;
}

div#headerright{
  float:left; 
  height:115px; width:896px; /* main breite minus 12 px */                       /* !!!!!!!!!!!!!!!!!! */
  margin: 0 0 12px 0 !important; margin-bottom:9px;                                                           /* !!!!!!!!!!!!!!!!!! */
  /* rechtes Teilelement der Hintergrundgrafik des Headers */
  background: url(../pics/header/right8.png) no-repeat top right;
}

div#headerright h1{
 float:left; margin:18px 0 0 29px; height:31px; width:135px; display:block; font-size:0px;
 cursor:pointer; color:#E30227; /*color:white;*/
 padding:23px 0 0 0; text-align:right;
}

* html div#headerright h1{ /* IE 6 */
  margin-left:14px;
}

  /* ----------------------------------------------------------------------------- */
  /* Hauptnavigation im Header (primary) */
  ul#primnavi{
    float:right;
    margin: 58px 0 0 0;
    height:31px;
    list-style:none inside;
  }

  /* Navi-Splitter im Listenelement*/
  ul#primnavi li{
    float:left; display:inline;
    width:17px; height:31px; white-space:nowrap;
    
    padding: 0 0 0 17px; /* für hintergrund */
    background: url(../pics/header/navi/prim_splitter.png) no-repeat;
    /* Text und dessen Ausrichtung (für alle Elemente) */
    font-weight:bold; text-align:center; line-height:31px;
  }
  
  /* Anpassungen für das erste Listenelement */
  ul#primnavi li#primfirst{
    background-image:url(../pics/header/navi/first_inactive.png);
  } 
  ul#primnavi li#primfirst.rightactive{
    background-image:url(../pics/header/navi/first_active.png);
  }

  /* Standard Listenelemente */
  ul#primnavi li.leftactive{
    background:url(../pics/header/navi/prim_splitterleft.png) no-repeat;    
  }

  /* Aktives Listenelement */
  ul#primnavi li.rightactive{  
    background:url(../pics/header/navi/prim_splitterright.png) no-repeat;
  } 
  
  ul#primnavi li a{
    display:block; height:32px;
    background:url(../pics/header/navi/prim_inactive.png) repeat-x;
    padding: 2px 7px 0 7px;
    font-size:13px;
  }
  
  ul#primnavi li.rightactive a{
    color:white;
    background:url(../pics/header/navi/prim_active.png) repeat-x;
  }
  
  ul#primnavi li a:hover {
    color:#E6002F; cursor:pointer;
  }
  
   ul#primnavi li.rightactive a:hover {
    color:white; cursor:default;
  }
  
    /* ----------------------------------------------------------------------------- */
    /* Sprache im Header */
    ul#primnavi li#sprache {
    }
    
    ul#primnavi li#sprache a{
      display:block; width:145px; /* mit dieser Breite die Gesamtbreite der primnavi beeinflussen */
      padding:2px 0 0 0;
      line-height:31px; /* Rücksetzen damit FF und IE gleich (im FF wirkt sich line-height auch auf Bilder-Position aus) */
      cursor:default;
    }
    
   /* ul#primnavi li#sprache a div{*/
   ul#primnavi li#sprache a span{
      display:block;
      line-height:0px; width:100px; /* witdh-100 = margin-left (width in li#sprache a) */
      height:18px; margin:10px 0 0 0; /* !important
      (hier kann ich important nicht nehmen, da der IE 7 diese auch interpretiert)
      margin-top:12px; -> Änderung in den Conditional Comments*/
      float:right;
    }
    
    ul#primnavi li#sprache a span img {
      margin:5px 0 0 76px; position:relative;
      cursor:pointer;
    }
    /* Sprache im Header (Ende) */
    /* ----------------------------------------------------------------------------- */
  
  /* Hauptnavigation im Header (Ende) */
  /* ----------------------------------------------------------------------------- */

  /* ----------------------------------------------------------------------------- */
  /* Unternavigation (und Sprache) im Header (secondary) */

  ul#secnavi{
    float:right;
    height:28px; width:100%;
    list-style:none inside;
    color:white; margin-top:0 !important; margin-top:-3px;
    
    background:url(../pics/header/secnavi8.png) no-repeat;
  }

  /* Standard Listenelement */
  ul#secnavi li{
    float:left;
    width:auto; min-width:15px;
    
    /* Text und dessen Ausrichtung */
    line-height:24px; text-align:center; vertical-align:middle; 
    cursor:default;
  }

  ul#secnavi li a {
    padding: 0 8px 0 11px; margin:0 2px; font-size:11px;
    cursor:pointer;
    color:white;
  }
	
	ul#secnavi li a.active {
    background:url(../pics/header/secnavi_active.png) repeat-x;
  }
 
 /* - jetzt über JS gelöst
  ul#secnavi li a:hover {
    background:url(../pics/header/secnavi_hover.png) repeat-x;
  }*/

  /* Unternavigation (und Sprache) im Header (secondary) (Ende)*/
  /* ----------------------------------------------------------------------------- */

  /* ----------------------------------------------------------------------------- */
  /* Headerschatten (unten) */
  div#headershadow{
    float:right; margin-top:-2px;
    width:100%; height:3px;
    /*margin: 1px 0 0 0;*/
    font-size:0px; /* IE  -Korrektur bei leeren Elementen */
  }

  /* Headerschatten (unten)(Ende)*/
  /* ----------------------------------------------------------------------------- */
  
  /* ----------------------------------------------------------------------------- */
  /* Headerschatten (rechts) */
  div#headerrightshadow{
    float:left;
    width:12px; height:89px;
  }
  
  div#headerrightshadowunten{
   float:left;
    width:12px; height:29px;
  }
  
  div#headerrightshadowunten_long{
    float:left;
    width:12px; height:50px;
  }

  /* Headerschatten (rechts) */
  /* ----------------------------------------------------------------------------- */

	/* ----------------------------------------------------------------------------- */
/* Sprachen Flyout-Menü */
ul.flyout {
  display:none; visibility:hidden;
  /* Transparenzen im IE - siehe functions.js */
  z-index:1; /* Flyout über dem Falsh-Teaser */
  position:absolute; top:20px; left:0px;

  list-style:none outside; 
  cursor:pointer;
  
  border-top:1px solid #A6A6A6;
  /*border-bottom:1px solid #A6A6A6;*/
  
  /*margin-top:134px;*/
	margin-top:114px;
}

  ul.flyout li{
    text-align:left; vertical-align:middle;
    background:url(../pics/flyout/inactive.png) repeat-x;
    cursor:pointer;
    
    border:1px solid #A6A6A6; border-top:none;
		min-width:100px;
  }

  ul.flyout li a { white-space:nowrap;  width:auto;
    padding:2px 10px 2px 16px; font-size:11px; display:block;/* a tag über gesamt li-Breite */
    cursor:pointer; color:#4D4D4D;

    background:url(../pics/flyout/listengrafik.png) no-repeat;/* border:1px solid red;*/
  }
  
  /* Bilder sind zu groß für das padding im Sprachenflyout -> Fehler im IE 6*/
  /* Problem: star html hack kennt der IE 7 nicht */
  * html ul.flyout li a{ /* IE 6 und kleiner */
    padding:2px 10px 1px 16px; width:18px;
  }
  
  *:first-child+html ul.flyout li a{ /* IE 7  stern plus html hack*/
    padding:0 10px 2px 16px;
  }
  
  *:first-child+html ul.flyout li a img{ /* IE 7  stern plus html hack*/
    position:relative; top:2px;
  }
	
	ul#sprachwahl{
		display:block; float:right; margin:88px 859px; width:46px;
		position:absolute;
	}
	
/* Flyout-Menü (Ende) */
/* ----------------------------------------------------------------------------- */

	
/* Header (Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Produkt-Popup */

div#produkt_popup{
  width:270px; height:270px;
  position:absolute; display:none;
  background-position:center center; background-repeat:no-repeat; background-color:white;
  z-index:3;
  
  border:1px solid #C3C3C3;
}

/* Produkt-Popup(Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Linker Gesamtblock */

div#leftblock {
  float:left; width:212px;
}
  /* ----------------------------------------------------------------------------- */
  /* Suche */
	#suche_header{
		/*padding:5px 0 0 0; height:18px;*/
		width:212px;
		display:none;
		margin:0;
  }
	
	div#suche_header span{
		background:url(../pics/suche/sucheactive8.png) no-repeat 10px top;
		display:block;
		font-weight:bold;
		padding:0 0 0 27px;
		font-size:11px;
	}
	
  /* -------------------------------- */
  /* Such-Formular */
  div#suche_content{ /* muss gesetzt werden - Anzeige des Filters im form-tag geht im IE nicht */
    height:auto !important; height:10px; /* IE 6 Anpassung */ /*height:85px;*/
    display:none;
  }
 
  form#suche{
    display:block; position:relative;
    /* padding: 6px 4px 1px 1px; */
    padding: 10px 4px 1px 1px;
  }
  
  form#suche input{
    position:relative;
  }
  
  form#suche input#suchfeld{
    width:183px; height:18px;
    margin-left:9px; padding: 2px 4px 0 2px;
    
    font-size:11px; line-height:15px;
    background:url(../pics/suche/input8_long.png) no-repeat;
    border:none;
  }
  
  form#suche a#suchebutton{
    margin:6px 7px 5px 0; padding:2px 0 0 0;
    display:block; background:url('../pics/suche/button8medium.png') no-repeat;
    width:100px; height:21px; 
    text-align:center; float:left; clear:left;
    display:inline; /* IE doblue float margin bug */
    font-size:11px; font-weight:bold; /* color:#828282; */
		color:#4D4D4D;
    position:relative; left:9px;
  }
  
  a#suchebutton:hover{
    color:#E80F3C !important;
  }
  
  form#suche input.check{
    margin:3px 5px 0 0;
		/*margin:4px 5px 0 0;*/
    /* vertical-align:text-top !important; vertical-align:middle; */
    
    float:left; clear:left;
  }
  form#suche input.check_support{
    margin:3px 5px 0 18px; 
    /* vertical-align:text-top !important; vertical-align:middle; */
    
    float:left;
  }
  
  a.suchwechsel{
    clear:left; display:block;
    height:15px; 
    margin:34px 0 0 9px; padding:0 0 0 18px;
    font-weight:normal !important; /* hier ignoriert der IE diese nicht; wahrscheinlich weil kein zweiter wert angegeben ist */
                                   /* ohne !important wersden (bei font) werte aus normalen a - Definitonen übernommen */
    font-size:11px; line-height:12px; /* color:#828282; */
		color:#4D4D4D;
  }
  
  a.suchwechsel:hover{
    color:#E80F3C;
  }
  
  a#erweitert_link{
    background:url(../pics/suche/erweitertinaktiv8.png) no-repeat;
    margin-bottom:3px;
  }
  
  a#erweitert_link:hover {
    background:url(../pics/suche/erweitertaktiv8.png) no-repeat;
  }
  
  a#standard_link{
    background:url(../pics/suche/erweitertinaktiv8down.png) no-repeat;
  }
  
  a#standard_link:hover {
    background:url(../pics/suche/erweitertaktiv8down.png) no-repeat;
  }

  div#erweitert_block{
    display:none;
    margin:3px 0 0 0; padding:6px 0 0 9px;
    line-height:20px; font-size:11px;
    border-top:1px solid #C7C7C7;
  }
  
  div#erweitert_block span{
    font:bold 11px arial;
    display:block; margin-bottom:5px;
  }
  
  div#erweitert_block label{
    font:normal 11px/20px arial !important;
    display:block; padding:0 0 0 0 !important; /* FF */ padding:2px 0 0 0; /* IE 6 und Opera */
		
		border:1px solid white;
  }

  *:first-child+html div#erweitert_block label{ /* IE 7  stern plus html hack*/
    margin-top:3px;
  }

  div#erweitert_block label.sup_label{
    margin-left:37px;
  }
  /* Such-Formular (Ende) */
  /* -------------------------------- */

  div#suche_footer{
    height:4px; margin:0 0 9px 0;
    font-size:0px; /* IE Korrektur */
    display:none;
  }
  
  *:first-child+html div#suche_footer{ /* IE 7  stern plus html hack*/
    margin-top:-3px;
  }

  /* Suche und Warenkorb (Ende) */
  /* ----------------------------------------------------------------------------- */

/* Linker Gesamtblock (Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Rechter Gesamtblock */

div#rightblock {
  float:right; margin:0; padding:0; width:687px; /* width:690px;/* 696*/
}

div#rightblock[id] {
  padding:0px;
}

/* Inhalte - siehe boxes.css */

/* Rechter Gesamtblock (Ende) */
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/* Footer */
/*
div#footer{ 
  padding:0px 0 20px 0;
  width:500px; height:40px;
  
  /* Debug  border: 1px solid #2CE00F;
}*/

ul#footer{
  float:right;
  height:34px; width:675px;
  padding:2px 10px 0 2px;
 
  list-style:none inside;
  color:white; font-size:11px;
}

ul#footer li{
	float:left;
	height:14px; width:auto; min-width:15px;
	padding:5px 0 0 0;    
	/* Text und dessen Ausrichtung */
	line-height:18px; text-align:center; vertical-align:middle;
}

ul#footer li#footerlast{
  float:right;
	font-size:11px;
	margin-right:12px;
	display:inline;
}

ul#footer li a {
	margin: 0 10px;
	cursor:pointer;
	color:white;
	font-size:11px;
  }

ul#footer li#footerfirst{
  padding:0;
	width:29px;
}

ul#footer li#footerfirst a{
  margin:0;
}
  
ul#footer li a:hover {
  color:black;
}


/* Footer (Ende) */
/* ----------------------------------------------------------------------------- */

div.floatclearer{
  width:100%; clear:both; line-height:0px; height:0px;
}

/* Zusatz für Floatclearer, wenn dieser als padding-bottom-ersatz verwendet wird */
div.fcheight{
  height:15px; 
}

* html div.fcheight{ /* IE 6 und kleiner */
    height:15px;
  }
  
*:first-child+html div.fcheight{ /* IE 7  stern plus html hack*/
	height:0;
}