/**************MAIN STRUCTURE**************/
* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#C8C8C8;
}
#wrapper { 
 margin: 0 auto;
 width: 965px;
 background-color:#fff;
}
#footer { 
 width: 965px;
 height:34px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background: #BD9C8C;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background:url(../../images/foot.jpg) no-repeat bottom;
}
/**********HEADER************/
#header {
 position:relative;
 color: #333;
 width: 965px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 179px;
 margin: 0px 0px 0px 0px;
 background:url(../../images/head.jpg) no-repeat top;
 background-color: #F8F8F8;
}
#navigation {
 width: 964px;
 color: #333;
 padding: 0px;
 margin: 105px 0px 0px 0px;
 background: #F8F8F8;
 height:30px;
 background:url(../../images/menu_bg.gif) no-repeat right -13px;
 border:0px solid red;
}
#search {
 float: left;
 width: 965px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #BD9C8C;
 height:34px;
 background:url(../../images/search.jpg) no-repeat bottom;
 text-align:center;
}
#searchinput {
 color:#3C3C3C;
 width:457px;
 margin-top:6px;
}
/*******HEADER: MENU TOP SMALL*********/

#navcontainertop{
    position: relative;
    width: 1000;
    text-align:right;
    top:3px;
    right:10px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    border:0px solid blue;
    z-index:100;
}

ul#navlisttop
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlisttop li
{
display: inline;
margin-left: 14px;
list-style-type: none;
/*width:100px;*/
}
#navlisttop a { padding: 0px; }
#navlisttop a:link, #navlisttop a:visited
{
font: normal normal 11px Verdana;
/*width:100px;*/
color: white;
font-family:verdana;
letter-spacing: -1px;
background-color: #275994;
text-decoration: none;
}
#navlisttop a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
/*******HEADER: MENU***********/
#navcontainer
{
position: relative;
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
border:0px solid blue;
}
#subnavcontainer
{
}
#navlist
{
position: relative;
width: 100%;
/*height: 1.05em;*/
margin: 0;
padding: 0;
/*border-bottom: 1px solid #f63;*/
white-space: nowrap;
border:0px solid green;
}
#navtrail { 
 float: left;
 border:0px solid red;
 color:black;
}
#navtrail a
{
color: #285993;
text-decoration:none;
font: bold normal 10px Verdana;
}
#navtrail a:hover
{
color: #00c;
}

#login { 
 float: right;
 border:0px solid red;
}

.preload1 {background: url(../../images/blank_over.gif);}
.preload2 {background: url(../../images/blank_overa.gif);}

/* menu2 ************************************************************************/
.menu2 {
    margin:0; 
    list-style:none;
    position:relative;
    z-index:500;
}

.menu2 a.secondlevel{
    font-size:11px;
}

.menu2 li.top {
    display:block;
    float:left;
    /*margin: 0 1px 0 0;*/
    margin:0px;
}

.menu2 li a.top_link {
    /*display:block;*/ 
    text-decoration:none; 
    float:left; 
    cursor:pointer;
    /*);*/
}

.menu2 #active{
    font-weight: bold;
    background-color: #236ca3;
    color: silver;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #1d467a;
    margin-right: -2px;
    margin-left:-0px;
    margin-top:-5px;
    padding: 8px;
    background:url(../../images/menu_1lev_bg_active.jpg) repeat-x top;
}

.menu2 li#active span a:hover { color: #fff; }
* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 600px;
/* IE5/Mac fixed width fix */
}

.menu2 li a.top_link span {
    /*float:left; */
    display:block; 
    height:19px;

    position: relative;
    width: 100px;
    margin: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #275994;
    background-color: #5291bc;
    color: white;
    font: normal 11px Verdana;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background:url(../../images/menu_1lev_bg.jpg) repeat-x top;
    padding-top:4px;
}

.menu2 li a.top_link span.down {
    float:left; display:block; 
    height:19px; 
    background:url(../../images/blanka.gif) no-repeat right top #275994;

    position: relative;
    width: 100px;
    margin: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #275994;
    background-color: #5291bc;          /*!!!!!!!!!!!!!!*/
    color: white;
    font: normal 11px Verdana;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background:url(../../images/menu_1lev_bg.jpg) repeat-x top #275994;
}

.menu2 li a.top_link:hover {color:silver; /*background: url(../../images/blank_over.gif) no-repeat;*/}
.menu2 li a.top_link:hover span {color:silver;/*background:url(../../images/blank_over.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover span.down {/*background:url(../../images/blank_overa.gif) no-repeat right top;*/}

