/* BODY {
	MARGIN: 0px;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10; */
	

body{
background:#FFFFFF;
color:#000000;
font:10px Verdana,Arial,Helvetica,sans-serif;
margin:0px;
padding:0;
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef}

font, th, td, p{font:10px Verdana,Arial,Helvetica,sans-serif}

 	
}

h1 {
	FONT-SIZE: 16
	
	}



h2 {
	FONT-SIZE: 14
	
	}


h3 {
	FONT-SIZE: 12
	
	}

TABLE.head {
	with: 100%;
	
	background-image: url('../images/cellpic_bkg.jpg')
	
	
}


TABLE.leiste {
	WIDTH: 100%;
	PADDING: 2px;
/*	border-top:2px solid #F1ED3B;  */
	background-image: url('../images/cellpic_nav.gif');
	
	border-bottom:0px solid #F1ED3B;
	COLOR: #336699

	
}



TABLE.maintab {
	WIDTH: 100%
	
}

TABLE.maintabbk {
	WIDTH: 100%;
	background-image: url('../images/bk.gif');
	background-repeat: repeat-y
	
}

/* This is the gradient background at the top of the page */

.topbkg {background-image: url('../images/cellpic_bkg.jpg')}
.topnav{border-left:0px solid #91a0ae; border-right:0px solid #91a0ae; border-top:1px solid #91a0ae; border-bottom:1px solid #91a0ae; font-size:10px;background: #e5ebf3 url('images/cellpic_nav.gif') repeat-x;color:#dd6900;
height:21px;white-space:nowrap}

TABLE.kleintab1 {
	
	-moz-border-radius: 0em; 
  	border-radius: 0em;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #F3F3F3;
	BACKGROUND: #FFFFFF;
	COLOR: #336699

}





TABLE.kleintab {
	
	WIDTH: 100%;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #F3F3F3;
	BACKGROUND: #FFFFFF;
	
	COLOR: #336699

}
 
 TABLE.techdaten {
	
	WIDTH: 100%;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	BORDER-COLOR: #F3F3F3;
	BACKGROUND: #FFFFFF;
	
	COLOR: #336699

}


TABLE.wkorbkleintab {
	
	WIDTH: 100%;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #008853;
	BACKGROUND: #FFFFFF;
	
	COLOR: #336699

}

TABLE.np {
	
	WIDTH: 100%;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #F3F3F3;
	
	BACKGROUND: #FFFFFF;
	COLOR: #336699

}

TR.np1 {
	
	WIDTH: 100%;
	BORDER-STYLE: solid;
	
	BORDER-COLOR: #000000;
	
	BACKGROUND: #FFFFFF;
	COLOR: #336699

}

TABLE.werbung1 {
	WIDTH: 100%;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	BORDER-COLOR: #336699;
	BACKGROUND: #FFFFFF

	
}


TD.werbung1 {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	FONT-SIZE: 10;
	COLOR: #000080
}

TABLE.werbung2 {
	WIDTH: 100%;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #ED3263;
	BACKGROUND: #FFFFFF
}


TD.leiste {
	
	WIDTH: 100%;
	PADDING: 0px;
/*	border-top:2px solid #F1ED3B;  */
	background-image: url('../images/cellpic_nav.gif');
	border-bottom:0px solid #F1ED3B;
	COLOR: #336699
}	

TD.werbung2 {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	FONT-SIZE: 10;
	COLOR: #000080
}

TD {
	FONT-FAMILY: verdana;
	FONT-SIZE: 10;
	COLOR: #00000
}

TD.maintab {
	PADDING: 7px;
	VERTICAL-ALIGN: top;
	BORDER-WIDTH: 1px;
	
	BORDER-COLOR: #BCBCBC
}

TD.tabtitel {
	PADDING: 2px;
	Text-align: center;
	BORDER-STYLE: normal;
	BORDER-WIDTH: 1px;
	COLOR: #336699;
	background-image: url('../images/cellpic_nav.gif');
	FONT-WEIGHT: bold
}	


TD.titel {
	PADDING: 2px;
	FONT-SIZE: 16;
	Text-align: center;
	BORDER-STYLE: normal;
	BORDER-WIDTH: 1px;
	COLOR: #336699;
	background-image: url('../images/cellpic_bkg.jpg');
	FONT-WEIGHT: solid
}

TD.preis {
	PADDING: 2px;
	FONT-SIZE: 14;
	COLOR: #336699;
	FONT-WEIGHT: solid
}

TD.sopreis {
	PADDING: 2px;
	FONT-SIZE: 12;
	COLOR: #336699;
	FONT-WEIGHT: solid;
	background-image: url('../images/offerte.gif');
}

TD.tabinhalt {
	
	PADDING: 3px;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	COLOR: #336699

}

TD.tabinhaltbk {
	
	PADDING: 3px;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	COLOR: #336699;
	background-image: url('../images/bk.gif')
}




