* {
	margin: 0;
	padding: 0;
	}
p {
	margin: 0 0 10px 0;
	color: #334a9e;
	line-height: 14px;
	}
img {
	border: 0;
	margin-right: 5px;
	}
a img {
	border: 1px solid #999;
	}
.imageDiv {
	position: relative;
	border: 1px solid #999;
	}
	.imageDiv img {
		position: absolute;
		}
	
	
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}
.center {
	text-align: center;
	}
.left {
	text-align: left;
	}
.right {
	text-align: right;
	}
.bold {
	font-weight: bold;
	}
.bolditalic {
	font-weight: bold;
	font-style: italic;
	}
.boldpink {
	font-weight: bold;
	color: #f06;
	}
.wijzig {
	font-weight: bold;
	font-style: italic;
	color: #0472bc;
	}
p.blokGrijs {
		width: 600px;
		background: #e6e6e6;
		padding: 5px 10px;
		margin-bottom: 10px;
	}
p.blokRoze, p.mandjeBlokRoze, .blokRoze {
	width: auto;
	background: #0472bc;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	}
p.blokRozePrent {
	width: 118px;
	background: #f8cee1;
	padding: 3px 5px;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
}
p.mandjeBlokRoze {
	width: 642px;
	text-align: right;
	}
.mandjeBlokRoze a {
	padding: 5px 5px;
	background: #334a9e;
	color: #fff;
	margin-right: 10px;
	text-decoration: none;
	}
.mandjeBlokRoze a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
	
	
p.blokDonkerRoze {
	width: 562px;
	background: #f06;
	padding: 5px 100px 5px 0;
	font-weight: bold;
	text-align: right;
	color: #fff;
	}
hr {
	height: 2px;
	width: auto;
	border: 0;
	border-bottom: 2px dotted #f8cee1;
	margin-bottom: 10px;
	}
h2 {
	color: #f06;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	}
h3 {
	color: #f06;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	}
h4 {
	font-style: italic;
	margin: 0 0 10px 0;
	}
p.date {
	margin-top: -10px;
	}
p.bestelfase {
	color: #f06;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px dotted #f8cee1;
	}
.rozester {
	font-size: 14px;
	font-weight: bold;
	color: #f06;
	}
.instructie {
	color: #666;
	font-weight: bold;
	font-style: italic;
	}
a {
	color: #334a9e;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	color: #f06;
	}
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/ruit.bg.blue.gif);
	color: #334a9e;
	line-height: 15px;
}
#frameWrapper {
	margin: 0 auto;
	height: 640px;
	width: 900px;
	background: #fff;
	}
#frameHeader {
	width: 900px;
	height: 170px;
	background: #fff;
	}
	#logo {
		position: absolute;
		top: 15px;
		margin-left: 0px;
		border: 0;
		}
	img#icoon {
	position: absolute;
	top: 5px;
	margin-left: 170px;
	z-index: 50;
	}
	#frameHeaderRight {
		position: absolute;
		top: 0;
		margin-left: 170px;
		width: 730px;
		height: 170px;
		background: url(images/bg.header.gif) repeat-x;
		}
#frameHeaderFlags {
	position: absolute;
	left: 600px;
	width: 120px;
	top: 10px;
	}
	#frameHeaderFlags div {
		clear: both;
		padding-top: 2px;
		}
	#frameHeaderFlags span {
		float: left;
		width: 88px;
		padding-top: 2px;
		text-align: right;
		}
	#frameHeaderFlags a {
		color: #0472bc;
		text-decoration: none;
		font-size: 9px;
		}
	#frameHeaderFlags a:hover {
		text-decoration: underline;
		}
	#frameHeaderFlags img {
		border: 1px solid #ddd;
		margin: 0;
		padding: 0;
		float: right;
		}
#frameHeaderLogos {
	position: absolute;
	left: 200px;
	top: 25px;
	width: 420px;
	text-align: right;
	font-size: 9px;
	color: #0472bc;
	}
	#frameHeaderLogos a {
		color: #334aaa;
		text-decoration: none;
		}
	#frameHeaderLogos a:hover {
		text-decoration: underline;
		}
	#frameHeaderLogos img {
		padding-left: 5px;
		border: 0;
		}
	#frameHeaderLogos table {
		border: 0;
		height: 42px;
		float: right;
		padding: 0px 20px;
		text-align: left;
		height: 42px;
		line-height: 11px;
		}
	#frameHeaderLogos table tr {
		height: 42px;
		vertical-align: bottom;
		}
