/*
#################
#	ALGEMEEN	#
#################
*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form { margin: 0; padding: 0; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #fff url(../img/bg.gif) repeat-x 0 3px ; color: #777; font-size: 1.2em; }	/* #c0c0c2 */

/* Algemene classnames
------------------------------------------------------------------*/
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { position: absolute; left: -9999px; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.default { cursor: default; }
.pointer { cursor: pointer; }

.invisible { display: none; }

/* Afbeeldingen
------------------------------------------------------------------*/
img { border: none; display: block; }

/* Alinea's en paragafen
------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 1.2em; }

/* Overflow en clearfix
------------------------------------------------------------------*/
.overflow { overflow: hidden; }
.clearfix:after,
form.webbeheer-formulier li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Headings
------------------------------------------------------------------*/
h1 { font-size: 1.5em; color: #6699c8; font-weight: normal; }	/*6d85c2*/
h2 { font-size: 1.1em; color: #808285; }	/* #a1a1a4 */
h2.groter { font-size: 1.5em; color: #808285; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #0055A5; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

/* Overig
------------------------------------------------------------------*/
address { font-style: normal; }

/*
################
#	LAYOUT	   #
################
*/

/* Container
------------------------------------------------------------------*/
div#schaduw {
	background: url(../img/schaduw.png) no-repeat bottom;
	margin: 0 auto 60px auto;
	width: 970px;
	padding: 0px 22px 10px 22px;
}
div#container {
	background-color: #fff;
	width: 970px;
	min-height:450px;
}

/* Logo
------------------------------------------------------------------*/
p#logo {
	position: absolute;
	text-indent: -9999px;
	width: 217px;
	z-index:1000;
}
p#logo a { display: block; height: 48px; }

p.logo {
	height: 48px;
	margin: 9px 0 0 35px;
	background: url(/img/laboratorium-voor-infectieziekten.gif) no-repeat;
}

p.logomp {
	height: 100px;
	margin: -17px 0 0 35px;
	background: url(/img/logomp.gif) no-repeat;
}

/* Header
------------------------------------------------------------------*/
div#header { position:relative; height:22px; padding-top:20px; }
div#topright { float: right; margin-top:5px;} /* ie6 */

ul.language-select{
	margin-right:8px;
	position:absolute;
	right:0px;
	top:5px;
	}
	
ul.language-select li{
	float:left;
	margin-left:10px;
	}

/* Breadcrumbs
------------------------------------------------------------------*/
ul#breadcrumbs {
	background: url(/img/bg-breadcrumbs.gif) no-repeat bottom left;
	padding-top: 10px;
	padding-bottom: 4px;
}
ul#breadcrumbs li {
	float: left;
}
ul#breadcrumbs li a { color: #DD68B7; } /*#DD68B7*/
span.breadcrumbs-raquo { margin: 0 6px 0 6px; position:relative; top:-1px; color: #DD68B7; }
ul.bcpadding { padding-left: 43px; }

div.kolom-zijkolom ul.bcpadding { padding: 0;}
div.kolom-zijkolom ul#breadcrumbs { background-image: url(/img/bg-breadcrumbs-klein.gif); }
div.kolom-breed ul.bcpadding {
	margin-left: 71px;
	padding: 0;
}
/* Kolommen
------------------------------------------------------------------*/
div.kolom-wrapper { margin-top: 1px; padding-bottom: 30px; }
div.zijkolom { 
	float: left;
	width: 241px;
	margin-right: 18px;
	min-height: 10px; 
	overflow: hidden; 
}
div.kolom-links {
	float: left;
	width: 688px;
	margin-right: 2px;
	margin-top:2px;
}
div.kolom-rechts { float: right; width: 280px; margin-top:2px;}
div.kolom-breed {
	width: 970px;
}
/* Content
------------------------------------------------------------------*/

div.content { margin-left: 43px; padding: 1em 32px 1em 0;}
div.content-informatiegids { padding-right: 0; }
div.content h1 { margin-bottom: 1em; }
div.content h2 { margin-bottom: 0em; }


div.kolom-zijkolom div.content { margin-left: 0; }
div.kolom-breed div.content { margin-left: 71px; }
div.kolom-breed h1 { margin-bottom: 0.4em; }

/* Header-afbeelding
------------------------------------------------------------------*/
div.header-afbeelding { height: 237px; }

/* Items in kolom-rechts
------------------------------------------------------------------*/
dl.shortmenu { padding: 26px 23px 32px 34px;  }
dl.shortmenu dt {
	text-transform: uppercase;
	font-size: 1.55em;
	font-weight: normal;
	margin-bottom: 0.3em;
}
dl.submenu-rechts { 
	background-color: #65c8c6; 
	color: #fff; 
	height: 179px;
	margin-bottom:2px;
}
dl.submenu-rechts a { 
	color: #fff; 
	display: block; 
	font-size: 1.2em;
}
dl.submenu-rechts a.active { 
	text-decoration: underline;
}
dl.submenu-rechts dt { color: #d8f1f1; }
dl.submenu-rechts ul li {
	background: url(/img/bg-meteennaarstip.gif) repeat-x bottom;
	margin-bottom:0.4em;
	padding-bottom:0.4em;
}
dl.meteennaar{ background-color: #d1ecec; padding:26px 23px 12px 34px;}
dl.meteennaar dt { color: #808285; font-size:1.4em; }	/* #8b8f92 */

dl.actueel { background-color: #d1ecec; }
dl.actueel dt { color: #808285; font-size:1.4em; }	/* #8b8f92 */
dl.actueel dd { color: #6699c8; }	/* #9fb8d7 */
dl.actueel h3 a {
	color: #0055a4;	/* #4284bb */
	text-transform: uppercase;
	font-weight: normal;
	font-size:0.8em;
}
dl.actueel dd a.verder { color: #6699C8; }	/* #7a92c7 */

/* Inhoud kolom-midden
------------------------------------------------------------------*/
div.kolom-midden h1 { margin-bottom: 1em; }
div.kolom-midden h2 { margin-bottom: .3em; }

/* In- en uitklapbare blokken
------------------------------------------------------------------*/
.ingeklapt h2, .uitgeklapt h2 { cursor: pointer; }
.ingeklapt .inhoud { display: none; }
.uitgeklapt .inhoud { display: block; }

/* Illustraties
------------------------------------------------------------------*/
p.illustratie img { margin: 0 auto; }
p.illustratie span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
p.illustratie-rechts {
	float: right;
	padding-left: 5px;
	width: 150px;
}
p.illustratie-rechts span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
img.illustratie {
	float: right;
	margin-right: 0; margin-left: 8px;
}
img.illustratie-links {
	float: left;
	margin: .5em 8px .3em 0;
}
div.zijkolom img.illustratie {
	display: block;
	float: none;
	margin: 0 auto 2em;
}

/* Foto-albums
------------------------------------------------------------------*/
a.albumfoto {
	background: #fff;
	border: 1px solid #b8b8b8;
	float: left;
	margin: 0 8px 8px 0;
	padding: 6px;
	position: relative;
	text-decoration: none;
	width: 148px;
}
a.albumfoto:hover,
a.albumfoto:focus { border-color: #b8b8b8; }

a.albumfoto img { margin: 0 auto; }
a.albumfoto span { display: block; }
a.albumfoto span.aantal {
	bottom: 6px;
	position: absolute;
	right: 6px;
}

a.fotoalbum-preview { border-color: #fff; height: 148px; }
a.fotoalbum-preview:hover,
a.fotoalbum-preview:focus { border-color: #b8b8b8; }
a.fotoalbum-preview img { margin-bottom: 4px; }



/* Preview
------------------------------------------------------------------*/
div.preview {
	border-color: #A2A297;
	border-style: solid;
	border-width: 1px 0;
	margin-top: -1px;
	padding: 20px 0;
}
div.preview h2 { font-size: 1.3em; }
div.preview p { margin-bottom: 0; }

/* Meer
------------------------------------------------------------------*/
h3.meer-titel {
	padding: 2em 0 1em 0;
}
dl.meer {
	margin-bottom: 3em;
}
/* Vacature
------------------------------------------------------------------*/
dl.vacature {
	margin-bottom: 24px;
	border-bottom: 1px solid #dfdfdf;
}
dl.vacature dt {
	float: left;
	font-weight: bold;
	padding: 2px 10px 2px 0;
}
dl.vacature dd.fte {
	color: #6A6A67;
	float: left;
	font-weight: bold;
	padding: 2px 0 2px 10px;
}
dl.vacature dd.omschrijving {
	clear: both;
	padding: 4px 12px 12px 0;
}
dl.vacature-hover {
	cursor: pointer;
}
dl.vacature-hover dd.omschrijving { background-color: #E5F6F5; }
dl.vacature-hover dt a:hover,
dl.vacature-hover dt a:focus { text-decoration: none; }
p.fte {
	font-weight: bold;
}

/* Vestigingen
------------------------------------------------------------------*/
div.decentraal { clear: both; margin-top: 2em; }
div.decentraal div.item {
	float: left;
	width: 167px;
	padding: 10px 5px;
	height: 120px;
	margin-right: 18px;
	margin-bottom: 18px;
	border: 1px solid silver;
}
div.decentraal div.derde {
	margin-right: 0;
}
div.decentraal div.item-hover {
	background-color: #E5F6F5;
	cursor: pointer;
}
div.decentraal div.item p {
	margin-bottom: 0;
}
div.decentraal div.item p.plaats {
	font-size: 1.2em;
	font-weight: normal;
}
/* Navigatie
------------------------------------------------------------------*/
p.navigatie { float: right; font-size: .9em; }
p.navigatie a {
	background: #58585a;
	color: #fff;
	float: left;
	line-height: 100%;
	margin-left: 4px;
	padding: .4em 0;
	text-align: center;
	text-decoration: none;
	width: 20px;
}
p.navigatie a:hover,
p.navigatie a:focus,
p.navigatie a.active {
	background: none;
	color: #58585a;
}
p.navigatie a.active { cursor: default; }

/* Downloads
------------------------------------------------------------------*/
a.download {
	background: #fff ;
	color: #292929;
	display: block;
	line-height: 100%;
	margin-bottom: 2px;
	padding: 10px;
	text-decoration: none;
}

a.download span { padding: 2px 0; }
a.download {
	background: url(/img/downloads/default.gif) no-repeat 4px 12px;
	float: left;
	padding-left: 28px;
}
a.download span.download { float: right; }
a.download:hover span.download,
a.download:focus span.download { text-decoration: underline; }

a.doc { background-image: url(/img/downloads/doc.gif); }
a.pdf { background-image: url(/img/downloads/pdf.gif); }
a.ppt { background-image: url(/img/downloads/ppt.gif); }
a.xls { background-image: url(/img/downloads/xls.gif); }

/* Google Maps
------------------------------------------------------------------*/
div.google-maps {
	border: 2px solid silver;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
}
div.maps-vestiging {
	float: right;
	width: 354px;
	clear: both;
}

/* Zoekresultaten
------------------------------------------------------------------*/
div.zoekresultaat { margin-bottom: 1.2em; }

/* Footer
------------------------------------------------------------------*/
div#footer { background: #e6e6e6; margin: 1em 0; padding: 10px; }
div#footer p { margin-bottom: 0; }
a#iWink { text-decoration: none; }
a#iWink:hover, a#iWink:focus { border: 0 solid #e6e6e6; }
a#iWink:hover span, a#iWink:focus span { text-decoration: underline; }

/* Informatiegids
------------------------------------------------------------------*/
div#informatiegids ul.top {
	margin:15px 0 20px 0;	
	clear:both;
}
div#informatiegids ul.top li {
	float: left;
	margin-right: 20px;
}
div#informatiegids ul.top li.laatste {
	margin-right: 0;
}
div#informatiegids ul.top li a {
	float: left;
	padding: 4px 28px;
	border: 1px solid #5161AC;
	text-decoration: none;
	font-size: 1.1em;
}
div#informatiegids ul.top li a.active,
div#informatiegids ul.top li a:hover {
	background-color: #DFE5FF;
}
div.informatielijst-wrapper {
	border:1px solid #5161AC;
	float:left;
	margin-right:20px;
	width:283px;
}

div.informatielijst-wrapper h2, 
div.informatiecontent-wrapper h2,
div.informatiegids-zoeken-wrapper h2  {
	padding:5px 10px;
	background:#5161AC;
	color:#fff;
	}
	
div.informatielijst li{
	margin:0;
	padding:0;!important
}

div.informatielijst li a {
	display:block; 
	margin: 0; 
	border-bottom:1px solid #DFE5FF; 
	padding:3px 5px;
	text-decoration:none;
}
div.informatielijst li a:hover, div.informatielijst li.active a {
	background:#DFE5FF;
}
div.informatielijst li.active li a {
	background:#EFF2FF;
}

div.informatielijst li li a{ padding-left: 20px }
div.informatielijst li ul { margin: 0 0 0 0; }

div.informatiecontent-wrapper {
	border:1px solid #5161AC;
	float:left;
	position:relative;
	width:600px;
}

div.informatiecontent {
	padding:10px;
}
div.informatiecontent-wrapper p.type {
	color: #fff;
	font-size: 1em;
	position: absolute;
	right: 7px;
	top: 5px;
	font-weight: bold;
}
div.informatie-wrapper {
	margin-top: 6px;
}
div.informatiecontent table{
	width:100%;
	margin-bottom:20px;
}

div.informatiecontent table td,div.informatiecontent table th{
	border-bottom: 1px solid #DFE5FF;
}

div.informatiecontent table th {
	vertical-align: top;
	padding:3px;
}
div.informatiecontent ul.testen {
	margin: 0 0 0 20px;
}
div.informatiecontent h3{
	color:#555;
	font-size:1.1em;
	}
div.informatiegids-zoeken-wrapper{
	border:1px solid #0055A5;
	width:905px;
	margin-bottom:40px;
}
div.informatiegids-zoeken-wrapper h2{
	background:#0055A5 none repeat scroll 0 0;
	color: #fff;
}
div.informatiegids-zoeken{
	padding:10px;
}
div.informatiegids-zoeken li{
	float:left;
	margin-right:20px;
}
	

/*
####################
#	LIJSTEN	   #
####################
*/

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

/* Topmenu
------------------------------------------------------------------*/
ul#topmenu { float: right; font-size: 1em; }
ul#topmenu li { background: url(/img/topmenu-li.gif) no-repeat left .4em; float: left; }
ul#topmenu li.eerste { background-image: none; }
ul#topmenu a { color: #ca2d92; padding: 0 8px; }
ul#topmenu a:hover { color: #0055a5; text-decoration: none;	}

/* Hoofdmenu
------------------------------------------------------------------*/
div#menu { width: 970px; height: 77px; margin-top: 25px; position: relative; }
ul.hoofdmenu { float: right; height: 40px; list-style: none; }
ul.hoofdmenu li { float: left; }
ul.hoofdmenu a { 
	background: #CA2D92;
	color: #fff;
	display: block; 
	font-size: 1.3em;
	height: 36px;
	margin-left: 2px;
	text-align: center;
	text-decoration: none;
	width: 136px;
	line-height: 2.3em;
	border-bottom: 2px solid #fff;
	border-top: 3px solid #fff;
}

ul.hoofdmenu li.active div.submenu-wrapper {
	display: block;
}


/* Alle verschillende kleuren van het menu
------------------------------------------------------------------*/
/* Standaard */
div.hoofdmenu-background { 
	background-color: #0055a5;
	height: 37px;
	position: absolute;
	top: 41px; 
	left: 0;
	width:100%;
}

/* Over LVI */
ul.hoofdmenu li.over div.submenu-wrapper ul ul li,
ul.hoofdmenu li.over div.submenu-wrapper { background-color: #0055a5; }

/*ul.submenu ul li:hover*/
ul.hoofdmenu li.over a:hover { background: #0055A5; border-top: 3px solid #0055A5; }
ul.hoofdmenu li.over a.active { background: #0055A5; border-bottom: 2px solid #0055A5; border-top: 3px solid #0055A5; }

/* Aanvragers */
ul.hoofdmenu li.aanvragers div.submenu-wrapper ul ul li,
ul.hoofdmenu li.aanvragers div.submenu-wrapper { background-color: #5161ac; }

ul.hoofdmenu li.aanvragers a:hover { background: #5161AC; border-top: 3px solid #5161AC; }
ul.hoofdmenu li.aanvragers a.active { background: #5161AC; border-bottom: 2px solid #5161AC; border-top: 3px solid #5161AC; }

/* Professionals */
ul.hoofdmenu li.professionals div.submenu-wrapper ul ul li,
ul.hoofdmenu li.professionals div.submenu-wrapper { background-color: #00718f; }

ul.hoofdmenu li.professionals a:hover { background: #00718F; border-top: 3px solid #00718F;  }
ul.hoofdmenu li.professionals a.active { background: #00718F; border-bottom: 2px solid #00718F; border-top: 3px solid #00718F;  }

/* Patienten */
ul.hoofdmenu li.patienten div.submenu-wrapper ul ul li,
ul.hoofdmenu li.patienten div.submenu-wrapper { background-color: #009ddc; }

ul.hoofdmenu li.patienten a:hover { background: #009DDC; border-top: 3px solid #009DDC; }
ul.hoofdmenu li.patienten a.active { background: #009DDC; border-bottom: 2px solid #009DDC; border-top: 3px solid #009DDC; }


ul.hoofdmenu li.hover div.submenu-wrapper {
	display: block;
}

div.submenu-wrapper {
	display: none;
	width: 970px;
	height: 37px;
	position: absolute;
	top: 41px; 
	left: 0;
}

/* Submenu */
ul.submenu {
	float: right;	
	font-size: 1.2em;  
	padding: 0;
}

ul.submenu a { 
	display: block;
	width: auto;
	height: 37px; 
	color: #fff; 
	text-decoration: none; 
	background: none;	
	margin: 0 15px 0 15px; 
	border: 0;
	line-height: 2.6em;
	font-size: 0.9em;
}

ul.hoofdmenu ul.submenu a:hover {
	border: 0;
	background: none;
} 

ul.submenu li { float: left; background: url(/img/bg-submenustreep.gif) no-repeat center right; }
ul.submenu li.laatste { background: none; }

ul.submenu li.laatste ul { right: -12px; }


ul.submenu li a {
	display: block; 
	padding: 0;
}
/* Sub Submenu */
ul.submenu ul {
	display: none;
	list-style: none;
	position: absolute;
	width: 200px;
	padding-bottom: 0.5em;
	background: url(/img/bg-submenu.png) no-repeat bottom right;
	padding-bottom: 16px;
	padding-right: 12px;
	z-index: 998;
}

ul.submenu ul li { background: none; float: none; }

ul.hoofdmenu ul.submenu ul li a {
	padding: 5px 2px;
	margin: 0 1em 0 1em;
	border-bottom: 1px solid #fff;
	height: 1%;
	width: auto;
	text-align: left;
	line-height: 150%;
}

ul.hoofdmenu ul.submenu ul li a:hover {
	border-bottom: 1px solid #D290BE;
	color: #D290BE;
}

ul.submenu ul.hover-ie { display: block; }

ul.submenu li:hover ul.level1,
ul.submenu ul.level1 li.hover-ie  { display: block; }

/* Sub sub Submenu */
ul.submenu ul ul {
	background: url(/img/bg-submenu.png) no-repeat bottom right;
	display: none;
	list-style: none;
	position: absolute;
	right: -200px;
	padding-bottom: 16px;
	padding-right: 12px;
	float: none;
	margin-top: -35px;
	z-index: 999;
}
ul.submenu ul li:hover ul.level2,
ul.submenu ul ul.level2 li.hover-ie  { display: block; }

ul.submenu ul ul.level2 {
	background: none;
	right: 200px;
}

/* Taalmenu
------------------------------------------------------------------*/
ul#taalmenu {
	float: right;
	list-style: none;
	margin-bottom: 12px;
}
ul#taalmenu li { float: left; margin-left: 8px; }

/* Optie-menu (mail & stuur door)
------------------------------------------------------------------*/
ul#opties { float: right; list-style: none; padding: 10px; }
ul#opties li { float: left; margin-left: 14px; }
ul#opties a {
	background: url(../img/opties.gif) no-repeat 0 .5em;
	color: #808080;
	display: block;
	padding-left: 18px;
}
ul#opties a.mail { background-position: -289px .4em; }

/* Error-menu
------------------------------------------------------------------*/
ul.errors, ol.errors {
	border: 3px solid red;
	list-style: disc;
	margin: 1em 0; 
	padding: .2em 0;
}
ul.errors li, ol.errors li { 
	list-style: disc;
	margin: 0 0 0 20px;
	padding: .2em 0; 
}

/* FCK-editor-lijst
------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }
div.alinea li { line-height: 200%; padding: .2em 0; }

/* Sitemap
------------------------------------------------------------------*/
ul.sitemap { list-style: disc; margin: 0 0 1em 24px; }

/* <dl>'s
------------------------------------------------------------------*/
dl dt { font-size: 1.4em; font-weight: bold; }

/* <dl>'s in middenkolom
------------------------------------------------------------------*/
div.kolom-midden dl { margin: 1em 0;  }
div.kolom-midden dl ul { list-style: none; } 

/* <dl> in zijkolom
------------------------------------------------------------------*/
div.zijkolom dl { margin-bottom: 2em; }

/* Submenu (meestal in zijkolom)
------------------------------------------------------------------*/
dl.submenu ul ul { margin: 0 0 .5em 16px; }

/* Meer
------------------------------------------------------------------*/
ul.meer {
	border-top: 1px solid #A2A297;
	line-height: 130%;
	text-transform: lowercase;
}
ul.meer li {
	border-bottom: 1px solid #A2A297;
	padding: 8px 10px 8px 0;

}
ul.meer li.hover { cursor: pointer; background-color: #E5F6F5; }
ul.meer li a {
	float: right;
	width: 445px;
	text-decoration: none;
}
ul.meer li span {
	float: left;
	width: 100px;
}
/* FLV
------------------------------------------------------------------*/
div.flv{
}


/* Downloads
------------------------------------------------------------------*/
ul.downloads li span.titel { width: 368px; padding: 10px; }
ul.downloads li a {
	width: 100px;
}
/* Autocomplete
------------------------------------------------------------------*/
ul li.auto {
	position: relative;
}
ul li.auto div {
	display: none;
	position: absolute;
	margin-top: -1px;
	width: 196px;
	background-color: #fff;
	border: 1px solid #A7A9AC;
	border-top: 1px solid #dfdfdf;
	padding: 5px;
	z-index: 1;
	color: #000;
}
ul li.auto ul li {
	background: none;
	margin: 0;
	padding: 0;
	width:100%;
}
ul li.auto ul li a {
	color: #000;
	text-decoration: none;
	display:block;
	width:100%;
}

ul li.auto ul li a:hover { background-color: #DFE5FF; }

/* Nieuwsbrief aanmelden
------------------------------------------------------------------*/
dl#aanmelden {
	background: #D1ECEC;
	padding: 26px 23px 32px 34px;
	color: #0055A4;
}

dl#aanmelden dt {
	font-size: 14px;
	font-weight: normal;
	color: #0055A4;	
}

/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
label { display: block; }
input.text, textarea { border: 1px solid #a7a9ac; padding: 2px 3px; }
input.text.searching { 
	background-image:url(/img/loader.gif);
	background-position:right center;
	background-repeat:no-repeat; 
}
textarea { font-size: 12px; overflow: auto; }
input.text, textarea { width: 60%; }
select { width: 62%; }
textarea { height: 80px; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin-left: 0; }
input.button, input.submit { cursor: pointer; }
input.verstuur {
	background: url(/img/formulieren/verstuur.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 22px;
	width: 70px;
}
fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form li { padding: .2em 0; margin-bottom: 5px; }
form em.verplicht { margin-left: 4px; }

li.form-input-radio ul{
    float: left;
}

/* Zoekformulier
------------------------------------------------------------------*/
form#zoeken { margin-left: 12px; }
form#zoeken, form.zoekformulier fieldset { float: right; }
form#zoeken input { float: left; }
form#zoeken input.text {
	background: none;
	border: none;
	font-size: .9em;
	margin-right: 8px;
	width: 105px;
}
form#zoeken fieldset {
	background: url(/img/formulieren/bg-zoekinput.gif) no-repeat;
}
/* Informatiegids
------------------------------------------------------------------*/
form#informatiezoek input {
	width: 200px;
}
form#informatiezoek select {
	border: 1px solid #a7a9ac; padding: 2px 3px;
	width: 208px;
}
form#informatiezoek input.button {
	background-color:#CA2D92;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:20px;
	padding:2px 3px;
	width:83px;
}
/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier fieldset {
	border:none;
}

form.webbeheer-formulier legende{
	display: none;
}

form.webbeheer-formulier li.error{
	color: #cc0000;
}

li.checkbox { position: relative; }
li.checkbox input.checkbox { left: 0; position: absolute; top: 3px; }
li.checkbox label { margin-left: 20px; }
div.webbeheer-formulier-thanks {
	border: 3px solid green;
	padding: .6em;
}
div.webbeheer-formulier-thanks p { margin-bottom: 0; }

/*
####################
#	TABELLEN	   #
####################
*/

body#productpage table {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

body#productpage table td {
	border-bottom: 1px solid #ccc;	
}

/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }
table td { padding: 3px; }
table th { text-align: left; }

/* FCK-editor-tabel
------------------------------------------------------------------*/
div.alinea table,
table.webapp-table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #545454;
	width: 100%;
}

div.alinea table caption,
table.webapp-table caption {
	font-style: italic;
	margin: 1em 6px 3px;
	text-align: left;
}

div.alinea table td,
div.alinea table th,
table.webapp-table td,
table.webapp-table th {
	border: 1px solid #d8d8d8;
	padding: .2em 4px;
}
/* Verwekkers
------------------------------------------------------------------*/
table#verwekkers { margin-bottom: 4em; }
table#verwekkers th,
table#verwekkers td { border-bottom: 1px solid #a1a1a4; }
table#verwekkers th,
table#verwekkers td { padding: 1px; }


/* Webapp formulier
------------------------------------------------------------------*/
form.webbeheer-formulier fieldset { margin: 0;	padding: 0 }
form.webbeheer-formulier legend { display: none }
form.webbeheer-formulier label em { color: red }
form.webbeheer-formulier li {  }
form.webbeheer-formulier li label { width: 160px; float: left }

form.webbeheer-formulier li.form-input-radio ul li { display: inline }
form.webbeheer-formulier li.form-input-radio ul li input { float: left }
li.form-input-radio { clear: both }


form.webbeheer-formulier li.form-input-checkbox label { width: auto; float: none }
li.form-input-checkbox input { display: inline; margin-right: 15px }
li.form-input-checkbox label { display: inline }
 
li.form-input-date select { width: auto; } 
img.unitip { margin: 0 5px; display: inline } 
 
form.webbeheer-formulier textarea:focus,
form.webbeheer-formulier input:focus { 
	border: 1px #0055a5 solid; background: #efffff
}

.form-input-multipleselect ul { float: left; width: 440px; }
.form-input-multipleselect li { padding: 0; }

form.webbeheer-formulier .form-input-multipleselect label {
	float: none;
	font-weight: bold;
	margin: 6px 0 4px;
	width: auto;
}

form.webbeheer-formulier .form-input-multipleselect ul label {
	font-weight: normal;
	margin: 0 0 0 20px;
}
form.webbeheer-formulier .form-input-multipleselect ul input {
	position: absolute;
}

/* Uitgelicht blok
------------------------------------------------------------------*/
div.uitgelicht-blok {
	float: left;
	width: 160px;
	margin: 0 10px 10px 0;
}
	
/* Logos
------------------------------------------------------------------*/
div#logos img {	
	float: left;
	margin: 5px;
}