/* -------------------------------------------- 
GLOBAL STYLING ELEMENTS 
-------------------------------------------- */

HTML {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #ffffff;
}

BODY { margin: 0px; padding: 0px; } /* verwijder witte marges */
BODY { min-height: 100%; margin-bottom: 1px; } /* forceeer verticale scrollbar */


BODY, TR, TD, INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	color: #505050;
	font-size: 8pt;
	line-height: 160%;
}                 

P {
	margin: 10px 0px 10px 0px;
}

h1 {
	margin: 10px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #003181;
	line-height: 130%;
	font-weight: normal;
}

h1.homepage {
	font-size: 21pt;
}

h2 {
	margin: 10px 0px -10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #4c6ea7;
}

h3 {
	margin: 10px 0px -10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #4c6ea7;
}

h6 {
	margin: 5px 0px 5px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight : normal;
}

A:link, A:visited {
	color: #003181;
	text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
}
A:hover, A:active	  {
	color: #003181;
	text-decoration: underline;
	outline: none; /* hide dotted outline in Firefox */
}

TD {
	vertical-align: top;
}

HR.solid {
	height: 0; 
	border: none;
	border-top: 1px solid #003181;
}

HR.dotted {
	height: 0;
	border: none;
	border-top: 1px dotted #003181;
}

HR.solid2px {
	border: none;
	border-top: 2px solid #003181;
	margin: 0px 0px 10px 0px;
}

HR.solid2px_breed {
	height: 2px;
	border: none;
	border-top: 2px solid #003181;
	margin: 10px 22px 10px 22px;
}

SPAN.highlight {
	background-color: Yellow;
}

/* ---------------------------------------------------- 
STRUCTURAL ELEMENTS 
------------------------------------------------------- */

DIV.positioner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	width: 1px;
	overflow: visible;
}

DIV.container	{
	position : absolute;
	width : 1060px;
	left : -530px;
}

DIV.topbar	{
	position: relative;
	width: 1060px;
	height: 160px;
	background: transparent url('images/back_main.png') repeat-y scroll top left;
}


DIV.main	{
	position: relative;
	width: 1060px;
	height: auto;
 	background: transparent url('images/back_main.png') repeat-y scroll top left;
	overflow: hidden;
}

DIV.spacer	{
	float: left;
	width: 0px;
	height: 600px;
}

DIV.content	{
	float: left;
	width: 610px;
	margin: 0px 0px 40px 20px;
}

DIV.innertube {
	margin: 0px 15px 5px 15px;
}

DIV.rightbar	{
	float: left;
	width: 400px;
	margin: 0px 10px 40px 10px;
}

DIV.footerbar{
	clear: both;
	width: 1060px;
	height: 110px;
	background: transparent url('images/back_footer.png') no-repeat scroll top left;
}

/* -------------------------------------------------- 
TOPBAR
----------------------------------------------------- */

DIV.adres {
	position: absolute;
	top: 40px;
	right: 860px;
	text-align: right;
	font-size: 8.5pt;
	line-height: 150%;
}

DIV.logo {
	position: absolute;
	top: 20px;
	left: 220px;
}

DIV.zoekinvoer {
	position: absolute;
	top: 10px;
	right: 115px;
	width: 310px;
	height: 27px;
	text-align: right;
	background: transparent url('images/box_zoeken.gif') no-repeat scroll top left;
}

INPUT.zoekterm {
	width: 250px;
	height: 18px;
	margin: 5px 10px 0px 0px;
	font-size: 8pt;
	color: #c0c0c0;
	background-color: #ffffff;
	border: 0px solid #909090;
	padding: 0px 3px 1px 3px;
}

.submitloop {
	width: 32px;
	height: 23px;
	border: none;
	background: transparent url('images/but_loop.gif') no-repeat scroll top right;
	vertical-align: top;
	margin: 2px 2px 0px 0px;;
	cursor: pointer;
}
.submitloop:hover {
	border: none;
	background: transparent url('images/but_loop_hover.gif') no-repeat scroll top right;
}

