body {
	margin: 15px 0 0 0;
	background: #1C1C1C url(/images/hp_degrade.jpg) repeat-x;
	font-family: Arial;
	font-size: 11px;
	color: #757575;
}

h1 { margin: 3px 0 10px 0; font-size: 12px; font-weight: bold; width: 500px; }

img { border: none; }

#wrapper { margin: 0 auto; width: 950px; padding: 0; }

#logo { display: block; width: 292px; height: 70px; background: url(/images/hp_logo.png) no-repeat left; }

/**** scroller ****/

#scroller { float: left; width: 140px; margin: 0; padding: 2px 0 0 70px; position: relative; }

#scroller #scrollerFrame {
	height: 435px;
	margin: 23px 0 0 0;
	
	/* voor scroller */
	position: relative;
	overflow: hidden;
}

#scroller #scrollerContent {
	padding: 0;
	width: 132px;
	margin: 0;
	
	/* voor scroller */
	position: absolute;
	left: 0;
	top: 0;
}

#scroller #scrollerContent li {
   list-style: none;
   width: 131px;
   margin: 0 0 6px 0;
   padding: 0;
}

#scroller #scrollerContent li a { filter: alpha(opacity=30); -moz-opacity: 0.30; opacity:0.30; }
#scroller #scrollerContent li a:hover, #scroller #scrollerContent li a.active { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; height: 100%; }

#scroller #scrollerContent img {
	margin: 0;
	padding: 0;
}

a#scrollUp { position: absolute; top: 7px; left: 128px; z-index: 8; background: url(/images/pijl_boven.png) no-repeat right; padding: 0; width: 20px; height: 11px; }
a:hover#scrollUp { background: url(/images/pijl_boven_a.png) no-repeat right; }
a#scrollDown { position: absolute; top: 470px; left: 128px; z-index: 9; background: url(/images/pijl_onder.png) no-repeat right; padding: 0; width: 20px; height: 11px; }
a:hover#scrollDown { background: url(/images/pijl_onder_a.png) no-repeat right; }
#noscroll { height: 17px; }

/**** content ****/

#wrapper-content { width: 739px; float: right; margin: 0; padding: 0; }
#wrapper-contentgroot { width: 950px; float: right; margin: 0; padding: 0; }

