@charset "utf-8";
/* CSS Document 
	bernado styling     */
html{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}
	
body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	background:url(../img/hg.jpg) repeat-x;
	background-color:#e3e9ec;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}

p{
	color:#728893;
	font-size:11px;
	margin:0px;
}

td{
	color:#728893;
	font-size:11px;
}

dt{
	/*width:170px;*/
}

dd{
	width:400px;
}

.csc-frame-frame1{
	background-color:#f0f4f8;
	margin-bottom:5px;
}

.csc-frame-frame2{
	background-color:#d6dbe1;
	margin-bottom:5px;
}

#wrapper {
	padding:0px;
	margin:0px;
	width: 100%;
}

#header {
	position:relative;
	height:153px;
	width:887px;
	z-index:110;
}
#header2 {
	z-index:115;
}
#header3 {
	height:208px;
	z-index:120;
}

#content {
	position:relative;
	width:887px;
	color:#728893;
	z-index: 20;
	background-color:#FFFFFF;
}

 /*******************/
 /*    HEADER      */
/******************/
#logo {
	position:relative;
	width:226px;
	height:44px;
	left:40px;
	top:54px;
	cursor: pointer;
}
.l1 {
	position:relative;
	float:left;
	background-image:url(../img/header_li.gif);
	height:33px;
	width:11px;
}
.l2 {
	background-color:#9dacb4;
	color:#FFFFFF;
	position:relative;
	height:33px;
	width:887;
	z-index:112;
}
.l3 {
	position:relative;
	float:right;
	background-image:url(../img/header_re.gif);
	height:33px;
	width:18px;
}

#login {
	position:relative;
	top:-8px;
	float:right;
	color:#728893;
	font-size:11px;
	width:235px;
	height:109px;
}
.loginform {
	position:relative;
	width:170px;
	height:100px;
}
.spacer {
	position:relative;
	width:100%;
	height:18px;
}

 /*******************/
 /*    CONTENT     */
/******************/
#z2 {
	width:887px;
	height:135px;
}

#above {
	position:relative;
	float:left;
	background-color:#FFFFFF;
	width:632px;
	height:100%;
	z-index:11;
}
#bild {
	float:left;
	position:relative;
	left:20px;
	top:8px;
}

#mid {
	position:relative;
	float:left;
	z-index:12;
	background-color:#FFFFFF;
	width:632px;
}
#mid2 {
	position:relative;
	float:left;
	z-index:12;
	background-color:#FFFFFF;
	/*width:615px;*/
	width:632px;
}
#downloads {
	width:220px;
	height:200px;
	position:relative;
	float:left;
	color:#9eadb5;
	left:20px;
}
#service {
	background:url(../img/service.gif) no-repeat;
	width:400px;
	height:162px;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:11px;
}
.serviceleft {
	position:relative;
	float:left;
	margin-left:20px;
	width:150px;
	height:150px;
}
.serviceright {
	position:relative;
	float:right;
	margin-top:38px;
	width:190px;
	height:110px;
}
/* Pfeilformatierungen */
#p1 {
	position:relative;
	left:13px;
	top:61px;
}
#p2 {
	position:relative;
	left:13px;
	top:117px;
}
#p3 {
	position:relative;
	left:185px;
	top:61px;
}

