/*
#################
#	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%/175% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #fff; font-size: 1.2em; padding-top: 25px; }

/* 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; }

.wide { width: 100%; }

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

.cred{ color: #000; }
/* Afbeeldingen
------------------------------------------------------------------*/
img { border: none; display: block; vertical-align: middle; }

/* Alinea's en paragafen
------------------------------------------------------------------*/
div.kolom-midden p, div.alinea { color: #7a7a7a; margin-bottom: .5em; padding: 0.3em 0px 2px; clear: both; }
div.kolom-midden div.alinea { background:url(../../assets/img/stippellijn.png) no-repeat left top; padding-top: 10px; margin-left: 35px;}
div.kolom-midden div.intro p { color: #333; }

/* Overflow
------------------------------------------------------------------*/
.overflow { overflow: hidden; }

/* Headings
------------------------------------------------------------------*/
h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; color: #00acd7; margin-bottom: 0;}
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

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


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

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

div#header{
	margin-bottom: 10px;
	position: relative;
	height: 125px;
}

div#header div.datumlocatie{
	position: absolute;
	bottom: 0px;
	right: 0;
	text-align: right;
	font-size: 1em;
	color: #7a7a7a;
}
/* Logo
------------------------------------------------------------------*/
p#logo {
	background:url(../../assets/img/logo.png) no-repeat;
	float: left;
	height: 125px;
	margin-bottom: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 232px;
}
p#logo a { display: block; height: 50px; }

/* Kolommen
------------------------------------------------------------------*/
div.kolom-wrapper {
	float: left;
	width: 675px;
}
div.kolom-wrapper-rechts { float: right; }

div.kolom-midden {
	float: left;
	width: 620px;
}
div.kolom-wrapper-rechts div.kolom-midden { float: left; }
div.kolom-wrapper-rechts div.kolom-midden-breed,
div.kolom-midden-breed { float: none; width: auto; }

div.zijkolom { min-height: 10px; overflow: hidden; }
div.kolom-links {
	float: left;
	width: 200px;
	margin-right: 25px;
	background: #e6e6e6;
}
div.kolom-rechts {
	float: right;
	width: 311px;
}

div.risicowijzer{
	background:url(../../assets/img/stippellijn.png) no-repeat left top; 
	padding-top: 10px;
	margin:20px 0;
	float: right;
}

div.risicowijzer p{
	background:url(../../assets/img/stippellijn.png) no-repeat left bottom; 
	padding-top: 15px;
	padding-bottom: 10px;
	color: #7a7a7a;
	width: 300px;
}

/* Inhoud kolom-midden
------------------------------------------------------------------*/
div.kolom-midden h1 { margin-bottom: 1em; }
div.kolom-midden table td{ vertical-align: top;}

/* Footer
------------------------------------------------------------------*/
div#footer { background:url(../../assets/img/stippellijn.png) no-repeat left top; margin-top: 20px; padding-top: 10px; clear: both; }
div#footer p { margin-bottom: 0; font-size: .9em; padding: 0px 10px;}

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

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

ul.errors{ border: 4px solid red; padding: 5px; }

/*
####################
#	FORMULIEREN	   #
####################
*/

div.inschrijfformulier-wrapper{
	background: url(../../assets/img/form-bottom.png) no-repeat bottom left #00acd7;
	width: 311px;
	overflow: hidden;
	margin-top: 10px;	
	float: right;
	color: #FFF;
	padding-bottom: 15px;
}

div.inschrijfformulier-wrapper form p{ color: #FFF;}

div.inschrijfformulier-wrapper form{
	background: url(../../assets/img/form-top.png) no-repeat top left;
	padding: 20px;
}

div.inschrijfformulier-wrapper form li{
	padding: 2px;
	overflow: hidden;
	clear: both;
}

div.inschrijfformulier-wrapper form label{
	width: 100px;
	color: #FFF;
	float: left;
	clear: left;
	line-height: 20px;
}

div.inschrijfformulier-wrapper form input.checkbox{
	float: left;
}

div.inschrijfformulier-wrapper form input.text{
	float: left;
	margin-bottom: 3px;
	border: 1px solid #FFF;
	padding: 2px;
}

div.inschrijfformulier-wrapper form .button{
	height: 31px;
	width: 165px;
	margin-right: 10px;
	border: 0;
	background: url(../../assets/img/form-verzend.png) no-repeat;
	cursor: pointer;
	float: right;
}

div.inschrijfformulier-wrapper form .button:hover{
	background: url(../../assets/img/form-verzend-hover.png) no-repeat;
}
div.inschrijfformulier-wrapper form .button:focus{
	background: url(../../assets/img/form-verzend-focus.png) no-repeat;
}

div.kinderopvang label,
div.basisonderwijs label,
div.peuterspeelzaal label,
div.overig label{
	clear: none !important;
	padding-left: 5px;
	float: left;
}

div.kinderopvang,
div.basisonderwijs,
div.peuterspeelzaal,
div.overig,
div.dhr{
	float: left;
	clear: left;
	margin-left: 95px;
	line-height: 17px;
	display: inline;
}
div.kinderopvang{ margin-top: 5px; }
div.overig{ margin-bottom: 5px;}
div.mevr{ float: left; }

li.organisatie_tip{
	line-height: 100%;
}

li.organisatie_tip small{
	display:block;
	margin-top:-3px;
	padding-bottom:10px;
	padding-left:101px;
	width:140px;
	float: left;
}

div.stippellijn{
	background: url(../../assets/img/form-stippellijn.png) no-repeat 0% 50%;
	height: 20px;
	clear: both;
}

/*
####################
#	LOGIN		   #
####################
*/

form#login{
	border: 3px double #00ACD7;
	width: 255px;
	margin: 20px auto 0;
	padding: 25px;
}

form#login .text{
	width: 100%;
	margin:2px 0 10px 0;
	font-size: 1.2em;
	border: 1px solid #CCC;
	padding: 2px;
}

form#login .button{
	float: right;
	margin-top: 10px;
}

p#logo-login {
	background:url(../../assets/img/logo.png) no-repeat;
	height: 125px;
	margin:0 auto 40px;
	overflow: hidden;
	text-indent: -9999px;
	width: 232px;
}


/*
####################
#	OVERZICHT	   #
####################
*/
h2.overzicht{
	margin-left: 35px;
	margin-top: 40px;
	font-size: 2em;
}

a.logout{
	float: right;
	padding: 6px 5px 4px 25px;
	background: url(../../assets/img/door_out.png) no-repeat 5px 50%;
	color: #000;
	border: 1px solid #49cdee;
	text-decoration: none;
}

a.logout:hover{
	background-color: #00ACD7;
	color: #FFF;
}
table.overzicht{
	margin-left: 35px;
	margin-top: 20px;
	width: 925px;
	margin-bottom: 20px;
}

table.overzicht th{
	border-bottom: 1px solid #000;
	background: #00ACD7;
	color: #FFF;
	padding: 5px;
	text-align: left;
	vertical-align: bottom;
	
}
table.overzicht td{
	border-bottom: 1px solid #CCC;
	height: 25px;
	padding: 3px;
}