ul#navTop, ul#navBottom {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
ul#navTop {
	position: absolute;
	top: 95px;
	width: 730px;
	float: left;
	list-style: none;
	overflow:hidden;
	z-index:20;
	}
	ul#navTop li {
		float: left;
		background: url(images/tab.roze.right.gif) no-repeat bottom right;
		margin-right: 9px;
		}
	ul#navTop li a {
		display: block;
		padding: 0 20px;
		line-height: 26px;
		background: url(images/tab.roze.left.gif) no-repeat bottom left;
		text-decoration: none;
		color: #fff;
		float: left;
		}
	ul#navTop li.tabActive a {
		display: block;
		padding: 0 19px;
		line-height: 26px;
		background: url(images/tab.roze.left.gif) no-repeat bottom left;
		text-decoration: none;
		color: #f9c;
		float: left;
		font-style: italic;
		}
	ul#navTop li a:hover {
		color: #f9c;
		}
ul#navBottom {
	position: absolute;
	margin-top: 115px;
	width: 730px;
	float: left;
	list-style: none;
	overflow:hidden;
	z-index:10;
	}
	ul#navBottom li {
		float: left;
		background: url(images/tab.wit.right.gif) no-repeat top right;
		margin-right: 9px;
		}
	ul#navBottom li#mandjegevuld {
		float: left;
		background: url(images/tab.donkerroze.right.gif) no-repeat bottom right;
		margin-right: 9px;
		margin-top: 6px;
		}
	ul#navBottom li a {
		display: block;
		padding: 0 14px;
		line-height: 40px;
		background: url(images/tab.wit.left.gif) no-repeat top left;
		text-decoration: none;
		color: #334a9e;
		float: left;
		}
	ul#navBottom li.tabActive a {
		display: block;
		padding: 0 13px;
		line-height: 40px;
		background: url(images/tab.wit.left.gif) no-repeat top left;
		text-decoration: none;
		color: #f9c;
		float: left;
		font-style: italic;
		}

	ul#navBottom li#mandjegevuld a {
		display: block;
		padding: 0 14px;
		line-height: 31px;
		background: url(images/tab.donkerroze.left.gif) no-repeat bottom left;
		text-decoration: none;
		color: #fff;
		float: left;
		}
	ul#navBottom li a:hover, ul#navBottom li#mandjegevuld a:hover {
		color: #f9c;
		}



#frameNavCol {
	position: absolute;
	top: 160px;
	width: 170px;
	height: 430px;
	background: #f8cee1;
	}
#frameNavCol a:hover {
	color: #0472bc;
	}
	ul#navCol {
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		list-style: none;
		}
	ul#navCol li {
		display: inline;
		}
	ul#navCol li a {
		display: block;
		line-height: 20px;
		text-decoration: none;
		color: #334a9e;
		padding: 5px 0 5px 25px;
		border-top: 1px dashed #fff;
		}
	ul#navCol li.listFirst1 a,
	ul#navCol li.listFirst1Active a {
		border: 0;
		padding-top: 22px;
		}
	ul.navColSub {
		display: block;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		list-style: none;
		margin: -5px 0 10px 0;
		}
	ul#navCol li.listFirst ul.navColSub li a,
	ul#navCol li.listFirst ul.navColSub li#active a,
	ul#navCol li.listFirstActive ul.navColSub li a,
	ul#navCol li ul.navColSub li a {
		line-height: 13px;
		text-decoration: none;
		border: none;
		padding: 0;
		margin: 0 0 0 35px;
		}
	ul li#listFirstActive a,
	ul#navCol li.listFirstActive,
	ul#navCol li#active a,
	li.listFirstActive ul.navColSub li a:hover,
	li.listFirstActive ul.navColSub li a {
		color: #0472bc;
	}
	ul#navCol li.listFirst ul.navColSub li ul.navColSubSub li a,
	ul#navCol li.listFirst ul.navColSub li ul.navColSubSub li#active a,
	ul#navCol li.listFirstActive ul.navColSub li ul.navColSubSub li a,
	ul#navCol li ul.navColSub li ul.navColSubSub li a {
		margin: 0 0 0 55px;
		}
#frameContent {
	position: absolute;
	top: 160px;
	height: 428px;
	margin-left: 170px;
	width: 730px;
	}
