/*
#################
#	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; font-size: 1.2em; }

/* 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 { visibility: hidden; }
.invisible { display: none; }

.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; }
.lt, .line-through { text-decoration: line-through; }

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

a.klein { font-size: .85em; }

/* 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, .cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}

/* Headings
------------------------------------------------------------------*/
h1 { 
	color: #50387A;
	font-size: 2.3em;
	line-height: 110%;
	margin-bottom: 1em;
}

body#contentpage h1 { 
	margin-top: 0.6em; 
}
h2 { font-size: 1em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
div.inside h4 { font-size: 1.1em; color: #50387a; margin: 30px 0px 10px 0px;} 

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #00b9f3; }

a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

a.button {
	color: #000;
	height: 21px;
	text-align: center;
	text-decoration: none;
	width: 68px;
	background: no-repeat;
}
a.uitschrijvenbutton { 
	background: red;
	color: #fff;
	font-weight: bold;
	float: right;
	padding: 2px 10px 3px;
	margin-right: 5px;
	text-decoration: none;
}
a:hover.uitschrijvenbutton { 
	text-decoration: underline;
}

/* Kleuren
------------------------------------------------------------------*/
.blauw, a.blauw { color: #00b9f3; }
.grijs, a.grijs { color: #5c5e5f; }
.groen, a.groen { color: #8aad00; }
.oranje, a.oranje { color: #ff4800; }
.paars, a.paars { color: #50387a; }
.rood, a.rood { color: #cc0000; }
.wit, a.wit { color: #fff; }
.zwart, a.zwart { color: #000; }

/* Concept
------------------------------------------------------------------*/
.concept {
	background: url(/img/icons/concept.gif) no-repeat 0 50%;
	padding-left: 16px;
}

table .met-link a.nointerest {
	background: url(/img/icons/nointerest.gif) no-repeat 5px 50%;
	padding-left: 23px;
}

/* Tell-a-friend
------------------------------------------------------------------*/
#iwink-tellafriend2 input.button { margin-right: 0; width: auto; }

/* Overig
------------------------------------------------------------------*/
address { font-style: normal; }
.groter { font-size: 1.4em; }

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

/* Container
------------------------------------------------------------------*/
div#container {
	width: 980px;
	margin: 0 auto;
}

/* Header
------------------------------------------------------------------*/
div#header { position: relative; }
div#header p.banner { position: absolute; right: 0; top: 0; }

/* Logo
------------------------------------------------------------------*/
p#logo {
	background: url(/img/logo.gif);
	float: left;
	height: 115px;
	margin: 12px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 706px;
}
p#logo a { display: block; height: 115px; }

/* Breadcrumbs & inlogformulier
------------------------------------------------------------------*/
div.breadcrumbs-inlog {
	padding: 12px 0;
	background: url(/img/hoofdmenu-breadcrumbs.gif) no-repeat 0 -5px;
}

/* Ingelogd
------------------------------------------------------------------*/
p#ingelogd { /* ie */
	background: url(/img/ingelogd.gif) no-repeat right top;
	float: right;
	margin: 0;
	max-width: 400px;
	min-width: 225px;
}
p#ingelogd a.user {
	background: url(/img/ingelogd.gif) no-repeat left top;
	color: #50387A;
	float: left;
	margin-right: 18px;
	padding: 8px 0 7px 10px;
}
p#ingelogd a.uitloggen {
	background-image: url(/img/uitloggen.gif);
	float: right;
	margin: 7px 11px 0 0;
}

/* Breadcrumbs
------------------------------------------------------------------*/
p#breadcrumbs { font-size: 11px; margin: 0 20px; }
p#breadcrumbs, p#breadcrumbs a { color: #616161; }

/* Breadcrumbs wanneer ingelogd
----------------------------------*/
div.bi-ingelogd p#breadcrumbs { float: left; margin-top: 9px; } /* ie */

/* Front-actie
------------------------------------------------------------------*/
div.front-actie {
	float: left;
	margin-bottom: 12px;
	position: relative;
	width: 484px;
}
div.front-actie ul li {	color: #555F63; }
div.front-actie a.actie-titel {	color: #555F63; }
div.front-actie a.actie-titel:hover {	text-decoration: underline; }
div.front-actie a.koper {	color: #463368; }
div.front-actie div.front-actie-title-wrapper {
	padding-bottom: 12px;
}
div.front-actie h2 {
	background: url(/img/pijltjes/grijs-wit-beneden.gif) no-repeat right 9px;
	color:#555F63;
	display: inline;
	font-size: 1.8em;
	padding: 0 24px 0 12px;
}
div.front-actie div.content { border: 1px solid #555f63; min-height: 266px; }
div.front-actie div.top {
	background: url(/img/icons/uitroepteken-grijs-wit.gif) no-repeat 7px 19px;
}
div.front-actie a { text-decoration: none; }
div.front-actie h3 { font-size: 1.6em; font-weight: normal; }
div.front-actie h3 span { font-weight: normal; }
div.front-actie h3 a {
	color: #555f63;
	display: block;
	font-weight: bold;
	padding: 36px 12px 6px 92px;
	font-size: 0.95em;
}
div.front-actie div.top p { margin-bottom: 0; }
div.front-actie div.top p a {
	color: #555f63;
	display: block;
	padding: 0 12px 12px 92px;
}
div.front-actie div.top ul {
	padding: 0 0 20px 107px;
}
div.front-actie p.call-to-action {
	font-weight: bold;
	margin-bottom: 0;
}
div.front-actie p.call-to-action a {
	display: block;
	padding: 16px 14px 28px 12px;
	background: #555f63 url(/img/front-actie.gif) no-repeat 13px 16px;
}
div.front-actie p.call-to-action span.text {
	color: #555f63;
	float: left;
	font-size: 1.3em;
	padding: 14px 0 14px 15px;
}
a.keuzeblok span.button ,
div.front-actie p.call-to-action span.button {
	background: #ff4800;
	color: #fff;
	float: right;
	font-size: 1.2em;
	margin: 10px 10px 0 0;
	padding: 4px 7px;
	text-transform: lowercase;
}
div.front-actie p.call-to-action a:hover span.button { background-color: #c43002; } 
/* Front-actie-rechts
----------------------------------*/
div.front-actie-rechts { float: right; }
div.front-actie-rechts ul li {	color: #463368; }
div.front-actie-rechts h2 {
	background-image: url(/img/pijltjes/paars-wit-beneden.gif);
	color: #463368;
}
div.front-actie-rechts div.content { border-color: #50387a; }
div.front-actie-rechts div.top {
	background-image: url(/img/icons/vraagteken-paars-wit.gif);
}
div.front-actie-rechts h3 a,
div.front-actie-rechts div.top p a,
div.front-actie-rechts p.call-to-action span.text { color: #463368; }
div.front-actie-rechts p.call-to-action a {
	background-color: #50387a;
	background-image: url(/img/front-actie-rechts.gif);
}
div.front-actie-rechts div.branches {
	background: #50387a;
	bottom: 1px;
	max-height: 158px;
	overflow: hidden;
	padding: 6px 0;
	position: absolute;
	width: 482px;
}
div.front-actie-rechts div.branches ul {
	float: left;
	list-style: none;
	margin-left: 12px;
	width: 226px;
}
div.front-actie-rechts div.branches li {
	background: url(/img/bullet-blauw.png) no-repeat 0 8px;
	padding-left: 14px;
}
div.front-actie-rechts div.branches a { color: #fff; }
div.front-actie-rechts div.branches a:hover,
div.front-actie-rechts div.branches a:focus { text-decoration: underline; }

/* Front-blok koper
------------------------------------------------------------------*/
div.front-blok-koper p.call-to-action a {
	background: #50387a url(/img/front-blok-koper.gif) no-repeat 15px 15px;
	display: block;
	font-weight: bold;
	padding: 15px;
	text-decoration:none;
}
div.front-blok-koper p.call-to-action span.text {
	color: #463368;
	float: left;
	font-size: 1.3em;
	padding: 14px 0 14px 15px;
}
div.front-blok-koper p.call-to-action span.button {
	background: #ff4800;
	color: #fff;
	float: right;
	font-size: 1.2em;
	margin: 10px 10px 0 0;
	padding: 4px 7px;
	text-transform: lowercase;
}
div.front-blok-koper p.call-to-action a:hover span.button { background-color: #c43002; } 

/* Bottom
------------------------------------------------------------------*/
div#bottom { padding-top: 26px; }

/* Bottom-blok
------------------------------------------------------------------*/
div.bottom-blok {
	border: 1px solid #d3d3d3;
	color: #3f3f3f;
	float: left;
	margin: 7px 10px 0 0;
	width: 280px;
}
div.bottom-blok h3 { border-bottom: 1px solid #d3d3d3; font-size: 1.4em; }
div.bottom-blok h3, div.bottom-blok h3 a { color: #3f3f3f; padding: 9px 13px 6px; }
div.bottom-blok h3.met-link { padding: 0; }
div.bottom-blok h3 a { display: block; height: 1%; }

div.bottom-blok div.inhoud {
	min-height: 122px; /* ie */
	padding: 12px 14px 8px;
	position: relative;
}
div.bottom-blok p.meer {
	bottom: 8px;
	margin-bottom: 0;
	position: absolute;
	right: 14px;
	text-align: right;
}
div.bottom-blok p.meer a { color: #3f3f3f; }

/* Op het podium
------------------------------------------------------------------*/
div.op-het-podium {  /* ie */
	background: url(/img/icons/op-het-podium.gif) no-repeat;
	float: left;
	margin-right: 10px;
	padding-left: 116px;
	width: 280px
}
div.op-het-podium div.bottom-blok { float: none; }
div.op-het-podium div.bottom-blok h3,
div.op-het-podium div.bottom-blok h3 a { color: #ff4800; }
div.op-het-podium div.bottom-blok div.inhoud { background: #ff4800; color: #fff; }
div.op-het-podium p.meer a { color: #fff; }

/* Meest rechtse bottom-blok
----------------------------------*/
div.bottom-blok-rechts { margin-right: 0; }
div.bottom-blok-rechts h3,
div.bottom-blok-rechts h3 a { color: #50387a; text-decoration: none; }
div.bottom-blok-rechts h3 a:hover { text-decoration: underline; }
div.bottom-blok-rechts div.inhoud { padding: 0; }
div.bottom-blok-rechts div.inhoud a {
	background: url(/img/dummies/tell-a-friend.jpg) no-repeat right bottom;
	display: block;
	height: 142px;
	text-decoration: none;
}
div.bottom-blok-rechts div.inhoud a span {
	background: #35264e url(/img/paars-pijltjes.gif) no-repeat right -4px;
	border: 1px solid #acd7f1;
	bottom: 8px;
	color: #fff;
	line-height: 16px;
	padding: 4px 30px 5px 14px;
	position: absolute;
	right: 8px;
	width: 220px;
	
	-moz-border-radius: 8px;
  	border-radius: 8px;
}

/* Kolommen
------------------------------------------------------------------*/
div.kolom-wrapper { float: left; width: 744px; }
div.kolom-links { float: left; }
div.kolom-midden { color: #404040; float: right; width: 508px; }
div.kolom-wrapper-breed div.kolom-midden { float: none; width: auto; }
div.kolom-rechts { float: right; }
div.zijkolom { color: #404040; min-height: 10px; overflow: hidden; width: 224px; }

/* Inhoud kolom-midden
------------------------------------------------------------------*/
div.kolom-midden h1.border {
	border: 1px solid #51387c;
	padding: 1em;
	text-transform: lowercase;
}
h2.groot {
	font-size: 1.6em;
	margin-bottom: .5em;
}

div.kolom-midden div.item { margin-bottom: 2em; padding: 16px; }
div.kolom-midden div.border { border: 1px solid #51387c; }

div.kolom-midden div.border-blauw { border-color: #00b9f3; }
div.kolom-midden div.border-blauw h1 { color: #00b9f3; }

h2.meer-nieuws {
	background: #33244d url(/img/headings/meer-nieuws.gif) no-repeat;
	color: #fff;
	font-size: 1.4em;
	padding: 16px 20px 12px 64px;
}
h2.meer-nieuws span { font-size: .9em; font-weight: normal; }
p.datum { color: #50387a; font-weight: bold; margin-bottom: 0; }

div#nieuwsitem {
	width: 190px;
}

div#nieuwsitem ul#opties {
	float: none;
	margin: 0;
	width: 190px;
}

a.terugnaar {
	display: block;
	margin-left: 20px;
	color: #FF4800;
	text-decoration: none;
	float: right;
}
a.terugnaar:hover { text-decoration: underline; }

/* Inside
------------------------------------------------------------------*/
div.item div.inside { margin-bottom: -16px; margin-left: -16px; margin-right: -16px; }

/* Resultaten
------------------------------------------------------------------*/
div.resultaten {
	margin: 0 -16px;
}

div.resultaten-notice{
	text-align: center;
}

h2.icon {
	background: #33244e url(/img/headings/paars.gif) repeat-x;
	color: #fff;
	font-size: 1.4em;
}
h2.icon span.text {
	background: url(/img/icons/uitroepteken-wit-paars.gif) no-repeat 10px 50%;
	display: block;
	padding: 16px 20px 12px 64px;
}
h2.icon span.text span { font-size: 12px; font-weight: normal; }
p.terug { float: right; margin: 0px 16px 0 0; }

/* Grijs blok
------------------------------------------------------------------*/
div.kolom-midden div.item div.grijs-blok { margin: 0 -16px; }
div.grijs-blok {
	background: url(/img/gradients/grijs-blok.gif) repeat-x;
	border-top: 1px solid #d3d3d3;
	padding: 22px 16px;
}

/* Aandacht
------------------------------------------------------------------*/
div.aandacht {
	background: url(/img/icons/uitroepteken-blauw-wit.gif) no-repeat;
	min-height: 62px;
	padding: 12px 0 0 85px;
}
div.aandacht a { text-decoration: none; }
div.aandacht div.inhoud {
	background: #00b9f3 url(/img/aandacht.gif) repeat-y;
	border: 1px solid #00b9f3;
}
div.aandacht h2 {
	float: left;
	font-size: 2em;
	width: 248px;
}
div.aandacht h2 a {
	display: block;
	height: 1%;
	padding: .8em 4px;
	text-align: center;
}
div.aandacht p { float: right; margin-bottom: 0; }
div.aandacht p a {
	display: block;
	padding: 6px 0;
	width: 409px;
}
div.aandacht p a:hover span.titel { text-decoration: underline; }
div.aandacht p a:hover span.actie { background-color: #C43002; }
div.aandacht span.wrapper {
	background: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 134%;
	margin: 0 auto;
	position: relative;
	padding: 5px 10px;
	width: 365px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div.aandacht span.titel {
	color: #50387a;
	float: left;
	width: 260px;
}
div.aandacht span.actie {
	background: #ff4800;
	color: #fff;
	float: right;
	position: absolute;
	padding: .3em 8px;
	right: 10px;
	top: 25%;
}

/* Extra headings
------------------------------------------------------------------*/
p.heading2 {
	background: #50387a url(/img/gradients/lichtpaars-paars.gif) repeat-x bottom;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 3em;
	padding: 16px;
}

h1.wide {
	background: #555 url(/img/gradients/lichtzwart-zwart.gif) repeat-x bottom;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	margin: 0 -16px 1em;
	padding: 16px;
}

/* Mediablokken
------------------------------------------------------------------*/
p.media { border: 1px solid #ccc; }
p.media * { display: block; }

/* Dividers
------------------------------------------------------------------*/
div.divider-links { float: left; width: 456px; }
div.divider-rechts { float: right; width: 236px; }
div.divider-links ol,
div.divider-links ul { margin: 10px 20px; }

/* Fotos
------------------------------------------------------------------*/
div.fotos { float: right; margin-left: 6px; width: 216px; }
div.fotos a, div.fotos img { display: block; margin: 0 auto 4px; }
div.fotos a.tip { color: #ff4800; text-align: center; }

/* Inhoud zijkolom
------------------------------------------------------------------*/
div.zijkolom div.blok { border: 1px solid #00b9f3; margin-bottom: 2em; }
div.blok h3 { border-bottom: 1px solid #00b9f3; }
div.blok h3, div.blok h3 a { color: #50387a; text-decoration: none; }
div.blok h3 a:hover { text-decoration: underline; }
div.zijkolom div.blok div.inhoud { padding: 16px 12px; }
div.zijkolom div.blok div.inhoud-grijs {
	background: url(/img/gradients/grijs-blok.gif) repeat-x;
}

div.blok a.button {
	background: no-repeat;
	color: #fff;
	float: right;
	height: auto;
	padding-left: 18px;
	width: auto;
}
div.blok a.button:hover, div.blok a.button:focus { text-decoration: underline; }
div.blok a.button span {
	background: right top;
	display: block;
	height: 27px;
	padding: 6px 16px 0 0;
}

div.zijkolom div.blok-grijs, div.blok-grijs h3 { border-color: #efefed; }
div.blok-grijs h3, div.blok-grijs h3 a { color: #3a3a3a; }
div.zijkolom div.blok-grijs div.inhoud { background: #efefed; }

div.zijkolom div.blok-blauw { background: #00b9f3; }

div.zijkolom div.blok-oranje, div.blok-oranje h3 { border-color: #ff4800; }
div.blok-oranje h3 { color: #ff4800; }
div.blok-oranje h3 a { color: #ff4800; }
div.zijkolom div.blok-oranje div.inhoud { background: #ff4800; color: #fff; }
div.blok-oranje a.button,
div.blok-oranje a.button span {
	background-image: url(/img/formulieren/button-oranje.gif);
}
div.zijkolom div.blok-blauw, div.blok-blauw h3 { border-color: #00b9f3; }
div.zijkolom div.mijnprofiel { border-color: #fc0; }
div.blok-blauw h3 { background: #fff; color: #00b9f3; }
div.blok-blauw h3 a { color: #00b9f3; }
div.zijkolom div.blok-blauw div.inhoud, 
div#bottom div.blok-blauw div.inhoud { background: #00b9f3; color: #fff; }
div.blok-blauw a.button,
div.blok-blauw a.button span {
	background-image: url(/img/formulieren/button-blauw.gif);
}

div.zijkolom div.blok-paars, div.blok-paars h3 { border-color: #50387a; }
div.blok-paars h3 { background: #fff; color: #50387a; }
div.blok-paars h3 a { color: #50387a; }
div.zijkolom div.blok-paars div.inhoud { background: #50387a; color: #fff; }
div.blok-paars a.button,
div.blok-paars a.button span {
	background-image: url(/img/formulieren/button-paars.gif);
}

/* Blok 'Vragen?'
------------------------------------------------------------------*/
div.vragen { margin-bottom: 2em; }
div.vragen h3 {
	background: url(/img/icons/vragen-oranje-wit.gif) no-repeat right 0;
	height: 94px;
	margin-bottom: 8px;
	text-indent: -9999px;
}
div.vragen p {
	color: #ff4800;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0;
	text-transform: lowercase;
}

/* Info
------------------------------------------------------------------*/
div.zijkolom div.info {
	background: url(/img/icons/vraagteken-oranje-wit-klein.gif) no-repeat;
	margin-bottom: 2em;
	padding: 7px 0 0 50px;
}

/* <h3> in div.blok met link
----------------------------------*/
div.blok h3.met-link { padding: 0; }
div.blok h3, div.blok h3.met-link a { display: block; padding: 7px 12px; }
div.blok p.stuur-offerte {
	line-height: 142%;
	margin: 12px -12px -7px;
}
div.blok p.stuur-offerte a {
	background: url(/img/pijltjes/dubbel-paars-wit.gif) no-repeat 90% 65%;
	border-top: 1px solid #cdcdcd;
	color: #50387a;
	display: block;
	font-weight: bold;
	padding: 10px 14px 4px;
}
div.zijkolom div.mijnprofiel { background: #fc0; }
div.mijnprofiel h3 { background: none; color: #50387a; }
div.mijnprofiel h3 a { color: #50387a; }

/* Statistieken in rechterkolom
------------------------------------------------------------------*/
div.zijkolom div.blok-stats,
div.zijkolom div.blok-stats h3 {
	border-color: #efefed;
}
div.zijkolom div.blok-stats div.inhoud { background: #77dfff; }

div.blok-stats h3 {
	padding-left: 32px;
	background: url(/img/icons/stats.gif) no-repeat 4px 6px;
}

/* Mijn zakenpodium
------------------------------------------------------------------*/
h2.overzicht {
	background: #161616 url(/img/headings/offerte-aanvragen-koper.gif) no-repeat;
	color: #fff;
	font-size: 1.4em;
	padding: 16px 20px 12px 64px;
	text-transform: lowercase;
}
h2.overzicht span { font-size: .9em; font-weight: normal; }
h2#leads-opdrachten-leverancier { background-image: url(/img/headings/leads-opdrachten-leverancier.gif); }
h2#geschiedenis-koper {
	background-color: #767474;
	background-image: url(/img/headings/geschiedenis-koper.gif);
}
h2#geschiedenis-leverancier {
	background-color: #767474;
	background-image: url(/img/headings/geschiedenis-leverancier.gif);
}

p.overzicht-alles { margin-bottom: 2em; text-align: right; text-transform: lowercase; }

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

/* Preview
------------------------------------------------------------------*/
div.preview { clear: left; padding: 16px; margin-bottom: 1em;}
div.preview p.info { color: #404040; font-weight: bold; margin-bottom: 0; }
div.preview p.info span { color: #858585; font-weight: normal; }
div.preview p.lees-meer { margin-bottom: 0; }

/* Preview binnen div.item
----------------------------------*/
div.item div.preview {
	margin-left: -16px;
	margin-right: -16px;
}

/* Conceptinfo
------------------------------------------------------------------*/
div.conceptinfo {
	background: #ff4800;
	color: #fff;
	margin-bottom: 24px;
	padding: 16px;
}
div.conceptinfo a { color: #fff; }
div.conceptinfo div.links { float: left; width: 360px; }
div.conceptinfo ul.acties {
	float: right;
	width: 272px;
}
div.conceptinfo ul.acties a {
	border: 1px solid #ffc8b3;
	display: block;
	height: 1%;
	line-height: 140%;
	margin-bottom: 3px;
	text-decoration: none;
	
	-moz-border-radius: 3px;
  	border-radius: 3px;
}
div.conceptinfo ul.acties span {
	background: url(/img/pijltjes/wit-oranje-enkel.gif) no-repeat 7px 5px;
	display: block;
	height: 1%;
	padding: 3px 6px 3px 28px;
}
div.conceptinfo ul.acties a:hover,
div.conceptinfo ul.acties a:focus {
	background: url(/img/gradients/oranje-donkeroranje.gif) repeat-x 0 bottom;
}

/* Zoekresultaat
------------------------------------------------------------------*/
div.zoekresultaat { padding: 16px; }
div.zoekresultaat p { margin-bottom: 0; }
div.zoekresultaat p.info { color: #858585; }

/* Zoekresultaat binnen div.item
----------------------------------*/
div.item div.zoekresultaat {
	margin-left: -16px;
	margin-right: -16px;
}

/* Clickable blok
------------------------------------------------------------------*/
div.clickable-hover { background: #f2f0f5; cursor: pointer; }

/* Navigatie
------------------------------------------------------------------*/
p.navigatie {
	width: 300px;
	margin: 1em auto .5em;
}

p.navigatie a {
	color: #404040;
	float: left;
	line-height: 100%;
	margin-left: 1px;
	padding: .3em 0;
	text-align: center;
	text-decoration: none;
	width: 20px;
}
p.navigatie a:hover,
p.navigatie a:focus,
p.navigatie a.active {
	color: #fff;
	background: #ff4800;
}
p.navigatie a.active { cursor: default; }

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

a.download:hover,
a.download:focus { background-position: bottom left; }

a.download span { padding: .1em 0 .3em; }
a.download span.titel {
	float: left;
	padding-left: 28px;
	background: url(/img/downloads/pdf.gif) no-repeat;
}
a.download span.download { float: right; }
a.download:hover span.download,
a.download:focus span.download { text-decoration: underline; }

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

/* Inklapbaar
------------------------------------------------------------------*/
div.ingeklapt div.inhoud { display: none; }

/* Status
------------------------------------------------------------------*/
p.status {
	background: #ffcc00;
	color: #292929;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0;
	padding: 4px 8px;
	position: absolute;
	right: 0; /* ie */
	top: 16px;
}

/* Wijzig of verwijder
------------------------------------------------------------------*/
p.wijzig-verwijder {
	margin-bottom: 0;
	text-align: right;
}
p.wijzig-verwijder a {
	background: url(/img/kruisje.gif) no-repeat right 4px;
	color: #50387a;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 18px;
}

/* Footer
------------------------------------------------------------------*/
div#footer {
	background: #efefed url(/img/logo-footer.gif) no-repeat 7px 50%;
	margin: 32px 0 1em;
	padding: 6px 15px 6px 38px;
	text-transform: lowercase;
}
div#footer, div#footer a { color: #3c3c3c; }
div#footer a { padding: 0 2px; }
div#footer p { margin-bottom: 0; }
div#footer p#payoff { color: #50387a; float: left; margin-left: 38px; }

a#iWink { text-decoration: none; text-transform: none; }
a#iWink span { color: #ff4800; }
a#iWink:hover, a#iWink:focus { border: 0 solid #efefed; }
a#iWink:hover span, a#iWink:focus span { text-decoration: underline; }

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

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

/* Hoofdmenu
------------------------------------------------------------------*/
div#hoofdmenu {
	background: #00b9f3 url(/img/hoofdmenu-breadcrumbs.gif) no-repeat 0 41px;
	height: 33px;
	margin: 10px 0 0px;
	padding: 13px 8px 0;	
}
div#hoofdmenu ul { list-style: none; }
div#hoofdmenu li { float: left; }
div#hoofdmenu a {
	color: #50387a;
	display: block;
	padding: 8px 12px;
}

div#hoofdmenu a:hover,
div#hoofdmenu a:focus,
div#hoofdmenu a.active { background-color: #f1f1f1; }

/*
ul#hoofdmenu ul {
	display: none;
	clear: both;
	position: absolute;
	width: 200px;
	list-style: none;
	background: #e6e6e6;
}
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; }
*/

div#hoofdmenu a img,
div#hoofdmenu a:hover img.hover,
div#hoofdmenu a:focus img.hover,
div#hoofdmenu a.active img.hover { display: block; }

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

/* Submenu (linkerkolom)
------------------------------------------------------------------*/
ul.submenu {
	background: #00b9f3;
	font-size: 1.1em;
	font-weight: bold;
	list-style: none;
	padding: 8px 14px 10px;
}
ul.submenu li {
	background: url(/img/pijltjes/submenu.gif) no-repeat 0 5px;
	padding: 2px 0 2px 22px;
}
ul.submenu a {
	color: #50387a;
	display: block;
	text-decoration: none;
}
ul.submenu a:hover, ul.submenu a:focus, ul.submenu a.active { color: #fff; }

div.zijkolom div.mijnprofiel h3 { border-bottom: none; }

div.mijnprofiel ul.submenu { background: none; }

div.mijnprofiel ul.submenu li { background: none; padding: 3px 0; }

div.mijnprofiel ul.submenu a { border-bottom: #50387A 1px solid; padding-bottom: 5px; }
div.mijnprofiel ul.submenu a.active { color: #50387A; text-decoration: underline; }

div.mijnprofiel ul.submenu a:hover { color: #50387A; text-decoration: underline; }





/* Lijst in front-blok-rechts
------------------------------------------------------------------*/
div.front-blok-rechts li {
	color: #fff;
	float: left;
}
div.front-blok-rechts ul a {
	background: url(/img/pijltjes/blauw-paars.gif) no-repeat 10px 10px;
	color: #fff;
	display: block;
	height: 60px;
	overflow: hidden;
	padding: 4px 8px 8px 34px;
	text-decoration: none;
	width: 183px;
}
div.front-blok-rechts ul a:hover,
div.front-blok-rechts ul a:focus { background-color: #5e4884; }
div.front-blok-rechts ul strong { font-size: 1.2em; }

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

/* Laatst bekeken
------------------------------------------------------------------*/
ul.overzicht-laatste {
	line-height: 140%;
	list-style: none;
}
ul.overzicht-laatste a {
	background: url(/img/pijltjes/donkergrijs-grijs.gif) no-repeat right 15px;
	color: #404040;
	display: block;
	padding: 6px 12px 6px 0;
	text-decoration: none;
}
ul.overzicht-laatste span { font-weight: bold; }
ul.overzicht-laatste a:hover, ul.overzicht-laatste a:focus { border: 0 solid gray; }
ul.overzicht-laatste a:hover span,
ul.overzicht-laatste a:focus span { text-decoration: underline; }

/* Gallery (zoals op referentiepagina)
------------------------------------------------------------------*/
ul#gallery li {
	border: 1px solid #efefef;
	float: left;
	list-style: none;
	margin: 0 15px 15px 0;
	padding: 3px;
}
ul#gallery li.last { margin-right: 0; }

/* Nieuwsbrieven
------------------------------------------------------------------*/
div.zijkolom ul.nieuwsbrieven { list-style: none; }
div.zijkolom ul.nieuwsbrieven a {
	background: url(/img/pijltjes/donkergrijs-grijs.gif) no-repeat right 8px;
	color: #404040;
	display: block;
	font-weight: bold;
	height: 1%;
	text-transform: lowercase;
}

/* Meer (bijv. meer nieuws)
------------------------------------------------------------------*/
ul.meer {
	background: url(/img/gradients/grijs-wit.gif) repeat-x;
	border-bottom: 1px solid #e8e8e8;
	list-style: none;
	margin-bottom: 1em;
	padding-top: 26px;
}
ul.meer li { border-top: 1px solid #e8e8e8; }
ul.meer a {
	background: url(/img/pijltjes/paars-witgrijs.gif) no-repeat 8px 6px;
	color: #616161;
	display: block;
	padding: 3px 8px 3px 160px;
	position: relative;
	text-decoration: none;
}
ul.meer span.datum { /* ie6 */
	left: 33px;
	position: absolute;
}
ul.meer a:hover span.titel, ul.meer a:focus span.titel { text-decoration: underline; }

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

/* FCK-editor-lijst
------------------------------------------------------------------*/
div.alinea ul { list-style: none; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 8px; }
div.alinea ol { margin-left: 28px; }
div.alinea li { line-height: 150%; padding: .2em 0; }
div.alinea ul li {
	background: url(/img/lijsten/li.gif) no-repeat 0 5px;
	padding-left: 20px;
}

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

/* <dl>'s
------------------------------------------------------------------*/
dl dt { margin-bottom: .6em; font-size: 1.3em; font-weight: bold; }

/* <dl>'s in middenkolom
------------------------------------------------------------------*/
div.kolom-midden div.item dl { margin: 0 -16px 1.4em; }
div.kolom-midden dl dt {
	padding: 7px 16px;
	text-transform: lowercase;
}
div.kolom-midden dl ul { list-style: none; }

/* Faq (dl)
------------------------------------------------------------------*/
dl.faq dt {
	background: #50387a;
	color: #fff;
	margin-bottom: 1em;
}
dl.faq h2 a {
	background: url(/img/pijltjes/paars-witgrijs.gif) no-repeat 16px 7px;
	color: #000;
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	height: 1%;
	padding: 4px 12px 4px 38px;
	text-decoration: none;
}
dl.faq h2 a:hover,
dl.faq h2 a:focus { background-color: #efefed; }

dl.faq div.antwoord {
	background: #dcd7e4;
	padding: 8px 12px 8px 38px;
}
dl.faq dd.ingeklapt div.antwoord { display: none; }
/*dl.faq dd.uitgeklapt div.antwoord { display: block; }*/

dl.faq-blauw h2 a { background-image: url(/img/pijltjes/blauw-witgrijs.gif); }
dl.faq-blauw div.antwoord { background-color: #e5f8fe; }

dl.faq-grijs h2 a { background-image: url(/img/pijltjes/grijs-witgrijs.gif); }
dl.faq-grijs div.antwoord { background-color: #efefed; }

dl.faq div.antwoord ul { list-style: disc; margin-left: 12px; }

/* Verschillende faq-kleuren
----------------------------------*/
dl.faq dt.blauw { background-color: #00b9f3; }
dl.faq dt.grijs { background-color: #626262; }

/* Faq (ul)
------------------------------------------------------------------*/
ul.faq { list-style: none; }
ul.faq li { margin: 0 0 12px; }
ul.faq a {
	background: url(/img/pijltjes/donkergrijs-grijs.gif) no-repeat right 8px;
	color: #404040;
	display: block;
	font-weight: bold;
	height: 1%;
	line-height: 140%;
	text-transform: lowercase;
}

/* Horizontaal menu (bijv. branchegegevens)
------------------------------------------------------------------*/
ul.horizontaal {
	font-size: 1.2em;
	list-style: none;
	margin-right: -16px;
}
form.stappen ul.horizontaal { width: 718px; }
ul.horizontaal li {
	float: left;
	margin: 0 7px 10px 0;
}
ul.horizontaal a {
	background: #cfd4d6 url(/img/horizontaal.gif) repeat-x;
	border: 1px solid #b9b9b9;
	display: block;
	position: relative;
	text-decoration: none;
	-moz-border-radius: 3px;
  	border-radius: 3px;
}
ul.horizontaal span {
	background: url(/img/pijltjes/blauw-witgrijs.gif) no-repeat 9px 50%;
	color: #50387a;
	display: block;
	padding: 3px 12px 3px 30px;
	width: 188px;
}
ul.horizontaal .subbranches span {
	background-image: url(/img/pijltjes/blauw-witgrijs-beneden.gif);
	background-position: 8px 60%;
}
ul.horizontaal a:hover,
ul.horizontaal a:focus,
ul.horizontaal a.active {
	border-color: #666;
}
ul.horizontaal input {
	float: none;
	margin-right: 0;
	position: absolute;
	right: 4px;
	top: 4px;
}

/* Menu pijltjes
------------------------------------------------------------------*/
ul.pijltjes { list-style: none; }
ul.pijltjes li {
	background: url(/img/pijltjes/blauw-witgrijs.gif) no-repeat 0 3px;
	padding-left: 22px;
}
div.zijkolom ul.pijltjes li { margin-bottom: 12px; }
div.kolom-midden ul.pijltjes { margin-bottom: 1.2em; }

/* Geselecteerde bedrijven
------------------------------------------------------------------*/
ul.geselecteerde-bedrijven { list-style: none; }
ul.geselecteerde-bedrijven li {
	line-height: 120%;
	margin-bottom: 3px;
	padding-right: 16px;
	position: relative;
}
ul.geselecteerde-bedrijven img.sluiten {
	cursor: pointer;
	position: absolute;
	right: 0; top: 2px; /* ie */
}
ul.geselecteerde-bedrijven a { color: #555; text-decoration: none; }
ul.geselecteerde-bedrijven a:hover,
ul.geselecteerde-bedrijven a:focus { color: #00b9f3; }

/* Inlogopties
------------------------------------------------------------------*/
ul.inlogopties {
	list-style: none;
	margin-bottom: 32px;
}
ul.inlogopties li {
	float: left;
	width: 340px;
}
ul.inlogopties input[type=submit],
ul.inlogopties a {
	background: #00b9f3 url(/img/gradients/lichtblauw-blauw.gif) repeat-x bottom;
	color: #fff;
	padding: 6px 24px;
}
ul.inlogopties p { min-height: 44px; } /* ie6 */

ul.inlogopties input[type=submit].paars,
ul.inlogopties a.paars {
	background-color: #50387a;
	background-image: url(/img/gradients/lichtpaars-paars.gif);
}
ul.inlogopties input[type=submit] {
	border: 0px solid #000;
	cursor: pointer;
}
/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
label { display: block; text-transform: lowercase; }
input.text, textarea, select { border: 1px solid #b8b8b8; color: #333; padding: 2px 3px; }
textarea { font-size: 11px; height: 120px; overflow: auto; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin-left: 0; }
button, input.button, input.submit { cursor: pointer; }

input.button {
	background: no-repeat 0 50%;
	border: none;
	color: #fff;
	font-size: 11px;
	margin-right: 10px;
	padding-bottom: 2px;
	text-align: center;
	width: 68px;
}

input.langer { width: 400px; }
input#meldleverancier {
	background: #4F3779 url(/img/formulieren/kolom-midden-submit.gif) repeat-x scroll 0 bottom;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1em;
	padding: 4px 10px;
}
fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }
form li { padding: .2em 0; }

input.radio, input.checkbox { float: left; margin-right: 6px; }
label.option { float: left; margin-top: -1px; }

.kolom-wrapper form p.info { font-weight: bold; line-height: 140%; margin: 6px 0; }
.kolom-wrapper form li p.info {
	background: url(/img/pijltjes/blauw-witgrijs.gif) no-repeat 2px 2px;
	font-weight: normal;
	margin: 0;
	padding-left: 24px;
}

/* Opties binnen formulier
------------------------------------------------------------------*/
form .opties { margin-top: 4px; }
form .opties label {
	display: inline;
}
form ol.kolommen .opties label {
	float: left;
	line-height: 130%;
	width: 316px;
}
form ol.kolommen li.breed .opties label { width: 684px; }
form .opties input {
	float: left;
	margin-top: 3px; /* ie */
}
form .opties input.checkbox { margin-top: 1px; } /* ie */
form .opties li.define input.text { margin-left: 18px; width: 316px; } /* ie */
form ol.kolommen .opties li {
	float: none;
	margin-bottom: 8px; /* ie */
	padding: 0;
}

/* Inputvelden in kolommen
------------------------------------------------------------------*/
div.content-wrapper input.text,
div.content-wrapper textarea {
	background: #fff url(/img/formulieren/input-text.gif) repeat-x;
	color: #777;
	font-size: 11px;
	padding-top: 4px; padding-bottom: 4px;
}

/* nieuwsbrief aanmelden */

form#aanmelden-nieuwsbrief input.text {
	color: #333;
	width: 190px;
}

body#homepage form#aanmelden-nieuwsbrief input.text {
	width: 243px;
}

form#aanmelden-nieuwsbrief label {
	cursor: pointer;
}

form#aanmelden-nieuwsbrief p {
	margin: 6px 0 0 0;
}

form#aanmelden-nieuwsbrief p input {
	float: right;
	margin: 0;
}


/* Formulieren in middenkolom
------------------------------------------------------------------*/
div.kolom-midden input.button {
	background: #4f3779 url(/img/formulieren/kolom-midden-submit.gif) repeat-x 0 bottom;
	float: right;
	font-size: 12px;
	margin-right: 2px;
	overflow: visible;
	padding: 4px 28px;
	width: auto;
}
div.kolom-midden input.button:hover { text-decoration: underline; }

/* Zoekformulier
------------------------------------------------------------------*/
form#zoekformulier {
	background: #00b9f3 url(/img/formulieren/zoeken-veld.gif) no-repeat 15px 13px;
	float: right;
	margin-top: 80px;
	padding: 13px 0;
	width: 237px;
}
form#zoekformulier, form#zoekformulier fieldset { float: right; }
form#zoekformulier input { float: left; }

form#zoekformulier input.text {
	background: none;
	border: none;
	font-size: 10px;
	height: 14px;
	margin: 2px 11px 0 0;
	width: 126px;
}

form#zoekformulier input.button { background-image: url(/img/formulieren/zoeken-submit.gif); }
form#zoekformulier input.button:hover { text-decoration: underline; }
/* Zoekformulier op zoekresultatenpagina
------------------------------------------------------------------*/
form#zoekresultaten-zoeken { margin-bottom: 1.2em; }
form#zoekresultaten-zoeken input { float: left; }
form#zoekresultaten-zoeken input.text {margin-right: 18px; width: 220px; }

/* Zoekformulier op bedrijvengids
------------------------------------------------------------------*/
form#zoek-bedrijven {
	background: #00b9f3;
	padding: 6px 12px;
	margin-bottom: 1.2em;
}
form#zoek-bedrijven h2 {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: .4em;
}
form#zoek-bedrijven input.text {
	float: left;
	margin-right: 8px;
	width: 135px;
}
form#zoek-bedrijven input.button {
	border: 1px solid #47ccf6;
	margin-top: -1px;
	padding-left: 6px; padding-right: 6px;
}
form#zoek-bedrijven input.button:hover { text-decoration: underline; }
/* Inloggen-top
------------------------------------------------------------------*/
form#inloggen-top {
	background: url(/img/formulieren/inloggen-top.gif) no-repeat;
	/*margin-left: 236px;*/ /* deze is voor het eventueel weer inkorten van de loginbalk  */
	margin-top: 14px;
	padding-left: 20px;
}

form#inloggen-top fieldset {
	background: url(/img/formulieren/inloggen-top.gif) no-repeat top right;
	padding: 7px 10px 10px 0;
}

form#inloggen-top p.info { float: left; margin-bottom: 0; font-size: 11px; }

form#inloggen-top ol {
	background: url(/img/formulieren/inloggen-top-titel.gif) no-repeat 0 6px;
	float: left;
	margin: -2px 0 0 182px;
	padding-left: 67px;
}

form#inloggen-top ol li { float: left; }
form#inloggen-top input.text { font-size: 11px; margin-right: 5px; }
form#inloggen-top input.button {
	background-image: url(/img/formulieren/inloggen-top-submit.gif);
	float: left;
	margin-top: 2px;
}
form#inloggen-top input.button:hover { text-decoration: underline; }
/* Inlogformulier op inlogpagina
------------------------------------------------------------------*/
form#inloggen { float: left; position: relative; width: 342px; }
form#inloggen li.links { margin-right: 0; }
form#inloggen label.option { font-size: 11px; }
form#inloggen input.button { /* ie */
	background: #ff4800;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: -38px;
	position: absolute;
	padding: .3em 8px;
	right: 0;
	cursor: pointer;
}
form#inloggen input.button:hover { background-color: #C43002; }
div.inloggen-rechts { float: right; padding-top: 17px; width: 324px; }

/* aanmelden nieuwsbrief */
form#aanmelden-nieuwsbrief input.button {
	background: #ff4800;
	font-size: 1.2em;
	font-weight: bold;
	padding: .3em 8px;
	cursor: pointer;	
	width: auto;
	overflow: visible;
}

form#aanmelden-nieuwsbrief input.button:hover {
	background-color: #C43002;
}

/* 'Bel me terug'-formulier
------------------------------------------------------------------*/
form.bel-me {
	padding: 1px 0 6px;
	background: #ff4800;
}
form.bel-me h3 {
	background: #fff;
	color: #ff4800;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 1px 12px;
	padding: 8px 3px;
	text-align: center;
}
form.bel-me input.text {
	border-color: #b83400;
	display: block;
	margin: 0 auto;
	width: 148px;
}
form.bel-me input.button {
	background-image: url(/img/formulieren/bel-me-button.gif);
	float: right;
	height: 33px;
	margin: 6px 4px 0 0;
	width: 105px;
}

/* Formulier met 'kolommen'
------------------------------------------------------------------*/
form ol.kolommen li { float: left; margin-bottom: 6px; width: 350px; }
form li.keuze, form ol.kolommen li { padding: 0; }
form ol.kolommen li.breed li { float: none; width: auto; }
form ol.kolommen { margin-bottom: 12px; }
form ol.kolommen li.breed { margin-right: 0; width: 710px; }
form ol.dynamic {margin-bottom: 0px }
form ol.kolommen li.rechts { margin-right: 0; position: relative;  }
ol.kolommen input.text, ol.kolommen textarea { width: 332px; }
ol.kolommen input.kort { width: 261px; }
ol.kolommen input.korter { text-align: center; width: 60px; }
ol.kolommen li.breed textarea { width: 700px; }
ol.kolommen select { width: 342px; padding: 2px 0; }
form h3, h3.form-h3 { color: #50387a; font-size: 1.6em; margin-bottom: 6px; }
form h3.border { border-bottom: 1px solid #50387a; padding-bottom: 6px; }
/*.border-blauw form h3 { color: #00b9f3; }*/
.border-blauw form h3 { color: #50387a; }

/* Filter
------------------------------------------------------------------*/
form.filter { background: #dcd7e4; padding: 12px 16px; }
form.filter fieldset { float: right; }
form.filter label { float: left; margin: 1px 8px 0 0; } /* ie */

form.filter a.collapse {
	background: url(/img/paars-pijltjes.gif) no-repeat right 50%;
	color: #fff;
	float: right;
	padding: .2em 48px .2em 6px;
	
}

/* Filter uitgebreid
------------------------------------------------------------------*/
form.filter-uitgebreid { margin-bottom: 24px; }
form.filter-uitgebreid fieldset { float: none; }
form.filter-uitgebreid input.button {
	background: url(/img/paars-pijltjes.gif) no-repeat right 50%;
	padding-left: 12px;
	padding-right: 24px;
}
form.filter-uitgebreid ul { padding-top: 8px; }
form.filter-uitgebreid li {
	float: left;
	margin: 0 12px 12px 0;
	width: 306px;
}
form.filter-uitgebreid label {
	float: left;
	text-align: right;
	width: 150px;
}
form.filter-uitgebreid li.rechts { margin-right: 0; width: 390px; }
form.filter-uitgebreid li.rechts label {
	width: 230px;
}
form.filter-uitgebreid select { float: right; }
form.filter-uitgebreid p.wis { margin-bottom: 0; text-align: right; }

/* Filter-opties
------------------------------------------------------------------*/
div#filter-opties label {
	text-align: left;
	width: 200px;
}
div#filter-opties ul {
	padding-bottom: 8px;
}
div#filter-opties select {
	float: left;
	width: 140px;
	width: 220px;
}
div#filter-opties li {
	width: 100%;
	margin: 0 12px 0px 0;
}
/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier { position: relative; }
form.webbeheer-formulier fieldset {
	margin: 0; padding: 0;
	border: none;
}

form.webbeheer-formulier em.verplicht { position: absolute; left: 167px; margin-top: -2px; }
form.webbeheer-formulier legend { display: none; }
form.webbeheer-formulier ul.velden { list-style: none; }

form.webbeheer-formulier li {
	overflow: hidden; height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier label {
	width: 165px; margin-right: 15px;
	float: left;
}
form.webbeheer-formulier input { float: left; }
form.webbeheer-formulier fieldset.radiogrouper { float: left; }
form.webbeheer-formulier fieldset.radiogrouper div { overflow: hidden; height: 1%; }
form.webbeheer-formulier fieldset.radiogrouper label { width: auto; margin: 0 0 0 5px; }

/* Sectie binnen formulier
------------------------------------------------------------------*/
form div.sectie {
	background: #dcd7e4;
	margin: 0 -16px 12px;
	padding: 1em 16px;
}
form div.needs-update p.vraag span { color: red; font-weight: bold; }
form div.meldleverancier {
	margin: 0;
}
div.meldleverancier input.tekst {
	background: #FFFFFF url(/img/formulieren/input-text.gif) repeat-x scroll 0 0;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	border: 1px solid #B8B8B8;
	color: #333;
	padding: 4px 3px;
	width: 290px;
}
form div.sectie p { clear: both; margin-bottom: 0; }

form div.sectie-nom { margin-bottom: 0; }
form div.sectie span.ingevuld,
form div.sectie div.wijzig {
	float: right;
	width: 420px;
}
form div.aansluitend-onder { margin-bottom: -16px; }
form div.sectie p.vraag {
	font-weight: bold;
	margin-bottom: .4em;
	float: left;
}
form div.sectie ol { margin-bottom: 0; }
form div.sectie ol.keuzes { clear: both; }

div.border-blauw form div.sectie {
	background: #dbf5fd;;
}

/* Aanpasbare sectie binnen formulier
------------------------------------------------------------------*/
form div.sectie-aanpassen {
	background: #b9afca;
	margin-top: -12px;
}
form div.sectie-aanpassen select { margin-bottom: 4px; }

/* Keuzes
------------------------------------------------------------------*/
form ol.keuzes span.keuze {
	float: left;
	width: 200px;
}
form ol.keuzes ul { float: left; width: 300px; }
form ol.keuzes li.keuze { margin-bottom: 12px; }
form ol.keuzes ul li.keuze { margin-bottom: 0; }
form ol.keuzes ul label { float: left; }

div.kolom-midden a.tooltip {
	background: url(/img/v2/tooltip-icon.gif) no-repeat;
	position: absolute;
	width: 17px;
	height: 15px;
	margin-left: 6px;
	cursor: pointer;	
}

div.kolom-midden div.tooltip {
	background: #fff;
	border: 1px solid #50387A;
	position: absolute;
	width: 300px;
	display: none;
	margin-left: 30px;
	padding: 10px;
	z-index: 100;
}
body#aanmelden form ol.kolommen li.rechts { position: static;  }
div.kolom-midden a.tooltip { position: inline-block; }
div.kolom-midden div.tooltip a.close {
	background: url(/img/close.gif) no-repeat ;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 14px;
	right: 10px;
	cursor: pointer;
}

ol.bevestig a.tooltip { margin-left: -29px; }
ol.bevestig div.tooltip { margin-left: -5px; }

div.kolom-midden div.tooltip dl { margin: 0; padding: 0; }
div.kolom-midden div.tooltip dl dt { color: #50387A; font-size: 1.1em; margin: 0 0 10px 0; padding: 0; }
div.kolom-midden div.tooltip dl dd { margin: 0; padding: 0; }
div.kolom-midden div.tooltip dl dd ul li { background: url(/img/pijltjes/blauw-witgrijs.gif) no-repeat 0 6px; padding-left: 20px;  }
div.kolom-midden div.tooltip dl dd ol { list-style: decimal; list-style-position: inside; }
form select.inline-keuze { margin-left: 12px; }

/* Aanmeld keuze
------------------------------------------------------------------*/
a.keuzeblok { 
	width: 325px;
	padding: 10px;
	text-decoration: none;
	position: relative;
}

a.keuzeblok span { display: block; }

a.keuzeblok span.button { float: none; position: absolute; top: 0; right: 0; }

a.keuzeblok span.titel { font-size: 1.6em; margin-bottom: 10px; }

a.keuzeblok span.tekst { margin: 0; }

a.keuzelinks {
	border: 1px solid #555F63;
	float: left;
	color: #fff;
	background-color: #555F63;
}

a.keuzelinks:hover { background-color: #6d797e; }
a.keuzerechts:hover { background-color: #6949a1; }

a.keuzerechts {
	border: 1px solid #50387A;
	float: right;
	color: #fff;
	background-color: #50387A;
}

a.keuzerechts h2 { color: #50387A; }

/* Aanmeldformulieren
------------------------------------------------------------------*/
h2.form-navigatie {
	background: url(/img/formulieren/aanmelden/h2-navigatie.gif) repeat-x;
	color: #fff;
	font-size: 1.5em;
	padding: 42px 25px 20px;
	text-transform: lowercase;
	z-index: 1;
}

ul.form-navigatie {
	margin: 0 12px -24px;
	z-index: 2;
}
ul.form-navigatie li {
	background: url(/img/formulieren/aanmelden/li-navigatie.gif) no-repeat;
	color: #a7a7a7;
	float: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	list-style: none;
	margin-right: 30px;
	position: relative;
	text-align: center;
	width: 48px;
}
ul.form-navigatie li.active {
	background-position: left bottom;
	color: #50387a;
}

div.inside form.stappen fieldset {
	padding: 16px;
}

form.stappen div.buttons {
	background: #50387a;
	color: #fff;
	font-weight: bold;
	padding: 16px;
	text-transform: lowercase;
}

div.buttons p { margin-bottom: 0; }

div.buttons input[type=submit],
div.buttons button {
	background: #fff;
	border: none;
	color: #50387a;
	float: left;
	font-weight: bold; 
	padding: 2px 5px;
}
div.buttons span { float: left; margin-left: 6px; }
div.buttons p.links { float: left; }
div.buttons p.rechts { float: right; }

div.buttons input[type=submit],
div.buttons p.rechts p.links button { cursor: pointer; margin-right: 6px; }

div.buttons p.rechts input[type=submit],
div.buttons p.rechts button { margin-left: 6px; }

div.buttons input[type=submit]:hover { background: #DCD7E4; }

div.buttons-afronden p.links { margin-top: 14px; }

p.direct_offerte_aanvraag_doen { margin-bottom: 2.5em; }
a.direct_offerte_aanvraag_doen { 
	background: #FF4800 none repeat scroll 0 0;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	margin: 16px;
	padding: 10px;
	text-decoration: none;
}
a.direct_offerte_aanvraag_doen:hover { 
	text-decoration: underline;
}
body#aanmelden ol.kolommen li.topmargin { 
	margin-top: 15px;
	float: right;
}
ol.kolommen li.rechts a.tooltip_contacttype { position: absolute; top: 10px;}


/*	Lightwindow
------------------------------------*/
#lightwindow_stage div.kolom-midden {
	float: none;
}
#lightwindow_stage {
	color: #404040;
}

/*	Blauw aanmeldformulieren
------------------------------------*/
div.border-blauw h2.form-navigatie {
	background-image: url(/img/formulieren/aanmelden/h2-navigatie-blauw.gif);
}
div.border-blauw ul.form-navigatie li {
	background-image: url(/img/formulieren/aanmelden/li-navigatie-blauw.gif);
}
div.border-blauw ul.form-navigatie li.active { color: #00b9f3; }
div.border-blauw form.stappen div.buttons { background: #00b9f3; }
div.border-blauw div.buttons button { color: #00b9f3; }

/* Indienformulieren
------------------------------------------------------------------*/
form div.sectie-indienen li { margin-bottom: 16px; }
form div.sectie-indienen ol.bevestig li { margin-bottom: 0px; padding: 0; }
form div.sectie-indienen label { float: left; margin-right: 35px; width: 220px; }
form diV.sectie-indienen input.text, form.indienen textarea { width: 290px; }
form diV.sectie-indienen input.kort { width: 100px; }
form diV.sectie-indienen select { width: 298px; }
form div.sectie-indienen input.radio,
form div.sectie-indienen input.checkbox { float: none; margin: 0; }

p.resultaten { margin: 0 0 0 16px; }
p.resultaten span { color: #ff4800; font-weight: bold; }

div.kolom-midden p.submit { margin-bottom: 0; }
div.kolom-midden p.submit input {
	background: url(/img/paars-pijltjes.gif) no-repeat right 50%;
	float: right;
	margin-right: 16px;
	padding: 4px 28px 4px 8px;
	width: 210px;
}
p.wijzig-gegevens,
p.sla-op { margin-bottom: 0; }

p.wijzig-gegevens a,
p.wijzig-gegevens input.submitbutton,
p.sla-op a {
	background: url(/img/paars-pijltjes.gif) right center;
	color: #fff;
	float: left;
	margin-left: 290px;
	padding: 1px 30px 2px 6px;
	border: 1px solid #000;
	cursor: pointer;
	
}

p.wijzig-inactive a {
	background-image: url(/img/lichtpaars-pijltjes.gif);
}

p.sla-op a {
	background-position: left center;
	border: 1px solid #ccc5d9;
	float: right;
	padding-right: 6px;
}
/* Knop aan passen
------------------------------------------------------------------*/
a.pasaan {
	background: #ff4800;
	color: #fff;
	float: right;
	font-weight: normal;
	padding: 8px 12px;
	text-align: left;
	font-size: 1.2em;
}
a.pasaan span {
	background: url(/img/pijltjes/wit-oranje.gif) no-repeat right center;
	float: right;
	line-height: 120%;
	padding-right: 26px;
}
p.conceptm { margin-bottom: -12px; }
input.concept {
	background: #4F3779 url(/img/formulieren/kolom-midden-submit.gif) repeat-x scroll 0 bottom;
	border: none;
	color: #fff;
	cursor: pointer;
	float: right;
	padding: 4px 10px;
	font-size: 1em;
}

/* Knop afronden
------------------------------------------------------------------*/
p.afronden button,
div.buttons p.afronden button {
	background: #ff4800;
	border: none;
	color: #fff;
	float: right;
	font-weight: normal;
	padding: 8px 12px;
	text-align: left;
	width: 334px;
}
p.afronden button:hover, 
div.buttons p.afronden button:hover {
	background: #DF480D;
}
p.afronden span { float: left; display: inline; }
p.afronden span.titel {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 6px;
}
p.afronden span.tekst { /* ie */
	background: url(/img/pijltjes/wit-oranje.gif) no-repeat right center;
	float: right;
	line-height: 120%;
	padding-right: 38px;
	width: 130px;
}

/* Offerte uitbrengen
------------------------------------------------------------------*/
form.offerte-uitbrengen p.heading {
	color: #00b9f3;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0;
}
form.offerte-uitbrengen label { margin-bottom: 3px; }
form.offerte-uitbrengen label.upload {
	background: url(/img/icons/paperclip.gif) no-repeat 3px 50%;
	float: left;
	margin-right: 12px;
	padding: 1px 0 1px 26px;
}
form.offerte-uitbrengen a.verwijderen { margin-left: 12px; }
form.offerte-uitbrengen div.onderdeel { margin-bottom: 3em; }
form.offerte-uitbrengen textarea { width: 702px; }

form.offerte-uitbrengen .split label {
	float: left;
	margin-right: 12px;
	width: 200px;
}

form.offerte-uitbrengen .split input.text { width: 200px; }

form.offerte-uitbrengen input.button {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 12px;
}

/* Offerte-aanpassingen
------------------------------------------------------------------*/
form#offerte-aanpassingen {
	background: #e7e7e7;
	margin: -24px -16px 32px;
}
form#offerte-aanpassingen ol { margin-bottom: 2em; }
form#offerte-aanpassingen fieldset { padding: 16px; }
form#offerte-aanpassingen ol.split { margin-bottom: 2em; }
form#offerte-aanpassingen ol.split li {
	float: left;
	width: 234px;
}
form#offerte-aanpassingen div.submit {
	text-align: right;
}
form#offerte-aanpassingen div.submit a {
	color: #50387a;
	font-size: 1.2em;
	font-weight: bold;
}
form#offerte-aanpassingen input.button {
	background: #ff4800;
	color: #fff;
	float: none;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 24px;
}


/* Mijn gegevens
------------------------------------------------------------------*/
form.mijn-gegevens input.button { margin-bottom: 24px; }
ol.mijn-gegevens {
	float: left;
	margin-bottom: 24px;
	width: 306px;
}
ol.mijn-gegevens-rechts { float: right; }

ol.mijn-gegevens label {
	float: left;
	font-weight: bold;
	width: 100px;
}
ol.mijn-gegevens input.text,
ol.mijn-gegevens select {
	float: right;
	margin: 0;
	width: 194px;
}
ol.mijn-gegevens select { width: 201px; }

/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }
th { text-align: left; }
td, th { padding: 5px; vertical-align: top; }
td.met-link, th.met-link { padding: 0; }
table .met-link a {
	color: #404040;
	display: block;
	height: 1%;
	padding: 5px;
	text-decoration: none;
}
table .met-link a.concept { background-position: 5px 10px; padding-left: 22px; }

table .met-link a.blauw { color: #00b9f3; }
table .met-link a.groen { color: #8aad00; }
table .met-link a.oranje { color: #ff4800; }
table .met-link a.paars { color: #50387a; }
table .met-link a.rood { color: #cc0000; }
table .met-link a.wit { color: #fff; }
table .met-link a.zwart { color: #000; }

.statusmelding-groen { 
	background: #d6ffcb; 
	border: 1px solid #1d8b00;
	color: #000;
	clear: both;
	display: block;
	margin: 1em 0;
	padding: 5px;
	text-align: center;
}

th.tcenter input,
td.tcenter input { margin-left: 6px; }

/* Tabel in frontblok
------------------------------------------------------------------*/
div.front-blok table { line-height: 120%; }
div.front-blok td { background: #3acaf7; }
div.front-blok tr.oneven td { background: #26c4f5; }
div.front-blok tr:hover td, div.front-blok tr.hover td { background: #77d6f4; }
div.front-blok table a { color: #000; text-decoration: none; }

/* FCK-editor-tabel
------------------------------------------------------------------*/
div.alinea table {
	width: 100%;
	margin: 1em 0;
	color: #545454;
	border-spacing: 0;
	border: 1px solid #50387A;
}

div.alinea table td,
div.alinea table th {
	padding: .2em 4px;
	border: 1px solid #50387A;
}

/* Overzicht (mijn zakenpodium)
------------------------------------------------------------------*/
table.overzicht { margin-bottom: 1em; width: 100%; }
table.overzicht th {
	background: url(/img/gradients/grijs-wit.gif) repeat-x;
	padding-top: 20px;
	text-transform: lowercase;
	vertical-align: bottom;
}
table.overzicht td, table.overzicht th { border-bottom: 1px solid #e8e8e8; }
table.overzicht tbody tr:hover td,
table.overzicht tbody tr.hover td { background: #edf1f2; }
table.overzicht img.pijltje { display: block; margin: 2px auto 0; }

/* Tabel in zijkolom
------------------------------------------------------------------*/
div.zijkolom table { margin-bottom: 1.2em; width: 100%; }
div.zijkolom td, div.zijkolom th { padding: 0; }

/* Resultaten
------------------------------------------------------------------*/
table.resultaten { margin-bottom: 1.6em; width: 100%; }
table.resultaten thead th { padding: 5px 0; }
table.resultaten thead th.tcenter { padding: 5px 0; }
table.resultaten td, table.resultaten th { border-bottom: 1px solid #d5d5d5; }
table.resultaten td,
table.resultaten th { padding: 0; }
table.resultaten th span { padding: 5px; display: block; }
table.resultaten tbody tr:hover td,
table.resultaten tbody tr.hover td,
table.resultaten tr.active td { background: #dcd7e4; }

table.resultaten tr.active td { background: #e2e5e6  url(/img/resultaten-tr-hover) repeat-x; } 

table.resultaten td, table.resultaten .met-link a { color: #616161; }
table.resultaten td.met-link a { padding: 5px 0 5px 6px; }

table.resultaten tr:hover td,
table.resultaten tr.hover td,
table.resultaten tr.active td,
table.resultaten tr:hover .met-link a,
table.resultaten tr.hover .met-link a,
table.resultaten tr.active .met-link a { color: #000; }
table.resultaten tr.details td { color: #404040; }
table.resultaten tr.details p.info { float: left; font-weight: normal; width: 250px; }
table.resultaten p.media { float: right; }
table.resultaten img.logo { float: left; margin-left: 26px; }

table.resultaten tr.details td fieldset { padding-left: 44px; width: 250px; }
table.resultaten .col-first,
table.resultaten td.col-first { padding-left: 39px; }

table.resultaten tr.details-zichtbaar { display: table-row; } /*ie*/
table.resultaten tr.details td,
table.resultaten tr.details:hover td {
	padding: 16px 0;
}

table.resultaten tr.details td.opmaak { padding-left: 5px; }
table.resultaten tr.details td.opmaak a.info-knop {
	background: #FF4800 url(/img/pijltjes/wit-oranje.gif) no-repeat 95% center;
	line-height: 120%;
	color: #fff;
	padding: 0.3em 8px;
	padding-right: 26px;	
}
table.resultaten tr.details td.opmaak a.info-knop:hover { text-decoration: none; background-color: #C43002; }
table.resultaten tbody tr.hover a.meer-info,
table.resultaten tr.active  a.meer-info {
	color: #50387a;
}

table.resultaten a.deselecteren {
	background: #50387a;
	color: #fff;
	display: block;
	margin: 5px 5px 5px 0;
	text-align: center;
}

table.resultaten a.profiellink {
	float:right;
	margin: 20px 50px 0 0;
	background: #00B9F3;
	color: #fff;
	padding:8px 20px;
	text-decoration: none;
}
table.resultaten a.profiellink:hover {
	text-decoration: underline;
}
/* Reacties
------------------------------------------------------------------*/
table.reacties {
	border-collapse: collapse;
	margin: 0 -16px 24px;
	width: 744px;
}
table.reacties tbody td {
	border: solid #e8e8e8;
	border-width: 1px 0;
}
table.reacties .col-first { padding-left: 16px; }
table.reacties tbody tr:hover td,
table.reacties tbody tr.hover td { background: #d1cde0; cursor: pointer; }

div#actieveID {
	background-color: #FFD959;
	border: 1px solid #FFD959;
	line-height: 30px;
	text-align: center;
	margin: 0px 0px 8px 0px;
	
}
/* Show koper
------------------------------------------------------------------*/
th.col-datum {
	width: 100px;
	}
th.col-status {
	width: 100px;
	}
div.success {
	font: normal 8pt/40px Verdana;
	border: 4px solid #267F00;
	background-color: #CEFFB2;
	text-align: center;
	margin: 10px 0;
}
input#indienen-datum {
	background: #f3f1f5 url(/img/bg.gif) repeat-x;
	cursor: pointer;
}
div.errorContainer {
	border: 1px solid #f00;
	background-color: #F5A9A9;
	padding-left: 5px;
	color: #fff;
	margin-right: 2px;	
}	
h2 small {
	font-size: 0.5em;
}

/* subbranche */

form ol.kolommen li.subbranche {
	margin-top: 12px;
	margin-bottom: -12px;
}

form ol

strong.rootbranche {
	display: block;
	margin-bottom: 16px;
	margin-top: 6px;
}

ul.rootbranche li ul {
	margin-left: 25px;	
}

ul.rootbranche li.subbranches img {
	margin-left: 6px;
}

ul.rootbranche li.subbranches h2 {
	margin-left: 5px;
}


a.cta {
	display: block;
	width: 73px;
	height: 70px;
	background: url('/img/cta.png') no-repeat right 0;
	padding: 10px 26px 14px 9px;
	margin: 0 0 8px 116px;
}
a.cta span, a.cta:hover span.hover {
	background: no-repeat center center;
	display: block;
	width: 73px;
	height: 70px;
	text-indent: -9999px;
}
a.cta:hover span, a.cta span.hover {
	display: none;
}
a.cta:hover {
	background-position: right -94px;
}