/* KLEUREN OP DEZE WEBSITE */

/*
	Groen:					#7abc57;
	Groen (lichter):		#eff9e8;
	Groen-hover:			#bbdba9;

	Licht-blauw:			#10acda;
	Licht-blauw (lichter):	#ebf8fc;
	Licht-blauw-hover:		#bde4ef;

	Donker-blauw:			#103f77;
	Donker-blauw (lichter):	#e1e7ee;
	Donker-blauw-hover:		#9ab8d5;

	Donker-paars:			#9b498b;
	Donker-paars (lichter):	#f7eff5;
	Donker-paars-hover:		#cb929c;

	Licht-paars:			#96a0C3;
	Licht-paars (lichter):	#f6f7fa;
	Licht-paars-hover:		#d5d9e9;
*/

/*
#########################
#		ALGEMEEN 		#
#########################
*/
html { overflow-y: scroll; }
html, body,
div, p,
h1, h2, h3, h4,
ul, ol, li,
dl, dt, dd,
form {
	margin: 0; padding: 0;
}
.posrelative { position: relative; }

img { border: none; display: block; }

html { height: 100%; font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; }

body {
	font-size: 1.2em;
	color: #0A2B52;
}

h1 { margin-bottom: 1em; }

h2, h3 { margin: 0 0 8px 0; }

p { margin-bottom: 1.2em; }
#content-wrapper { line-height: 1.834em; }