#frameContent a img {
	border: 1px solid #999;
	} 

	#frameContentTop ul {
		list-style: none;
		text-align: right;
		padding: 3px 0;
		border-bottom: 2px dotted #f8cee1;
		}
	#frameContentTop ul li {
		display: inline;
		}
	#frameContentTop ul li a {
		text-decoration: none;
		margin-right: 15px;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #334a9e;
		}
	#frameContentTop ul li a:hover {
		color: #ff99cc;
		}
	#frameContentTop ul li#active a{
		color: #ff99cc;
		}


#colBig {
	position: absolute;
	top: 20px;
	left: 0;
	width: 730px;
	height: 410px;
}
#col1 {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 270px;
	height: 408px;
	margin-top: 2px;
	border-right: 2px dotted #f8cee1;
	}
#col1.xmas {
	width: 180px;
	}
#col1.klomp {
	width: 180px;
	}
#col1.news {
	left: 18px;
	width: 212px;
	}
#col1.retail {
	width: 300px;
	}





#col1 li {
	margin-left:10px;
	}
#col1R {
	position: absolute;
	top: 20px;
	left: 485px;
	width: 240px;
	height: 410px;
	overflow: auto;
	}
#col1RB {
	position: absolute;
	top: 20px;
	left: 450px;
	width: 280px;
	height: 410px;
	overflow: auto;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	}
#col2R {
	position: absolute;
	top: 20px;
	left: 270px;
	width: 460px;
	height: 410px;
	}
#col2L {
	position: absolute;
	top: 20px;
	left: 0;
	width: 450px;
	height: 410px;
	border-right: 2px dotted #f8cee1;
	}
#col3 {
	position: absolute;
	top: 20px;
	left: 270px;
	width: 270px;
	height: 410px;
	text-align: center;
	border-right: 2px dotted #f8cee1;
	}
#col3.xmas {
	left: 180px;
	width: 270px;
	}
#col3.klomp {
	left: 180px;
	width: 150px;
	}
#col3.news {
	left: 230px;
	width: 270px;
	}
#col3.retail {
	left: 300px;
	width: 230px;
	text-align: left;
	padding: 48px 20px;
	}
#col3.envelop {
	left: 0px;
	width: 450px;
	}
#col3L {
	position: absolute;
	top: 20px;
	left: 270px;
	width: 270px;
	height: 410px;
	border-right: 2px dotted #f8cee1;
	}
#col3B {
	position: absolute;
	top: 20px;
	left: 200px;
	width: 285px;
	height: 410px;
	border-right: 2px dotted #f8cee1;
	}
#col4 {
	position: absolute;
	top: 20px;
	left: 540px;
	width: 190px;
	height: 410px;
	}



	
#col4.xmas {
	left: 450px; 
	width: 280px;
	}	
#col4.klomp {
	left: 330px; 
	width: 400px;
	}	
#col4.news {
	left: 500px;
	width: 230px;
	}
	
#col4.retail {
	left: 570px;
	width: 160px;
	}
	
	
#col4.envelop {
	left: 450px;
	width: 280px;
	}


	
	
#col4M {
	position: absolute;
	top: 20px;
	left: 270px;
	width: 185px;
	height: 410px;
	border-right: 2px dotted #f8cee1;
	}
#col4L {
	position: absolute;
	top: 20px;
	left: 0;
	width: 200px;
	height: 410px;
	border-right: 2px dotted #f8cee1;
	overflow: auto;
	}

#col4Table {
	position: absolute;
	top: 20px;
	left: 540px;
	width: 188px;
	height: 410px;
	}
#col5 {
	position: absolute;
	top: 20px;
	left: 18px;
	width: 712px;
	height: 410px;
	overflow: auto;
	}
.homepage-box {
	height: 190px;
	}
	.homepage-box, .homepage-boxB {
		padding: 15px 20px;
		/*border-bottom: 2px dotted #f8cee1;*/
		}
	.homepage-boxB {
		border: none;
		}
	.homepage-box img.right, .homepage-boxB img.right {
		float: right;
		margin-right: -22px;
		padding-left: 14px;
		border: none;
		}
	.homepage-box p.blokRoze, .homepage-box p.blokLightGreen {
		position: absolute;
		top: 198px;
		left: 0;
		width: 432px;
		background: #f8cee1;
		padding: 5px 15px;
		}
	.homepage-box p.blokLightGreen {
		width: 430px;
		background: #f06;
	}
	.homepage-box p.blokLightGreen a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}	
	.homepage-box p.blokLightGreen a:hover {
		text-decoration: underline;
	}	
		
