* {
  margin: 0;
  padding: 0;
}

.f_normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
.f_header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #666666;}
.f_header2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #666666;}
.f_heading_navi { padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5px; font-weight: bold; color: #FFFFFF; background: url(../images/other/box_header.gif) no-repeat; }
.f_heading { padding:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF;}
.tabtext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-align: center; }
.verztable { border: 1px solid #B5B5B5;  margin: 0; padding: 0; text-align: left;}
.verztable td { padding:3px 5px; font-size: 11px; border: 1px solid #ffffff;}
.verztable .small {font-size: 10px; text-align: left; }
.preis {font-size: 14px; font-weight: bold; color: red; }
.error {font-size: 10px; font-weight: bold; color:red; }

.menu0 { display:block; padding-left: 14px; border: #CCCC99 1px solid; border-top: none; cursor:hand; background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5px; color: #DF6200;
}
.msel0 { display:block; cursor:hand; padding-left: 14px; border: #CCCC99 1px solid; border-top: none; background-color: #FCC9A1;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5px; font-weight: bold; color: #DF6200;
}
.menu1 { display:block; padding-left: 14px; border: #CCCC99 1px solid; border-top: none; cursor:hand; background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5px; color: #DF6200;
}
.msel1 { display:block; cursor:hand; padding-left: 14px; border: #CCCC99 1px solid; border-top: none; background-color: #FDC395;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5px; font-weight: bold; color: #000000;
}
.menu2 { display:block; cursor:hand; border: #CCCC99 1px solid; border-top: none; background-color: #FFFFFF; padding-left: 28px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; color: #DF6200;
}
.msel2 { display:block; border: #CCCC99 1px solid; border-top: none; cursor:hand;  padding-left: 28px; background-color: #F6E3D4;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; font-weight: bold; color: #DF6200;
}
.menu3 { display:block; border: #CCCC99 1px solid; border-top: none; cursor:hand; background-color: #FFFFFF; padding-left: 42px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5px; color: #DF6200;
}
.msel3 { display:block; cursor:hand; border: #CCCC99 1px solid; border-top: none; padding-left: 42px; background-color: #F6E3D4;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5px; font-weight: bold; color: #DF6200;
}

.catalog {
	width: 170px;
	overflow:hidden;
}


form {  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
margin: 0px;
padding: 0px;
}

input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
margin: 0px;
padding-left: 0px;
}

select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
margin: 0px;
padding: 0px;
}



