/* www.wolf-gruppe.com
Start: 01.10.2008
Letzte Aenderung: 05.03.2008
Author: Nadine Strauss | www.design87.de
Autor: Markus Bucher | bucher-it.de
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Links/Headlines/Hervorhebungen): #db0031
Farbton (Linien): #cbcbcb
Farbton (WWT): #485253
Farbton (WBT): #38378b
Farbton (WFW): #802537
Farbton (WIT): #009ee0
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
  background-image: url(../images/hg_pattern_2.jpg);
  background-repeat: repeat-y;
  background-position: center;
  background-color: #F7F7F7;
  font-family: Arial, Verdana, sans-serif;
}

body {
  /* gibts so nicht. Wenn dann background-color. background: #f7f7f7; */
  font-size: 75%;
  background-image: url(../images/hg_pattern_2.jpg);
  background-repeat: repeat-y;
  background-position: center;
}

html>body {
  font-size: 12px;
}

a {
  color: #db0031;
}

div#content a,
div#sidebar a{
  color: #db0031;
  text-decoration: none;
  border-bottom: 1px dotted #cbcbcb;
}

div#content a:visited,
div#sidebar a:visited{
  color: #d78e9e;
  text-decoration: none;
}

div#content a:hover,
div#sidebar a:hover {
  color: #a40126;
  text-decoration: none;
  border-bottom: 1px solid #7d7d7d;
}

a:focus {
    outline: none;
}

div#content div.csc-textpic-imagewrap a:link,
div#sidebar div.csc-textpic-imagewrap a,
* .csc-textpic-image a,
* .csc-textpic-image a:link,
div#content .csc-textpic-image a,
div#content .csc-textpic-image a:link{
  border-bottom: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgr�¶�Ÿe f�¼r den Flie�Ÿtext
--------------------------------------------------------------------------------------- */
p {
  font: 1em/1.5em Arial, Verdana, sans-serif;
  margin-top: 1.3em;
}

h1 {
  font: 1.5em/0.7em Arial, Verdana, sans-serif;
  font-weight:bolder;
  color: #db0031;
  margin-top: 1.3em;
  margin-bottom: 0.5em;
  text-indent: 1em;
  background-image: url(../images/img_wellen_grau.gif);
  background-repeat: no-repeat;
  background-position: left;
  
}

h2 {
  font: 1.18em/1.13em Arial, Verdana, sans-serif;
  font-weight: bolder;
  margin-bottom: 0.5em;
}

h3 {
  font: 1em/1.5em Arial, Verdana, sans-serif;
  font-weight: bolder;
  margin-top: 1.13em;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
  border: 0;
text-decoration: none;
}


/* Links- bzw. Rechtsausrichtung f�¼r Elemente
--------------------------------------------------------------------------------------- */
.links {
  float: left;
  margin: 1em 1em 1em 0;
}

.rechts {
  float: right;
  margin: 1em 0 1em 1em;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
  position:absolute;
  top: 0px;
  left: 50%;
  width: 952px;
  margin-left: -477px; 
}

#header {
  background-color: #f7f7f7;
  margin-left: 1px;
}

#navi_top {
  position: absolute;
  top: 87px;
  left: 165px;
  width: 786px;
  height: 24px;
  color: black;
  padding-top: 7px;
  background-image: url(../images/img_navi_top.gif);
  background-position: top;
  background-repeat: repeat-x;
  text-transform: uppercase;
}

#navi_top li {
  list-style-type: none;
  display: inline;
  font: 1.08em/1.13em Arial, Verdana, sans-serif;
  /* mab: besser in a packen padding: 6px 0 20px 22px; */
  padding: 0;
}
  
#navi_top a, #navi_top a:visited {
  color: black;
  text-decoration: none;
  padding:  7px 10px;
}
  
#navi_top a:hover, #navi_top a:focus,
#navi_top li.current a,
#navi_top li.active a{ 
  color: #db0031;
  text-decoration: none;
  background-color: white;
} 

#suche {
  /* position:absolute; */
  top: 0px;
  left: 0px;  
  width: 153px;
  height: 57px;
  padding: 4px 6px 4px 6px;
  background-color: #e7e7e7;
  background-image: url(../images/img_bg_search.jpg);
  background-repeat: repeat-x;
  background-position: top;
}
.flag {
  padding-right: 7px;
}
.search-pfeil {
  padding-left: 145px;
}

