h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{}

body, html {
	font-family:Arial;
	background:#DC0005;
	font-size:12px;
	color:#222;
	margin:0;padding:0;
}
a {
	color:#DC0005;
}
a img {
	border:solid 1px white;
}
a:hover img {
	border:solid 1px #CC3399;
}

div.publiekIndex {
	margin:0;padding:0;
}

div.test {
	width:970px;
	height:263px;
	margin:0 auto;
	padding:0;
	padding-top:0px;
	background:#FFF;
	float:left;
}

div.cursusweb {
	width:970px;
	margin:0 auto;
	padding:0;
	padding-top:0px;
	background:#FFF url(../navigatie/images/logo_rd.gif) top left no-repeat;
}
div.container {
	background:url(../img/layout/publiek-bg2.png) top left repeat-y;
}
div.header {

}

/* Links */
div.cursusweb div.links {
	width:191px;
	float:left;
	min-height:500px;
	padding-left:15px;
}
div.allesOver {
	width:200px;
	margin-top:2px;
}
div.allesOver a, div.ijsterkMenuTop ul li a {
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	width:187px;
	background:#DC0005;
	color:white;
	padding:5px 0;
	text-align:center;
	border:solid 1px #DC0005;
	text-transform:uppercase;
	height:26px;
}
div.allesOver a:hover, div.ijsterkMenuTop ul li a:hover {
	background:white;
	color:#DC0005;
}
div.allesOver a {
	font-size:12px;
	padding-top:12px;
	height:20px;
}

div.links div.menu {
	margin-top:40px;
}
div.links div.menu ul {
	list-style:none;margin:0;padding:0;
	border-top:dotted 1px #DC0005;
	margin:4px 0 13px 0;
}
div.links div.menu ul li {
	list-style:none;margin:0;padding:0;
	border-bottom:dotted 1px #DC0005;
} 
div.links div.menu ul li a{
	color:#000000;
	display:block;
	height:20px;
	padding-top:4px;
	text-decoration:none;
	width:191px;
	cursor:pointer;
}
div.links div.menu ul li.winkelwagentje {
	/*font-style:italic;*/
}
div.links div.menu ul li a {
	background-color:none;
}
div.links div.menu ul li.winkelwagentje a {
	background:url(../img/ib/shopping-cart_16.png) 165px 4px no-repeat;
}
div.links div.menu ul li a:hover{
	color:#FFF;
	background-color:#DC0005;
}
div.links div.profiel {
	margin-top:30px;
	background:#FFF;
	padding:15px 10px;
	width:180px;
}

/* Rechts */
div.cursusweb div.rechts {
	width:828px;
	float:right;
	padding:0 20px 0 14px;
}
div.ijsterkMenuTop {
	margin-top:2px;
	float:none;clear:both;
	height:40px;
}
div.ijsterkMenuTop ul {
	list-style:none;margin:0;padding:0;
}
div.ijsterkMenuTop ul li {
	list-style:none;margin:0;padding:0;
	float:left;
}
div.ijsterkMenuTop ul li a {
	width:117px;
	font-size:11px;
	margin-right:2px;
}
div.ijsterkMenuTop ul li a:hover {

}


div.footer {
	float:none;
	clear:both;
	background:white;
	padding:30px 20px 20px 260px;
	color:#DC0005;
}
div.footer a {
	margin:0 5px;
	text-decoration:none;
	border-bottom:1px dotted #DC0005;
}
div.footer a:hover {
	border-bottom:1px solid #DC0005;

}
div.footer a.special {
	color:#00A0E1;
	border-bottom:1px dotted #00A0E1;
}
div.footer a.special:hover {
	border-bottom:1px solid #00A0E1;
}