.content-box, .content-boxScroll {
	height: 380px;
	padding: 15px;
	}
.content-boxScroll {
	height: 378px;
	padding: 15px 7px 15px 12px;
	margin-top: 2px;
	overflow: auto;
	}
#colBig .content-boxScroll {
	padding: 15px 20px 15px 30px;
	}
.content-box ul, .content-boxScroll ul {
	margin: 0 0 10px 10px;
	}
	.content-box img, .content-boxScroll img {
		margin: 0 2px 9px 0;
		}
	.content-box img.nopadding, .content-boxScroll img.nopadding {
		margin: 0 3px 4px 0;
		}
	.content-box p.blokRozeBottom, .content-boxScroll p.blokRozeBottom {
		position: absolute;
		bottom: 0;
		left: 20px;
		color: #fff;
		font-weight: bold;
		background: #0472bc;
		text-align: left;
		padding: 4px;
		}
	.content-box p.blokRoze .roze {
		color: #f06;
		}
	#col1 .content-box p.blokRoze, #col3 .content-box p.blokRoze, #col3 .content-boxScroll p.blokRozeBottom, #col3 .content-box p.blokRozeBottom {
		width: 225px;
		}
	
	#col4 .content-box p.blokRozeBottom {
		width: 155px;
		left: 15px;
		}
	
	
	#col4Table .content-box table {
		position: absolute;
		top: 10px;
		left: 0;
		font: bold 9px Verdana, Arial, Helvetica, sans-serif;
		color: #334a9e;
		margin-left: 10px;
		vertical-align: middle;
		}
	.content-box table td {
		text-align: center;
		}
	.content-box table.bestelproces td.left {
		text-align: left;
		padding: 0 3px 3px 3px;
		}
	.content-box table.bestelproces td.right {
		text-align: right;
		padding: 0 3px 3px 3px;
		}
	.content-box table.bestelproces td img {
		margin: 0;
		padding: 0;
		}
	
	
	.content-box td img {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		text-align: center;
		}
	.content-box td.border {
		border: 1px solid #999;
		}
	.content-box td.border .preview {
		width: 58px;
		overflow: hidden;
		}
ul#rozeCirkel {
	position: absolute;
	left: 0px;
	bottom: 20px;
	list-style: none;
	font-weight: bold;
	}
	ul#rozeCirkel li, ul#rozeCirkel li#activeList {
		display: inline;
		line-height: 25px;
		margin: 0;
		}
	ul#rozeCirkel li a, ul#rozeCirkel li#activeList a{
		background: url(images/bg.list.gif) no-repeat center;
		padding: 8px;
		text-decoration: none;
		}
	ul#rozeCirkel li#activeList a {
		background: url(images/bg.listActive.gif) no-repeat center;
		}
	li#activeList a {
		color: #fff;
		}
#frameFooter {
	position: absolute;
	top: 590px;
	width: 900px;
	height: 40px;
	padding: 7px 0;
	}
	#frameFooter a {
		color: #fff;
		text-decoration: none;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;		
		}
	#frameFooter a:hover {
		text-decoration: underline;
		}
	
	
	
	
	#footer1 {
		position: absolute;
		left: 0;
		top: 0;
		width: 170px;
		height: 50px;
		background: #f06;
		}
	#footer1 a {
		position: absolute;
		left: 39px;
		top: 17px;
		color: #fff;
		}
	#footer2 {
		position: absolute;
		left: 170px;
		top: 0;
		width: 730px;
		height: 26px;
		background: #f8cee1;
		text-align: left;
		}
		#footer2 a {
			display: block;
			color: #fff;
			background-color: #0472bc;
			padding: 5px 15px;
			}	
	#footerContainer {
		position: absolute;
		left: 170px;
		top: 24px;
		width: 730px;
		height: 26px;
		background: #6cbdf4;
		}
		#footerContainer div {
			float: left;
			height: 20px;
			padding: 5px 0 1px 0;
			}
			#footerContainer div a {
				color: #fff;
				padding: 0 30px 0 10px;
				}
		#footerContainer #footer3 {
			background: #0472bc;
			}
		#footerContainer #footer5 {
			background: #f06;
			}
		#footerContainer #footer4 {
			background: #6cbdf4;
			}	
			