#news {
	position:relative;
	float:right;
	z-index:9;
	background-color:#FFFFFF;
	width:240px;
}
#newstext {
	color:#9eadb5;
	height:280px;
	width:200px;
	position:relative;
	right:0px;
	top:20px;
}
#newsletter {
	position:relative;
	color:#9eadb5;
	background-image:url(../img/newsletter.gif);
	width:215px;
	height:213px;
	background-repeat:no-repeat;
	right:0px;
}
.newslettertext{
	position:relative;
	left:10px;
	top:35px;
	width:180px;
	height:173px;
}
 /*.white_a {
	background-image:url(../img/content_ab.gif);
	width:615px;
	height:23px;
	position:relative;
	z-index:19;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
} */
.white_a {
	background:url(../img/content_ab2.gif) no-repeat;
	width:887px;
	height:22px;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
}
/* .white_l {
	background-image:url(../img/content_li.gif);
	width:8px;
	height:744px;
	position:relative;
	float:left;
	z-index:12;
}
.white_r {
	background-image:url(../img/content_re.gif);
	width:19px;
	height:588px;
	position:relative;
	float:right;
	z-index:15;
} */
.white_u {
	background:url(../img/content_u.gif) no-repeat;
	width:887px;
	height:40px;
}
/* .suche {
	position:relative;
	background:url(../img/eck.gif) no-repeat;
	width:268px;
	height:152px;
	color:#FFFFFF;
	font-size:11px;
	z-index:9;
} */
.suche {
	position:relative;
	float:right;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/eck.png', sizingMethod='scale');*/
	background:url(../img/eck2.gif) no-repeat;
	width:254px;
	height:135px;
	color:#FFFFFF;
	font-size:11px;
	z-index:11;
}

#suchtext {
	position:relative;
	top:18px;
	left:80px;
	width:180px;
	height:150px;
}
.agb {
	width:200px;
	height:20px;
	position:relative;
	float:right;
}


 /*******************/
 /*    GROUPS      */
/******************/

#groups {
	width:630px;
	height:370px;
	position:relative;
	float:left;
	left:15px;
	top:30px;
}
.box {
	background-image:url(../img/box.gif);
	background-repeat:no-repeat;
	width:195px;
	height:100px;
	position:relative;
	padding:5px;
	float:left;
}
.more {
	display:block;
	position:relative;
	float:right;
	width:44px;
	height:15px;
	right:15px;
	bottom:20px;
}


/* Schriftformatierungen */
#big {
	position:relative;
	float:left;
	left:20px;
	color:#9faeb6;
	text-align:center;
	font-size:21px;
	font-weight:400;
	top:20px;
}
.headline {
	color:#9eadb5;
	font-size:16px;
	font-weight:bold;
}
.mehr {
	display:block;
	position:relative;
	float:right;
	right:4px;
	color:#9eadb5;
	text-decoration:none;
}
.text {
	position:relative;
	float:left;
	left:15px;
	top:15px;
}


/* Formularformatierungen */
form {
    display:inline;
}
.suchefelder {
	background-color:#d6dbe1;
	height:17px;
	width:120px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	border:0;
}
.go {
	position:relative;
	background-color:#d6dbe1;
	height:20px;
	width:30px;
	border:0;
	color:#728893;
	left:5px;
	font-size:10px;
}
.loginfelder {
	background-color:#e2e5ea;
	border:0;
	height:15px;
	width:120px;
	float:left;
	position:relative;
}
input {
	background-color:#e2e5ea;
	border:0;
	color: #728893;
}
#log {
	position:relative;
	float:right;
	background-color:#d6dbe1;
	height:17px;
	width:50px;
	border:0;
	color:#728893;
	font-weight:bold;
	font-size:10px;
}
.emailfelder {
	background-color:#d6dbe1;
	height:17px;
	width:166px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	border:0;
}
.absenden {
	position:relative;
	float:right;
	top:6px;
	right:12px;
	background-color:#9faeb6;
	height:20px;
	width:60px;
	border:0;
	color:#FFFFFF;
	font-size:11px;
}
.loginbox {
	position:relative;
	clear:both;
	height:23px;
	width:168px;
}
.label {
	position:relative;
	float:left;
	width:45px;
	height:15px;
}

.correct {
	width:200px;
	height:200px;
	position:relative;
	left:-25px;
	bottom:0px;
}

/* Linkformatierungen */
.listlink{
	color:#9eadb5;
	text-decoration:none;
}

#breadcrums {
	position:relative;
	left:210px;
	height:30px;
	width:417px;
	font-size:11px;
	color:#000000;
}

/* Product-Show-Styling */