a { color: #1F3B77; outline: none; }

a img.non-hover,
a:hover img.hover,
a:focus img.hover,
a.active img.hover { display: block; }

a img.hover,
a:hover img.non-hover,
a:focus img.non-hover,
a.active img.non-hover { display: none; }

a.none { text-decoration: none; }

strong, .bold { font-weight: bold; }
em, .italic { font-style: italic; }

.fleft { float: left; }
.fright { float: right; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clear { clear: both; }

.overflow { overflow: hidden; }

.direct-naar { margin: 24px 0 0; }
.afdelingmenu .direct-naar { margin: 57px 0 0; }
div#kolom-rechts .direct-naar { margin-bottom: 16px; }


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

/* VOORPAGINA */
#header { background: url(/img/bg-body.png) no-repeat right top; }
div#wrappermenu { overflow: hidden; margin: 0px -20px; padding: 0 20px; }
.front div#wrappermenu { margin-top: 32px; }
div#wrappertop { background: url(/img/topbar.gif) no-repeat center top; width: 100%; }
.front div#wrappertop { background: url(/img/topbar_home.gif) no-repeat center top; }

div.container { background-image: url(/img/bg-body.png); background-repeat: no-repeat; background-position: right top; margin: 0 auto; overflow: hidden; padding: 0px 20px; width: 940px; }
#oogheelkunde div.container { background-image: url("/img/v2/header/oogheelkunde.jpg"); }
#contactlenzen div.container { background-image: url("/img/v2/header/contactlenzen.jpg"); }
#chirurgie div.container { background-image: url("/img/v2/header/chirurgie.jpg"); }
#optiek div.container { background-image: url("/img/v2/header/optiek.jpg"); }

/* STIPPEN */
.stippen { float: left; height: 100px; margin: 48px 0 0 0; width: 257px; }
.stippen li { display: inline; list-style: none; }
.stippen a,
.stippen ul:hover a.active { background-image: url(/img/a-stippen.png); background-repeat: no-repeat; display: block; float: left; height: 30px; margin: 35px 0 0 0; padding: 0 13px 0 0; text-decoration: none; text-indent: -9999px; width: 30px; }
.stippen a:hover,
.stippen a.active,
.stippen ul:hover a:hover.active { height: 100px; margin: 0; width: 100px; }

.stippen a.oogheelkunde,
.stippen ul:hover a.active.oogheelkunde { background-position: left top; }
.stippen a.chirurgie,
.stippen ul:hover a.active.chirurgie { background-position: -43px top; }
.stippen a.contactlenzen,
.stippen ul:hover a.active.contactlenzen { background-position: -86px top; }
.stippen a.optiek,
.stippen ul:hover a.active.optiek { background-position: -129px top; }

.stippen a.active.oogheelkunde,
.stippen ul:hover a:hover.active.oogheelkunde,
.stippen a:hover.oogheelkunde { background-position: left bottom; }
.stippen a.active.chirurgie,
.stippen ul:hover a:hover.active.chirurgie, 
.stippen a:hover.chirurgie { background-position: -120px bottom; }
.stippen a.active.contactlenzen, 
.stippen ul:hover a:hover.active.contactlenzen,
.stippen a:hover.contactlenzen { background-position: -240px bottom; }
.stippen a.active.optiek, 
.stippen ul:hover a:hover.active.optiek,
.stippen a:hover.optiek { background-position: -360px bottom; }

div#topmenu { clear: right; float: right; text-align: right; }

div#footerwrapper {  border-top: solid 3px #BDC9E1; margin: 16px 0 0 0; }
.front div#footerwrapper { margin: 0; }

p#sitelogo { background: url(/img/logo-omc-sub.png) no-repeat center left; float: left; height: 190px; margin: 32px 16px 0 16px; overflow: hidden; text-indent: -9999px; width: 207px; }
.front p#sitelogo { margin: 0 16px 0 0; background: url(/img/logo-omc.png) no-repeat bottom left;}
p#sitelogo a { display: block;	height: 190px; }

div#logos { margin-top: 1.2em; }

/* MASKS */
.maskholder { float: right; margin: 0 0 0 10px; position: relative; }
.mask { background: url(/img/mask-round-wit.png) center top no-repeat; font-size: 0.834em; padding: 181px 0 0 0; position: absolute; text-align: center; top: 0; }
#intro .mask { text-align: left; font-size: 1em; }
.maskholder .mask { width: 100%; }
.mask p { margin: 10px 0 0 0; }
img.beeld { padding: 1px 0 30px 0; z-index: 1000; }

#intro { background: url(/img/hoek-t-r.gif) right top no-repeat #CBD5EC; color: #114178; font-weight: bold; line-height: 1.834em; margin: 14px 0 14px; position: relative; }
#intro .mask { background: url(/img/mask-round-intro.png) no-repeat top left; min-height: 152px; padding: 34px 40px 0 220px; position: relative; top: -14px; z-index: 1001; }
#intro img.beeld { margin: -14px 0 0 12px; position: absolute; z-index: 1000; }
#intro .bottom { background: url(/img/hoek-b-r.gif) right bottom no-repeat; bottom: 0; height: 10px; position: absolute; right: 0; width: 10px; }
#intro h2 { margin: 0 0 6px 0; }

/* Alinea met afbeelding */
div.illustratie { width: 206px; text-align: center; font-size: 0.85em }
div.illustratie-links { float: left; padding-right: 10px; }
div.illustratie-rechts { float: right; padding-left: 10px; }

div.intro {
	overflow: hidden;
}

div.intro h4 { padding: .5em 0 .7em; }

p.payoff {
	border-top: solid 0px #BCC5D9;
	background: url(/img/payoff.png) no-repeat;
	height: 83px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 48px;
	width: 397px;
}
#content div.intro p {
	color: #0A2B52;
	font-weight: bold;
	line-height: 2em;
}
.front div.intro p { 
	color: #203C77;
	font-weight: bold;
	line-height: 2em;
	width: 388px;
}

div#wrapper a.leesmeer {
	color:#F37100;
	font-weight: bold;
	text-decoration: none;
}
div#wrapper a.leesmeer:hover {color:#203C77}