.menu2 li:hover > a.top_link {/*color:#fff; background: url(../../images/blank_over.gif) no-repeat;*/}
.menu2 li:hover > a.top_link span {/*background:url(../../images/blank_over.gif) no-repeat right top;*/}
.menu2 li:hover > a.top_link span.down {/*background:url(../../images/blank_overa.gif) no-repeat right top;*/}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

.menu2 :hover ul.sub {left:0; top:24px; background:url(/images/menu_1lev_bg.jpg); padding:0px; border:0px solid #3a93d2; white-space:nowrap; width:94px; height:auto; z-index:300; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/}
/*first*/
.menu2 :hover ul.wide{width:160px;}
.menu2 :hover ul.sub li a.wide{width:160px;}


.menu2 :hover ul.sub li {display:block; height:23px; position:relative; float:left; width:90px; font-weight:normal;}

/*second hover*/
.menu2 :hover ul.sub li a {
    display:block;
    font: bold 9px Verdana;
    height:23px;
    width:160px;
    line-height:23px;
    text-indent:5px;
    color:#FFF;
    text-decoration:none;
    border-top:0px solid #1d467a;
    border-bottom:1px solid #FFFFFF;
    margin-bottom:0px;
}
.menu2 ul.sub li a{
    color:#000000;
}

.menu2 :hover ul.sub li a.fly {background:#fff url(../../images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {backgroundX:#3a93d2; color:#c0c0c0;}
.menu2 :hover ul.sub li a.fly:hover {backgroundX:#3a93d2 url(../../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

/*first*/
.menu2 :hover .nachLinks{
margin-left:-2px;
}
.menu2 :hover ul.wide li a.fly{
    border-top:0px solid #1D467A;
    border-left:0px solid #1D467A;
    border-bottom:0px solid #FFF;
    width:160px;color:#FFF;background:url(/images/menu_1lev_bg.jpg);
}
.menu2 :hover ul.wide li a.fly:hover{
    border-top:0px solid #1D467A;
    border-bottom:0px solid #FFF;
}
.menu2 :hover ul.wide li{color:#c0c0c0;}

.menu2 :hover ul.sub wide a.fly:hover {background:blue url(../../images/arrow_over.gif) 110px 7px no-repeat; color:#c0c0c0;}
.menu2 :hover ul li:hover > a.fly {backgroundX:#3a93d2 url(../../images/arrow_over.gif) 80px 7px no-repeat; color:#c0c0c0;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{

    /*
    left:160px; 
    top:0px;
    */
    
    left:0px;
    top:24px;
    
    background: #fff; 
    padding:0px; 
    border:0px solid #fff; 
    white-space:nowrap; 
    width:160px; 
    z-index:400;
    height:auto;
}

* html .menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{
    top:23px;
}


/************CONTENT****************/
#content { 
 color: #333;
 border: 0px solid #ccc;
 margin: 5px 5px 5px 0px;
 padding: 0px;
 min-height: 690px;
 width: 752px;
 float: left;
 background: #F2F2E6;
 background:url(../../images/contentTopLine.jpg) repeat-x top;
}
#boxes {
 border: 0px solid #ccc;
 margin: 12px 0px 0px 0px;
 padding: 0px;
 width: 752px;
 float: left;
}
/************CONTENT: TEXT*******************/
#textlayout {
 border: 0px solid red;
 margin: 15px 0px 0px 10px;
 padding: 0px;
 width: 565px;
 min-height:770px;
 float: left;
 background:url() no-repeat left top;
}

/* #textlayout {
 border: 0px solid #ccc;
 margin: 12px 50px 0px 50px;
 padding: 0px;
 width: 652px;
 float: left;
 text-align:justify;*/
 
#textlayout p{
 margin-bottom:10px;
 line-height:15px; 
}
#textlayout h1{
 line-height:25px;
 color:#2372AA;
 font-size:17px;
} 
/************CONTENT: BOXES******************/
dl.float-right
{
border: 1px solid #cccccc;
background-color: #fff;
width: 182px;
text-align: left;
padding: 0 0 10px 0;
float: left;
margin: 0 0 3px 3px;
height:211px;
overflow: hidden;
}
.float-right dt
{
font-weight: bold;
background-color: #fff;
color: black;
font-size:11px;
padding: 0px 7px;
margin-bottom: 2px;
}
.float-right #img
{
border: 0px solid #000;
/*width: 100px;
height: 100px;*/
}
.float-right #img .product_img
{
float:left;
/*width: 100px;
height: 100px;*/
}
.float-right #img .price
{

  margin-top:5px;
  margin-right:5px;
  font-size:16px;
  font-weight: bold;
  float:right;
}
.price{
  z-index: 0;
}

