/*
Voorlopig gebruikte kleuren:
	#ff6418;
	#FA2885;
*/

/* @group Reset CSS */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



/* @end */

/* @group Body */

html {
	width: 100%;
	background-color: #FAFAFA;
}

body {
	width: 100%;
	display: block;
	font-family: Arial, "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}

body#home ul#pictures {
	float: left;
	margin: 0px 50px 0px 0px;
}

body#boot ul#pictures {
	float: right;
	margin: 0px 0px 0px 50px;
}

body#reserveren ul#pictures {
	float: left;
	margin: 0px 50px 0px 0px;
}

body#contact ul#pictures {
	float: right;
	margin: 0px 0px 0px 50px;
}



/* @end */

/* @group Menu */

ul#menu {
	margin-left: -250px;
	left: 50%;
	display: block;
	position: relative;
	width: 500px;
	height: 20px;
	margin-bottom: 35px;
}

#menu li {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 20px;
	text-align: center;
	background-color: #ff4094;
	color: #FFFFFF;
	padding: 5px 20px 5px 20px;
	float: left;
	background-repeat: no-repeat;
}

#menu li#first {
	background-image: url('./first.png');
	background-position: left top;
	padding-left: 30px;
}

#menu li#last {
	background-image: url('./last.png');
	background-position: right top;
	padding-right: 30px;
}

#menu li a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu li a:hover {
	text-decoration: underline;
}


/* @end */

/* @group Slider */

ul#pictures {
	width: 450px;
	height: 590px;
	overflow: hidden;
}

ul#pictures li {
	position: absolute;
	display: block;
	width: 450px;
	height: 590px;
}

li#reglement ul {
	width: 450px;
	height: 590px;
}

li#reglement ul li {
	width: 450px;
	height: auto;
	display: list-item;
	position: relative;
	line-height: 22px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #303030;
	display: block;
	list-style-type: disc;
	margin-bottom: 10px;
}



/* @end */

/* @group Content */

#page {
	width: 900px;
	position: relative;
	left: 50%;
	margin: 0px 0px 30px -450px;
}

#content {
	width: 400px;
	float: left;
}

h1 {
	position: relative;
	min-width: 900px;
	width: 100%;
	height: 140px;
	background-image: url("./h1.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ff4094;
	margin: 0px 0px 0px 0px;
	text-indent: -9999em;
	overflow: none;
}

h2 {
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 30px;
	color: #303030;
}

h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #FA2885;
	line-height: 22px;
}

p {
	line-height: 22px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #303030;
}

#content a {
	display: inline-block;
	border: dashed 1px;
	padding: 0px 4px;
	text-decoration: none;
	line-height: 20px;
	margin: 0px 5px;
	color: #FA2885;
	font-size: 14px;
}

#content li a {
	display: inline-block;
	border: dashed 1px;
	padding: 0px 4px;
	text-decoration: none;
	line-height: 20px;
	margin: 0px 10px;
	color: #FA2885;
	font-size: 14px;
}

em {
	font-size: 14px;
	line-height: 22px;
	color: #FA2885;
	display: inline-block;
}

#content ul li {
	line-height: 22px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #303030;
	list-style-type: disc;
}

#content ul {
	margin-bottom: 20px;
}

/* @end */

/* @group Calendars */

#calendars {
	width: 400px;
}

#calendars div {
	display: inline-block;
	height: 170px;
	width: 161px;
	margin: 0px 10px;
}

#calendars td {
	width: 23px;
	height: 23px;
	text-align: center;
}

#calendars tbody td {
	color: #303030;
	font-size: 14px;
}

#calendars tbody td.booked {
	color: #FFFFFF;
	background-color: #FA2885;
}

#calendars thead {
	color: #FA2885;
	border-bottom: dashed 1px #FA2885;
	font-size: 14px;
}

#calendars h4 {
	color: #FA2885;
}

/* @end */

/* @group Footer */

#footer {
	width: 900px;
	float: left;
	text-align: right;
	margin-top: 30px;
}

#footer li {
	display: inline;
	color: #FA2885;
	padding: 10px 10px;
	font-size: 12px;
}

#footer a {
	color: #FA2885;
}



/* @end */

/* @group Admin */

body#admin #page {
	text-align: center;
}

body#admin #wrapper {
	width: 750px;
	height: 600px;
	margin-top: 30px;
	text-align: center;
}

body#admin #calendars {
	width: 738px;
}

body#admin #calendars div {
	height: 180px;
	
}

/* @end */