DIV.flags {
	position: absolute;
	top: 11px;
	right: 25px;
	text-align: right;
}

/* set images in div flags */
A.normal img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
A:hover.normal img  {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

DIV.uitspring {
	top: 50px;
	position: absolute;
	width: 185px;
	height: 120px;
}

H1.uitspringkop {
	margin: 0px 0px -8px 0px;
	font-size: 13pt;
}

P.uitspringtext {
	padding-top: 5px;
	border-top: solid 1px #c0c0c0;
	font-size: 8pt;
	line-height: 150%;
}


/* -------------------------------------------------- 
HEADER
----------------------------------------------------- */

DIV.header	{
	width: 1018px; /*1020-2px border*/
	height: 250px;
	margin: 0px 20px 10px 20px;
	background: #fafafa url('images/back_header.jpg') repeat-x scroll top left;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url('border-radius.htc');
	zoom: 1; /* For IE6 */
	overflow: hidden;
}

DIV.headtext {
	width: 570px;
	margin: 20px 0px 0px 20px;
	font-size: 10pt;
	line-height: 180%;
	font-weight: normal;
}


/* -------------------------------------------------- 
MAIN
----------------------------------------------------- */

DIV.titelbox {
	width: 580px;
}

DIV.dotline2px {
	clear: both;
	width: 580px;
	height: 2px;
	background: transparent url('images/dotline2px.png') repeat-x scroll top left;
	margin: 15 0 15 0;
}

DIV.box_foto	{
	width: 398px; /* -2px border*/
	height: 250px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #c0c0c0; /*rounded borders*/
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url('border-radius.htc');
	zoom: 1; /* For IE6 */
}

DIV.box1	{
	width: 194px; /* -2px border*/
	height: 310px;
	float: left;
	border: 1px solid #c0c0c0; /*rounded borders*/
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url('border-radius.htc');
	zoom: 1; /* For IE6 */
	text-align: center;
}

DIV.box1button_groen A, DIV.box1button_groen A.normal {
	display: block;
	width: 140px;
	height: 42px;
	margin: 8px auto 0px auto;
	padding: 8px 0px 0px 40px;
	background: #f0f0f0 url('images/butgroen.gif') no-repeat scroll top left;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 105%;
	text-align: left;
}
DIV.box1button_groen A:hover {
	background: transparent url('images/butgroen_hover.gif') no-repeat scroll top left;
	text-decoration: none;
}

DIV.box1button_oranje A, DIV.box1button_oranje A.normal {
	display: block;
	width: 140px;
	height: 42px;
	margin: 8px auto 0px auto;
	padding: 8px 0px 0px 40px;
	background: #f0f0f0 url('images/butoranje.gif') no-repeat scroll top left;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 105%;
	text-align: left;
}
DIV.box1button_oranje A:hover {
	background: transparent url('images/butoranje_hover.gif') no-repeat scroll top left;
	text-decoration: none;
}

DIV.box1button_blauw A, DIV.box1button_blauw A.normal {
	display: block;
	width: 140px;
	height: 42px;
	margin: 8px auto 0px auto;
	padding: 8px 0px 0px 40px;
	background: #f0f0f0 url('images/butlichtblauw.gif') no-repeat scroll top left;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 105%;
	text-align: left;
}
DIV.box1button_blauw A:hover {
	background: transparent url('images/butlichtblauw_hover.gif') no-repeat scroll top left;
	text-decoration: none;
}

DIV.box1text {
	width: 165px;
	margin: 10px auto 0px auto;
	font-size: 8pt;
	line-height: 150%;
	text-align: left;
}

DIV.box2	{
	width: 398px; /* -2px border*/
	height: 188px;
	background: #fafafa url('images/back_box2.jpg') repeat-x scroll top left;
	border: 1px solid #c0c0c0; /*rounded borders*/
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url('border-radius.htc');
	zoom: 1; /* For IE6 */
	text-align: center;
}

DIV.box2tube {
	width: 380px;
	margin: 10px auto 0px auto;
	text-align: left;
}

DIV.box3	{
	width: 398px; /* -2px border*/
	height: 108px;
	background: #fafafa url('images/back_box3.jpg') repeat-x scroll top left;
	border: 1px solid #c0c0c0; /*rounded borders*/
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url('border-radius.htc');
	zoom: 1; /* For IE6 */
	text-align: center;
}

DIV.box3tube {
	width: 380px;
	margin: 10px auto 0px auto;
	text-align: left;
}


/* -------------------------------------------------- 
NEWS /  PARTNERS
----------------------------------------------------- */

H1.grijshead {
	margin: -5px 0px -10px 0px;
	font-size: 13pt;
	color: #a9a9a9;;
}

P.home_newstitle {
	margin: 15px 0px -15px 0px;
	font-size: 8pt;
	font-weight: normal;
	line-height: 150%;
}

P.home_kleintext {
	margin: 15px 0px 0px 0px;
	font-size: 8pt;
	line-height: 150%;
}

DIV.archief {
	position: absolute;
	top: 55px;
	left: 500px;
	width: 130px;
}

DIV.newsback  {
	margin: 0px 0px 15px 0px;
	font-size: 8pt;
}

P.newstitle {
	font-size: 10pt;
	font-weight: bold;
	color: #003181;
	margin: 10px 0px 0px 0px;
}

P.newsdate {
	font-size : 7pt;
	color : #cfcde3;
	margin: 5px 0px 0px 0px;
	font-style : italic;
}

P.newsauthor {
	font-weight: bold;
	font-size : 8pt;
	margin: 5px 0px 0px 0px;
}

P.newstext {
	margin: 5px 0px 20px 0px;
}


/* -------------------------------------------------- 
PRODUCTEN/ZIEKTEBEELDEN
----------------------------------------------------- */

DIV.productlist {
	width: 580px;
	margin: 10 0 0 0;
}


/* -------------------------------------------------- 
FOOTER
----------------------------------------------------- */

DIV.socialmedia {
	width: 1020px;
	height: 40px;
	margin: 0px 0px 20px 20px;
	text-align: right;
	border-bottom: 2px solid #003181;
	font-size: 8pt;
}

DIV.footcredit {
	float: left;
}

DIV.footlinks {
	width: 1020px;
	height: 18px;
	margin: -14px 0px 0px 20px;
	text-align: right;
	border-bottom: 2px solid #003181;
	font-size: 8pt;
	line-height: 8pt;
}

A.footlink:link, A.footlink:visited {
	color: #a9a9a9;;
	font-weight: normal;
}


/* -------------------------------------------------- 
DIVERSE STYLES
----------------------------------------------------- */


/* -------------------------------------------------- 
GENERIC BUTTONS & PIJLEN
----------------------------------------------------- */

a.extlink {
	background: transparent url('images/icon_extlink.gif') no-repeat scroll 100% 50%;
	padding-right: 13px;
}

a.pdflink {
	background: transparent url('images/icon_pdf.gif') no-repeat scroll 100% 50%;
	padding-right: 16px;
}

a.help {
	background: transparent url('images/help.png') no-repeat scroll 100% 50%;
	height: 14px;  /* = 16 minus 2 padding */
	padding: 2px 18px 0px 0px;
}
a.help:hover {
	background: transparent url('images/help_hover.png') no-repeat scroll 100% 50%;
}

a.info {
	background: transparent url('images/info.png') no-repeat scroll 100% 50%;
	height: 14px;  /* = 16 minus 2 padding */
	padding: 2px 18px 0px 0px;
}
a.info:hover {
	background: transparent url('images/info_hover.png') no-repeat scroll 100% 50%;
}