TD.wk {
	
	PADDING: 2px;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	COLOR: #336699;
	BACKGROUND-color: #FFFF6B
}

A:hover.wg {
	COLOR: #336699;
	Font-weight: normal;
	
	TEXT-DECORATION: underline
}

/*trennlinien Warengruppen links*/

.navigation {
 
/*	Font-weight: bold;*/
  	color:            #336699;
	border-top-color: #dfdfdf;
/*	border-bottom-color: #dfdfdf;*/
	border-top-width: 1px;
/* 	border-bottom-width: 1px;*/
	border-top-style:solid;
 /*	border-bottom-style:solid; */
 
	BACKGROUND-color: #fff;
	padding-top: 1px;

	
	width: 100%;

}
/*Abstand unterer Rand im Menü*/
.padding
{
	padding-bottom: 2px;
}

.navigation a:link {
	
  	color:            #336699;
	padding-bottom: 2px;
	BACKGROUND-color: #fff;
	width: 100%;
	TEXT-DECORATION:none
}

.navigation a:visited {
	
 	color:            #336699;
	BACKGROUND-color: #fff;
	width: 100%;
	TEXT-DECORATION:none

}

.navigation a:hover {

  	color:  #336699;
	Font-weight: bold;
	TEXT-DECORATION:none

}

.navigation a:active {

  color:            #336699;
	TEXT-DECORATION:none

}




A:link.wg1, A:visited.wg1 {

	
	COLOR: #336699;

	
	width: 100%;
	TEXT-DECORATION:none
}

A:active.wg1 {
	COLOR: #E94D25;
	
	TEXT-DECORATION:none
}

A:hover.wg1 {
	COLOR: #336699;
	
	Font-weight: bold
}

A:active.wg1 {
	COLOR: #E94D25;
	
	TEXT-DECORATION: none
}

A:link.navi, A:visited.navi {
	COLOR: #336699;
	TEXT-DECORATION: none
	
	
}

A:hover.navi, A:active.navi {
	COLOR: #336699;
	TEXT-DECORATION: underline;
	Font-weight: normal
}


A:link.leiste, A:visited.leiste {
	COLOR: #336699;
	TEXT-DECORATION: none
}

A:hover.leiste, A:active.leiste {
	COLOR: #336699;
	TEXT-DECORATION: underline;
	Font-weight: normal
}


A:Link	{
COLOR:#336699;
FONT-SIZE: 10px;
TEXT-DECORATION: none

}


A:visited	{
COLOR:#336699;
FONT-SIZE: 10px;
TEXT-DECORATION: none
}


A:hover	{
COLOR:#336699;
FONT-SIZE: 10px;
TEXT-DECORATION: underline
}


A:active	{
COLOR:#336699;
FONT-SIZE: 10px;
TEXT-DECORATION: none
}


FORM {
	DISPLAY: inline
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px

	
}

SELECT.leiste, TEXTAREA.leist, INPUT.leiste {
	
	FONT-FAMILY: verdana;
	FONT-SIZE: 10;

	COLOR: #000000;
	BACKGROUND: #FFFFFF;

	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px
}

Input {
	FONT-FAMILY: verdana;
	FONT-SIZE: 9;
	COLOR: #000000
}


SELECT, TEXTAREA {
	FONT-FAMILY: verdana;
	FONT-SIZE: 10;
	COLOR: #000000;
	BACKGROUND: #FFFFFF;

	BORDER-STYLE: solid;
	BORDER-Color: #336699;
	BORDER-WIDTH: 1px
}



SPAN.slogan {
	FONT-SIZE: 14;
	FONT-WEIGHT: bold;
	COLOR: #476489
}

SPAN.inhalt {
	FONT-SIZE: 12;
	FONT-WEIGHT: bold;
	PADDING: 4px;
	margin: 4px;
	COLOR: #476489
}

SPAN.haedlines {
	LINE-HEIGHT: 22px;
	FONT-SIZE: 12;
	FONT-WEIGHT: solid;
	COLOR: #476489
	
}


SPAN.sonderpreis {
	LINE-HEIGHT: 22px;
	FONT-SIZE: 14;
	FONT-WEIGHT: solid;
	COLOR: #ED3263
	
}


TABLE.impressum {
	WIDTH: 100%;
	background-image: url('../images/cellpic_bkg.jpg')
}

p.bg {
	PADDING: 2px;
	Text-align: center;
	BORDER-STYLE: normal;
	BORDER-WIDTH: 1px;
	COLOR: #336699;
	-moz-border-radius: 1em; 
  border-radius: 1em;
	background-image: url('../images/cellpic_nav.gif');
}

p.text {
	PADDING: 2px;
	
	BORDER-STYLE: normal;
	BORDER-WIDTH: 1px;
	COLOR: #336699;
	
}

