/* Allgemein * * * * * * * * * * * * * * * * * * * * * * * * * */



body {

  background: #FFFFFF;

  color: #000;

  font: 100.01% verdana,'lucida grande',arial,sans-serif;

  margin: 0;

  padding: 20px 10px;

  text-align: left;

}



body.werLiefertWas {

  background: #E2ECF8;

  padding: 0;

  text-align: left;

}



a {

  color: #316394;

  text-decoration: none;

}



a img { border: 0;}



h1, h2, h3, h4, h5, h6, p { margin: 0;}



ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



hr { display: none;}



form { margin: 0; padding: 0;}

input, textarea, select { font: 100% verdana,'lucida grande',arial,sans-serif;}



.usb {

  position: absolute;

  top: -6000px;

  left: -6000px;

  height: 1px;

  width: 1px;

}



.floatAus {

  display: block;

  clear: both;

  float: none;

  height: 1px;

  font-size: 1px;

  line-height: 1px;

  overflow: hidden;

}





/* Kopfbereich * * * * * * * * * * * * * * * * * * * * * * * * */



#kopfbereich {

  width: 950px;

  height: 58px;

  margin: 0;

  text-align: left;

}



#kopfbereich img { position: absolute; }



#hilfsnavi {
  position: relative;
  top: -5px;

  background:transparent;
  margin-right: 5px;
  text-align: right;
}

#hilfsnavi li {

  height: 1em;

  display: inline;

  padding: 0 8px 0 0;

}

#hilfsnavi li.seperator {
  font-family:verdana !important;
  font-size:2px !important;
  font-weight:bold !important;
  font-variant:small-caps !important;
  color:#000000 !important;  
}

html>body #hilfsnavi li { height: auto;}



#hilfsnavi li a { font-size: 70%;}



#slogan {
  position: relative;
  
  width: 355px;
    top: 3px;
    left: 650px;
}



#slogan p {

  font-weight: bold;

  font-size: 90%;

  margin: 0;

  color: #FFF;

  text-align: center;

}



/* Hauptbereich  * * * * * * * * * * * * * * * * * * * * * * * */



#hauptbereichAussen {

  width: 950px;
  margin: 0;

  text-align: left;

}



#hauptbereichInnen {

}



#spaltenLinksUndMitte {
  width: 725px;
  float: left;
}





/* Mittlere Spalte * * * * * * * * * * * * * * * * * * * * * * */



#spalteMitte {
  float: left;

  width: 725px;
}



 a:link,

 a:visited {

  font-weight: bold;

}

 a:focus,

 a:hover,

a:active {

  text-decoration: underline;

}



 h1.linie {

  background: url(../images/hintergrund/strichellinie.gif) no-repeat left bottom;

  font-size: 100%;

  padding-bottom: 4px;

	padding-top:4px;

  margin-bottom: 1.2em;

}

h1.shop_linie {
  background: url(../images/hintergrund/strichellinie.gif) no-repeat left bottom;
  font-size: 14px;
    padding-bottom: 4px;
	  padding-top:4px;
    margin-bottom: 3px;
}

h2.shop_linie {
  background: url(../images/hintergrund/strichellinie.gif) no-repeat left bottom;
  font-size: 11px;
    padding-bottom: 4px;
	  padding-top:4px;
    margin-bottom: 3px;
}

h2 {

  font-size: 11px;

  line-height: 140%;

  margin-top: 1.2em;

}



 h2.linie {

  background: url(../images/hintergrund/strichellinie.gif) no-repeat;

  padding-top: 15px;

}



p, spalteMitte div {
  font-size: 11px;
  line-height: 140%;
  margin: 0.6em 0;
}

 * h1 {
  font-size:11px;
  font-weight:bold;

  color:#0616A2;
  display:inline;
    line-height:100%;
  
  margin:0px;
  padding:0px;
}

div {
  font-size: 100%;
  line-height: 140%;
  margin: 0.6em 0;
}


 p.note {

  font-size: 65%;

  line-height: 140%;

  margin: 0.6em 0;

  background: url(../images/hintergrund/strichellinie.gif) no-repeat left top;

  padding-top: 5px;

}



li {

  background: url(../images/allgemein/linkpfeil.gif) no-repeat 0 5px;

  font-size: 100%;

  line-height: 140%;

  padding-left: 10px;

  margin: 0.4em 0;

}



