@charset "utf-8";
/* CSS Document */
form {
	width: 100%;
	float:left;
}

#melding_reserveren {
	width:100%;
	margin-top:20px;
	padding:20px;
	border:1px solid #666;
}

.div_links {
	float: left;
	width: 50%;
	padding-left: 15px;
}

.div_links2 {
	float: left;
	width: 50%;
	padding-left: 35px;
	padding-top: 15px;
}

.div_rechts2 {
	float: left;
	width: 50%;
	padding-top: 15px;
}

.div_rechts {
	width: 50%;
	float: left;
	padding-left: 22px;
}

fieldset {
	padding-top: 10px;
	padding-bottom: 15px ! important;
	padding-right:0px;
}

fieldset.none {
	border: none;
	padding-bottom: 10px;
}

.row {
	background-color:none;
	display:block;
	min-height:30px;
}

.row2 {
	background-color: none;
	display: block;
	min-height: 60px;
}

legend {
	font-weight: bold;
	color: #333;
	font-size: 24px !important;
	margin: 20px 0 !important;
	float:left;
	text-align:left;
	border-bottom:1px solid #ccc !important;
}

label {
	float: left;
	text-align: left;
	width: 90%;
}

input {
	width: 90%;
	display: inline-block;
 	height: 38px;
	color: #333;
	padding:5px;
	font-size:1.1em;
}

select {
	width: 90% !important;
	height:38px !important;
	background-color: white;
	height: auto;
	border: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	color: #666;
	font-size:1.1em;
	float:left;
}

textarea {
	width: 90%;
	height: 106px;
	font-size:1.1em;
	background-color: white;
	color: #666;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 2px;
}

#button_reserveer, #button_annuleren {
	width: 90%;
	cursor: pointer;
}

.veld_div_links {
	float: left;
	margin-right: 10px;
}
.verplicht {
	color: #A48F5C;
	font-size: 12px;
}

#button_annuleren {
	color: #999;
}

#button_reserveer {
	-webkit-appearance: none;
	border: none;
	margin-top:20px;
	margin-bottom:20px;
	line-height:38px;
	height:auto;
	font-size:1.65em;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:#fff;
	text-align:center;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	cursor:pointer;
}

#button_reserveer:hover {
	background-color:#fff;
	color:#444;
}
.letop {
	line-height: 23px;
}

.sterretje {
	height: 38px;
	margin-top: -38px;
	margin-left: 450px;
	font-size: 11px;
	color: #666;
}

.active_field {
	color: #3A5864;
	background-color: #BBDEED;
	border-color: #8CC4DB;
}

.info {
	font-size: 12px;
	line-height: 26px;
	color: #555;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	padding-top: 5px;
}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.dashboard,
select.dashboard {
	width: 75%;
	float:left;
}

button.dashboard {
	background: url(/website/modules/custom/22/reserveren/dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 5px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(/website/modules/custom/22/reserveren/dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #A48F5C;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(/website/modules/custom/22/reserveren/dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(/website/modules/custom/22/reserveren/dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #A48F5C;
		cursor: pointer;
	}

#reserveren div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}