table.keuze {
	margin-top: -10px;
	font-size: 11px;
	}
table.keuze td {
	text-align: left;
	padding: 2px;
	}
input.radiobutton {
	vertical-align: top;
	}
table.keuze tr td {
	border-bottom: 2px dotted #f8cee1;
	vertical-align: top;
	}
table.keuze td .keuzeActive {
	color: #ff0066;
	font-style: italic;
	font-weight: bold;
	}
table.keuze td .keuzeInactive {
	}


table.keuze td.chooseFont {
	border: 0;
	}
table.keuze td.chooseFont a {
	font-weight: bold;
	}
table.keuze td.chooseFont a:hover {
	color: #ff0066;
	}



table#totaal {
	font-weight: bold;
	width: 230px;
	font-size: 11px;
	}
table#totaal th, table#totaal td {
	text-align: left;
	padding: 5px 10px 0 10px;
	margin-right: 30px;
	}
table#totaal th {
	font-style: italic;
	}
table#totaal td {
	padding: 8px;
	width: 100px;
	background: #0472bc;
	color: #fff;
	}
table#totaal td input {
	padding: 0;
	margin: 0;
	color: #334a9e;
	}
	
table.registreer {
	width: 676px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #f8cee1;
	}
table.registreer th {
	width: 160px;
	text-align: left;
	}
table.registreer td input, table.registreer td select {
	background: #f8cee1;
	padding: 2px 1px;
	color: #334a9e;
	}

table.registreer td textarea {
	background: #f8cee1;
	padding: 2px 1px;
	color: #334a9e;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
table.registreer tr {
	margin-bottom: 10px;
	}
table.registreer td select {
	width: 200px;
	padding: 0;
	}
table.registreer td input.actief, table.registreer td select.actief, table.registreer td textarea.actief {
	background: #ff99cc;
	}
table.registreer td input.inactief, table.registreer td select.inactief, table.registreer td textarea.inactief {
	background: #f8cee1;
	}









table.mandje {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 662px;
	}
	table.mandje tr.trspoed td {
		background-color: #9ea5fd;
		border-top: 10px solid #fff;
		} 
	table.mandje tr.trspoed td p {
		padding: 0;
		margin: 0;
		font-style: italic;
		color: #334a9e;
		font-weight: normal;
		padding-right: 20px;
		} 
	
	
	table.mandje a {
		text-decoration: underline;
		color: #f06;
		}	
	table.mandje a:hover {
		color: #000;
		}
	table.mandje td {
		background: #f8cee1;
		padding: 5px;
		font-weight: bold;
		}
	table.mandje td.input {
		border-right: 10px solid #fff;
		}
	table.mandje td#mandjeActive {
		background: #ff0066;
		color: #fff;
		}
	table.mandje td.radio {
		border-right: 10px solid #fff;
		}
	table.mandje td.radio input {
		vertical-align: text-bottom;
		margin-right: 5px;
		}
	table.mandje td input {
		text-align: right;
		color: #334a9e;
		padding-right: 3px;
		}
	table.mandje th {
		background: #0472bc;
		color: #fff;
		padding: 5px;
		font-weight: bold;
		vertical-align: bottom;
		}
	table.mandje td select, table.bestelproces td select {
		font-size: 12px;
		width: 120px;
		color: #334a9e;
		}







table.bestelfase {
	border-bottom: 2px dotted #f8cee1;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
table.bestelfase td {
	text-align: left;
	color: #ff0066;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	}
table.bestelfase td img {
	vertical-align: text-bottom;
	padding: 0;
	margin: 0;
	}
table.bestelproces td .keuzeActive {
	color: #ff0066;
	font-style: italic;
	font-weight: bold;
	}
table.bestelproces td .keuzeInactive {
	}
.paddingtop {
	padding-top: 10px;
	}
.paddingbottom {
	padding-bottom: 10px;
	}
p.bestelfaseB {
	color: #ff0066;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	}
#klomp img {
	padding: 0;
	margin: 0 0 7px 0;
	}
#klomp div {
	float:left;
	}
#klomp .thumb {
	float: left;
	width: 43px;
	}
#klomp .header {
	clear: both;
	background-color: #6cbdf4;
	width: 145px;
	height: 16px;
	padding: 5px;
	font-weight: bold;
	margin-left: 9px;
	color: #fff;
	}