#navi_side {
  position: absolute;
  top: 87px;
  left: 1px;
  width: 165px;
  background-repeat: no-repeat;
  background-position: bottom;
}

#navi_side li {
  list-style-type: none;
/*  border-bottom: 1px solid #ccc;*/
  border: none;
}

#navi_side li#six {
padding-top: 48px;

}

/* Eigentlichen Text ausblenden */
#navi_side a,
#navi_side ul li a
{
  text-indent: -10000px;
  border-bottom: none !important;
  text-decoration: none;
}

#navi_side a.shopimg {
  display: block;
  text-indent: 0 !important;

}

#navi_side ul.second a {
  text-indent: 0px;
  display: block;
  width: 145px;
  padding: 5px 10px 5px 10px;
  
  text-transform: uppercase;
  color: #000;
  background: transparent url(../images/n-li_out-ebene2.gif) no-repeat top right;
}

#navi_side ul.second a:hover,
#navi_side ul.second li.current a{

  background: transparent url(../images/n-li_wbt_on-ebene2.gif) no-repeat top right;
}

#navi_side li#one ul.second {
  border-bottom: 1px solid #485152;
}
#navi_side li#two ul.second {
  border-bottom: 1px solid #37378b;
}
#navi_side li#three ul.second {
  border-bottom: 1px solid #802437;
}


#navi_side ul.second ul.third li a {
  background: transparent url(../images/n-li_out-ebene2.gif) no-repeat top right;
}

#navi_side ul.second ul.third a {
  text-indent: 0px;
  display: block;
  width: 125px;
  padding: 5px 15px 5px 25px;
  
  text-transform: none;
  color: #000;
  background: transparent url(../images/n-li_out-ebene2.gif) no-repeat top right;
}

#navi_side ul.second ul.third a:hover,
#navi_side ul.second ul.third li.current a{

  background: transparent url(../images/n-li_wbt_on-ebene2.gif) no-repeat top right;
}



#navi_side  a.first {
  display: block;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wwt_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}


#navi_side  a.first:hover ,
#navi_side li.current a.first {
  background-image: url(../images/n-li_wwt_on.jpg);
}

#navi_side  a.second {
  display: block;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wbt_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}


#navi_side  a.second:hover ,
#navi_side li.current a.second {
  background-image: url(../images/n-li_wbt_on.jpg);
}

#navi_side  a.third {
  display: block;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wfw_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}


#navi_side  a.third:hover ,
#navi_side li.current a.third {
  background-image: url(../images/n-li_wfw_on.jpg);
}

#navi_side  a.fourth {
  display: block;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wit_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}


#navi_side  a.fourth:hover ,
#navi_side li.current a.fourth {
  background-image: url(../images/n-li_wit_on.jpg);
}

#navi_side  a.fifth {
  display: block;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wwt-usa_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}


#navi_side  a.fifth:hover ,
#navi_side li.current a.fifth {
  background-image: url(../images/n-li_wwt-usa_on.jpg);
}


#navi_side  a.sixth {
  display: block;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wvt_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}


#navi_side  a.sixth:hover ,
#navi_side li.current a.sixth {
  background-image: url(../images/n-li_wvt_on.jpg);
}


/*
#navi_side #navi_side_01 ul li a,
#navi_side #navi_side_01 ul li a:focus,
#navi_side #navi_side_01.current ul li a,
{
  background: none;
  position: relative;
  display: block;
  clear: both;
  border: none;
  padding: 10px;
}

#navi_side a.second {
  position: absolute;
  top: 113px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wbt_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side #navi_side_02 a:hover, #navi_side #navi_side_02 a:focus, #navi_side #navi_side_02.current a {
  position: absolute;
  top: 113px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wbt_on.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side a.third {
  position: absolute;
  top: 161px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wfw_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side #navi_side_03 a:hover, #navi_side #navi_side_03 a:focus, #navi_side #navi_side_03.current a {
  position: absolute;
  top: 161px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wfw_on.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side a.fourth {
  position: absolute;
  top: 209px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wit_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side #navi_side_04 a:hover, #navi_side #navi_side_04 a:focus, #navi_side #navi_side_04.current a {
  position: absolute;
  top: 209px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wit_on.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side a.fifth {
  position: absolute;
  top: 305px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wwt-usa_out.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
#navi_side #navi_side_05 a:hover, #navi_side #navi_side_05 a:focus, #navi_side #navi_side_05.current a {
  position: absolute;
  top: 305px;
  left: 0px;
  width: 165px;
  height: 48px;
  background-image: url(../images/n-li_wwt-usa_on.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

*/