/* Content */
div.content {

}
div.content h1 {
	padding:0;
	margin:0 0 0.5em 0;
	font-size:16px;
	padding-bottom:0.2em;
	color:#DC0005;
}
div.content p {
	text-align:justify;	
}
div.content table {
	width:100%;
}
div.content div.col1 {
	position:relative;
}
div.content div.col1_2 {
	width:250px;
	position:absolute;
	right:0px;
	top:25px;
}
/* Bestelformulier voor een activiteit */
div.content div.col1_2 div.bestelActiviteit {
	background:#FFECEC;
	padding:12px 15px 15px 15px;
	margin-bottom:15px;
}
div.content div.col1_2 div.bestelActiviteit h3 {
	border-bottom:solid 1px #FFF;
	padding:0;margin:0;
	padding-bottom:9px;
}
span.postponed {
	background:url(../img/ib/history_16.png) top left no-repeat;
	padding:0 0 0 20px;
	display:block;
}
div.content div.col1_2 div.bestelActiviteit span.addToCart {
	background:url(../img/ib/shopping-cart_16.png) top left no-repeat;
	padding:0 0 0 20px;
	display:block;
}

/* Ideal betalen */
div.ideal {
	float:right;
	width:165px;
	margin-bottom:-50px;
}
div.idealleft {
	float:left;
	width:165px;
	margin-bottom:-50px;
}
div.ideal a {
	display:block;
	border:solid 1px #DC0005;
	padding:13px 15px;
	background:url(../img/ideal.png) 120px 4px no-repeat;
}
div.ideal a:hover {
	background-color:#DC0005;
	color:white;
}
/* Startpagina - cursussen */
div.cursussen ul, div.cursussen ul li {
	margin:0;padding:0;list-style:none;
}
div.cursussen {
	
}
div.cursussen table {

}
div.cursussen table td, div.content div.cursussen table tr td {
	background:none;
	border-bottom:none;
	padding:2px;
}
div.content div.cursussen table thead td {
	font-weight:bold;
}
div.content div.cursussen table tbody td {
	font-size:11px;
	border-bottom:solid 1px #DC0005;
}
div.content div.cursussen table tbody tr:hover {
	background:#DC0005;
	color:white;
	cursor:pointer;
}
div.content div.cursussen table tbody td a {
	text-decoration:none;
	color:#111;
}
div.cursussen ul {
	
}
div.cursussen ul li {
	padding:8px 8px;
	background:#FFFFCC;
	margin-bottom:4px;
	position:relative;
}
div.cursussen.winkelwagentje ul li {
	background:#EEE;
}
div.cursussen li div.kop {
	font-size:14px;
}
div.cursussen li div.rest {
	padding-top:5px;
}
div.cursussen li div.details {
	padding-top:5px;
	font-size:11px;
	color:#333;
}
div.cursussen li div.prijs {
	position:absolute;
	right:1em;
	top:1.5em;
	font-size:20px;
	color:#333;
}
div.cursussen li div.acties {
	position:absolute;
	right:1em;
	top:1em;
	text-align:right;
	width:50%;
	font-size:11px;
}

/* Bestelling */
div.bestelling {
	background:#EEE;
	padding:0.5em 1em;
	margin-bottom:5px;
	position:relative;
	
}
div.bestelling.totaal {
	border-top:solid 2px #BBB;
	padding-bottom:2em;
}
div.bestelling h3 {
	margin-bottom:4px;
	margin-top:8px;
}
div.bestelling div.prijs {
	position:absolute;
	right:1em;
	bottom:1em;
	font-size:20px;
}
div.bestelling div.prijs_0 {

}
div.bestelling div.prijs_1 {

}
div.bestelling div.prijs_2 {
	color:#CCC;
}
div.bestelling div.prijs_3 {
	color:#CCC;

}
div.bestelling div.contact {
	font-size:11px;
	width:45%;
	float:left;
	margin:5px 0 12px 0;
}
div.bestelling div.acties {
	position:absolute;
	right:1em;
	top:1em;
	text-align:right;
	width:50%;
	font-size:11px;
}
div.status {
	font-size:11px;
	position:absolute;
	right:1em;
	top:3em;
}
div.status select {
	vertical-align:middle;
	font-size:11px;
}