div#blokken {
	overflow: hidden;
	margin: 40px 0 30px 0;
}
div.blok {
	float: left;
}
div.quotetop, div.quotebottom { height: 10px; overflow: hidden; width: 220px; }
div.quotetop { background: url(/img/quotetop.png); }
div.quotebottom { background: url(/img/quotebottom.png); }
div.quote { background: #BDC9E1; overflow: hidden; width: 220px; }
p.quote { background: url(/img/quote.png) no-repeat 0 10px; margin: 10px 0 0 0; padding: 10px 0 10px 40px; }

div.highlight {
	padding-left: 20px;
	position: relative;
	width: 360px;	
}
div.highlight p { width: auto;}
div.highlight div.roundimage {
	height: 132px;
	overflow: hidden;
	position: absolute;
	margin: 30px 0 0 200px;
	width: 131px;
}

div.highlightimage {
	float: right;
	padding: 10px 20px 5px 0;
}


div.highlight div.introtekst {
	padding-right: 25px;
}
div.highlight h2 {
	margin-bottom: 10px;
}
div.list { width: 340px; }
div.list h2 { margin-bottom: 15px }
div.list ul { list-style:none }
	
div.list ul li {
	background: url(/img/dot.png) no-repeat 0 5px;
	padding-left: 20px;
}

#content ul,
ul.list { list-style:none; margin: 20px 0; }
#content ul li,
ul.list li { background: url(/img/dot.png) no-repeat 0 5px; padding-left: 20px; }

div#content-wrapper { margin: 12px auto 0 auto; padding: 0 10px; width: 940px; }

div#content { float: left; width: 520px; }
.afdelingmenu #content { width: 700px; }

#content div.kolommen ul { margin: 0 -10px; width: 720px;  }
#content div.kolommen ul li { background: none; border-bottom: 2px solid #D2DCF2; float: left; list-style: none; margin: 0 10px; padding: 0 0 16px 0; }
#content div.kolommen ul li.noborder { border: none; }
#content div.kolommen ul li a { color: #1A1A1A; display: block; float: left; text-decoration: none; width: 220px; }
#content div.kolommen ul li a span.titel { display: block; padding: 14px 0 6px 0; }
#content div.kolommen ul li a span.meer { background: url(/img/meer-bullet.gif) no-repeat left 8px; color: #114178; display: block; font-weight: bold; margin: 10px 0 0 0; padding: 0 0 0 12px; }
#content div.kolommen span.beschrijving { display: block; height: 112px; }
#chirurgie #content div.kolommen ul li a span.meer { background-position: left -70px; color: #98428D; }
#optiek #content div.kolommen ul li a span.meer { background-position: left -108px; color: #6AA94D }
#contactlenzen #content div.kolommen ul li a span.meer { background-position: left -32px; color: #3BA4D6; }

#content div.kolommen ul li a:hover span.meer,
#optiek #content div.kolommen ul li a:hover span.meer,
#contactlenzen #content div.kolommen ul li a:hover span.meer,
#chirurgie #content div.kolommen ul li a:hover span.meer { background-position: left -144px; color: #F27100; }


#kolom-rechts .box,
#kolom-rechts .boxoranje { background-image: url(/img/sidebar-top.gif); background-color: #004478; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 0.917em; line-height: 2em; margin: 0 0 16px 0; overflow: hidden; padding: 16px; position: relative; }
#kolom-rechts .boxoranje { font-weight: bold; }
#kolom-rechts .box a { color: #fff;text-decoration: none;  }
#kolom-rechts .box a:hover { text-decoration: none; }
#kolom-rechts .box p {margin: .6em 0; line-height: 150%;}

#kolom-rechts .box .bottom,
#kolom-rechts .boxoranje .bottom { background-image: url(/img/sidebar-bottom.gif); background-position: left bottom; background-repeat: no-repeat; height: 10px; position: absolute; bottom: 0px; left: 0px; width: 220px; }
#kolom-rechts .image {padding: 20px 0;}
#oogheelkunde #kolom-rechts .box { background-color: #004478; background-position:  left top; }
#oogheelkunde #kolom-rechts .box .bottom { background-position:  left bottom; }
#contactlenzen #kolom-rechts .box { background-color: #00A6D7; background-position: -220px top; }
#contactlenzen #kolom-rechts .box .bottom { background-color: #3ca4d6; background-position: -220px bottom; }
#chirurgie #kolom-rechts .box { background-color: #9b478c; background-position: -440px top; } 
#chirurgie #kolom-rechts .box .bottom { background-position: -440px bottom; }
#optiek #kolom-rechts .box { background-color: #67a74f; background-position: -660px top; }
#optiek #kolom-rechts .box .bottom { background-position: -660px bottom; }
#kolom-rechts .boxoranje { background-color: #fc7100; background-position: -880px top; }
#kolom-rechts .boxoranje .bottom { background-position: -880px bottom; }

#kolom-rechts .boxoranje a.afspraakmaken { background: url(/img/sidebar-meer-oranje.gif) right center no-repeat; color: #fff; display: block; font-size: 1.364em; height: 52px; line-height: 52px; margin: -16px 0; text-decoration: none; }
#kolom-rechts .boxoranje a:hover.afspraakmaken { color: #fedbbf; }

#kolom-rechts span.telefoonnummer { background: url(/img/telefoon.png) no-repeat; font-size: 1.4em; font-family:verdana; display: block; height: 26px;padding:2px 0 0 40px; width: 140px; }

ul.sidebar-bullet { border-top: 1px dotted #203C77; margin: 6px 0 0 0; }
ul.sidebar-bullet li { border-bottom: 1px dotted #203C77; list-style: none; }
ul.sidebar-bullet li a { background: url(/img/sidebar-bullet.gif) 0px 9px no-repeat; display: block; height: 1%; padding: 8px 0 6px 10px; }
ul.sidebar-bullet li a:hover { background: url(/img/sidebar-bullet.gif) -220px 9px no-repeat; }

div.kolom { float: left; }
div#kolom-links { margin: 0 20px 0 0; width: 160px; }

div.flv {
	margin: 1em 0;
	padding: 1em;
	text-align: center;
	border: 1px solid #efefef;
}



img.alineafoto { float: right; padding: .5em; margin: 0 0 0 1em; border: 1px solid #efefef; }
p.afbeelding { text-align: center; }
p.afbeelding img { padding: .5em; border: 1px solid #efefef; }
p.afbeelding img.met-bijschrift { padding-bottom: 1.8em; }
p.afbeelding small.bijschrift {
	display: block;
	margin-top: -2.3em; /* override in IE6 */
	color: gray;
	text-align: center;
}

div.breadcrumbs { font-size: 0.917em; margin-bottom: 1em; }
div.breadcrumbs span,
div.breadcrumbs a { color: #416793; text-decoration: none; }
div.breadcrumbs a:hover { text-decoration: underline; }

div#kolom-rechts { float: right; margin: 14px 0; width: 220px; }
div#kolom-rechts img.foto-rechts { margin-bottom: .8em; }

/* Slider
------------------------------------------------------------------*/
div#slider {
	width: 220px;
	float: left;
}

div#slider div.scrollarea {
	width: 6000px;
}

div.scroll-container div.scroller {
	background: #BDC9E1;
	float: left;
	overflow: hidden;
	position: relative;
	width: 220px;
	background-repeat: no-repeat;
}
div.scroll-content {
	float: left;
	overflow: hidden;
	width: 	220px;
	margin-right: 0;
}

/* Tooltip
------------------------------------------------------------------*/
.tooltip{
	
	border: solid 1px #D1DBF0;
	background: #fff;
	color:#113F78;
	font-family: Arial, Verdana;
	font-size: 1.2em;
	line-height: 120%;
	padding: 6px 10px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 4px #888;
}
.tooltip p {margin:0;font-size: .8em;}
.tooltip p b {font-size: 1.4em;}
.tooltip .tooltip-bottom {
	display: none;
	width: 15px;
	height: 12px;
}

/* MEDERWERKERSPAGINA */
div.medewerkers {
	overflow:hidden;
	width: 520px;
}

div.medewerkers li {
	background: none !important;
	height: 160px;
	width: 160px;
	list-style: none;
	position: relative;
	margin: 0 20px 20px 0;
	padding-left: 0 !important;
	float: left;
}
div.medewerkers li.last { margin: 0 0 20px 0; }
div.medewerkers a {
	height: 160px;
	width: 160px;
	display:block;
	text-decoration: none;
}
div.medewerkers a div.itooltip {
	display: none;
	background: url(/img/medewerkerhover.png) repeat-x;
	border: 1px solid #999;
	padding: 5px;
	position: absolute;
	bottom: 10px;
	font-size: .9em;
	right: 6px;
	width: 136px;
	text-decoration: none;
}

div.medewerkers li.hover div.itooltip { display: block; }

div.medewerkers a.med-last {margin: 0 0 20px 0;}
div.medewerkers img.mask-med {
	position: absolute;
	display:block;
	height: 160px;
	width: 160px;
}

/* MEDEWERKERDETAIL */ 

div.medewerker {
	border-top: solid 1px #BDC9E1;
	color: #113F78;
	padding: 20px 0 0 0;
	overflow: hidden;
	width: 520px;
}
div.medewerker h1,
div.medewerker h3 {
	font-size: 1.4em;
	margin-bottom: .1em;
}
div.medewerker a {
	color: #F27100;
	font-weight: bold;
	text-decoration: none;
}
div.medewerker p {
	margin-bottom: .3em;
	margin-top: .3em;
}
div.medewerker a.vcard {
	background: url(/img/vcard.gif) no-repeat;
	padding-left: 25px;
}
div.medewerker a:hover {
	color: #113F78;
}
div.medewerker .medbig {
	float: left;
	margin: 0 20px 20px 0;
}
div.medewerker div.prevnextmenu {
	clear: left;
	padding: 20px 0;
}

div.medewerker a.prevnext {
	display: block;
	color: #fff;
	font-size: 1.0em;
	line-height: 20px;
	padding: 0 0 0 28px; 
	height: 20px;
	cursor: pointer;
}
div.medewerker a.prevnext span.effect {
	display:block;
	height: 20px;
	width: 14px;
}
div.medewerker a.prevnext span.text { float: left; }
div.medewerker a.prev {
	background: url(/img/prev-med.gif) left top;
	float: left;
	width: 128px;
}
div.medewerker a.prev span.effect {
	background: url(/img/prev-med.gif) no-repeat right top;
	float: right;
}
div.medewerker a.next {
	background: url(/img/next-med.gif) right top;
	float: right;
	padding: 0 30px 0 0; 
}
div.medewerker a.next span.effect {
	background: url(/img/next-med.gif) no-repeat left top;
	float: left;
}

div.medewerker a.prev:hover,
div.medewerker a.next:hover span.effect {
	background-position: 0 -20px;	
}
div.medewerker a.next:hover,
div.medewerker a.prev:hover span.effect {
	background-position: right -20px;	
}

/* REFERENTIEPAGINA */

a.ref {
	background: url(/img/bg-ref.png) no-repeat;
	display:block;
	padding: 3px;
	float: left;
	margin: 0 20px 20px 0;
	height: 154px;
	width: 154px;
}
a.ref-last {
	margin: 0 0 20px 0;
}
a.ref:hover {background-position: 0 -160px }

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


/* Hoofdmenu op frontpagina */
ul#hoofdmenu {
	background: url(/img/bg-menu.png) no-repeat #fff;
	clear: both;
	float: right;
	height: 51px;
	list-style: none;
	margin: 0 -20px 0 0;
	overflow: hidden;
	padding: 0 0 0 22px;
	width: 700px;
}
ul#hoofdmenu li { float: left; }
ul#hoofdmenu li a {
	display: block;
	float: left;
	padding: 18px 15px 15px 15px;
	height: 18px;
} 

ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul { display: block; }
ul#hoofdmenu ul li { float: none; }
ul#hoofdmenu ul a { padding: 0; }


/* Topmenu */ 
ul#topmenu {list-style: none; float: right; clear:right; display: inline; margin-right: -5px;}
ul#topmenu li {float: left;color: #B0B9CB;margin-left:5px}
ul#topmenu li a {
	color: #B0B9CB;
	margin-right:5px;
	float: left;
	text-decoration: none;
}
#topmenu ul li a:hover {
	color: #203C77;
}

