/* MAREK */

html { 
height:100%;
  padding:0px;
  margin:0px;
}

body {
height:100%;
  background-color: #fff;
  background-image: url(img/body_backgr.gif);
  background-repeat: repeat-y;
  font-size: 11px;
  font-family: Verdana, Arial,Sans-Serif;
  color:#2c2c2c;  
  padding:0px;
  margin:0px;
}
#header{
height:172px;
width:800px;
background-color: #fff;
background-image: url(img/logo_brucklacher.jpg);
background-repeat: no-repeat;
} 

#menu {
background-color:#fff;
float: left;
width: 197px;
padding:0px;
margin:0px;

}
#search{
margin:0px;
height:46px;
width: 197px;
background-color: #c5c5c5;
border-bottom: 4px solid #fff;

}
#search input{
float: left;
margin:9px 0px 0px 5px;
padding: 0px;
background-color:#fff;
border: 1px solid #a0a0a0;
width: 130px;
height: 24px;
}
#search #searchbutton{
float: left;
font-size: 13px;
color:#2c2c2c;
line-height: 26px;
margin: 9px 5px 0px 0px;
padding-left:1px;
vertical-align: middle;
float:right;
width:52px;
height:26px;
background-image: url(img/suche.gif);
background-repeat: no-repeat;
border:0px;
}

#infobar_wrapper{
float:left;
height:23px;
width:603px;
background-color: #c5c5c5;
}
#infobar{
padding-left: 200px;
color:#2c2c2c;
font-size: 10px;
line-height: 23px;
vertical-align: middle;
background-image: url('url(');
background-repeat: no-repeat;
background-position: 380px;
height:23px;
}
#infobar a, #infobar a:link, #infobar a:hover{
text-decoration: none;
color:#2b5c8c;
}

#content{
float: left;
background-color:transparent;
width: 587px;

padding-left:15px;
}

#textfield_1{
float: left;
padding:20px 20px 0px 0;

}
#textfield_2{
float: left;
width:370px;
padding-top: 5px;
}

h1, .contentsTopics{
font-size: 15px;
font-weight: normal;
}

.bar { border-bottom: 1px silver solid; clear: both; margin-top: 8px }


h2{
font-size: 14px;
font-weight: bold;
color:#2b5c8c;
margin-bottom:-2px;
}
.productid{
height:10px;
color: #c5c5c5;
font-size:9px;
}
.clear{
clear: both;
}
/*--boxes-----------------------------------*/

.boxwrapper{
float: left;
width:190px;
height:230px;
margin-bottom:25px;


}

.boxtext{
height:70px;
overflow: visible;
margin-bottom: 8px
}

.boxtext a, .boxtext a:link{
color:#2c2c2c;
text-decoration: none;
}

.boxtext_link
 {
	color:#2c2c2c;
text-decoration: none; 
 }

.boxtext a:hover{
text-decoration: none;
color:#828282;
}

.price{
font-size: 14px;
color:#2b5c8c;
padding: 2px 0 4px 0;
}
.price a, .price a:link, .price a:hover{
color:#2b5c8c;
text-decoration: none;
}
.price2{
font-size: 15px;
font-weight: bold;
color:#2b5c8c;
margin-bottom: 5px;

}
.price2 a, .price2 a:link, .price2 a:hover{
color:#2b5c8c;
text-decoration: none;
}
.cart{
background-image: url(img/cart.gif);
background-repeat: no-repeat;
height:17px;
padding-left:35px;
padding-top: 4px;
}
.cart a, .cart a:link, .cart a:hover{
color:#828282;
text-decoration: underline;
}

.boxwrapper_XXL{
float: left;
width:395px;
height:410px;
margin-bottom:25px;
}

/*--boxes---------------------------------------------------END-*/

