.pngFix { behavior: url(/js/iepngfix/iepngfix.htc); }

body {
	margin:0px;
	padding:0px;
	background-color:#273746;
	background-image:url(../pix/hgb/hgb1.jpg);
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dcdcdc;
	text-decoration:none;
	line-height:1.4em;
}

p { margin:0px 0px 1.4em 0px; }

h1 {
	clear:both;
	margin:0px;
	padding:10px;
	height:14px;
	background-color:#1d1d1d;
	text-transform:uppercase;
	font-size:11px;
	line-height:normal;
	font-weight:bold;
	border:solid 1px #6f6f6f;
	margin-bottom:1px;
	letter-spacing:0.1em;
}

h2,h3 {
	clear:both;
	margin:0px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

h3 { margin-bottom:16px; }

ul {
	margin:0px 0px 1.4em 0px;
	padding:0px;
	list-style:none;
}

li {
	display:block;
	padding:0px 0px 0px 10px;
	margin:0px;
	background-image:url(../pix/listDot.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}


a {
	color:#669538;
	text-decoration:none;
}

a.orange { color:#e66700; }

a:hover,a.orange:hover {
	color:#4c7425;
	text-decoration:none;
}

a.orange:hover { color:#b95c10; }

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	margin:0px;
	padding:0px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	font-size:11px;
	color:#dcdcdc;
}


div#mainContainer {
	position:relative;
	width:774px;
	/*margin-left:13px;*/
	margin:0px auto;
}

div#navigation {
	position:absolute;
	top:187px;
	left:0px;
	width:168px;
	z-index:20;
}



a.naviNode {
	clear:both;
	display:block;
	width:148px;
	border:solid 1px #6f6f6f;
	margin-bottom:1px;
	padding:2px 9px;
	height:14px;
	color:#FFFFFF;
	letter-spacing:0.1em;
}

a.naviNode:hover { background-image:url(/pix/naviBtOver.gif); color:#FFFFFF; }

a.naviNode.active, a.naviNode.active:hover {
	color:#669538;
	background-color:#27333d;
	background-image:none;
}

/**/

a.subNaviNode, a.subsubNaviNode, a.subsubsubNaviNode {
	clear:both;
	display:block;
	width:143px;
	border:solid 1px #6f6f6f;
	margin-left:5px;
	margin-bottom:1px;
	padding:2px 9px;
	height:14px;
	color:#6f6f6f;
	background-image:url(/pix/leer.gif);
	letter-spacing:0.1em;
}

a.subsubNaviNode {
	width:133px;
	margin-left:15px;
	letter-spacing:0.1em;
}

a.subsubsubNaviNode {
	width:123px;
	margin-left:25px;
	letter-spacing:0.1em;
}


a.subNaviNode:hover, a.subsubNaviNode:hover, a.subsubsubNaviNode:hover {
	border:solid 1px #a2a2a2;
	background-color:#28323c;
	color:#DDD;
	margin-bottom:1px;
}

a.subNaviNode.active, a.subNaviNode.active:hover, a.subsubNaviNode.active, a.subsubNaviNode.active:hover, a.subsubsubNaviNode.active, a.subsubsubNaviNode.active:hover {
	color:#669538;
	background-color:#27333d;
	border:solid 1px #6f6f6f;
}


/**/



div.naviSpacer { clear:both; height:19px; }

div#hamster {
	position:absolute;
	top:8px;
	left:10px;
	width:151px;
	height:240px;
	z-index:1;
}

div#wkPreview {
	font-size:10px;
	line-height:normal;
	padding:9px;
	border:solid 1px #6f6f6f;
	color:#999999;
}

div.wkPreviewItem {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:solid 1px #6f6f6f;
}

div#contentContainer {
	position:absolute;
	left:181px;
	top:18px;
	width:592px;
	z-index:10;
}

div.standardContainer {
	border:solid 1px #6f6f6f;
	padding:10px;
	background-color:#3d3d3d;
	margin:1px 0px;
}

div.productContainer {
	clear:both;
	border:solid 1px #6f6f6f;
	padding:10px 10px 0px 10px;
	padding-right:0px;
	background-color:#3d3d3d;
	margin-bottom:1px;
}

div.productContainer.produkte { display:none; }

img.productPicture {
	float:left;
	margin-right:10px;
	border:solid 1px #6f6f6f;
}


div.productContainerDescription {
	float:left;
	width:394px;
}

div.productContainerDescriptionTitle {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6f6f6f;
	padding:5px;
}

div.productContainerDescriptionText {
	position:relative;
	float:left;
	width:232px;
	padding:10px 0px 0px 5px;
}