/* fontmenu */
ul#fontsizemenu { list-style: none; float: right; clear:right; margin: 5px 0 0 0; width: 36px; }
ul#fontsizemenu li { float: left; margin: 0; }
ul#fontsizemenu li a {
	background-image: url(/img/fontsize.png);
	display: block;
	float: left;
	overflow: hidden;
	text-indent: 9999px;
	height: 14px;
	width: 12px;
}
ul#fontsizemenu li a:hover {background-position: 0 -14px;}
ul#fontsizemenu li a.medium {background-position: -12px 0;}
ul#fontsizemenu li a.medium:hover {background-position: -12px -14px;}
ul#fontsizemenu li a.groot {background-position: -24px 0;}
ul#fontsizemenu li a.groot:hover {background-position: -24px -14px;}

/* Bolmenu */

ul#bolmenu {
	list-style:none;	
	float: right;
	margin: 0 0 50px 0;
	width: 698px;
}
ul#bolmenu li { display: inline; float: left; }
ul#bolmenu li a {
	display: block;
	height: 140px;
	overflow: hidden;
	text-indent:-9999px;
	margin-left: 46px;
	width: 140px;
}
ul#bolmenu li a#ok { background: url(/img/bol-ok.png); margin: 0; }
ul#bolmenu li a#bc { background: url(/img/bol-bc.png); }
ul#bolmenu li a#cl { background: url(/img/bol-cl.png); }
ul#bolmenu li a#ot { background: url(/img/bol-o.png); }


