/* -------------- LAYOUT -------------- */

html, body {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
/*background-color: #FFFFFF;*/
width: 100%;
/*height: 100%;*/
}

body {

/*color: #23384B;*/
background-color: #EEF0FC;
font-family: Arial, Verdana, Trebuchet MS;
font-size: 95%;
text-align: left;

}

 
.com-category-teaser-img{
min-height: 15.5em;
}

td.com-basket-product-title{
	width:10em;
}

#header {
position: relative;
padding: 0em 0em 0em 0em;
margin: 0em 0em 1em 0em;
width: 100%;
min-width:67em;
text-align: left;
height: 12.2em;
background-image:url(../images/headerbg.jpg);
background-repeat:repeat-x;
/*background-color: #213647;*/
}

#headerinner {
position: relative;
padding: 0em 0em 0em 0em;
/*width: 1018px;*/
width: 67em;
text-align: left;
margin: auto;
height: 12.2em;
}


#rahmen {
position: relative;
padding: 1em 1em 1em 1em;
background-color: #F8F9FE;
border: 1px solid #EEEEF6;
/*width: 998px;*/
width: 65em;
text-align: left;
margin: auto;
}

#logo {
z-index: 1;
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
/*width: 383px;*/
width: 26em;
float: left;
height: 12.2em;
}
#logo img{
width: 25.2em;
height: 12.2em;
}


#contextmenue {
color: #09404B; 
font-family: Trebuchet MS, Arial, Verdana;

padding: 3.3em 0em 0em 0em;
margin: 0em 0em 0em 0em;
width: 40em;
float: right;
text-align: right;
}



#mainarea2 {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
width: 65em;
}



#copy{
width: 100%;
/*float: left;*/
clear: both;
margin: 1em 0em 1em 0em;
padding: 0em 0em 0em 0em;
font-size: 80%;
line-height:150%;
color: #E2ECEE;
}

#copyinner{
width: 65em;
text-align: center;
margin: auto;
padding: 0em 0em 0em 0em;
line-height:150%;
}


#leftmenue{
font-size: 90%;
float: left;
width: 17em;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}


.leftmenueinner{
float: left;
width: 18em;
margin: 0em 0em 1em 0em;
padding: 0em 0em 0em 0em;
/*background-color: #EEF0FC;*/
background-color: #FFFFFF;
border:1px solid #E8EBF4;
}

.leftmenueinner2{
float: left;
width: 16em;
margin: 0em 0em 1em 0em;
padding: 1em 1em 1em 1em;
background-color: #FFFFFF;
border:1px solid #E8EAF4;
}

#leftmenueempty{
font-size: 80%;
float: left;
width: 18em;
margin: 0em 0em 1em 0em;
padding: 0em 0em 0em 0em;
}


#content {
float: right;

width: 47em;
position: relative;
margin: 0em 0em 0em 1em;
padding: 0em 0em 0em 0em;
text-align: left;
color: #000000;
line-height:170%;
min-height: 450px;
}

.topproducts{
	font-size: 85%;
	margin: 0em 0em 1em 0em;
	padding: 1em 1em 1em 1em;
	background-color: #FFFFFF;
	border: 1px solid #E8EAF6;
}

.products{
	font-size: 85%;
	margin: 0em 0em 1em 0em;
	padding: 0em 1em 1em 1em;
	background-color: #FFFFFF;
	/*
	border: 1px solid #E8EAF6;
	*/
	clear:both;
}

#contentinner2 {
	border: 1px solid #E8EAF6;
	background-color: #FFFFFF;
	
}

.default{
	font-size: 85%;
	margin: 0em 0em 1em 0em;
	padding: 1em 1em 1em 1em;
	background-color: #FFFFFF;
	border: 1px solid #E8EAF6;
}


.com-single{
padding: 1em 1em 1em 1em;
}

.tx-felogin-pi1{
padding: 1em 1em 1em 1em;
}

.contentinner {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;

}




#breadcrumb {
font-size: 75%;
text-align: left;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
color:#a5a5a5;
text-transform: uppercase;
font-family: Trebuchet MS, Arial, Verdana;
}

/* -------------- / layout -------------- */


/* -------------- accessibility -------------- */


#jump a, #jump a:visited, #jump a:hover {
position:absolute; 
left:-1000px; 
top:-1000px; 
width:1px; 
height: 1px;
overflow:hidden; 
display:inline;
}