p.test {

	FONT-SIZE: 9;
	FONT-WEIGHT: solid;
	PADDING: 2px;
	Text-align: center;
	BORDER-STYLE: normal;
	BORDER-WIDTH: 1px;
	COLOR: #336699;
/*	background-image: url('../images/cellpic_nav.gif') */
 

	
}

.sonderpreis1 {
 color: #FE0107;
 TEXT-DECORATION: line-through;
 FONT-WEIGHT: bold
}

.preisnorm1 {
	
	
	FONT-WEIGHT: bold;
	COLOR: #336699

}


.ToolTipTitel {
 color: black;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 10pt;
}
 
.ToolTipInhalt {
 color: black;
 font-family: arial, sans-serif;
 font-size: 10pt;
}
 
#ToolTip {
 position:absolute;
 width: 100px;
 top: 0px;
 left: 0px;
 z-index: 4;
 visibility: hidden;
}

TD.zubehoer {
	background-image: url('../images/zubehoer.gif');
 	background-position: bottom right;
	background-repeat: no-repeat;
	COLOR: #336699;
}

td.tip {
	PADDING: 3px;
background-image: url('../images/tip.gif');
 	background-position: bottom right;
	background-repeat: no-repeat;
	-moz-border-radius: 1em; 
  border-radius: 1em;
  BORDER-STYLE: solid;
  Border-color: #A1A1A1;
	BORDER-WIDTH: 1px;
	COLOR: #336699;
}

td.tip1 {
	PADDING: 3px;
	-moz-border-radius: 1em; 
  border-radius: 1em;
  BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	Border-color: #A1A1A1;
	COLOR: #336699;
}

TD.impressum {
	
	PADDING: 3px;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	COLOR: #336699

}

DIV.wkorb {
	PADDING: 2px;
	VERTICAL-ALIGN: middle;
	BORDER-WIDTH: 1px;
	
	BORDER-COLOR: #BCBCBC
}




a.info{
    position:relative; /*this is the key*/
  z-index:24; background-color:#ffffff;
    color:#0000000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ffffff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
   display:block;
    position:absolute;
    top:2em; left:0em; width:18em;
    border:3px solid #eeeeee;
	PADDING: 8px;
    background-color:#ffffff; color:#336699;
    text-align: left
	}


	
/*a.liefer{
    position:relative; /*this is the key*/
 /*   z-index:24; background-color:#ffffff;
    color:#0000000;
    text-decoration:none}

a.liefer:hover{z-index:25; background-color:#ffffff}

a.liefer:span{display: none}

a.liefer:hover span{ /*the span will display just on :hover state*/
 /*   display:block;
    position:absolute;
    top:2em; left:0em; width:18em;
    border:3px solid #eeeeee;
	PADDING: 8px;
    background-color:#ffffff; color:#336699;
    text-align: left
	} */
	
a.infozub{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffffff;
    color:#0000000;
    text-decoration:none}

a.infozub:hover{z-index:25; background-color:#ffffff}

a.infozub span{display: none}

a.infozub:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;/*position:absolute; top:120px; left:50px; width:150px; height:150px; z-index:3; */
    top:-40px; left:150px;
 /*   border:3px ridge #476489; */
	PADDING: 8px;
    background-color:#ffffff; color:#336699;
    text-align: left
	}


.artdaten
{	
	
	
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	PADDING: 3px;
	Border-color: #CEDAEA;
		
}


.keinevk 
{	
	
	
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	PADDING: 3px;
	Border-color: #A1A1A1;
		
}

.tabinhaltpr {
	
	PADDING: 3px;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	COLOR: #336699;
	background-image: url('../images/cellpic22.gif')
}

/* Runde Ecken ------------- */
/*.roundcont {
	width: 95%;
	background-color: #fff;
	color: #336699;

	
}

.roundcont p {
	margin: 0 10px;
	
}

.roundtop { 
	background:  url('/imges/ecken.gif')no-repeat top right; 
	
}

.roundbottom {
	background:  url('/imges/lower_right.gif') no-repeat top right; 
	
}

img.corner {
   width: 15px;
   height: 15px;
   border: 1;
   display: block !important;
} */

/* ------------- */

/*#roundbox { display:block; background:transparent; font-weight:normal; color: #336699; margin:0px 0px; } 
#roundbox p { margin:0 2px; padding:2px 0; line-height:1.2em; } 
.roundboxcontent { display:block; background:#fff; border-left:1px solid #a1a1a1; border-right:1px solid #a1a1a1; padding: 0.5em; } 
.linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;} 
.linie1, .linie2, .linie3 {height:1px;} 
.linie2, .linie3, .linie4 {background:#fff; border-left:1px solid #a1a1a1; border-right:1px solid #a1a1a1;} 
.linie1 {margin:0 5px; background:#a1a1a1;} .linie2 {margin:0 3px; border-width:0 2px 0 2px;} .linie3 {margin:0 2px;} 
.linie4 {height:2px; margin:0 1px 0 1px;} */