/* SUBMENU */
dl#submenu { background: url(/img/sidebar-top.gif) right top no-repeat #D2DCF2; padding: 10px 0 0 0; position: relative; width: 160px; z-index: 1; }
dl#submenu dt { padding: 0 0 10px; }
dl#submenu ul { background: url(/img/sidebar-bottom.gif) right bottom no-repeat; margin: 0 0 0 -10px; overflow: hidden; }
dl#submenu ul li { background: url(/img/submenu-bullet.gif) 11px -34px no-repeat; list-style: none; margin: 0 1px 5px 0; }
dl#submenu ul li a { color: #0A2B52; display: block; font-weight: bold; text-decoration: none; width: 159px; }
dl#submenu ul li a span { display: block; padding: 1px 10px 1px 24px; }
dl#submenu ul li a:hover  { background: url(/img/submenu-link-hover-top.gif) top center no-repeat #FC7100; color: #fff; }
dl#submenu ul li a:hover span { background: url(/img/submenu-link-hover-bottom.gif) bottom center no-repeat; } 
/* Niveau dieper */
	dl#submenu ul ul { background: none; margin: 0 10px 0 0; padding: 0 0 0 25px; }
	dl#submenu ul ul li { background: none; line-height: 16px; margin: 2px 0; }
	dl#submenu ul ul li a { border-bottom: 1px dotted #EFF4FF; font-size: 0.917em; font-weight: normal; margin: 0 0 2px; padding: 0 0 3px; width: 134px; }
	dl#submenu ul ul li.laatste a { border-bottom: none; }
	dl#submenu ul ul li a:hover { background: none; color: #FC7100; }