.float-right dd
{
margin: 0;
padding: 0 8px 1px 8px;
font-size: 85%;
}
.float-right #img
{
padding: 0px;
}
.float-right #text
{
color: gray;
}
.float-right a
{
color: #285993;
text-decoration:underline;
font: bold normal 11px Verdana;
}

.float-right a:hover
{
color: #00c;
/* IE5/Mac disappearing item fix */
}

dl.float-right_big
{
border: 1px solid #cccccc;
background-color: #fff;
width: 369px;
text-align: left;
padding: 0 0 0px 0;
float: left;
margin: 0 0 3px 3px;
height:221px;
}
/*********RIGHT COLUMN***********/
#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid red;
 margin: 5px 0px 5px 0px;
 padding: 0px;
 min-height: 690px;
 width: 198px;
 display: inline;
 background: #E7DBD5;
 background:url() no-repeat bottom;
}
/*******RIGHT: BOXES*************/
dl.admin
{
 line-height:18px;
 font-size:12px;
}

dl.infobox
{
border: 1px solid #cccccc;
border-right:0px;
width:100%;
background-color: #F1F1F1;
text-align: left;
padding: 1px 0 5px 0;
float: right;
margin: 0 0 8px 0;
text-align:center;
}

.infobox dt
{
font-weight: bold;
background-color: #fff;
background:url(../../images/rightH1.jpg) repeat-x top;
color: black;
font-size:11pt;
line-height:26px;
padding: 0px 7px;
margin-bottom: 2px;
}
.infobox dd img
{
border: 0px solid #000;
/*width: 100px;
height: 100px;*/
}

.infobox dd
{
margin: 0;
padding: 0 8px 1px 8px;
font-size: 85%;
}
.infobox #img
{
padding: 0px;
}
.infobox #text
{
color: gray;
}
.infobox a
{
color: #285993;
text-decoration:underline;
font: bold normal 10px Verdana;
}

.infobox a:hover
{
color: #00c;
/* IE5/Mac disappearing item fix */
}

#pagecount{
clear:both;
padding-top: 20px;
}

/******RIGHT: TOPSELLER*********/
dl.topseller
{
border-right: 0px solid #cccccc;
border-left: 1px solid #cccccc;
background-color: #F1F1F1;
padding: 0;
float: right;
margin: 0;
}

.topseller dt
{
font-weight: bold;
background-color: #fff;
background:url(../../images/topseller_h1.jpg) repeat-x top;
border-bottom:1px solid white;
color: #373737;
font-size:11pt;
line-height:28px;
padding: 0px 7px;
margin-bottom: 2px;
}
.topseller dd img
{
border: 0px solid #000;
/*width: 100px;
height: 100px;*/
}

.topseller dd
{
margin: 0;
margin-right:-1px;
padding: 0 2px 1px 4px;
font-size: 9pt;
float:right;
width:91px;
background-color: #F7F7F7;
letter-spacing: -1px;
text-align: left;
line-height:34px;
height:43px;
border:solid silver 1px;
border-top:0px;
border-left:0px;
}
.topseller dd img
{
margin-top:2px;
margin-left:2px;
}
.topseller #img
{
padding: 0px;
}
.topseller #text
{
color: gray;
}
.topseller a
{
color: #285993;
text-decoration:underline;
font: bold normal 10px Verdana;
}

.topseller a:hover
{
color: #00c;
/* IE5/Mac disappearing item fix */
}

#smalltext
{
text-align:center;
font-size:8.5pt;
line-height:28px;
color: #373737;
}
/*************GLOBAL TYPO*****************/
a
{
color: #285993;
text-decoration:none;
font: bold normal 10px Verdana;
}
a:hover
{
color: #00c;
/* IE5/Mac disappearing item fix */
}
#smalltext a
{
color: #285993;
text-decoration:none;
font: bold normal 10px Verdana;
}
#smalltext a:hover
{
color: #00c;
/* IE5/Mac disappearing item fix */
}
img {
border: 0px none;
}
p {
margin-top:10px;
}
/* ----- HEADINGS ----- */

h1{
font:;
font-size: 18px;
font-weight:;
color:;
margin:0;
padding:0;
}
h2{
font:;
font-size: 16px;
font-weight:;
color:;
margin:;
padding:;
}
h3{
font:;
font-size: 14px;
font-weight:;
color:grey;
margin:;
padding:;
}
h4{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}
/**************DETAILS LAYOUT******************/
#leftcolumn { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 20px 0px 5px 0px;
 padding: 0px;
 min-height: 690px;
 width: 170px;
 display: inline;
 background: #E7DBD5;
 background:url() no-repeat bottom;
}
#product {
 border: 0px solid red;
 margin: 15px 0px 0px 10px;
 padding: 0px;
 width: 565px;
 min-height:770px;
 float: left;
 background:url() no-repeat left top;
}