table {

  font-size: 12px;

  line-height: 140%;

  padding: 0;

  border: 0;

}



th {

  color: #316394;


  text-align: left;

  vertical-align: top;

  padding: 3px 6px;

  border: 0;

}



td {

  color: #000;


  vertical-align: top;

  padding: 3px 6px;

  border: 0;

}



td.hell {

  color: #000;

  background: #FFFFFF;

  vertical-align: top;

  padding: 3px 6px;

  border: 0;

}



td.gesperrt {

  color: #000;

  background: #BCBCBC;

  vertical-align: top;

  padding: 3px 6px;

  border: 0;

}



td.fefco {

  color: #000;

  background: #FFFFFF;

  vertical-align: top;

	text-align: center;

  padding: 3px 6px;

  border: 0;

}



td.hellbild {

  color: #000;

  background: #FFFFFF;

  vertical-align: middle;

	text-align: center;

  padding: 3px 6px;

  border: 0;

}



.zentrieren { text-align: center;}



img.bildLinks {

  float: left;

  margin: 4px 10px 6px 0;

}



div.linie {

  background: url(../images/hintergrund/strichellinie.gif) no-repeat;

  padding: 14px 0;

  margin-top: 15px;

}



/* Startseite */



#startseite {
  background: url(../images/hintergrund/news.gif) no-repeat bottom right;

  margin:0px !important;
  padding:0px !important;
    padding-bottom: 4px;
}



#claim {
  display:block;
    height:98px;
  
  background-image:url(../images/hintergrund/claim_ohne_breit.gif);
  background-position:top;
  background-repeat:no-repeat;
  
  margin:0px !important; 
  
  padding:0px;
    padding-left:10px;
    padding-right:10px;
}



#claim h1 {
  color:#316394;
  font-size:20px;

  line-height:300% !important;
  
  padding:0px;
    padding-top:35px;
    padding-left:30px;
}



#claim h2 {
  color: #FFF;
  font-size:20px;

  text-align: right;
  margin-top: 0;
  padding-bottom: 15px;
}



#news {
  border:none;
    border-left: 1px solid #CDB281;
    border-right: 1px solid #CDB281;

  padding: 10px 6px;
  margin:0px !important; 
}


#news h1 { 
  color:#000000 !important;
  
  display:block !important;
    width:100% !important;
}

#news h3 {
  font-size: 80%;
  color: #316394;
  margin: 0;
}


#news ul li { font-size:11px !important; }
#news p {
  margin: 0.7em 0 0 0;
  line-height: 140%;
}



/* Werbung */



#werbung {

  background: url(../images/hintergrund/strichellinie.gif) no-repeat;

  margin: 10px 0;

  padding: 4px 1px;

}



#werbung h3 {

  font-size: 80%;

  font-weight: normal;

}



#werbung p { text-align: center;}



#werbung img { display: block; margin: 5px 0 10px 0;}

#werbung img.ganzeZeile, #werbung object.ganzeZeile { clear: both; position: relative; margin-left: auto; margin-right: auto;}

#werbung img.links { clear: both; float: left;}

#werbung img.rechts { float: right;}



/* Loginbereich */



#kundenmenue p {

  padding-bottom: 12px;

}



#kundenmenue strong { color: #B77C47; }



#kundenmenue a:focus,

#kundenmenue a:hover,

#kundenmenue a:active {

  text-decoration: none;

}



/* Lexikon */



#lexikon {

  background: #FFF url(../images/hintergrund/lexikon.gif) repeat-y;

  margin: 10px 0;

  border: 1px solid #EBF2FA;

}



#lexikon ul {

  width: 234px;

  float: left;

}



#lexikon li {

  background: #FFF !important;

  padding: 2px 8px 3px 8px !important;

  margin: 0 !important;

}

#lexikon li.dunkel { background: #EBF2FA;}



/* Anbieter */
div.anbieter {

  margin: 16px 0;

  padding-top: 1px;

}


div.innen * { font-size:11px; }
div.innen {
  width:100%;
  
  border-left: 1px solid #316394;
  border-right: 1px solid #316394;
  border-bottom: 1px solid #316394;
}


