@import url(style.css);

/* Layout */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #333;
	background : #3F3B3B url(../img/body_verlauf.gif) repeat-x top;
	margin : 0;
	border : 0;
	padding-top : 20px;
	padding-bottom : 20px;
}
#border {
	position : relative;
	margin : auto;
	width : 90%;
	text-align : left;
	background-color : White;
	border : 1px solid #696969;
	max-width : 900px;
	width:expression(document.body.clientWidth > 1024 ? "900px" : "90%" );
	font-size : 0.8em;
}
#top { 
	background-image : url(../img/offset_top.gif);
	background-position : top right;
	background-repeat : no-repeat;
	height : 160px;
}
#logo {	
	float : left; 
	 }
#intro {
	float : right;
	width : 440px;
	font-size : 0.65em;
	padding-top : 20px;
	display : none;
}
#content {
	display : block;
	float : left;
	padding : 20px 30px 20px 30px;
	}
#foot{
	padding-top : 15px;
	padding-bottom : 15px;
	background : url(../img/td_info_verlauf.gif) repeat-x top;
	width : 100%;
	padding-bottom : 20px;
	text-align : center;
	clear : both;
	}
#foot a{ color : #666; }

.hide {  display : none; }

/* Hauptmenu */
    #topmenu {
      float:left;
      width:100%;
      font-size:100%;
      line-height:normal;
      background-color : #DCDAD3;
      border-bottom : 2px solid #8D8872;
      }
    #topmenu ul {
        margin:0;
        list-style:none;
        float : right;
        margin-right : 24px;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      margin:0;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      color:#666;
      padding : 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
    /* End IE5-Mac hack */
#topmenu a:hover span {
      color:#000;
      background-color : #ECEBE7;
      }
.news {
	float: left;
	padding : 6px 30px;
	color : #CC0066;
	font-weight : bold;
	}
	  
/*Preistabelle*/
#produkttabelle { border-bottom : 1px solid #B6B6B6; }
#produkttabelle td { 
	width : 16%; 
	vertical-align : top;
	}
#produkt_des {
	padding:7px; 
	background-color:#F5F5F4; 
	padding-right:25%;
}
 li.price { text-align : right; }
.price i { 
	float : left;  
	font-style : normal;  
	display : block;
	text-align : right;
	width : 30%;
	}
.price b {
	color : #B4076C;
	padding-right : 10px;
}
thead tr th{ border-bottom : 1px solid Gray; }

.menu { 
		overflow: hidden;
		list-style-type: none;
		margin: 0; 
		padding : 0;
		font-size : 0.95em;
		width : 100%;
		}
.menu li { 
		float:left; 
		width: 100%; 
		margin:0; 
		padding: 0; 
		}
.menu li a { 
		display:block; 
		text-decoration: none; 
		width: 100%; 
		padding: 4px; 
		background-color: #F5F5F4; color: #4C4C4C; 
		font-weight : bold;
		margin-top : 1px;
	}
.menu li a:hover,  .menu li ul li a:hover { 
	background-color: #FFFFDF; 
	color: #000;  
	border-left : 3px solid #8D8872
	}
.menu li a.on, .menu li a.on:hover {
	background-color : #E0E0DD;
	color : Black;
	border-left : 0;
}