td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.ueberschrift3 { font-size: 13px; color: #666666; font-weight: bold;}

/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background: url( ../images/layout/hg_body.jpg);
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
margin-top: 10px;
}
a {color: #DF6200; text-decoration: none;}
a:visited {color:#DF6200; text-decoration: none;}
a:hover {color: #DF6200; text-decoration: underline;}
a:active { color:#DF6200; text-decoration: none;}


.blackover {position: absolute; top: 183px;
width: 924px;
font-size: 11px;
color: #F1F0F1;
background-color: black;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
margin: 0px 0px 0px 40px;
padding: 2px 0px 1px 8px;
}
.blackover a {color: #F1F0F1;}
.blackover a:visited {color:#F1F0F1;}
.blackover a:hover {color: #F1F0F1;}
.blackover a:active { color:#F1F0F1;}

.tab {position: absolute; top: 172px; z-index: 50;
margin: 0px 0px 0px 200px;}

h1 {
font-size:24px;
font-weight: bold;
margin:0px;
}

h2 {
font-size:18px;
font-weight: normal;
padding: 5px 0;
margin:0px;
}

h3 {
font-size: 11px;
text-transform:uppercase;
background-color: black;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding: 0 15px;
margin: 0;
color: #F1F0F1; 
}

h4 {
font-size: 11px;
color: #F1F0F1;
background-color: gray;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding: 0 15px;
margin: 100px 35px 0 40px; 
}

h5 {
font-size: 12px;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 1013px;
margin-bottom: 10px;
margin:0 auto;
background: url( ../images/layout/hg_content.png);
}

/* ----------banner for logo-------------- */
#banner {
background: url( ../images/layout/banner.png) no-repeat top left;
text-align: left;
padding: 0px;
margin: 0px;
height:200px;
width: 1010px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 0;
margin: 5px 70px 2px 245px;
}

p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
.boxleft {
background: url( ../images/layout/hg_links_wz.jpg) no-repeat top left;
float: left;
width: 200px;
margin: 0px;
padding: 10px 0 0 20px;
}
.divbottom {
background: url( ../images/layout/hg_links_wk.jpg) no-repeat bottom left;
height:24px;
margin: 0;
margin-left: -20px;
}
.divbottom2 {
background: url( ../images/layout/hg_rechts_wk.png) no-repeat bottom right;
width: 170px;
height: 24px;
margin: 0;
}
/* -----------footer--------------------------- */
#footer {
background: url( ../images/layout/hg_footer.gif) no-repeat bottom left;
height:39px;
clear: both;
margin: 0px;
padding: 0px;
text-align: center; 
color: #FFFFFF;
}

.infofooter {font-size: 0.8em; color: #4C5053; font-weight: normal; text-align: center; padding-top: 30px; }

.col1 { background: #FFFFFF; }
.col2 { background: #EEEEEE; }
.col3 { background: #DDDDDD; }
.stdtablebgcolor { background: #CCCC99; text-align: left;} 
.stdtablebgcolor td { padding-left: 5px;} 
.stdtableheading { background: #D05F1A; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; padding: 3px;}
.tabneu {padding: 2px; }

/* Artikelbilder im Warenkorb */
.warenkorbbild img { height: 25px; width: auto; border: none;}
#warenkorbbild  { height: 25px; }
/* Artikelbilder auf Produktseiten */
.xsbild img { width:40px; }
/* Artikelbilder in der "NEU" Box */
.neubild img { width:60px; }

hr { height: 1px;
	 background:#CCCC99;
}
	
#ordertable {
	border: none;
}



/* Formatierung für __weitereseiten__ */
.weitereseiten .ws_active { font-weight:bold; font-size:larger; }
.weitereseiten .ws_inactive {}
.weitereseiten .ws_dots {}

#maintable {
	text-align:left;
}

.detail form {
	display: inline;
}

.useripl .username { border-bottom:1px solid #CCCC99; text-align:center; font-style:italic; }
.useripl .username .welcome {}
.useripl .username .name { font-weight:bold; }
.useripl .username .additional_text { display:none; }

.useripl .userlogin { padding:2px; }
.useripl .userlogin .login_title {}
.useripl .userlogin .login_input {}
.useripl .userlogin .pass_title {}
.useripl .userlogin .pass_input {}
.useripl .userlogin .form_submit { padding-top:2px; }
.useripl .userlogin .logout {}

.useripl .userlinkkundenkonto { padding:2px; }
.useripl .userlinkregistrieren { padding:2px; text-align: center; }

.detail {font-size: 10px; text-align: right; padding-right: 10px;}
.small {font-size: 10px; text-align: left; }
.big {font-size: 13px;}
.titel2 {font-size: 14px; font-weight:bold; text-align: left; padding-left: 5px; }
.titel2 .preis {font-size: 11px; font-weight:bold; text-align: right; padding-right: 5px; }

.boxheader {
font-size: 15px; color: red; font-weight: bold;
background: url( ../images/other/box_header.gif) no-repeat top left;
height:5px;
width:167px;
margin: 0;
padding: 0;
}
.boxfoot {
font-size: 15px; color: red; font-weight: bold;
background: url( ../images/other/box_foot.gif) no-repeat bottom left;
height:15px;
width:167px;
margin: 0;
}
.boxmain {
background: url( ../images/other/box_main.gif) repeat-y;
width:167px;
margin: 0;
padding: 0;
}

.farbtabellehead {
 background: url( ../images/other/schattenhead-570px.png) no-repeat top left;
 height:22px;
margin: 0;
padding: 0;
}
.farbtabelle{
background: url( ../images/other/schatten-570px.png) no-repeat bottom left;
margin: 0;
padding: 0;
}
.farbkarte {
border:  1px solid #D7D5D5;  
background: #FBF9F9;
padding: 0;
}

#tabactive {padding:0; margin:0; list-style:none;}
#tabactive li {float:left; display:block; margin-right:6px; width:100px; height:25px;}
#tabactive li a {display:inline; float:left; width:100px; height:26px; position:absolute; top:12px; text-align:center; text-decoration:none;}
#tabactive li a em {display:block; width:100px; height:26px; background: url( ../images/tab/tab_inactiv.gif) repeat-x bottom left; border:none;}
#tabactive li a b {display:block; width:100px; height:26px; background:transparent; color:#DF6200; position:absolute; top:-2px; left:0; line-height:24px;}

#tabactive li a:hover {white-space:normal; cursor:pointer; z-index:110;}
#tabactive li a:hover em {display:block; width:110px; height:20px; left:0; left:-5px; position:absolute; z-index:100; border:0}
#tabactive li a:hover b {width:110px; height:42px; top:-17px; left:-5px; z-index:200; background: url( ../images/tab/tab_activ.gif) repeat-x top left; font-size:1.1em; color:#DF6200; line-height:29px; border: none;}

#tabactive .tactive {white-space:normal; cursor:pointer; z-index:500;}
#tabactive .tactive em {display:block; width:110px; height:42px; top:-17px; left:-5px; position:absolute; z-index:90; background: url( ../images/tab/tab_activ.gif) repeat-x top left; border:0}
#tabactive .tactive b {width:110px; height:42px; top:-17px; left:-5px; z-index:90; background: url( ../images/tab/tab_activ.gif) repeat-x top left; font-size:1.1em; color:black; line-height:29px; border: none;}

.cartright {BORDER-RIGHT: #cccc99 1px solid; BORDER-LEFT: #cccc99 1px solid; BORDER-BOTTOM: #cccc99 1px solid; padding-right: 5px;}
.cartleft {BORDER-LEFT: #cccc99 1px solid; BORDER-BOTTOM: #cccc99 1px solid;}

#round {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(../images/other/round.gif) no-repeat;}
#round li {display:block; width:80px; height:40px; position:absolute;}
#round li a b {display:none;}
#round li a {display:block; width:80px; height:40px; text-align:center;}

#round li a:hover {background:url(../images/other/circle.gif); text-decoration:none; font-family:georgia, serif;}
#round li a:hover b {position:absolute; display:block; width:160px; height:160px; font-size:16px; color:#63352c;}
#round li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

.zoomdiv {z-index:999;}
.zoomdiv a {display:block;}
.zoomdiv a span {display:none;}
.zoomdiv a:hover span {position:absolute; top: 30px; left: 2%; z-index:999; display:block;} /*Hier wird das Fenster positioniert; Nach persönlichen Vorstellungen anpassen*/
.zoomdiv a:hover span img {border: 1px solid #999999;}

.text_count {font-size: 10px; }

.box2d { height: 100px; width: 100px; margin-bottom: 10px; padding-top: 5px;}
.showitem {text-align:right; width: 100%;}

ul {padding-left: 40px; }

.toplinks { font-size:80%; text-align:center; color: #E4E3E3;}
.toplinks a { color:#BBBBBB; }
.toplinks a:hover { color:#BBBBBB; }
.smal2 {  font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #E4E3E3}