#details dt{
 font-size:16px;
 line-height:22px;
 margin-bottom:5px;
}
/**************PFAD**********************/
#pfad {
 float: left;
 width:100%;
 color: #21268A;
 font-weight:bold;
 padding: 1px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 text-align:left;
}
#produkt {
 float: left;
 width:100%;
 min-height:200px;
 padding: 1px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 text-align:left;
 background:url() no-repeat top left;
}
#produkt #img{
/* float:left; */
width:200px;
padding-right:10px;
}
#produkt #img img{
padding:0px;
float:left;
}
#produkt #img a{
 background: url(../../images/imagessearch.png) no-repeat 0% 0;
 padding: 0 4px 0 30px;
 color:gray;
 font-weight:bold;
 font-family:verdana;
 font-size:9pt;
 text-decoration:none;
}
#produkt #details{
 float:right;
 position:inline;
 min-height:200px;
 width:320px;
 text-align:left;
 background: url() no-repeat 0% 0;
 margin-right:20px;
 /*margin-left:10px;*/
}
#moredetails {
 float: left;
 width:100%;
/* min-height:200px; */
 padding: 1px;
 border: 0px solid #ccc;
 margin: 30px 0px 0px 0px;
 text-align:left;
 background:url() no-repeat top left;
}
#moredetails #left{
 float:left;
 width:200px;
 min-height:165px;
 background:url(../../images/detailsnavi.jpg) no-repeat top left;
}
#moredetails #right{
 float:right;
 width:340px;
 background:url() no-repeat top left;
/*min-height:565px;*/
}
/**************MENU LEFT*****************/
#navcontainer_details { margin-left: 5px; }

#navcontainer_details ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer_details li { margin: 0 0 1px 0; }

#navcontainer_details a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #036;
text-decoration: none;
}

#navcontainer_details a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer_details ul ul li { margin: 0 0 1px 0; }

#navcontainer_details ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;

color: #fff;
background-color: #369;
text-decoration: none;
}

#navcontainer_details ul ul a:hover
{
color: silver;
background-color: #69C;
text-decoration: none;
}
#navlist_details
{
position: relative;
margin: 0;
padding: 0;
}

#navlist_details li a{
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #275994;
    background-color: #5291bc;          /*!!!!!!!!!!!!!!*/
    color: white;
    font: normal 11px Verdana;
    font-weight: bold;
    background:url(../../images/menu_1lev_bg_active.jpg) repeat-x top;
}

#navlist_details li a:hover
{
color: silver;
text-decoration: none;
}
#navlist_details #active
{
}
#navlist_details #subnavlist a
{
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #1d467a;
 background:url(../../images/menu_1lev_bg.jpg) repeat-x top;
}
/******************************************/
 dl.description_short
{
margin: 0;
padding: 0;
}
.description_short dt
{
margin: 0;
padding: 0;
font-weight: bold;
}
.description_short dd
{
margin: 0 0 1em 0;
padding: 0;
}

 dl.description_details
{
margin: 20px 0 20px 0;
padding: 0;
}
.description_details dt
{
margin: 0;
padding: 0;
font-weight: bold;
}
.description_details dd
{
margin: 0 0 8px 0;
padding: 0;
}
.secondlevel{
    width:160px;
    color:#FFF;
    background:url(/images/menu_1lev_bg.jpg);
    color:#cc0000;
    border-bottom:1px solid #FFFFFF;
    margin-bottom:0px;
    font-size:11px;
    height:24px;
}

/* ***** OVERWRITE MR ******************************************************************************/

#navlist a {
    display:block;
    font-size:11px;
    height:23px;
    line-height:23px;
    border:0px;
    border-bottom:0px solid #FFFFFF;
    margin:0px;
    padding:0px;

    /*margin-bottom:1px;*/
    /*border-bottom:1px solid #FFFFFF;*/
}
#navlist ul.sub li{
    border-bottom:1px solid #ffffff;
    border-top:1px solid #1D467A;
    height:23px;
    width:160px;
    margin:0px;
    top:0px;
}
#navlist ul{
    border:0px;
    margin:0px;
    padding:0px;
}

.main a,.main a:hover{
    font-size:11px;
    font-weight:bold;
}