#klomp .footer {
	clear: both;
	background-color: #fff;
	width: 135px;
	border: 5px solid #6cbdf4;
	border-top: none;
	padding: 5px;
	margin: 0 0 7px 9px;
	}
	





.textbox {
	clear: both;
	float: left;
	background-color: #6cbdf4;
	color: #fff;
	width: 360px;
	text-align: left;
	margin: 0 0 5px 0;
	border: 5px solid #6cbdf4;
	}
.textbox h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 5px 0;
	color: #fff;
}
.textbox label {
	font-size: 11px;
	float: left;
	background-color: #6cbdf4;
	width: 100px;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	color: #fff;
	}
.textbox h1 {
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	background-color: #fff;
	overflow: hidden;
	color: #334ab5;
	}
.textbox.klomplabel {
	width: 222px;
	}
.textbox.klompbox {
	width: 242px;
	}
.textbox.prentlabel, .textbox.prentbox {
	width: 118px;
	}
.textbox.prentbox label {
	width: 45px;
	}
.textbox.klomptabel {
	width: 118px;
	font-weight: bold;
}
.textbox.klomptabel .label1 {
	float: left;
}
.textbox.klomptabel .label2 {
	float: right;
}
.textbox.klomptabel input {
	width: 30px;
	margin-bottom: 1px;
}







.textbox.spoed {
	width: 220px;
	border: 0;
	background-color: #fff;
	margin: 0;
	}
	.textbox.spoed label {
		color: #f06;
		background-color: #fff;
		padding-left: 15px;
		width: 150px;
		}
	.textbox.spoed h1 {
		background-color: #fff;
		}	
	.textbox.spoed input {
		width: 30px;
		}




	
	
.infobox {
	clear: both;
	background-color: #fff;
	width: 360px;
	border: 5px solid #6cbdf4;
	margin-bottom: 5px;
	color: #fff;
	overflow: hidden;
	}
	.infobox select {
		width: 58px;
		}
	.infobox.prent {
		width: 118px;
		}
	.infobox.envelop {
		width: 200px;
		}
	.infobox.klomp {
		width: 222px;
		}
	.infobox.stap9 {
		width: 98px;
		}
	.infobox.stap10 {
		width: 100px;
		}
	.infobox .left {
		width: 100px;
		float: left;
		background-color: #6cbdf4;
		font-weight: bold;
		padding: 5px 0;
		}
	.infobox.tabel {
		background-color: #6cbdf4;
		}
	.infobox .right {
		width: 245px;
		float: left;
		padding: 5px;
		text-align: left;
		color: #334a9e;
		}
	.infobox .left.prentsingle {
		width:118px;
	}
	.infobox .left.stap9single {
		width:98px;
	}
	.infobox .left.stap10single {
		width:100px;
	}
	.infobox .left.prent {
		width: 50px;
	}
	.infobox .left.klomp {
		width: 59px;
	}
	.infobox .left.stap9 {
		width: 48px;
	}
	.infobox .left.stap10 {
		width: 48px;
	}
	.infobox .right.prent {
		width: 43px;
	}
	.infobox .right.stap9 {
		width: 25px;
	}
	.infobox .right.stap10 {
		width: 25px;
	}
	.infobox .left.envelopsingle {
		width:200px;
	}
	.infobox .left.klompsingle {
		width:222px;
	}
	.infobox .left.envelop {
		width: 70px;
	}
	.infobox .right.envelop {
		width: 115px;
	}
	
	
	
	
.formulier {
	background: #f8cee1;
	padding: 10px;
	clear: both;
	}
.formulier form {
	padding: 0;
	margin: 0;
	}