/* Winkelwagentje en bestellingen */
div.winkelwagentje {

}
div.winkelwagentje div.item {
	padding:0.5em 1em;
	margin:1em 0.5em 0 0.5em;
	border:solid 1px #CCC;
	position:relative;
	min-height:95px;
}
div.winkelwagentje div.prijs {
	position:absolute;
	text-align:right;
	right:1em;
	top:1.5em;
}
div.winkelwagentje div.prijs span.totaal {
	font-size:200%;
}
div.winkelwagentje div.totaal {
	border:solid 1px #CCC;
	background:#EEE;
	margin:1em 0.5em 0 0.5em;
	padding:0.5em 1em;
	text-align:right;
}
div.winkelwagentje div.totaal span.prijs {
	font-size:200%;
	padding-left:4px;
}
div.winkelwagentje div.keuring {
	position:absolute;
	text-align:left;
	left:1em;
	bottom:1.5em;
}
div.winkelwagentje p {
	border:none;margin:0.5em 0;padding:0;

}

/* Google maps */
div.content div.gmaps.klein {
	position:absolute;
	right:0px;
	top:65px;
}
div.content div.gmaps.groot {
	padding:10px 0;
	margin:0 auto;
	height:360px;
}

/* Divers en klein */
div.knoppenrij {
	text-align:right;
	float:none;
	clear:both;
	padding-bottom:5px;
}
div.knoppenrij a {
	padding-left:5px;
}
div.clear {
	float:none;
	clear:both;
	font-size:7px;
}
div.blankSlate {
	border:solid 1px #EEE;
	font-size:120%;
	margin:10px 0;
	padding:40px 100px;
	text-align:center;
}
div.disabled {
	display:none;
}
div.paginator {
	text-align:center;
	font-size:89%;
}

/* Meerinfo-dingen */
h2.meer_open {
	background:url(../img/layout/meer_open.png) top right no-repeat;
	padding:7px 10px 5px 10px;
	margin-bottom:0px;
	margin-top:1em;
	cursor:pointer;
}
h2.meer_gesloten {
	background:url(../img/layout/meer_gesloten.png) top right no-repeat;
}
h2.meer_open small {
	font-weight:normal;
}
div.meer {
	padding:0 10px 5px 10px;
}

/* Tabellen */
div.content table {
	border-collapse:collapse;
	margin:0.5em 0;
}
div.content table tr th {
	background:#FFECEC;
	border:none;
	/*
	border-right:solid 1px #DDCFE1;
	*/
	border-bottom:solid 1px #DC0005;
	
	text-align:left;
}
div.content table tr th a {
	
}
div.content table tr td {
	background:#F0F0F0;
	border:none;
	/*
	border-right:solid 1px #EEE;
	*/
	border-bottom:solid 1px #EEE;
	
}
div.content table tr.oneven td {
	background:#FFF;
}
div.content table tr.totaal td {
	background:#CCC;
	font-weight:bold;
	border-right:solid 1px #CCC;
}

/* Infolijsten */
div.content dl {
	float:none;clear:both;
	padding:0;margin:0;
	width:100%;
}
div.content dl.smal {
	width:50%;
}
div.content dl dt {
	float:left;
	width:25%;
	clear:left;
	margin:0.5em 0;
}
div.content dl.smal dt {
	width:40%;
}
div.content dl dt.kop {
	font-weight:bold;
	border-bottom:solid 1px #CCC;
	padding-bottom:4px;
	width:100%;
	float:none;clear:both;
}
div.content dl dd {
	float:left;
	width:70%;
	margin:0.5em 0;
}
div.content dl.smal dd {
	width:55%;
}

/* Cakephp mysql-log */
table.cake-sql-log {
	width:900px;
	margin:0 auto;
	background:#EEE;
	font-size:80%;
}
table.cake-sql-log caption {
	margin-top:20px;
	color:white;
}

/* Wijkselectie */
div.wijkselectie {
	height:35px;
	position:relative;
	z-index:10;
	margin-bottom:20px;
	font-size:11px;
}
div.wijkselectie ul, div.wijkselectie li {
	margin:0;padding:0;
	list-style:none;
}
div.wijkselectie ul.wijken li {
	margin-top:3px;
}