.fotograaf { color: #848484; font-size: 11px; margin: 0 0 0 10px; }

/*** navigation ***/

#navigation { float: right; margin: 0 0 8px 0; padding: 0 71px 0 0; font-size: 13px; width: 668px; color: #907431; }
#navigation ul { list-style-type: none; padding: 0 28px 0 0; margin: 0; }
#navigation ul li { float: right; margin: 0 5px 0 0; padding: 0; }
#navigation ul li a { color: #907431; text-decoration: none; }
#navigation ul li a:hover, #navigation ul li a.active { color: #fff; text-decoration: none; }
 
/*** content-beeld ***/ 
 
#content { width: 739px; float: left; margin: 0 0 10px 0; padding: 0; position: relative; overflow: hidden; }
#contentgroot { width: 739px; float: right; margin: 0 0 10px 0; padding: 0; position: relative;  }

.prod_beeld { border: 1px solid #fff; width: 632px; height: 435px; padding: 0; margin: 0; background: #121212; overflow: hidden; text-align: center; }
.prod_beeld img { padding: 0; margin: 0; }
.beeldgroot { border: 1px solid #fff; width: 632px; height: 435px; padding: 0; margin: 0; }

/**** kleur scrollbalk ****/

div#txtclient {
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-dark-shadow-color: #24369C;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #24369C;
}

/**** info over product verborgen ****/

#info_beeld { visibility: visible; position: absolute; bottom: 1px; left: 1px; background: #000; width: 632px; height: 18px; color: #fff; padding: 0; margin: 0; display: block; z-index: 8; }
a#tooninfo { float: right; text-decoration: none; color: #fff; background: url(/images/toon_pijl.gif) no-repeat right; padding: 3px 20px 3px 0; }
a:hover#tooninfo { background: url(/images/toon_pijl_over.gif) no-repeat right; }

/**** info over product zichtbaar ****/

#info_beeldgroot { visibility: hidden; position: absolute; bottom: 1px; left: 1px; background: #000; width: 632px; height: 100px; color: #fff; padding: 0; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; z-index: 8; }
#info_beeldgroot h1, #info_beeld h1 { margin-left: 3px; }
#txtclient { float: left; padding: 5px; height: 50px; width: 620px; overflow: auto; overflow-x: hidden; }
a#verberginfo { position: absolute; top: 0; right: 0; text-decoration: none; color: #fff; background: url(/images/verberg_pijl.gif) no-repeat right; padding: 3px 20px 3px 0; }
a:hover#verberginfo { background: url(/images/verberg_pijl_over.gif) no-repeat right; }

/**** info over over ons verborgen ****/

#info_content { position: absolute; bottom: 1px; left: 1px; background: #000; width: 632px; height: 18px; color: #fff; padding: 0; display: inline; }
a#tooninfo2 { float: right; text-decoration: none; color: #fff; background: url(/images/toon_pijl.gif) no-repeat right; padding: 3px 20px 3px 0; }
a:hover#tooninfo2 { background: url(/images/toon_pijl_over.gif) no-repeat right; }

/**** info over over ons zichtbaar ****/

#info_contentgroot { border: 1px solid #fff; width: 632px; height: 435px;  padding: 50px; margin: 0; color: #fff; padding: 0; }
#info_contentgroot div#txtclient { padding: 50px; width: 520px; line-height: 16px; overflow: auto; height: 335px; }

#contactbox { border: 1px solid #fff; width: 632px; float: right; margin: 0 30px 0 0; background: #282828; padding: 0; }

/**** smallpics ****/

#smallpics { position: absolute; top: 10px; right: 0; }
#smallpics ul { list-style-type: none; margin: 0; padding: 0; width: 95px; }
#smallpics ul li { margin: 0 0 8px 0; }
#smallpics ul li a { color: #fff; text-decoration: none; }
#smallpics ul li a:hover { text-decoration: underline; }
#smallpics ul li.active a { color: #D4592C; }
/*
#smallpics ul li a { background: url(/images/back_smallpics_over.jpg ) no-repeat; padding: 3px 8px 5px 8px; margin: 0 0 3px 0; display: block; width: 10px; text-align: center; color: #fff; text-decoration: none; }
#smallpics ul li a:hover, #smallpics ul li a.active { background: url(/images/back_smallpics_on.jpg ) no-repeat; color: #fff; }
*/

/**** forms ****/

form { margin: 0; padding: 50px; width: 532px; height: 335px; border: 1px solid #fff; }
form legend { display: none; padding: 0; margin: 0; font-weight: bold; }
form fieldset {
	width: 500px;
	border: none;
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
}
form label {
	clear: both;
	float: left;
	display: block;
	width: 120px;
	padding: 0;
	text-align: left;
	margin: 2px 3px 5px 0;
}
form fieldset input, form fieldset textarea {
	float: left;
	display: block;
	width: 344px;
	margin: 2px 0 5px 0;
	padding: 0;
	border: 1px solid #7E7A5A;
}
form fieldset input.typeSmall { float: left; margin: 2px 3px 5px 0; padding: 0; display: block; width: 300px; }
form fieldset input.typeShort { float: left; margin: 2px 3px 5px 0; padding: 0; display: block; width: 40px; }
form fieldset select { margin: 0 0 7px 0; }
form select {
	float: left;
	display: block;
	width: 180px;
	margin: 3px 0 1px 0;
}
form textarea { overflow: auto; }

form .radio input { float: left; display: inline; width: auto; height: auto; }
form fieldset .checkbox { width: auto; height: auto; }

.radio label { clear: right; }
.radio input { margin-right: 5px; }
div.radio { margin-left: 123px; }

.mandatory { margin: 5px 0 0 0; font-size: 12px; font-size: 10px; padding: 0; float: left; display: inline; }
 
 #buttonSubmit { float: left; margin: 0 50px 0 0; padding: 0; }

/*** footer ***/

#footer { padding: 0 ; margin: 0 0 0 213px; clear: both; }
#footer span { float: left; }
#footer a { color: #757575; }
#footer a:hover, #footer a.active { color: #907431; }
a#duo { float: right; margin: 0 5px 0 0; text-decoration: none; }

.clear { clear: both; }