html{
	height:100%;
	margin:0;
	padding:0;
}

/* Allgemeine Formatierungen*/
body,td
	{
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	background: #ffffff url(../images/hammergel/background.gif);
	line-height: 16px;
}
ul{
 list-style-type: none;
 
}



.bildTitel{
	font: 11px Arial, Helvetica, sans-serif;
}

/* Layout /////////////////////////////////////////*/	
#container
	{
	width: 571px; 
	margin: 0 0 0 204px;
	padding:13px 0 0 0;
	}
#navi{
	position: absolute;
	left:12px;
	top:13px;
}
#navContent
	{
	position: absolute;
	padding: 30px 0 0 0;
	width: 181px;
	top:180px;
	left:0px;
	background: url(../images/hammergel/navBack.gif) repeat-y;
}
#navContent div
	{
	padding:8px 0 0 8px;
	margin: 30px 10px 10px 15px;
	width:150px;
	background-color: white;
}
#navContent a.infNav
	{
	padding:0;
	margin:0;
}
#navContent .expertImg
	{
	display:block;
	margin:5px;
}
#navContent a{
	display:block;
	color:#000000;
	font-weight:bold;
	margin:10px 0 10px 25px;
	padding-left:5px;
	text-decoration:none;
}
#navContent a:hover{
	color:#EE1C2E;
	background:url(../images/hammergel/navSetPoint.gif) no-repeat;
}
#navContent a.set{
	color:#EE1C2E;
	background:url(../images/hammergel/navSetPoint.gif) no-repeat;
}

#navContent a.logoMedi{
	margin:35px 0 50px 8px;
	color:#000000;
	text-decoration:none;
	background:url(../images/clear.gif) no-repeat;
}
#navContent a.logoMedi:hover{
	color:#000000;
	text-decoration:none;
	background:url(../images/clear.gif) no-repeat;
}
#logoMedi{
	margin:0 0 0 0;
}
/*#infoBox
	{
	position: absolute;
	width:211px;
	left:783px;
	top:13px;
	height:100%;
	background-image:url(../images/hammergel/infoBack.gif)
}*/

#infoBox
	{
	position: absolute;
	width:211px;
	max-width:211px;
                min-height: 325px;
	left:783px;
	top:13px;
	background-image:url(../images/hammergel/infoBack.gif)
     }
* html #text{
                 height: 325px;
         		overflow: visible;
                 }
#infoBox div
	{
	padding:30px 20px 0 20px;
}
#infoBox div.news
	{
	padding:0 0 30px 0;
}
#infoBox div img
	{
	clear:both;
	margin:3px 0 3px 0;
}
#infoBox div b
	{
	display:block;
}
#warenkorb
	{
	font-weight:bold;
	margin:0 0 0 0;
	background: url(../images/hammergel/headWarenkorb.gif) no-repeat;
}
/* Content ////////////////////*/
#contentItem
	{
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 30px 0 0 0px;
	background: url(../images/hammergel/contentBack.gif) repeat-y;
}
#contentCornerT{
	position: absolute;
	top: 0px;
	left: 0px;
}
#contentCornerB{
	clear:both;
	margin: 25px 0 -3px 0;
}
#contentCornerInfoB{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#contentItem .contImg
	{
	float:left;
	margin:0 25px 10px 0px;
}
#contentItem p
	{
	padding:0 15px 0 0;
}
#contentItem .bestellen
	{
	float:right;
	margin:10px 20px -20px 0;
}
#contentItem h1
	{
	font-size:18px;
	font-weight:bold;
	color: #EE1C2E;
	margin:0;
}
#contentItem h2
	{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	margin-top:5px;
}
#contentItem .threeCol p
	{
	color: #000000;
	padding: 5px;
	width: 28%;
	height:150px;
	border-right: 1px solid #F68D96;
	float: left;
}
#contentItem div
	{
	margin:0 0 0 25px;
}
#contentItem li{
	list-style-image:url(../images/hammergel/listArrow.gif);
	line-height:22px;
                
}
#contentItem li.over {
	list-style-image:url(../images/hammergel/listArrow.gif);
	line-height:22px;  
	color: #111111;
              
}

/**************** Formular *****************/
fieldset {
  background-color:#ccc;
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:300px;
  }
.textfield {
font:1.1em  Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 2px 8px;
background: transparent url("../images/hammergel/backAnzahl.gif") no-repeat fixed;
width:200px;
voice-family: "\"}\""; 
voice-family:inherit;
width:187px;
}
fieldset>input.textfield {
background: transparent url("../images/hammergel/backAnzahl.gif") no-repeat;
}