#header a:link, #header a:visited, #header a:hover,
#navi_side a:link, #navi_side a:visited, #navi_side a:hover,
#navi_top a:link, #navi_top a:visited, #navi_top a:hover {
  text-decoration: none;
  border: none;
}

#content { 
  position: absolute;
  top: 165px;
  left: 197px;
  width: 480px;
  background: #fff;
}

.p_content {
  font: 1em/1.5em Arial, Verdana, sans-serif;
  margin-top: 1.3em;
  border-bottom: 1px solid #cbcbcb;
}

#sidebar {
  position: absolute;
  top: 165px;
  right: 7px;
  width: 208px;
  background: #fff;
}

#sidebar h2, #sidebar h3, #sidebar p, #sidebar ul {
  padding-left: 6px;
}

.sidebar_content {
  background-image: url(../images/img_bg_column_right.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 1px;
  margin-bottom: 30px;
}

#sidebar h2 {
  widht: 203px;
  background-image: url(../images/img_schraffur.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 12px;
} 

#sidebar h3 { 
  padding-top: 6px;
}

#sidebar p { 
  margin-bottom: 8px;
} 
#content li.csc-textpic-image,
#sidebar li.csc-textpic-image {
  background-image: none;
}
#content ul li, #sidebar ul li {
  font: 1em/1.5em Arial, Verdana, sans-serif;
  font-weight: bolder;
  list-style-type: none;
  margin: 5px 0 5px 0;
  padding-left: 10px;
  background-image: url(../images/img_square_rot.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
#content li.csc-textpic-image {
  padding-left: 5px;
}

div.csc-frame-rulerAfter {border-bottom: 1px solid #c7c7c7;}

div#footer {
  padding-top: 30px;
}

input.tx-indexedsearch-searchbox-sword {
  border: 1px solid #666;
  padding: 3px;
}

div.tx-commerce-pi3 input,
div.tx-commerce-pi3 select,
div.tx-commerce-pi3 textarea {
  border: 1px solid #666;
  padding: 3px;
}


/* Markus */

div.tx-danewslettersubscription-pi1 form input {
  border: 1px solid black;
  padding: 2px;

}

div.tx_powermail_pi1_fieldwrap_html {clear: both;}

div.powermail_radio_inner * {float: left;}

div.powermail_radio_inner label {display: none;}

div.tx_powermail_pi1_fieldwrap_html_6 label {display:inline;}
div.tx_powermail_pi1_fieldwrap_html_7 label {display:inline;}
div.tx_powermail_pi1_fieldwrap_html_8 label {display:inline;}
div.tx_powermail_pi1_fieldwrap_html_9 label {display:inline;}

div.powermail_radio_inner_uid6_1 label {float: right;}
div.powermail_radio_inner_uid7_1 label {float: right;}
div.powermail_radio_inner_uid8_1 label {float: right;}
div.powermail_radio_inner_uid9_1 label {float: right;}

div.powermail_radio_inner_uid6_0 label,
div.powermail_radio_inner_uid7_0 label,
div.powermail_radio_inner_uid8_0 label,
div.powermail_radio_inner_uid9_0 label {width: 95px;}

fieldset.adresse label {float: left; width: 120px;}
fieldset.adresse input {padding: 3px;}
fieldset.adresse div.tx_powermail_pi1_fieldwrap_html {padding:10px 0;}

div.powermail_radio_inner_uid1_0 label,
div.powermail_radio_inner_uid2_0 label,
div.powermail_radio_inner_uid3_0 label,
div.powermail_radio_inner_uid4_0 label,
div.powermail_radio_inner_uid5_0 label {width: 95px;display:inline;}

div.powermail_radio_inner_uid1_5 label,
div.powermail_radio_inner_uid2_5 label,
div.powermail_radio_inner_uid3_5 label,
div.powermail_radio_inner_uid4_5 label,
div.powermail_radio_inner_uid5_5 label {float: right;display:inline;}

input.powermail_text {
  border: 1px solid grey;
}