div.innen h2 a { font-size:11px; color:#FFFFFF; }


* html div.innen { height: 1%; }



#spalteMitte div.anbieter h2 {

  color: #FFF;

  background: #316394;

  margin-top: 0;

  padding: 2px 10px 2px 10px;

}



div.anbieter p {

  padding: 0 10px;

}



div.logo {

  float: left;

  width: 180px;

  text-align: center;

  padding-top: 4px;

}


div.adresse ul li { font-size:11px !important; }
div.adresse {
  float: left;
    width: 365px;

  padding-left:10px;
}


div.adresse div.mid_one {
  line-height:100% !important;
  font-size:18px !important;
  font-weight:bold !important;
  color:#316394 !important;
}

div.adresse div.big_one {
  line-height:25px !important;
  font-size:22px !important;
  font-weight:bold !important;
  color:#316394 !important;
}



div.links {

  position: relative;

  top: 1px;

  border-top: 1px solid #316394;

  padding: 2px 0 4px 0;

}



#spalteMitte div.links li {

  display: inline;

  font-size: 70%;

	background: none !important;

  line-height: 1.1em;

  padding: 0 4px 0 10px;

}



div.links li a:link, div.links li a:visited {

  height: 1em;

  background: url(../images/allgemein/linkpfeil.gif) no-repeat 0 4px;

  font-weight: bold;

  padding: 0 0 0 7px;

}



ul.anbieterKurz { padding: 4px 0;}

ul.anbieterKurz li {

  background: none !important;

  padding: 0 !important;

  margin: 0.8em 0 !important;

}

ul.anbieterKurz strong { color: #316394;}



/* Formulare */



fieldset {

  padding: 0 10px 20px 10px;

  border: 1px solid #E0CBA5;

  margin-top: 20px;

}

html>body fieldset { padding-top: 10px; }



legend {

  color: #B77C47;

  font-size: 70%;

  font-weight: bold;

  margin-bottom: 10px;

}

html>body legend { margin-bottom: 0; }



fieldset .links {

  float: left;

  width: 120px;

  wid\th: 110px;

  text-align: right;

  padding-right: 10px;

}



fieldset .rechts {

  float: left;

  width: 300px;

}



fieldset .linkstext {

  float: left;

  width: 310px;

  wid\th: 300px;

  text-align: left;

  padding-right: 10px;

}



fieldset .rechtstext {

  float: left;

  text-align: right;

  width: 110px;

}



#spalteMitte fieldset p.rechtsAllein {

  display: block;

  width: 300px;

  margin-left: 120px;

}



fieldset label,

fieldset .links strong {

  color: #316394;

  font-weight: bold;

  vertical-align: middle;

}



fieldset input, fieldset textarea, fieldset select {

  background: #F6F9FD;

}



fieldset input.radioButton,

fieldset input.check {

  background: #FFF;

  vertical-align: middle;

}



fieldset input:focus, fieldset input:hover, fieldset input:active,

fieldset textarea:focus, fieldset textarea:hover, fieldset textarea:active,

fieldset select:focus, fieldset select:hover, fieldset select:active {

  background: #FFF;

}



fieldset select.kurz {

  border: 1px solid #316394;

  width: 110px;

}



fieldset input.lang {

  width: 280px;

  border: 1px solid #316394;

}



fieldset input.kurz {

  width: 110px;

  border: 1px solid #316394;

}



fieldset textarea.lang {

  width: 280px;

  border: 1px solid #316394;

}



fieldset p.abschicken {

  padding: 15px 0 0 120px;

}


* *.abschicken input,
fieldset p.abschicken input,

fieldset #alleAuswaehlen {

  color: #FFF;

  background: #316394;

  font-weight: bold;

  border: 1px solid #316394;

}



fieldset #alleAuswaehlen {

  background: #BFD1E4;

  color: #316394;

  margin-top: 5px; }



#spalteMitte fieldset p.hinweis {

  margin: 0 0 20px 0;

}



#spalteMitte fieldset p.mehrAbstandOben {

  margin-top: 22px;

}



/* Linke Spalte  * * * * * * * * * * * * * * * * * * * * * * * */



#spalteLinks {
  float: left;
  width: 200px;
}


#spalteLinks div.oben {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_oben.gif') no-repeat;
}

