/* 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, #sidebar li {
	font: 1em/1.5em Arial, Verdana, sans-serif;
	font-weight: bolder;
	list-style-type: none;
	margin: 5px 0 5px 0;
	padding-left: 1em;
	background-image: url(../images/img_square_rot.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

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;

}