#navi_left {
	background:url(../img/product/navi_links.gif) no-repeat;
	width:190px;
	height:800px;
	position:relative;
	float:left;
	left:5px;
}
.navi_left_text {
	position:relative;
	left:20px;
	top:12px;
	font-size:11px;
	color:#728893;
	width:160px;
	height:500px;
}
#product_show {
	/*background:url(../img/product/product_show.gif) no-repeat; */
	width:417px;
}
#ueberschrift {
	margin-left:20px;
	color:#deb538;
	font-size:13px;
	font-weight:bold;
	margin-bottom:20px;
}
h1,h2,h3,h4 {
	color:#deb538;
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
#product {
	background:url(../img/product/product_show01.gif) no-repeat;
	position:relative;
	width:412px;
	height:246px;
	text-align:center;
}
#info {
	width:412px;
	height:23px;
	position:relative;
	background:url(../img/product/product_show02.gif) no-repeat;
	padding-left:2px;
	z-index:999;
}
.verf {
	position:relative;
	float:right;
	width:150px;
	height:23px;
	text-align:right;
	right:5px;
	top:5px;
}

#switch {
	position:relative;
	width:415px;
	padding-top:6px;
	padding-left:1px;
	height:115px;
	background:url(../img/product/product_show03.gif) no-repeat;
	z-index:999999;
}
.switch_left {
	position:relative;
	float:left;
	left:1px;
	top:5px;
}
.switch_right {
	position:relative;
	float:right;
	right:6px;
	top:5px;
}
#preis {
	position:relative;
	float:left;
	margin:4px;
}
#table {
	position:relative;
	float:left;
	width:362px;
}
#info_bottom1 {
	position:relative;
	float:left;
	width:400px;
	font-size:11px;
	left:20px;
	z-index:999;
}
#info_bottom2 {
	position:relative;
	float:right;
	width:200px;
	bottom:15px;
	left:220px;
	font-size:11px;
}

/* left-styling */
#warenkorb {
	background:url(../img/product/warenkorb.gif) no-repeat;
	position:relative;
	width:232px;
	height:78px;
}
.warenkorb_text {
	position:relative;
	top:5px;
	left:15px;
}
#tools {
	background:url(../img/product/tools.gif) no-repeat;
	position:relative;
	float:left;
	width:129px;
	height:20px;
	color:#FFFFFF;
	font-size:10px;
}
#tools_text {
	position:relative;
	left:6px;
	top:3px;
	width:114px;
	height:10px;
	font-size:11px;
}
#tools_schrift {
	position:relative;
	float:left;
}
.tool {
	position:relative;
	float:right;
	top:2px;
	width:10px;
	height:10px;
	margin-right:3px;
}
#zum_warenkorb {
	position:relative;
	width:97px;
	height:30px;
	padding: 5px 0 5px 0;
}
#zubehoer {
	background:url(../img/product/zubehoer.gif) no-repeat;
	width:232px;
	height:482px;
	position:relative;
}
#zubehoer_text {
	width:220px;
	height:447px;
	position:relative;
	left:10px;
	top:20px;
	overflow-y: auto;
	overflow-x: hidden;
}
.zubbox_gesamt {
	width:210px;
	float:none;
	height:50px;
}
.zub {
	position:relative;
	float:left;
}

/* Bildformatierungen */

img {
	border:0px;
}
/* Schriftformatierungen */
.headline2 {
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
}
.headline3 {
	color:#9eadb5;
	font-size:15px;
	font-weight:bold;
	display:block;
	height:30px;
}	

/* Listenformatierungen */