/* Abweichende Darstellung der Hintergrundfarbe */
#spalteLinks div.oben_highlight_color_01 {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_oben_orange.gif') no-repeat;
}

#spalteLinks div.hintergrund {
  background: url('../images/hintergrund/200px_spalte_mitte.gif');
}

/* Abweichende Darstellung der Hintergrundfarbe */
#spalteLinks div.hintergrund_highlight_color_01 {
  background: url('../images/hintergrund/200px_spalte_mitte_orange.gif');
}

#spalteLinks div.unten {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_unten.gif') no-repeat;
  margin-bottom:5px;
}

/* Abweichende Darstellung der Hintergrundfarbe */
#spalteLinks div.unten_highlight_color_01 {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_unten_orange.gif') no-repeat;
  margin-bottom:5px;
}






/* Hauptmenu | Navigation */
#hauptmenue ul { padding: 10px 0;}
#hauptmenue li {
  font-size: 70%;
  
  margin:0px;
  padding:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
}

#hauptmenue li a { margin:0px; padding:0px; font-weight: bold; }
#hauptmenue ul ul {
  margin-bottom: 6px;
  margin-top:2px;
  padding: 0 0 6px 0;
  border-bottom: 1px dashed #000;
}
#hauptmenue ul ul li { line-height: 120%; }

#hauptmenue li li { font-size: 100%;}
#hauptmenue li li a {
  color: #000;
  font-weight: normal;
}

#hauptmenue li strong a { color: #B77C47;}

/* Warengruppen | Navigation */
#warengruppe * li * { line-height:100%; }

#warengruppe ul { padding: 10px 0;}
#warengruppe li {
  display:block;
    line-height:100%;
    
  font-size: 11px;
  
  margin:0px;
  padding:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:1px;
    padding-bottom:1px;
}

#warengruppe li a { 
  display:block; 
    margin:0px; 
    
    padding:3px; 
      padding-left:5px; 
      
  font-weight: bold;
  text-decoration: underline;
}
#warengruppe li a:hover { text-decoration:none; background-color:#B1D3FC; color:#FFF; }
#warengruppe li.active_tree a { 
  text-decoration:none;

  color:#3991FC;
  background-color:#E3EEFA;
}


#warengruppe ul ul {
  margin:0px;
    margin-bottom:2px;
    margin-top:2px;
  
  padding:0px;
    padding-bottom:6px;
    padding-top:4px;
  
  background-color:#EBF3FE; 
  border:none;
    border-top:1px solid #B0D2FC;
    border-bottom:1px solid #B0D2FC;
}
/* #warengruppe ul ul li { line-height: 100%; } */

#warengruppe li li { font-size: 100%; }
#warengruppe li li a {
  padding-left:12.5px;
  
  font-weight: normal;
  text-decoration:underline !important;
  
  color:#000000 !important;
  background-color:transparent !important;
}

#warengruppe li li a:hover {
  text-decoration:none !important;
  
  color:#0969E6 !important;
  background-color:#F7F9FC !important;
}

#warengruppe li strong a { color: #B77C47;}


/* Rechte Spalte | Online Shop * * * * * * * * * * * * * * * * * * * * * * * */
#spalteShop {
  float: right;
  width: 200px;
  height:100%;
}

#spalteShop div.oben {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_oben.gif') no-repeat;
}

/* Abweichende Darstellung der Hintergrundfarbe */
#spalteShop div.oben_highlight_color_01 {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_oben_orange.gif') no-repeat;
}

#spalteShop div.hintergrund {
  background: url('../images/hintergrund/200px_spalte_mitte.gif');
}

/* Abweichende Darstellung der Hintergrundfarbe */
#spalteShop div.hintergrund_highlight_color_01 {
  background: url('../images/hintergrund/200px_spalte_mitte_orange.gif');
}

#spalteShop div.unten {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_unten.gif') no-repeat;
  margin-bottom:5px;
}

/* Abweichende Darstellung der Hintergrundfarbe */
#spalteLinks div.unten_highlight_color_01 {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_unten_orange.gif') no-repeat;
  margin-bottom:5px;
}

#spalteShop div.oben {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_oben.gif') no-repeat;
}

#spalteShop div.hintergrund {
  background: url('../images/hintergrund/200px_spalte_mitte.gif');
}

