/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Removes list-style form lists */
ol, ul {
	list-style: none;
}

/* start layout.css */
html {
	text-align: center;
	background: #FFFFFF;
}

body {
	position: relative;
	width: 970px;
	height: 530px;
	margin: 0 auto;
	text-align: left;
	top: 30px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
}

h1 {
	font-weight: bold;
}

h2, h4 {
	font-weight: bold;
	padding-bottom: 13px;
}

h3 {
	font-weight: bold;
	padding-bottom: 13px;
}

p {
	padding-bottom: 13px;
}

.pgrijs {
	color: #565655;
}

.plgrijs {
	color: #B1B2B3;
}

.prood {
	color: #E3000B;
}

.pblauw {
	color: #009EE3;
}

p.pform {
	line-height: 15px;
}

a.pgrijs:hover, a.plgrijs:hover {
	text-decoration: none;
}

div#logo {
	position: absolute;
	top: 3px;
	left: 109px;
	width: 260px;
	height: 35px;
	z-index: 16;
}

div#nav0 {
	position: absolute;
	top: 18px;
	left: 460px;
	width: 400px;
	height: 15px;
	z-index: 14;
}

ul#nav0 li {
	float: right;
	padding-left: 14px;
}

div#nav1 {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 100px;
	height: 150px;
	z-index: 15;
}

ul#nav1 li {
	position: relative;
	heigth: 22px;
	padding-bottom: 6px; 
}

div#nav2 {
	position: absolute;
	top: 19px;
	left: 19px;
	width: 115px;
	height: 366px;
	background: #FFFFFF;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	padding: 16px 12px 24px 14px;
	z-index: 31;
}

* html div#nav2 { /* This is the Tan hack */
	height: 406px;
	he\ight: 366px;
}

div#nav2po {
	position: absolute;
	top: 19px;
	left: 19px;
	width: 115px;
	height: 366px;
	background: #F5F6F6;
	padding: 16px 12px 24px 14px;
}

* html div#nav2po { /* This is the Tan hack */
	height: 406px;
	he\ight: 366px;
}

* html div#subnav { /* This is the Tan hack */
	width: 141px;
	w\idth: 115px;
}

ul#nav2 li {
	padding-bottom: 15px;
}

ul#nav2sub li {
	padding-bottom: 2px;
}

ul.tekstops {
	padding-bottom: 13px;
}

ul.tekstops li {
	list-style: disc outside;
	padding-left: 7px;
	position: relative;
	left: 13px;
}

div#intro {
	position: absolute;
	top: 19px;
	left: 19px;
	width: 328px;
	background: #FFFFFF;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	padding: 16px 12px 14px 14px;
	z-index: 11;
}
* html div#intro { /* This is the Tan hack */
	width: 354px;
	w\idth: 328px;
}

div#content  {
	position: absolute;
	top: 19px;
	left: 170px;
	width: 354px;
	background: #FFFFFF;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	padding: 16px 0px 14px 0px;
	z-index: 30;
}

div#contentvol {
	position: absolute;
	top: 19px;
	left: 170px;
	width: 536px;
	height: 376px;
	background: #FFFFFF;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	padding: 16px 12px 14px 14px;
	z-index: 10;
	overflow: hidden;
}
* html div#contentvol { /* This is the Tan hack */
	height: 376px;
	h\eight: 346px;	
	width: 562px;
	w\idth: 536px;
}

div#contentscroll {
	position: relative;
	top: 0px;
	left: 0px;
	width: 344px;
	height: 376px;
	padding: 0px;
	padding-right: 10px;
	z-index: 11;
	overflow: auto;
}

/*
div#contentgeenscroll {
	position: relative;
	width: 328px;
	padding: 0px 12px 0px 14px;
	z-index: 11;
	overflow: hidden;
}
*/

div#contenttekst {
	position: relative;
	padding: 0px 12px 0px 14px;
	z-index: 11;
}

div#contentpo {
	position: absolute;
	top: 19px;
	left: 170px;
	width: 563px;
	height: 390px;
	background: #FFFFFF;
	z-index: 10;
	overflow: hidden;
}

div#content.volh {
	height: 376px;
}
* html div#content.volh { /* This is the Tan hack */
	height: 376px;
	h\eight: 346px;	
}