.formulier .titel {
	background: #0472bc;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	}
.formulier a {
	color: #fff;
	font-weight: bold;
	}
.formulier label {
	float: left;
	color: #334a9e;
	width: 110px;
	padding-left: 5px;
	}
.formulier input, .formulier textarea {
	background: #fff;
	color: #334a9e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 2px solid #fff;
	}
.formulier .mandatory	{
	color: #f06;
	font-weight: bold;
	}
.formulier .chapter {
	padding-top: 5px;
	clear: both;
	}
.formulier .chapter select {
	font-size:10px;
	}
.guestbook div {
	clear: both;
	padding-bottom: 10px;
	}


.priceList .buttons {
	clear: both;
	}
	.priceList .buttons .button a {
		color: #fff;
		padding: 5px 20px;
		background: #f06;
		font-weight: bold;
		text-decoration: none;
		float: left;
		margin: 0 20px 10px 0;
		}
	.priceList .buttons .button a:hover {
		text-decoration: underline;
		}
.priceList h2 {
	clear: both;
	}




.priceList table {
	border: 1px solid #f06;
	border-right: 0;
	border-bottom: 0;
	width: 90%;
	}
.priceList table td {
	border-right: 1px solid #f06;
	border-bottom: 1px solid #f06;
	padding: 5px 10px;
	vertical-align: top;
}
.priceList table .head {
	background: #f06;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	}
.priceList table .subhead {
	color: #f06;
	font-weight: bold;
	}

.retailer {
	margin-top: 10px;
	width: 660px;
	border: 1px solid #334a9e;
	border-bottom: 0;
	}
.retailer td {
	padding: 5px;
	border-bottom: 1px solid #334a9e;
	}
.retailer input {
	width: 40px;
	}
.retailer .button {
	width: 200px;
}
.retailer tr.c1 {
	background-color: #fff;
}
.retailer tr.c2 {
	background-color: #fff;
	}
.retailer tr.c3 {
	background-color: #334a9e;
	color: #fff;
	font-weight: bold;
}
.warning {
	clear: both; 
	background-color: #f06; 
	color: #fff; 
	padding: 5px; 
	font-weight: bold; 
	font-size: 13px;
}
.warning.blue {
	background-color: #334a9e;
}
.message {
	clear: both;
	color: #334a9e;
	font-weight: bold;
	background: url(images/exclamation.gif) 0px 0px no-repeat;
	padding: 2px 0 10px 25px;
	}
#fontPopup {
	position: absolute; 
	left: 15px; 
	top: 33px; 
	border: 1px solid #334a9e; 
	background-color: #fff; 
	width: 488px; 
	height:387px;
	display: none;
}	
.popupBanner {
	clear: both;
	height: 16px;
	background-color: #f8cee1;
	text-align: right;
	padding: 4px 5px 0 0;
}
.popupBanner img {
	border: 0 !important;
}
#example {
	clear: both;
	width: 488px;
	height: 70px;
}




#gallery {
	position: absolute; 
	left: 20px; 
	top: 20px; 
	width: 690px; 
	height: 370px; 
	}
	#gallery #gPreview {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 570px;
		height: 370px;
		background-color: #ccc;
		border: 1px solid #999;
		}
	#gallery #gPause {
		position: absolute;
		left: 572px;
		top: 0px;
		width: 321px;
		height: 32px;
		background-image: url(images/halfcircle.gif);
		background-repeat: no-repeat;
		}
	#gallery #arrowLeft, #gallery #arrowRight {
		position: absolute;
		width: 11px;
		height: 21px;
		}
	#gallery #arrowLeft img, #gallery #arrowRight img, #gallery #gPause img {
		border: 0;
		}
	#gallery #arrowLeft {
		left: 604px;
		top: 74px;
		}
	#gallery #arrowRight {
		left: 678px;
		top: 339px;
		}
	#gallery #gThumbs {
		position: absolute;
		left: 625px;
		top: 52px;
		width: 43px;
		}	
	#gallery .gThumb {
		width: 43px;
		height: 43px;
		margin-top: 10px;
		background-color: #ccc;
		}
	
	
#formProefkaart {
	padding: 5px;
	width: 270px;
}	
#proefKaart {
	width: 330px;
	}
	#proefKaart #proefAll {
		clear: both;
		padding-top: 10px;
		}
	
.example {
	clear: both;
	}
	.example h1 {
		font-weight: bold;
		font-size: 11px;
		color: #f06;
		margin: 0;
		padding: 0 0 5px 0;
		}
	.example div {
		float: left;
		width: 170px;
		}	
		.example div a {
			display: block;
			color: #0472bc;
			text-decoration: none;
			}
		.example div a:hover {
			text-decoration: underline;
			}
		.example div a.allowed {
			color: #f06;
			}
		.example div a.selected {
			font-weight: bold;
			color: #f06;
			text-decoration: underline;
			}
	.example .image {
		width: 110px;
		margin-bottom: 10px;
		}
		.example .image img {
			border: 1px solid #ccc;	
			margin: 0;
			padding: 0;
			}
		.example .image div {
			clear: both;
			width: 110px;
			padding: 0;
			}