#footer{
clear: both;
float: left;
letter-spacing: -0.085em;
color:#2c2c2c;
vertical-align: middle;
line-height: 23px;
padding-left:10px;
font-size: 10px;
background-color: #c5c5c5;
height:23px;
width:790px;

}
#footer a, #footer a:link, #footer a:hover{
text-decoration: none;
color:#2b5c8c;
}



/*menu*/



#menu ul
{
margin-top:0px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

/* nav1 */

#menu a
{
display: block;
color: #2c2c2c;
height:23px;
padding-left:32px;
font-size: 12px;
line-height: 25px;
background-color:#c5c5c5;
border-bottom: 4px solid #fff;
text-decoration: none;
}



#menu a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#menu a:hover, #menu .selected{
background-color: #828282;
color: #fff;
}

/* nav1 ------------------END----------------------- */

/* nav2 */
 #menu ul ul li { margin: 0px; 
background-image: none;
 
 }

 #menu ul ul a, #menu ul ul a:link {
  font-size: 12px;
  height:15px;
  line-height: 15px;
  color:#2c2c2c;
  background-color:#fff;
  border: 0px;
  
  
 
  
 }
 
#menu ul ul a:hover, .menu_level0:hover{
  background-color:#fff;
  color: #838383;
 }

#menu ul ul .active{
font-weight: bold;
color:#2b5c8c;
}
/* nav2 ------------------END----------------------- */
/* nav3 */
#nav li li a, #menu li li a:link  {

  font-size: 11px;
  height:15px;
  line-height: 15px;
  background-color:#fff;
  border: 0px;
  margin-left:10px;
 }

#nav li li a:hover {
color: #838383; background-color: #fff; background-image: url(img/dot.gif);
background-position:20px 45%;
background-repeat: no-repeat;}

#nav li li .selected {
color:#2b5c8c;
background-color: #fff; background-image: url(img/dot.gif);
background-position:20px 45%;
background-repeat: no-repeat;
}

/* nav3 ------------------END----------------------- */
/* nav4 */
#nav li li li a, #menu li li li a:link  {

  font-size: 11px;
  height:15px;
  line-height: 15px;
  background-color:#fff;
  border: 0px;
  margin-left:20px;
 }

#nav li li li a:hover {
color: #838383; background-color: #fff; background-image: url(img/dot.gif);
background-position:20px 45%;
background-repeat: no-repeat;}

#nav li li li .selected {
color:#2b5c8c;
background-color: #fff; background-image: url(img/dot.gif);
background-position:20px 45%;
background-repeat: no-repeat;
}

/* nav4 ------------------END----------------------- */


#breadcrumb{
width: 575px;
color:#2b5c8c;
background-image: none;
height:20px;
line-height:20px;
margin-top: 5px;
float: left;
font-size: 12px;
border-bottom: 1px solid #c5c5c5;
}

#breadcrumb a,#breadcrumb a:link{
color: #2b5c8c;
text-decoration: none;
}

#breadcrumb a:hover{
text-decoration: none;
color: #c5c5c5;
}

#breadcrumb2{
width:370px;
color:#2b5c8c;
background-image: none;
height:12px;
line-height:12px;
float: left;
font-size: 9px;
font-weight: bold;
padding-bottom:2px;
border-bottom: 1px solid #c5c5c5;
}

#breadcrumb2 a,#breadcrumb2 a:link{
color: #2b5c8c;
text-decoration: none;
}

#breadcrumb2 a:hover{
text-decoration: none;
color: #c5c5c5;
}

.icon{
float: left;
background-color: #fff;
width:395px;
height:62px;
}

.copyright 
 { display: none }
 
 img a { border: 0px }
 
 a { color: black;}
 
 .category_image 
  {

	  width: 603px;
	  position: absolute;
	  z-index: 19;
	  left: 197px;
	  top: 0px;	  
	  
  }
  
  
  .kategorie a,.kategorie a:link, .sitemap_heading{
font-size: 16px;

color: #2b5c8c;

text-decoration: none;

}

.kategorie a:hover{

text-decoration: none;

color: #c5c5c5;

}
 
