@charset "utf-8";
body {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background: url(images/main-bg.gif) top left repeat;
}

.tablediv {
	display:  table;
	width:680px;
	border-spacing: 2px;
	border-collapse: separate;
	line-height: 25px;

}
.celldiv {
	float: left;
	display: table-cell;
	width: 50%;
	background-color: #F2F2F2;	
}
.rowdiv  {
	display: table-row;
	width: auto;
}

/*-------------------- index page -----------------------------*/
#container { 
	width: 916px;  
	background: #FFFFFF;
	margin: 10px auto;
	padding: 8px 0 0 0;
	text-align: left; 
} 
#header { 
	height: 120px;
	margin: 0 0 1px 0;
	padding: 0;
	width: 916px;
	background: url(images/index-header.jpg) center center no-repeat;
} 
#nav { 	
	height: 35px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
        line-height: 35px;
	vertical-align:middle;
        font: bold 12px Arial, Helvetica, sans-serif;
	background: url(images/index-nav-bg.jpg) top left repeat-x;
}
#nav ul{ 
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
#nav li{ 
	display: block;
	width: 130px;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align:middle;
	background: url(images/index-nav-divider.jpg) top right no-repeat;
} 

#nav li a{ 
	color: #FFFFFF;
	text-decoration: none;
        line-height: 35px;
	vertical-align:middle;
}
#nav li a:hover{ 
	color: #FF9900;
	text-decoration: none;
}
#nav li.active a{ 
	color: #C1C1C1;
	text-decoration: none;
        line-height: 35px;
	vertical-align:middle;
}
#nav li.active a:hover{ 
	color: #C1C1C1;
	text-decoration: none;
}

#nav .search{
	padding-left: 20px;
	color: #FFFFFF;
	vertical-align:middle;
}
#nav .suchfeld {
     margin:6px 0 10px 20px;
     width:120px;
     line-height:12px;
}
#nav .search img { 
       margin:7px 0 10px 1px;
}
#content-wrapper {
	margin: 1px 0 8px 0;
	padding: 0;
	width:100%;
	height:auto;
	background: url(images/left-bg.jpg) top left repeat-y;	
} 
div#left-bar {
	float: left; 
	width: 200px;
	height:auto; 	
	margin: 0;
	padding: 0;
	background-image:url(images/left-bg.jpg);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        overflow:hidden;
}
#left-bar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
#left-bar ul li {
	font-weight:bold;

}
#left-bar li a {
	margin-left:9px;
	padding: 0 0 0 10px;
	display: block;
	width: 190px;
	height: 26px;
	line-height: 26px;
	background-image: url(images/sub-nav-bg.jpg);
	background-repeat:repeat-x;
	color: #000000;
	text-decoration: none;
       }
#left-bar li a:hover{
	color: #26759C;
	text-decoration: none;
}
#left-bar li.active a{
	color: #26759C;
	text-decoration: none;
}
#left-bar .main-menu{
	margin-left:9px;
	background: url(images/left-nav-main.jpg) top left repeat-x;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF
}

#left-bar ul ul {
	margin:0;
	padding:0;
}
#left-bar ul ul li {
	display:none;
}
#left-bar ul ul li a{
	display:none;
}
#left-bar ul li.active ul li {
	margin: 0 0 0 9px;
	padding:0 0 0 10px;
	width: 190px;
	display:block;
	background: url(images/left-sub-nav-bg.jpg) top left repeat-x;
	color: #FFFFFF;	
        font-weight:bold;
}
#left-bar ul li.active ul li a{
	margin: 0;
	padding:0;
	display:block;
	background: url(images/left-sub-nav-bg.jpg) top left repeat-x;
	color: #FFFFFF;
	text-decoration: none;
   }
#left-bar ul li.active ul li.active a{
	color: #FFCC00;
	text-decoration: none;
}

#left-bar ul li.active ul li a:hover{
	color:#FFCC00;
	text-decoration: none;
}
#left-bar ul ul ul {
	margin:0;
	padding:0;
}
#left-bar ul ul ul li {
	display:none;
}
#left-bar ul ul ul li a{
	display:none;
}
#left-bar ul li.active ul ul li  {
	margin-left: -10px;
	width: 190px;
	display:block;
	background: url(images/left-sub-nav-bg.jpg) top left repeat-x;
	font-size:11px;
	color: #FFFFFF;	
	text-indent:14px;
       font-weight:normal;

}
#left-bar ul li.active ul ul li a {	
        margin: 0;
	padding:0;
	display:block;
	background: url(images/left-sub-nav-bg.jpg) top left repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}
#left-bar ul li.active ul li.active a{
	color: #FFCC00;
	text-decoration: none;
}
#left-bar ul li.active ul li.active ul li a{
	color: #FFFFFF;
	text-decoration: none;
}
#left-bar ul li.active ul li.active ul li a:hover{
	color:  #FFCC00;
	text-decoration: none;
}
#left-bar ul li.active ul ul li a:hover{
	color: #FFCC00;
	text-decoration: none;
}
#left-bar ul li.active ul  li.active ul li.active a{
	color: #FFCC00;
	text-decoration: none;
}