#spalteShop div.unten {
  line-height:4px;
  background: url('../images/hintergrund/200px_spalte_unten.gif') no-repeat;
  
  margin-bottom:5px;
}


#spalteShop div.topangebot {
  width:100%;
  height:100px;
  
  margin:0px;
    margin-top:2px;

  border:1px solid #ABAFE8;
  background-color:#FFFFFF;
}


/* Rechte Spalte * * * * * * * * * * * * * * * * * * * * * * * */
#spalteRechts {

  float: right;

  width: 184px;

  background: url(../images/hintergrund/rechte_spalte_oben.gif) no-repeat;

  

}



#spalteRechts .boxForm,

#spalteRechts .boxBerichtERROR,

#spalteRechts .boxBerichtOK,

#spalteRechts .boxV1,

#spalteRechts .boxV2,

#spalteRechts .boxW,

#spalteRechts .boxWerLiefertWas {

  background: #E2ECF8; /* blau */

  margin: 0 7px 7px 7px;

  padding: 0 0 6px 0;

}

#spalteRechts .boxV2 { background: #F0C386; /*braun */ }

#spalteRechts .boxBerichtOK { background: #66cc00; /* gruen */ }

#spalteRechts .boxBerichtERROR { background: #ff3333; /* rot */ }

#spalteRechts .boxWerLiefertWas { background: #FFF; padding-bottom: 0;}



#spalteRechts h2,

.werLiefertWas h2 {

  color: #FFF;

  font-size: 70%;

  padding: 3px 0;

  text-align: center;

}

.werLiefertWas h2 a {

  color: #FFF;

  text-decoration: underline;

}



#spalteRechts .boxForm p,

.werLiefertWas p {

  font-size: 70%;

}



#spalteRechts ul { padding: 10px 0 10px 5px;}



#spalteRechts li {

  font-size: 70%;

  line-height: 130%;

  padding: 0 4px 0 10px;

  background: url(../images/hintergrund/pfeilchen.gif) 0 0.4em no-repeat;

}



#spalteRechts a { text-decoration: underline; }



/* Login und "Wer liefert was" */



#spalteRechts .boxForm form,

.werLiefertWas form {

  padding-top: 5px;

}



#spalteRechts .boxForm h2,

.werLiefertWas h2 {

  background: url(../images/hintergrund/ueberschrift_box1.gif) no-repeat;

  padding: 10px 3px 6px 8px;

}



#spalteRechts .boxForm p,

.werLiefertWas p {

  padding: 0 6px;

}

.werLiefertWas p { padding-bottom: 3px;}



.werLiefertWas p.powered {

  background: #FFF;

  margin: 10px 0 0 0;

  padding: 6px 2px 20px 0;

}



#spalteRechts .boxForm label {

  float: left;

  width: 6.2em;

  color: #316394;

  font-weight: bold;

  padding-top: 2px;

}



.werLiefertWas label {

  color: #316394;

  font-weight: bold;

}

.werLiefertWas p label,

.werLiefertWas p input {

  vertical-align: middle;

}

.werLiefertWas #suchwort {

  width: 85px;

  margin-left: 6px;

}



#spalteRechts .boxForm input.textfeld { width: 65px;}



strong.fehler { color: #CC0000;}



/* Suchende */



#spalteRechts .boxV2 h2.suchende {

  background: url(../images/hintergrund/ueberschrift_box2.gif) no-repeat;

  padding: 10px 3px 6px 30px;

  text-align: left;

}



/* Werbung */



#spalteRechts .boxW {

  background: #FFF;

  padding: 7px 0 0 0;

}



#spalteRechts .boxW p { text-align: center;}



/* Hersteller */



#spalteRechts .boxV2 h2.hersteller {

  background: url(../images/hintergrund/ueberschrift_box3.gif) no-repeat;

  padding: 10px 3px 6px 32px;

  text-align: left;

}





/* Fussbereich * * * * * * * * * * * * * * * * * * * * * * * * */



#fussbereich {

  width: 740px;

  background: #FFF;
  border-top:2px solid #D0E3FD;

  margin: 10px;
    margin-left:0px;

  text-align: left;

}



#fussbereich p {

  font-size: 60%;

  margin: 0;

  padding: 4px;

}