/* Linkformatierungen */
a:link {text-decoration:none; color:#728893;}
a:hover {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#728893;}

a.menu,a.menu:link,a.menu:hover,a.menu:active,a.menu:visited {
	display:block;
	position:relative;
	width:130px;
	height:7px;
	top:8px;
	float:left;
	text-align:center;
	color:#FFFFFF;
}

a.breadcrums,a.breadcrums:link,a.breadcrums:active,a.breadcrums:visited {
	color:#000000;
	font-size: 11px;
}
a.breadcrums:hover {
	color:#000000;
}

a.submenu,a.submenu:link,a.submenu:active,a.submenu:visited {
	color:#728893;
	font-size: 11px;
}
a.submenu:hover {
	color:#728893;
}
a.submenublack,a.submenublack:link,a.submenublack:active,a.submenublack:visited,a.submenublack:hover {
	color:#000000;
}


a.servicelink {
	color:#FFFFFF;
	font-size: 13px;
}


/****************************************************************
CSS MEN�
****************************************************************/
#nav, #nav ul {
	float: left;
	width: 850px;
	list-style: none;
	height:33px;
	margin:0px;
	padding:0px;
	list-style-position:0px;
	text-align:left;
	
}
 
#nav a {
	display: block;
	/*width: 70px;*/
	color: #ffffff;
	text-decoration: none;
	padding: 0em 0em;
}
 
#nav li.menuparent {
	background: url(../img/pfeil.gif) no-repeat 99% 40%;
	background-color:#9dacb4;
}
 
#nav li {
	list-style: none;
	text-align: center;
	float: left;
	padding: 9px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align:middle;
	text-transform:uppercase;	
}

#nav li a { 
	font-weight:normal;
	font-size:12px;
}
#nav li a:hover { 
	font-weight:normal;
	font-size:12px;
}

/*2. Men�ebene - Hintergrund*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 220px;
	font-weight: normal;
	border-width: 0em;
	margin-top:9px;
	margin-left:-20px;
	/*margin: 5px 0 0 -5px;*/
}
 
#nav li li {
	width: 220px;
}

/*Eintr�ge 2. Men�ebene*/
#nav li ul li {
	height:18px;
	width: 220px;
	padding:5px;
	border-bottom:1px solid #9dacb4;
	text-align:left;
	vertical-align:middle;
	background-color:#728892;
	margin:0 0 0 0;
	padding-left: 20px;
}

#nav li:hover a, #nav li.sfhover a{
	color: #ffffff;
}

#nav li ul li a,
#nav li ul li a:hover,
#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:active {
	display: block;
	color:#ffffff;
	height:25px;
	width: 220px;
	text-align:left;
	vertical-align:middle;
	font-size:12px;
}

/*Positionierung 3. Men�ebene*/
#nav li ul ul {
	/*margin: -30px 0 0 184px;*/
	margin: -30px 0 0 200;
	/*background:#ffffff;
	filter:Alpha(opacity=90);*/	
}

#nav li ul ul li {
	height:18px;
	width: 220px;
	padding-left: 5px;
	border-bottom:1px solid #9dacb4;
	text-align:left;
	vertical-align:middle;
	background-color:#728892;
	margin:0 0 0 90;
}

#nav li:hover {  position: static;}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color: #728892;
	font-size:12px;
	color:#ffffff;
}


#nav ul li:hover, #nav ul li.sfhover {
	background-color: #9dacb4;
	color:#ffffff;
}





/* Listenformatierungen */
ul.down_ul {
	list-style-position:outside;
	list-style-image:url(../img/minus.gif);
}
ul.ser_ul {
	list-style-position:outside;
	list-style-image:url(../img/pfeil.gif);
}

ul a {}
ul a:hover {color:#000000;}
ul a:visited {color:#728893;}
ul a:active {color:#000000;}

/* clearer */

.clearer {
	clear:both;
}

.csc-mailform-field{
text-align: right;
width:370px;
}

.left {
	float:left;
	width:200px;
	height:25px;
}


/* Formular styling für Händlersuche */

.csc-mailform-field {
	margin-bottom:3px;
	clear:both;
}
.csc-mailform-field label {
	display:block;
	position:relative;
	float:left;
}
.csc-mailform-field input {
	display:block;
	position:relative;
	float:right;
	margin-bottom:3px;
}




#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}