div#halfh {
	height: 171px;
}
* html div#halfh {
	height: 201px;
	h\eight: 171px;
}

div#formknoppen {
	position: absolute;
	top: 351px;
	width: 325px;
}

div#formknoppen2 {
	position: absolute;
	top: 145px;
	width: 325px;
}

div#formknoppen3 {
	position: absolute;
	left: 10px;
	top: 161px;
	width: 325px;
	z-index: 40;
}

div#navnr {
	position: absolute;
	top: 415px;
	left: 170px;
	z-index: 11;
}

ul#navnr li {
	float: left;
	padding-right: 3px;
}

div#zijkant {
	position: absolute;
	top: 19px;
	left: 534px;
	width: 199px;
	height: 201px;
	background: #FFFFFF;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	overflow: hidden;
}

div#zijcontent {
	position: absolute;
	top: 47px;
	left: 14px;
	width: 173px;
}

div#zijservice {
	position: absolute;
	top: 138px;
	left: 14px;
	width: 173px;
}

* html div#zijcontent { /* This is the Tan hack */
	width: 199px;
	w\idth: 173px;
	height: 168px;
	h\eight: 128px;
}

div#contentonderstreep {
	position: relative;
	left: -14px;
	padding: 20px 0px 0px 0px;
	background: url('images/bgschaduwonder.jpg');
}


div#nav4 {
	position: absolute;
	top: 492px;
	left: 461px;
	width: 400px;	
	height: 15px;
	z-index: 13;
}

div#voet {
	position: absolute;
	top: 492px;
	left: 110px;
	width: 350px;
	height: 15px;
	z-index: 21;
}

ul#voetlogos {
	position: absolute;
	top: -3px;
	left: 350px;
	width: 120px;
	height: 20px;
	z-index: 22;
}

ul#voetlogos li {
	float: left;
	padding-right: 3px;
}

div#main {
	position: absolute;
	top: 39px;
	left: 109px;
	width: 760px;
	height: 454px;
	z-index: 20;
}

input.bestel, select.bestel, input.bestelfout, select.bestelfout {
	width: 250px;
	background-color: white;
	border: 1px solid #565655;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.bestelklein, select.bestelklein, input.bestelkleinfout, select.bestelkleinfout {
	width: 115px;
	background-color: white;
	border: 1px solid #565655;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

textarea.bestel {
	width: 250px;
	height: 50px;
	background-color: white;
	border: 1px solid #565655;
}

input.bestelfout, select.bestelfout, input.bestel2fout, select.bestel2fout, input.bestelkleinfout, select.bestelkleinfout {
	border: 1px solid #E3000B;
}

input.inlog, select.inlog {
	width: 200px;
	background-color: white;
	border: 1px solid #565655;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.inlogfout, select.inlogfout {
	width: 200px;
	background-color: white;
	border: 1px solid #E3000B;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.inlogklein {
	width: 140px;
	background-color: white;
	border: 1px solid #565655;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.inlogkleinfout {
	width: 140px;
	background-color: white;
	border: 1px solid #E3000B;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.inlogkleiner {
	width: 50px;
	background-color: white;
	border: 1px solid #565655;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.inlogkleinerfout {
	width: 50px;
	background-color: white;
	border: 1px solid #E3000B;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

input.inlogcheck {
	width: 14px;
	background-color: white;
	border: 1px solid #565655;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

div#rond {
	position: absolute;
	width: 118px;
	height: 118px;
	left: 752px;
	top: 74px;
	z-index: 102;
}

fieldset {
	display: none; 
	padding: 10px 0px 0px 0px;
	border: 0px;
} 

/* 	SPECIFIEKE PAGINA'S */

div.bghome {
	background: url('/images/bgbeeld_00home.jpg') no-repeat;
}

div.bgboven {
	background: url('/images/bgbeeld_00boven.jpg') no-repeat;
}

div.bgonder {
	background: url('/images/bgbeeld_00onder.jpg') no-repeat;
}

div.bgport {
	background: url('/images/bgbeeld_00leeg.jpg') no-repeat;
}

div.bgdruk {
	background: url('/images/bgbeeld_01drukkerij.jpg') no-repeat;
}

div.bgshop {
	background: url('/images/bgbeeld_02shop.jpg') no-repeat;
}