#main-content { 
	margin: 0 0 0 0; 
	padding: 0 0 0 20px; 
	width:660px;
	float:left;
	height:auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 16px;
}
#maintop {
	margin:0 0 12px 0;
	padding:0;
	width:680px;
	height:35px;
	border-bottom: dotted 1px #464646;
}
hr{ 
	margin:0;
       padding:0;
       border-style: none;
	border-top: dotted 1px #464646;
	height: 1px;
}
#main-content h1{ 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #CC0000;	
	padding: 10px 0 10px 0;
	margin: 0;
     	float:left;
}
#main-content h2{ 
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #0053A6;	
	padding: 10px 0 6px 0;
	margin: 0;
}
h3 {
	margin:5px 0 4px 0;
	font-size:13px;
	font-weight:bold;

}
#main-content a{ 
	font-size: 12px;
	font-weight:bold;
	color: #0053A6;	
	text-decoration: none;
}
#main-content a:hover{ 
	color: #0053A6;	
	text-decoration: underline;
}

#language {
	margin: 0;
	padding: 0;
	height:35px;
	width: 200px;
	float: right;
	line-height:35px;
	vertical-align:middle;
}
#language ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#language li{
	margin: 0;
	padding: 0;
	display: block;
	width: 60px;
	height:35px;
	text-align: center;
       background:none;
}

#language img {
	 float:left;
	 margin-top:9px;
	 margin-bottom:7px;
}

.index #main-content .new-product{ 
	width: 212px;
	padding: 3px;
	margin: 0;
	float: left;	
	text-align: center;
} 
.new-product img {
      border:none;
}
#main-content .product-category-wrapper{ 
	margin: 0 auto;
	padding: 0;
	width: 650px;
} 
#main-content .product-category{ 
	margin: 0 auto;
	padding: 10px;
	width: 180px;
	float: left;
	text-align: center;
}
.productdiv ul { 
	margin:0 0 0 5px;
	padding:0 0 0 12px;
	float:left;
	list-style-type:square;
	list-style-position:outside;
}
.productdiv li{ 
	margin:0 0 0 4px;
	padding:0 0 0 5px;
}
#main-content li a{ 
	font-size: 12px;
	color: #CC0000;	
} 

#footer { 	
	background: url(images/main-bg.gif) top left repeat;
	padding: 10px; 

} 
#footer p{ 
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
} 
#footer a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#showcategories { 
	margin: 0 auto;
	padding: 0;
	height: auto;
	width: 650px;
} 
.categorypicture { 
	margin: 0 auto;
	padding: 10px;
	width: 180px;
        height:150px;
	float: left;
	text-align: center;
}
.categorypicture img  { 
	border:none;
} 
.productdiv {
	width:680px;
	height:auto;
}

.productdiv img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
table#prodlist {
	margin: 12px 0 0 0;
	padding:0;
	width:680px;
}
#prodlist .listendaten-eins {
	padding:3px 2px 3px 3px;
	width: auto;
	background-color: #F2F2F2;
	border-bottom:1px solid #E4E0DD;	
}
#prodlist .listendaten-zwei {
	padding:3px 2px 3px 3px;
	width: auto;
	background-color: #FFF;
	border-bottom:1px solid #E4E0DD;	
}
#prodlist .bemerkung-eins {
	padding:3px 2px 3px 3px;
	width: auto;
	background-color: #F2F2F2;
	border-bottom:1px solid #E4E0DD;
        font-weight:bold;
}
#prodlist .bemerkung-zwei {
	padding:3px 2px 3px 3px;
	width: auto;
	background-color: #FFF;
	border-bottom:1px solid #E4E0DD;
        font-weight:bold;
}
#prodlist .name {
	padding:3px 2px 3px 3px;
	width: 80%;
	background-color: #F2F2F2;
	border-bottom:1px solid #E4E0DD;	
}
#prodlist .nummer-eins {
	padding:3px 2px 3px 3px;
	width: 20%;
	background-color: #F2F2F2;
	text-align:right;
	border-bottom:1px solid #E4E0DD;	
}
#prodlist .nummer-zwei {
	padding:3px 2px 3px 3px;
	width: 20%;
	background-color: #FFF;
	text-align:right;
	border-bottom:1px solid #E4E0DD;	
}
#prodlist .namekopf {
	padding:2px 3px 1px 3px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	background-color:#E4E0DD;
	border-bottom:1px solid #989898;	
}
#prodlist .nummerkopf {
	padding:2px 3px 1px 3px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	background-color:#E4E0DD;
	border-bottom:1px solid #989898;	
}
ul#markenliste {
	list-style-type: none;
	margin: 0;
	padding: 0;
      }
ul#markenliste li a {
      font-size:12px;
}
ul#markenliste li a:hover {
      color: #CC0000;
      text-decoration:underline;
}
.twopics {
	width:680px;
	height:auto;

}
.twopics img {
	margin-right:10px;

}
.bildplus {
	margin-right:8px;
        width:320px;
	height:auto;
	background-color:#FFF;
	float:left;
	text-align:left;
	background-image:url(images/lupe.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.flashfloat {
	width:310px;
	height:auto;
	float:left;
}
.vertrieb {
	margin:0 30px 10px 0;
	width:260px;
	height:180px;
	float:left;
}



/*--------------------- end index page ----------------------------*/

.clearfloat { 
	clear:both;
    height:8px;
    font-size: 1px;
    line-height: 0px;
}