div.productContainerDescriptionCategory {
	border-top:solid 1px #6f6f6f;
	padding-top:3px;
}

div.productContainerDescriptionPrice {
	position:relative;
	float:left;
	width:155px; height:150px;
	border-left:solid 1px #6f6f6f;
	background-image:url(../pix/hgb_price_hamster.jpg);
	background-repeat:no-repeat;
}

div.productContainerDescriptionRolltor {
	display:none;
	position:absolute;
	top:0px; left:0px;
	background-image:url(../pix/rolltor.jpg);
	background-repeat:no-repeat;
	background-position:0px -151px;
	width:155px;
	height:150px;
	z-index:3;
}

div.productContainerDescriptionPriceText {
	position:absolute;
	width:100px;
	top:43px;
	left:30px;
	text-align:center;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	z-index:1;
}

div.productContainerDescriptionPriceAnzahl {
	position:absolute;
	right:3px;
	top:100px;
}

div.productContainerDescriptionPriceAnzahlButtons {
	width:12px;
	height:20px;
	float:right;
}

input.productContainerDescriptionPriceAnzahlInput,input.productContainerDescriptionPriceAnzahlInput_small {
	border:solid 1px #6f6f6f;
	width:34px;
	height:12px;
	margin:1px 1px 0px 0px;
	padding:1px 2px 3px 2px;
	background-image:url(../pix/forms/anzahl_hgb.gif);
	background-color:#3d3d3d;
	text-align:right;
	float:right;
}

input.productContainerDescriptionPriceAnzahlInput_small {
	background-image:url(../pix/forms/anzahl_small_hgb.gif);
	width:25px;
	height:13px;
	padding-top:3px;
}

.buttonDefault {
	width:150px;
	height:19px;
	padding-top:3px;
	background-image:url(../pix/buttons/bt_150_g_normal.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

.buttonDefault.go {
	width:30px;
	height:17px;
	padding-top:2px;
	background-image:url(../pix/buttons/bt_go_normal.gif);
}

a.button106g {
	display:block;
	width:106px;
	color:#FFFFFF;
	height:19px;
	padding-top:3px;
	background-image:url(../pix/buttons/bt_106_g_normal.gif);
	background-repeat:no-repeat;
	text-align:center;
}

.button150g {
	position:absolute;
	top:126px;
	left:3px;
	width:150px;
	height:19px;
	padding-top:3px;
	background-image:url(../pix/buttons/bt_150_g_normal.gif);
	background-repeat:no-repeat;
	text-align:center;
	z-index:2;
}

.button68g {
	position:absolute;
	top:120px;
	left:44px;
	width:68px;
	height:19px;
	padding-top:3px;
	background-image:url(../pix/buttons/bt_68_g_normal.gif);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
	z-index:2;
}

div.detailsTitle {
	clear:both;
	height:14px;
	background-color:#1d1d1d;
	text-transform:uppercase;
	font-weight:bold;
	border:solid 1px #6f6f6f;
	padding:10px;
}

div.detailsBox {
	position:relative;
	float:left;
	width:174px;
	height:67px;
	border:solid 1px #6f6f6f;
	margin:1px 0px 22px 0px;
	background-color:#434343;
	padding:10px;
}

div.detailsBox.center {
	width:176px;
	margin:1px 1px 22px 1px;
}

img.detailsThumb {
	 border:solid 1px #6f6f6f;
	 float:left;
	 margin:0px 10px 10px 0px;
}

img.detailsButton {
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:-23px;
	right:-2px;
}

*html img.detailsButton { bottom:-24px; }

table.defaultTable {
	width:572px;
	margin:0px;
	padding:0px;
}
table.defaultTable td {
	padding:5px 0px;
	border-bottom:solid 1px #6F6F6F;
	vertical-align:middle;
}

form { margin:0px; padding:0px; }

.defaultInput {
	border:solid 1px #6f6f6f;
	width:274px;
	height:12px;
	margin-bottom:5px;
	padding:1px 2px 3px 2px;
	background-image:url(../pix/forms/input_hgb.gif);
	background-repeat:repeat-x;
	line-height:normal;
}

.defaultInput.noHGB { background-image:none; background-color:#3D3D3D; }

label { cursor:pointer; }

iframe#overlayIframe {
	background-color:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5000;
	border:none;
	display:none;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
}

div#overlay {
	background-color:#273746;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5001;
	display:none;
}

div#messageBox {
	border:1px solid #333;
	padding:10px;
	position: absolute;
	top:0px; width:0px;
	z-index: 5002;
	background-color:#6F6F6F;
	text-align:center;
	left:0px;
	display:none;
	width:250px;
}