#jump a:focus, #jump a:active {
z-index:99;
top:3px;
left:15px;
width:auto; 
height:auto;
background-color: #CD004D;
color: #FFFFFF;
padding: 0.5em 0.5em 0.5em 0.5em;
}

#jump p {
line-height:1em;
height:1em;
margin:0;
z-index:99;
}


acronym{
cursor: help;
border-bottom: 1px dashed #000000;
}

abbr{
cursor: help;
border-bottom: 1px dashed #000000;
}

.hidden {
position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px;
overflow:hidden; display:inline;
/*display: none;*/
}

#jump hr, #top hr, #topmenue hr, #contextmenue hr, #content hr {
position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px;
overflow:hidden; display:inline;
/*display: none;*/
}

#content a:focus{
background-color: #CCCCCC;
color: #000000;
}

#content a:active {
background-color: #CCCCCC;
color: #000000;
}


/* -------------- / accessibility -------------- */

/* -------------- FORMATE -------------- */




.alboxrightborder{
margin: 0em 1em 0em 0em;
}



.albox{
width: 16.5em;
height: 10em;
padding: 0.5em 0em 0.5em 0.5em;
background-image:url(../images/albg.jpg);
background-repeat:repeat-y;
float: left;
}



.altxt{
padding: 0em 0em 0em 0em;
margin: 0em 0.1em 0em 0em;
color: #FFFFFF;
font-size: 1em;
float: left;
text-transform: uppercase;
width: 9em;
font-weight: bold;
}

.alprice{
padding: 0em 0em 0.5em 0em;
margin: 0em 0em 0em 0em;
color: #FFFFFF;
font-size: 1.7em;
float: left;

}

.alimg{
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
float: right;
width: 7em;
text-align: right;
}



.altxt a {
color: #FFFFFF;
text-decoration: none;
}



.prodboxrightborder{
margin: 0em 1em 0em 0em;
border-right: 1px solid #EEF0FC;
border-bottom: 1px solid #EEF0FC;
}

.prodboxnoborder{
margin: 0em 0em 0em 0em;
border-bottom: 1px solid #EEF0FC;
}

.prodbox{
width: 16.5em;
min-height: 38em;
padding: 0.5em 0em 0.5em 0.5em;
margin: 1em 0em 0em 0em;
float: left;
border-right: 1px solid #EEF0FC;
border-bottom: 1px solid #EEF0FC;
}

* html .prodbox{
width: 16.5em;
height: 40em;
padding: 0.5em 0em 0.5em 0.5em;
margin: 1em 0em 0em 0em;
float: left;
border-right: 1px solid #EEF0FC;
border-bottom: 1px solid #EEF0FC;
}

.prodimg{
padding: 0em 0em 0em 0em;
margin: 0.5em 0em 0em 0em;
text-align: center;
height: 16em;
}

.prodtxt{
min-height: 14em;
margin: 1em 0.1em 0.2em 0em;
padding: 0em 0em 0em 0em;
color: #000000;
font-size: 1em;
text-transform: none;
font-weight: normal;
text-align: left;

}


.prodbox .prodtxt {
height:18em;
overflow:hidden;
}


.prodwk{
padding: 0em 0em 0em 0em;
margin: 0em 0em 1em 0em;
vertical-align: bottom;
}

div.com-single .prodwk{
padding: 0em 0em 0em 0em;
margin: 1em 0em 0.5em 0em;
vertical-align: bottom;
}

.prodprice {
padding: 0em 0em 0.5em 0em;
margin: 0em 0em 0.5em 0em;
color: #004078;
font-size: 1.7em;
height:1.2em;
}

.prodtxt a {
color: #FF2370;
text-decoration: underline;
}

.prodwk a {
background:transparent url(/fileadmin/templates/images/buttbg2.jpg) repeat-x scroll 0 0;
background-repeat:repeat-x;
background-color: #CE004A;
margin: 0.5em 0em 0.5em 0em;
padding: 0.2em 0.5em 0.4em 2.5em;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
width:12em;
font-size:1em;
text-decoration: none;

}

.prodwk img.ampelimg {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
}

.wkbuttdiv {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
float: left;
}

.wkampeldiv {
padding: 0em 0em 0em 0em;
margin: 0em 0.5em 0em 0em;
float: right;
}