/* PRINT EN MAIL DEZE PAGINA */
ul#opties { float: right; margin:0; width: 205px; }
ul#opties li { background: none; display: inline; list-style: none; padding: 0; }
ul#opties a { background: url(/img/opties.gif) no-repeat 0 5px; color: #a1a8b9; display: block; float: right; font-size: 0.875em;  padding: 0 14px 0 18px; }
ul#opties a:hover { color: #0A2B52; }
ul#opties a.mail { background-position: -289px 4px; }

/* LAATSTE NIEUWS */
dl#laatste-nieuws {
	width: 200px;
	height: 135px;
	position: absolute;
	margin: -142px 0 0 785px;
	overflow: hidden;
}

dl#laatste-nieuws dt {
	height: 13px;
	text-indent: -9999px;
	background: url(/img/laatste-nieuws.png) no-repeat;
}

dl#laatste-nieuws ul {
	margin-left: 1.4em;
}

dl#laatste-nieuws dd#meer-nieuws a { text-decoration: none; }
dl#laatste-nieuws dd#meer-nieuws a:hover { text-decoration: underline; }



/* ZOEKRESULTATEN */
ul#zoekresultaten li {
	padding-bottom: 1em;
}

/* SITEMAP */
ul.sitemap {
	margin: 0 0 0 1.2em;
	list-style: square;
}

ul.sitemap ul { margin-left: 2em; }

ul.sitemap a { text-decoration: none; }
ul.sitemap a:hover { text-decoration: underline; }

/* Errors */
ul.errors {
	margin: 2em 0;
	padding: .3em 0;
	border: 4px solid #103F77;
}

ul.errors li { margin-left: 2em; }

/* Footer
------------------------------------------------------------------*/

div#footer { margin: 0 auto; padding: 14px 0; width: 940px; }
div#footer .fright img { display: inline; float: left; margin: 0 0 0 10px; }
div#footer a {color:#0A2B52;text-decoration: none }
div#footer a:hover {text-decoration: underline}
div#footer p { margin-bottom: 0; }
div#footer p.right { float: right; }
div#footer p.right a { display: block; float: left; height: 60px; margin-left: 5px; width: 50px; }
div#footer p.right img { float: left; }

