body, html { background-color:#FFFFFF; margin:0px 0px 10px 0px; padding:0px; font:normal normal normal 1em Verdana, Tahoma, Sans-Serif; display:block; }
/* SR Niet verwijderen. Is alleen nodig in FF, om er voor te zorgen dat er altijd rekening wordt gehouden met een verticale scrollbar */
html {overflow:-moz-scrollbars-vertical;}

/*  BL 'z-index:50' is needed for the IE z-index bug (http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html) that causes the logo to drop behind the page content unless also z-indexing the header div. */
div.header { position:relative; margin:0 auto; height:100px; width:960px; border-bottom:solid 5px #00A997; z-index:50; }
div.logo { position:relative; top:15px; left:50px; float:left; background:url("../../Images/logo.gif") no-repeat left top; z-index:50; height:133px; width:175px; }
div.dfzlogo { position:relative; background:url("../../Images/defrieslandlogo.gif") no-repeat left top; height:57px; width:160px; }

div.page, div.collapsibleDiv.top {background-color:#F4F4F4; }
div.page
{
	border-bottom:solid 1px #00A997;
	position:relative;
	margin:0 auto 10px auto;
	min-height:425px;
	width:960px;
	z-index:10;
}

div.breadcrumb { position:relative; padding:45px 50px 0px 50px; margin:0px; color:#565656; font-size:0.8em; }
div.breadcrumb span { font-weight:bold; }
div.breadcrumb a { position:relative; font-style:normal; background-color:Transparent; color:#565656; }
div.breadcrumb a:hover { text-decoration:underline; color:#565656; }

div.content { position:relative; padding:0px 50px 50px 50px; font-size:80%; }
div.content h1 { color:#00A997; font-size:125%; line-height:125%; padding-top:10px; }

div.content-form-disclaimer div.content-form-content { position:absolute; left:670px; margin: 5px 0px 0px 0px; padding:20px; width:200px; z-index:20; background-color:#ddd; color:#999; font-family:Verdana, Tahoma, Sans-Serif; }
div.content-form-disclaimer div.content-form-content a { color:#999; text-decoration:underline; font-style:italic; }
div.content-form-disclaimer div.content-form-footer { position:relative; }

div.content-form { position:relative; margin-top:15px; padding:20px; width:300px; background-color:#00A997; color:#FFFFFF; }
div.content-form div.content-form-header { background-color:#00A997; color:#ffffff; font:normal small-caps bolder 150% Verdana, Tahoma, Sans-Serif; }
div.content-form div.content-form-header span { font-weight:normal; }
div.content-form div.content-form-content { font-family:Verdana, Tahoma, Sans-Serif; }
div.content-form div.content-form-footer { position:relative; }

div.content-form1 { position:relative; margin-top:15px; background-color:Transparent; }
div.content-form1 div.content-form1-header1 { background-color:#00A997; color:#ffffff; font:normal small-caps bolder 170%/150% Verdana, Tahoma, Sans-Serif; padding-left:10px; }
div.content-form1 div.content-form1-header1 span { font-weight:normal; }
div.content-form1 div.content-form1-content1 { font-family:Verdana, Tahoma, Sans-Serif; background-color:#ffffff; padding:10px 20px 10px 20px; }
div.content-form1 div.content-form1-content1 h3 { margin:0px; }

div.content-text { position:relative; }
div.content-text span { font-weight:bold; }
div.content-text h1 { margin:0px; padding-top:10px; font:normal small-caps bolder 200%/100% Verdana, Tahoma, Sans-Serif; color:#FB8300; }
div.content-text h1 span { font-weight:normal; }
div.content-text p { margin:10px 0 15px 0; }

a, a:visited { text-decoration:none; font-style:italic; color:#00A997; }
a:hover { text-decoration:underline; }

div.activetab { position:relative; left:40px; top:72px; float:left; height:27px; margin:0px 2px 0px 0px; padding:1px 10px 0 10px; background-color:#00A997; }
div.activetab a { color:#FFFFFF; text-align:center; vertical-align:bottom; font:normal small-caps bolder 1em Verdana, Tahoma, Sans-Serif; text-decoration:none; position:relative; top:5px; }

div.tab { position:relative; left:40px; top:72px; float:left; height:27px; margin:0px 2px 0px 0px; padding:1px 10px 0 10px; background-color:#808080; }
div.tab a { color:#FFFFFF; text-align:center; vertical-align:bottom; font:normal small-caps bolder 1em Verdana, Tahoma, Sans-Serif; text-decoration:none; position:relative; top:5px; }

div.btnverstuur, div.btnterug
{
	border:solid 2px #808080;
	height:23px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF; 
}
div.btnverstuur { margin: 0 0 0 30px; }
div.btnverstuur a, div.btnterug a { color:#808080; font:normal bolder 1.2em Arial Narrow, Arial, Tahoma, Sans-Serif; text-decoration:none; }

div.footer { min-width:960px; max-width:960px; margin:0px auto; position:relative; z-index:1; }
div.footer div.left { position:relative; float:left; clear:left; vertical-align:middle; min-width:310px; max-width:600px; border:solid 1px #cccccc; font-size:80%; }
div.footer div.left ul { float:left; padding:0px 10px; margin:5px 0px; }
div.footer div.left ul li { color:#bfbfbf; display:block; float:left; list-style:none; padding:0px 10px 5px 10px; }
div.footer div.left ul li a { font-size:1em; font-style:normal; color:#616161; text-decoration:none; }
div.footer div.left ul li a:hover { color:#000; }
div.footer div.right { position:relative; float:right; clear:right; vertical-align:middle; min-width:160px;max-width:160px; }

div.result { background-color: white; }

div.multipledetail { background-color:#ffffff; font-size:100%; margin:0px; padding:2px; }
div.multipledetail table { width:100%; border-collapse:collapse; table-layout: fixed; }
div.multipledetail table tr td { border:solid 1px #D6D3D6; overflow:hidden; text-overflow: ellipsis; vertical-align:top; }
div.multipledetail table tr td.label-row {border-left: None; vertical-align:top; }
div.multipledetail table tr td.right-column {border-right: None;}
div.multipledetail table tr.first-row td {border-top: None;}
div.multipledetail table tr.last-row td {padding-bottom: 20px; border-bottom: None;}
div.multipledetail table tr td.alternate-label-row { background-color:#B5EFEF;border-left: None; }
div.multipledetail table tr td.alternate-data-column { background-color:#B5EFEF; }
div.multipledetail table tr td table tr td{ border: none; }
div.multipledetail .remove-button { width: 13px; height: 14px; cursor: pointer; background-image: url('../../Images/kruisje_.gif')}
div.multipledetail div.onderscheidingen-kind-logo {background-image: url('../../Images/_smiley2.gif'); width: 15px; height: 15px; }


div.specialismen div.multipledetail table tr td { vertical-align: top; }
div.specialismen div.multipledetail table tr td.label-row { vertical-align: middle; }

div.algemeen div.multipledetail table tr td { vertical-align:top;  }
div.algemeen div.multipledetail table tr td table tr td.name { padding-right: 2px; }
div.algemeen div.multipledetail table tr td table tr td.remove { width: 14px; padding: 0px; }


div.collapsibleDiv { width:100%; margin-bottom:0px; overflow:hidden;}
div.collapsibleDiv div.collapsibleHeaderBase {font-weight: bold;  height:28px; width:100%; cursor:pointer;}
.headertextcontainer {position:relative; float:right; padding: 3px 10px 0px 0px; }
.triggercontainer {position:relative; float:left; padding: 3px 0px 0px 10px; }
div.collapsibleDiv div.collapsibleHeader { background-color:#D6F7F7; }
div.collapsibleDiv div.collapsibleHeader-top { background-color:#00A997; color: White;}
div.collapsibleDiv div.collapsibleHeader-ltr { background-image:url('../../Images/gradient1.gif'); background-repeat:repeat-y; }
div.collapsibleDiv div.collapsibleHeader-rtl { background-image:url('../../Images/gradient2.gif'); background-repeat:repeat-y; }
div.collapsibleDiv div.collapsibleContent { width:100%; }

table.result-gridview .header-background { background-color:#00A997; }
table.result-gridview td.gridhead { vertical-align:top; padding:0px; font-weight:bold; color:White; margin:0px; height:50px; border-right:solid 1px #dddddd;min-height:100%; max-height:100%; }
table.result-gridview td.gridhead.sortable { cursor: pointer; }
/*dit zijn 2 divs voor roundies in de table header */
table.result-gridview td.gridhead div.divheadleft, table.result-gridview td.gridhead div.divheadright { padding: 5px 0px 0px 5px; margin:0px; position:relative; min-height:100%; max-height:100%;  }

/*title tekst in de grid header*/
table.result-gridview td.gridhead div.title { min-height:100%; max-height:100%; width:75%; /* geen 100% ivm floatend layer (sorteren/info) */ float:left; padding:5px 0px 0px 5px; margin:0px; }

table.result-gridview td.gridhead div.check-header { height:100%; background:url('../../images/vinkje_wit.gif') no-repeat center center; }

/*style voor standaard cellen in gridview*/
table.result-gridview td.datacell, table.result-gridview td.datacell-left
		{ padding:8px 4px 4px 4px; border-left:solid 1px #dddddd; vertical-align:top; }
table.result-gridview td.datacell-left { border-left:none; }

table.result-gridview tr.resultgrid-selected { background-color:inherit; color:inherit; }
table.result-gridview tr.resultgrid-selectedrow { background-color:#95dFdF; }
table.result-gridview table.button { left:0px; /*no indent for button here */ }

table.result-gridview .paging-pagenumber-container, table.result-gridview .paging-pagenumber-container-current
		{ width:14px; height:14px; padding:1px; text-align:center; margin-left:1px; margin-right:1px; }

table.result-gridview .paging-pagenumber-container { background-color:#4A4D4A; }
table.result-gridview .paging-pagenumber-container-current { background-color:#B5B2B5; }
table.result-gridview .paging-pagenumber-container a, table.result-gridview .paging-pagenumber-container-current span
		{ font-size:8pt; color:White; font-style:normal; }

table.result-gridview td.gridhead div.sort-Ascending, table.result-gridview td.gridhead div.sort-Descending, table.result-gridview td.gridhead div.sort-None, table.result-gridview td.gridhead div.info
		{ position:relative; float:right; height:50px; width:10px; cursor:pointer; padding:0px; margin:0px; background-position:left bottom; background-repeat:no-repeat; }
table.result-gridview td.gridhead div.sort-None { width:14px; background-image:none;/* url(../../images/sterretje-leeg.gif);*/ background-position:right bottom; background-repeat:no-repeat; }
table.result-gridview td.gridhead div.sort-Ascending { width:14px; background-image:url(../../images/selectbutton_14x14_up.gif); background-position:right bottom; background-repeat:no-repeat; }
table.result-gridview td.gridhead div.sort-Descending { width:14px; background-image:url(../../images/selectbutton_14x14.gif); background-position:right bottom; background-repeat:no-repeat; }
table.result-gridview td.gridhead div.info { width:14px; padding:0px; min-height:100%; max-height:100%; background-image:url(../../images/knopje_i.gif); background-position:right bottom; background-repeat:no-repeat; }

table.result-gridview td.gridhead div.divheadright div.info { width:14px; padding:0px;margin:0px;height:45px; background-image:url(../../images/knopje_i.gif); background-position:right bottom; background-repeat:no-repeat; }

table.result-gridview div.check-checked, table.result-gridview div.check-unchecked, table.result-gridview div.check-disabled 
		{ width:100%; height:100%; cursor:pointer; padding:0px; margin:0px; border:0px; }
table.result-gridview div.check-checked { background:url('../../images/vinkje_zwart_aan.gif') no-repeat top left; }
table.result-gridview div.check-unchecked { background:url('../../images/vinkje_zwart_uit.gif') no-repeat top left; }
table.result-gridview div.check-disabled { background:url('../../images/vinkje_zwart_disabled.gif') no-repeat top left; }

table.result-gridview .header-background { background-color:#00A997; }
table.result-gridview td.gridhead { vertical-align:top; padding:0px; font-weight:bold; color:White; margin:0px; height:50px; border-right:solid 1px #dddddd; }

/*style voor standaard cellen in gridview*/
table.result-gridview td.datacell, 
table.result-gridview td.datacell-left
{
	padding:8px 4px 4px 4px;
	border-left:solid 1px #dddddd;
	vertical-align:top;
}

table.result-gridview td.datacell-left 
{
	border-left:none;

}

table.result-gridview tr.resultgrid-row
{
	background-color:white;
	color:Black;
}

table.result-gridview tr.resultgrid-altrow
{
	background-color:#B5EFEF;
	color:/*#666666*/ #000000;
}
table.result-gridview tr.resultgrid-selected
{
	background-color:inherit;
	color:inherit;
}

table.result-gridview table.button /*no indent for button here */
{
	left:0px;
}

table.result-gridview .paging-pagenumber-container, 
table.result-gridview .paging-pagenumber-container-current
{
    height:14px;
    padding:1px;
    text-align:center;
    margin-left:1px;
    margin-right:1px;
    padding-left: 5px;
    padding-right: 5px;
}

table.result-gridview .paging-pagenumber-container
{
    background-color:#4A4D4A;	
}
table.result-gridview .paging-pagenumber-container-current
{
	background-color:#B5B2B5;
}

table.result-gridview .paging-pagenumber-container a, 
table.result-gridview .paging-pagenumber-container-current span
{
	font-size:8pt;
    color:White;
    font-style:normal;
}

.rating-general-rating, .rating-alternative, .half-rating-general-rating, .half-rating-alternative, .rating-general-fillout, .rating-alternative-fillout
{
	position:relative;
	font-size:1px;
	width:20px;
	height:20px;
	margin-left:1px;
	float:left;
	background-image:url(../../images/sterretje-vol.gif);
	background-repeat:no-repeat;
}

.half-rating-general-rating
{
	background-image:url(../../images/sterretje-half.gif);
}

.rating-general-fillout
{
	background-image:url(../../images/sterretje-leeg.gif);
}

span.rating-alternative div
{
	background-image:url(../../images/ster-groen.gif);
}

div.roundDiv { background-color:White; width:500px; min-height:200px; }
div.headerDiv { background-color:#00A997; padding-left:10px; color:#ffffff; font-family:Verdana, Tahoma, Sans-Serif; font-weight:bolder; font-variant:small-caps; font-size:150%; }
div.headerDiv span { font-weight:normal; }
div.contentDiv { position:relative; padding:20px; font-family:Verdana, Tahoma, Sans-Serif; }

div.wrapper
{
	position:relative;
	width:620px;
	overflow:auto;
}

div.wrapper-z-index
{
	/*position:relative;*/
	width:620px;
	overflow:auto;
	padding:1px;
	z-index:50;
	font-weight:normal;
}

div.left
{
	position:relative;
	width:250px;
	text-align:left;
	float:left;
}

div.right
{
	position:relative;
	width:200px;
	text-align:left;
	float:left;
}

div.right-z-index
{
	/*position:relative;*/
	width:200px;
	/*height:100%;*/
	text-align:left;
	float:left;
	z-index:50;
}

div.content-formulier { position:relative; }
div.content-formulier h1 { margin:0px; padding-top:10px; font:normal small-caps bolder 200%/100% Verdana, Tahoma, Sans-Serif; color:#FB8300; }
div.content-formulier h1 span { font-weight:normal; }

.dropdown { /* dropdown main styling */ padding:0px; margin-bottom:5px; position:relative; border:solid 1px #ccc; }
.dropdown input.dxeEditArea { font-variant:small-caps; font-size:100%; font-family:Verdana, Tahoma, Sans-Serif; color:#333; }
.dropdown-lbs { /* dropdown item list styling */ background-color:#FEFEFE; border:solid 1px #ebebeb; z-index:50; }
.dropdown-is { /* dropdown item styling */ font-size:100%; font-family:Verdana, Tahoma, Sans-Serif; color:#333; padding-left:1.8em; background-color:#FEFAF7; border-top:solid 1px #ebebeb; }
.dropdown-isselected
{
	/* dropdown item styling */
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	background-color:#F4F4F4;
	padding-left:1.8em;
	border-top:solid 1px #ebebeb;
}
.dropdown-ishoover
{
	/* dropdown item styling */
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	background-color:#FCD9C0;
	background-image:url(../../Images/bullet.gif);
	background-position:0.4em;
	background-repeat:no-repeat;
	padding-left:1.8em;
	border-top:solid 1px #ebebeb;
}
.dropdown-button
{
	background-color:Transparent;
	border:0px;
	margin:0px 0px 5px 0px;
	padding:1px;
	height:21px;
	width:21px;
}
.dropdown-button-small
{
	background-color:Transparent;
	border:0px;
	margin:0px 0px 5px 0px;
	padding:1px;
	height:17px;
	width:17px;
}

.textbox
{
	border:solid 1px #ccc;
	height:17px;
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	color:#333;
	padding:4px;
	margin:0px 0px 5px 0px;
	vertical-align:middle;
	z-index:1;
}

.textbox-small
{
	border:solid 1px #ccc;
	height:17px;
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	color:#333;
	padding:2px;
	margin:0px 0px 5px 0px;
	vertical-align:middle;
	z-index:1;
}

.textboxcaps
{
	font-variant:small-caps;
	border:solid 1px #ccc;
	height:17px;
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	color:#333;
	padding:4px;
	margin:0px 0px 5px 0px;
	vertical-align:middle;
}

table.button /* WebButton style */
{
	height:44px;
	width:116px;
	border-collapse:collapse;
	border-collapse:separate;
	-moz-user-select:none;
	background-color:Transparent;
	position:relative;
	left:20px;
}

.button-zoeken
{
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;
	left:8px;
}

.button-vergelijk
{
	margin:0px;
	padding:0px;
	position:relative;
}

table.button td.dxbButton
{
	background-color:Transparent; border-width:0px; background-image:url(../../Images/basisbutton.gif); background-position:right top; vertical-align:top;
}

table.button td.dxbButton div.dxb
{
	position:relative;
	top:3px;
	text-align:left;
	font-size:125%;
	font-weight:bold;
	color:White;
}

.testWM
{
	position:relative;
	font-variant:small-caps;
	color:#9C9A9C;
}

div.error
{
	width:680px;
	padding-left: 5px;
}

div.error ul li 
{
	list-style:none url(../../Images/icon_fout_small.gif) outside;
	padding:0 0 0 0;
	margin:0 0 0 -25px;
}

.autoCompleteExtenderList
{
	z-index:2;
	cursor:default;
	margin:0px;
	line-height:20px;
}
.autoCompleteCompletionListItem
{
	background-color:#FEFAF7;
	font-variant:small-caps;
	vertical-align:middle;
	padding-top:1px;
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	color:#333;
	padding-left:1.8em;
	list-style-type:none;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
}

.autoCompleteCompletionListHighlighted
{
	background-color:#FCD9C0;
	font-variant:small-caps;
	background-image:url(../../Images/bullet.gif);
	background-position:0.5em;
	vertical-align:middle;
	background-repeat:no-repeat;
	padding-left:1.8em;
	padding-top:1px;
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	color:#333;
	list-style-type:none;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
}

span.content-form-meldingverplicht
{
	color: #333;
	position:relative;
	/*top:-20px;*/
	display: block;
	padding: 10px 20px;
	margin:0px;
	width:300px;
	text-align:right;
}