#leftmenue h2, #leftmenue h1 {
font-size: 1.3em;
text-transform: uppercase;
margin: 0em 0em 0em 0em;
padding: 0.8em 0.5em 0.8em 0.5em;
color:#9E0136;
font-weight: bold;
font-family: Trebuchet MS, Arial, Verdana;
}


#content ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}

#content ul li{
background-color: transparent;
clear: both; 
list-style-type: none;
background-image: url(../images/pointactive.gif);
background-repeat:no-repeat;
background-position: 5px 8px;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;

}

#content ul ul li{
list-style-type: none;
background-image: url(../images/pointactive.gif);
background-repeat:no-repeat;
background-position: 20px 10px;
padding: 0px 0px 0px 35px;
}

#content ul ul ul li{
list-style-type: none;
background-image: url(../images/aufzaehlung_b.gif);
background-repeat:no-repeat;
background-position: 20px 5px;
padding: 0px 0px 0px 35px;
}


p {
margin: 0em 0em 1em 0em;
padding: 0em 0em 0em 0em;
/*display: inline;*/
}


.lbk{
	margin: 0em 0em 0em 0em;
	padding: 0.3em 0.5em 0.3em 0.5em;
	background-image: url(../images/leftbuttbg.jpg);
	background-repeat:no-repeat;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}


.lbk .searchbutt{
	background:url(../images/buttbg.jpg); 
	background-repeat:repeat-x;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	width:3em;
	font-size:0.8em;
	border: none;
	padding: 0.1em 0.2em 0.1em 0.2em;	
	margin: 0em 0em 0em 0em;

}

/*
.wkb{
	margin: 0em 0em 0em 0em;
	padding: 0.3em 0.5em 0.3em 0.5em;
}
*/

.wkbbutt{
	background:url(../images/buttbg.jpg); 
	background-repeat:repeat-x;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.3em 0.5em 0.3em 0.5em;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
/*	width:12em; */
	font-size:1em;
	display: block;
	white-space: nowrap;
}


/* Aenderung JU */
.lkbbutt2, div.prodwk a{
	background:url(../images/buttbg2.jpg); 
	background-repeat:repeat-x;
	background-color: #CE004A;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.2em 0.5em 0.4em 2.5em;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	width:12em;
	font-size:1em;
	text-decoration: none;
}

h1 {
	font-size:1.5em;
	color: #004078; 
	font-weight: bold;
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0em;	
	text-transform: none;
	font-family: Trebuchet MS, Arial, Verdana;
}

h1.csc-firstHeader {
padding: 1em 0em 0em 1em;

}


h2 {
	font-size:1.3em;
	font-weight:bold;
	color: #004078; 
	margin: 1em 0em 0.5em 0em;
	padding: 0em 0em 0em 0em;
	font-family: Trebuchet MS, Arial, Verdana;
}

/* Aenderung JU 
h2, .prodtxt h2 a {
	text-decoration: none;
	font-size:1.3em;
	font-weight:bold;
	color: #004078; 
	margin: 1em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
	font-family: Trebuchet MS, Arial, Verdana;
}
*/
.prodtxt h2, .tx-fesearchintable-pi1 h2 {
	font-size:1.3em;
	font-weight:bold;
	color: #004078; 
	margin: 1em 0em 0.5em 0em;
	padding: 0em 0em 0em 0em;
	font-family: Trebuchet MS, Arial, Verdana;
}


.prodtxt h2 a, .tx-fesearchintable-pi1 h2 a {
	text-decoration: none;
	color: #004078; 
	text-transform: uppercase;
}

H3
{
	font-size:1.1em;
	font-weight: bold;
	text-align: left;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0em 0em 0em 0em;
	font-family: Trebuchet MS, Arial, Verdana;
}
H4
{
	font-size:1em;
	font-weight: bold;
	text-align: left;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0em 0em 0em 0em;
	font-family: Trebuchet MS, Arial, Verdana;
}





.hrvisible {
	display: inline;
}


fieldset {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
border: none;
}

legend {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
display: none;
}

#contextmenue fieldset {
margin: 0em 0em 0em 0em;
padding: 0.7em 1em 0.9em 1em;

}

#contextmenue form {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
width:24em;
}

#contextmenue label {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
color: #FFFFFF;
text-transform: uppercase;
float: left;
}