/*
#####################
#	FORMULIEREN 	#
#####################
*/
/* override in IE6 */
form.zoeken {
	float: right;
	padding: 10px 0;
	overflow: hidden;
	width: 193px;
}
form.zoeken fieldset { border: none; margin: 0; padding: 0; }
form.zoeken legend { display: none; }
form.zoeken input {
	border: none;
	background: url(/img/bg-zoek.png) no-repeat;
	float: left;
	height: 22px;
	padding:0 0 0 30px;
	width: 144px;
}

form.zoeken input.submit {
	padding: 0;
	height: 22px;
	width: 19px;
}

/* Zoekformulier op de subpagina */
form#zoeken-subpagina {
	margin-right: 0;
}

/* Webbheer-formulier */
form.webbeheer-formulier fieldset,
fieldset.webbeheer-formulier,
fieldset.webbeheer-formulier fieldset {
	padding: 0;
	border: none;
}

form.webbeheer-formulier legend,
fieldset.webbeheer-formulier legend { display: none; }

form.webbeheer-formulier ul,
form.webbeheer-formulier ol,
fieldset.webbeheer-formulier ul,
fieldset.webbeheer-formulier ol {
	margin: 2em 0;
	list-style: none;
}

#content form.webbeheer-formulier fieldset li,
#content fieldset.webbeheer-formulier li {
	clear: both;
	padding: .3em 0;
	background: none;
}

form.webbeheer-formulier label,
fieldset.webbeheer-formulier label {
	float: left;
	position: relative;
	display: block;
	width: 175px;
	margin-right: 12px;
}

form.webbeheer-formulier input,
form.webbeheer-formulier textarea,
fieldset.webbeheer-formulier input,
fieldset.webbeheer-formulier textarea {
	width: 200px;
	padding: .2em;
	border: 1px solid #D1DDF1;
}

form.webbeheer-formulier textarea,
fieldset.webbeheer-formulier textarea {
	height: 100px;
	overflow: auto;
}

form.webbeheer-formulier input.button,
fieldset.webbeheer-formulier input.button {
	width: auto;
	margin-left: 190px;
	padding: .1em 1em;
	border: none;
	color: #fff;
	background: #103F77;
}

form.webbeheer-formulier input.checkbox,
fieldset.webbeheer-formulier input.checkbox {
	width: auto;
	padding: 0;
	border: none;
}

form.webbeheer-formulier ol.multiple,
fieldset.webbeheer-formulier ol.multiple {
	float: left;
	margin: 0 0 .8em 0;
}

form.webbeheer-formulier ol.multiple label,
fieldset.webbeheer-formulier ol.multiple label {
	display: inline;
	float: none;
}

form.webbeheer-formulier ol.multiple li,
fieldset.webbeheer-formulier ol.multiple li { clear: none; }

/* Aanmelden nieuwsbrief */
form#aanmelden-nieuwsbrief legend {
	display: none;
}

/* Mail een kennis */
fieldset#mail-kennis label {
	width: 160px;
}

fieldset#mail-kennis em.verplicht {
	left: 145px;
}

fieldset#mail-kennis input.button { margin: 0 0 2em 160px; }

.google-maps { height: 300px; width: 517px; }

/* Formulier routeplanner */
#content form.routeplanner { padding: 10px 0 0 0; }
#content form.routeplanner fieldset { border: 1px solid #D2DCF2; }
#content form.routeplanner legend { color: #004478; font-size: 1.334em; font-weight: bold; padding: 0 6px; }
#content form.routeplanner label { float: left; width: 150px; }
#content form.routeplanner input { clear: both; }
#content form.routeplanner input.text { border: 1px solid #9BABCF; padding: 4px; }
#content form.routeplanner ul { margin: 10px 0 0 6px; }
#content form.routeplanner ul li { background: none; margin: 0 0 10px 0; padding: 0; }

/* Formulier select referentie */

table {
	width: 99.1%;
	border-collapse: collapse;
	border:1px solid #D2DCF2;
	margin: 10px 3px;
}

table td { padding: 0 6px; line-height:165%; }

div#iwink-tellafriend2 {
	z-index: 3;
} 

div#iwink-tellafriend2-overlay {
	z-index: 2;
}

div.laatste-nieuwsitem {
	padding-bottom: 24px;	
}