div.wijkselectie ul.wijken li div {

}
div.wijkselectie ul.wijken li div a {
	text-decoration:none;
	background:#CCC;
	padding:4px 17px;
	font-weight:bold;
	cursor:pointer;
	display:block;
	text-align:center;
	color:white;
	font-size:12px;
	min-height:29px;
}
div.wijkselectie ul.wijken ul {
	z-index:9;
}

div.wijkselectie ul.wijken li.wijk {
	margin:0;
	width:119px;
	position:absolute;
	top:0px;
}
div.wijkselectie ul.wijken li.doelgroep {

}
div.wijkselectie ul.wijken li.doelgroep a {
	text-decoration:none;
	color:#111;
	display:block;
	cursor:pointer;
	padding:7px 8px;
	text-align:center;
	color:white;
	font-weight:bold;
}

div.wijkselectie ul.wijken li.wijk.wijkVolgorde_1 {
	left:0px;
}
div.wijkselectie ul.wijken li.wijk.wijkVolgorde_1 div a, div.wijkselectie ul.wijken li.wijk.wijkVolgorde_1 li.doelgroep a {
	background:#0064AA;
	border:solid 1px #0064AA;
}

div.wijkselectie ul.wijken li.wijk.wijkVolgorde_2 {
	left:121px;
}
div.wijkselectie ul.wijken li.wijk.wijkVolgorde_2 div a, div.wijkselectie ul.wijken li.wijk.wijkVolgorde_2 li.doelgroep a {
	background:#FABE00;
	border:solid 1px #FABE00;
}

div.wijkselectie ul.wijken li.wijk.wijkVolgorde_3 {
	left:242px;
}
div.wijkselectie ul.wijken li.wijk.wijkVolgorde_3 div a, div.wijkselectie ul.wijken li.wijk.wijkVolgorde_3 li.doelgroep a {
	background:#A5C300;
	border:solid 1px #A5C300;
}

div.wijkselectie ul.wijken li.wijk.wijkVolgorde_4 {
	left:363px;
}
div.wijkselectie ul.wijken li.wijk.wijkVolgorde_4 div a, div.wijkselectie ul.wijken li.wijk.wijkVolgorde_4 li.doelgroep a {
	background:#00A0E1;
	border:solid 1px #00A0E1;
}

div.wijkselectie ul.wijken li.wijk.wijkVolgorde_5 {
	left:484px;
}
div.wijkselectie ul.wijken li.wijk.wijkVolgorde_5 div a, div.wijkselectie ul.wijken li.wijk.wijkVolgorde_5 li.doelgroep a {
	background:#5F7F00;
	border:solid 1px #5F7F00;
}

div.wijkselectie ul.wijken li.wijk.wijkVolgorde_6 {
	left:605px;
}
div.wijkselectie ul.wijken li.wijk.wijkVolgorde_6 div a, div.wijkselectie ul.wijken li.wijk.wijkVolgorde_6 li.doelgroep a {
	background:#DC0005;
	border:solid 1px #DC0005;
}

div.wijkselectie ul.wijken li.wijk div a:hover {
	background:#FFF;
	color:#111;
}
div.wijkselectie ul.wijken li.wijk li.doelgroep a:hover {
	background:#FFF;
	color:#111;
}

/* Cake defaults */
/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 0.3em;
	padding: 0.1em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
}
form div.required label:before {
	content: "* ";
}
div.col2 form div.required label:before {
	content: "";
}
form p {
	border-bottom:solid 1px #CCC;
	padding-bottom:4px;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	font-family: 'Arial';
	font-size:100%;
	padding: 2px;
	width:12em;
}
textarea {
	width:100%;
}
div.lang input, div.lang textarea {
	width:36em;
}
div.kort input, div.kort textarea {
	width:5em;
}
select {
	clear: both;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Zoekformulier */
div.zoek {
	border:solid 1px #CCC;
	background:#EEE;
	padding:1em 1.5em;
}
div.zoek input, div.zoek select {
	vertical-align:middle;
	margin-right:5px;
}
div.zoek input[type=submit] {
	
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #990000;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding:10px;
	border:solid 1px #FFCC66;
	background:#FFFFCC;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