#contextmenue .suchfeld {

	background-color:#FFFFFF;
	border-top: 1px solid #707072;
	border-left: 1px solid #707072;
	border-right: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
	width:9em;
	font-size:1em;
	height:1.3em;	
	color:#000000;
	margin: 0em 1em 0em 0.5em;
	padding: 0.1em 0em 0em 0.1em;	
	
}

#contextmenue .searchbutt{
	background:url(../images/buttbg.jpg); 
	background-repeat:repeat-x;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
/*	width:3em; */
	font-size:1em;
	border: none;
	padding: 0.1em 0.2em 0.1em 0.2em;	
	margin: 0em 0em 0em 0em;
	float: left;
}

#contextmenue .searchbutt{
	/*modern browsers ie7, ff3*/
	margin: 0em 0em 0em 0em !important;
	/*ie6*/
	margin: 0em 0em 0em 0em;

}

/*ff2*/
#contextmenue .searchbutt, x:-moz-any-link{
	margin: 0em 0em -0.1em 0em !important;
}
/*ff3*/
#contextmenue .searchbutt, x:-moz-any-link, x:default{
	margin: 0em 0em 0em 0em !important;
}





/* -------------- LINKS -------------- */



#startbox1 a{
text-decoration: none;
}
#startbox2 a{
text-decoration: none;
}

#startbox3 a{
text-decoration: none;
}

#leftmenue a{
text-decoration: none;
}


.catlist a {
color:#565F6E;
text-decoration: none;
}

div.catlist {
	clear:both;
	position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px;
	overflow:hidden; display:inline;
}

#breadcrumb a {
color: #94AAB7; 
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
}

#breadcrumb a:link {text-decoration:none; }
#breadcrumb a:visited {text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}
#breadcrumb a:active {text-decoration:none;}

#contextmenue ul{
list-style-type: none;
display: inline;
text-align: right;
float: right;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
}

#contextmenue ul li{
float: left;
background-image:url(../images/tmbg1.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
background-color: #283F51;
height: 3em;
border-right: 1px solid #A3ADB7;
border-top: 1px solid #A3ADB7;
border-bottom: 1px solid #A3ADB7;
float: left;
}

#contextmenue ul li.firstli{
float: left;
background-image:url(../images/tmbg1.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
height: 3em;
border-left: 1px solid #A3ADB7;

}

#contextmenue ul li.noborder{
float: left;
background-image:none;
border: none;
background-color: transparent;
}

#contextmenue ul li.noborder a{
padding: 10px 0px 12px 12px;
margin: 0px 0px 0px 0px;
}

#contextmenue a{
text-transform: uppercase;
font-weight: normal;
padding: 10px 12px 12px 12px;
margin: 0px 0px 0px 0px;
display: block;
float: left;
}

#contextmenue a.passive {
text-decoration:none;
height: 13px;
}

#contextmenue a.active {
text-decoration:none;
height: 13px;
}

#contextmenue a.passive:link {background-color:transparent; color:#FFFFFF; }
#contextmenue a.passive:visited {background-color:transparent; color:#FFFFFF; }
#contextmenue a.passive:hover {background-color:#5C000B; color:#FFFFFF; }
#contextmenue a.passive:focus {background-color:#5C000B; color:#FFFFFF; }
#contextmenue a.passive:active {background-color:transparent; color:#FFFFFF; }

#contextmenue a.active:link {background-color:#5C000B; color:#FFFFFF; }
#contextmenue a.active:visited {background-color:#5C000B; color:#FFFFFF;}
#contextmenue a.active:hover {background-color:#5C000B; color:#FFFFFF; }
#contextmenue a.active:focus {background-color:#5C000B; color:#FFFFFF; }
#contextmenue a.active:active {background-color:#5C000B; color:#FFFFFF;}

/*
#content a:link {text-decoration:underline; color: #000000;}
#content a:visited {text-decoration:underline; color: #000000;}
#content a:hover {text-decoration:underline; color: #000000;}
#content a:active {text-decoration:underline; color: #000000;}
*/

#copy a{
text-decoration:none; 
color: #2B3946;
text-transform: uppercase;
}

#copy a:hover{
text-decoration:none; 
color: #9C0049;
text-transform: uppercase;
}


.default a {
text-decoration:underline; 
color: #115A68;
}




.com-single a {
text-decoration:underline; 
color: #115A68;
}

.tx-felogin-pi1 a {
text-decoration:underline; 
color: #115A68;
}

.topproducts a{
text-decoration:none; 
color: #FFFFFF;
font-weight: bold;
}

div.pagebrowser {
	clear: both;
}

/**************************
 * Die Kondensierte Liste
 ***************************/

.prodbox-condensed{
width: 50em;
padding: 0.5em 0.5em 0.5em 0.5em;
margin: 0.5em 0em 0em 0em;
/* min-height: 16em; */
border: 1px solid #EEF0FC;
clear: both;
}

.prodimg-condensed{
padding: 0em 0em 0em 0em;
margin: 0.5em 0em 0em 0em;
text-align: center;
min-height: 10em;
width: 10em;
float: left;
}

.prodtxt-condensed{
margin: 1em 0.1em 0.2em 0em;
padding: 0em 0em 0em 0em;
color: #000000;
font-size: 1em;
text-transform: none;
font-weight: normal;
text-align: left;
}

.prodtxt-condensed a {
color: #FF2370;
text-decoration: underline;
}

.prodwk-condensed a {
background:transparent url(/fileadmin/templates/images/buttbg2.jpg) repeat-x scroll 0 0;
background-repeat:repeat-x;
margin: 0.5em 0em 0.5em 0em;
padding: 0.2em 0.5em 0.4em 2.5em;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
width:12em;
font-size:1em;
text-decoration: none;
}

.prodwk-condensed{
padding: 0em 0em 0em 0em;
margin: 0em 0em 1em 0em;
vertical-align: bottom;
}

.prodwk-condensed .prodprice {
padding: 0em 0em 0.5em 0em;
margin: 0.2em 1em 0em 0em;
color: #004078;
font-size: 1.7em;
float: left;
}

.prodtxt-condensed h2{
 font-size:1.3em;
 font-weight:bold;
 color: #004078; 
 margin: 1em 0em 1em 0em;
 padding: 0em 0em 0em 0em;
 font-family: Trebuchet MS, Arial, Verdana;
}

.prodtxt-condensed h2 a{
 text-decoration: none;
 color: #004078; 
 text-transform: uppercase;
}


* html .prodwk a {
width:14em;
}
 
* html .prodtxt{
height: 12.5em;
}

* html .bodytext {
height: 4em;
min-height: 4em;
line-height:120%;
}


/* extratools */

#content ul#extratools {
margin: 1em 0em 1em 0em;
padding: 0em 0em 0em 0em;
}



#content div.tx-careteccommerceext-pi1 label,#content div.tx-wtmailmansubscribe-pi1 label,div.tx-powermail-pi1_formwrap label{
float:left;
width:130px;
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
text-align: right;
}

div.tx_powermail_pi1_fieldwrap_html{
	clear:both;
}

#content div.tx-careteccommerceext-pi1 label.nofloating{
float:none;
width:500px;
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
text-align: left;
}

#content div.tx-careteccommerceext-pi1 input.nofloating{
margin: 0px 0px 10px 20px;
padding: 0px 0px 0px 0px;
width:30px;
}

#content div.tx-careteccommerceext-pi1 input,#content div.tx-wtmailmansubscribe-pi1 input{
margin: 0px 0px 10px 4px;
padding: 0px 0px 0px 0px;
width:200px;
}
#content div.tx-careteccommerceext-pi1 textarea{
margin: 0px 0px 10px 4px;
padding: 0px 0px 0px 0px;
width:200px;
}
.com-bold {
	font-weight: bold;
}

/*
div.tx-commerce-pi1 {
padding: 1em 1em 1em 1em;
}
*/

div.tx-commerce-pi a {
text-decoration:underline; 
color: #115A68;
}

/* 
 * Fix für verrutschte Felder in der Adressengabe
 * Wenn man nicht angemeldet ist
 * NB: com-chkout-address-label gilt nicht für Radiobuttons (sonst wärs schlecht!)
 */
div.tx-commerce-pi3 dt.com-chkout-address-label
{
	clear: both;
}
/* 
 * Fix für verrutschte Felder in der Adresseingabe
 * Wenn man schon angemeldet ist, i.e. beim Bearbeiten der Adresse
 * NB: Hier gibts keine Radiobuttons!
 */
div.tx-commerce-pi4  dt
{
	clear: both;
}