@CHARSET "UTF-8";

@import
	url(http://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Ruge+Boogie)
	;

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,iframe,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0px;
	padding: 0px;
	border: 0;
	color: #339;
	line-height: 1.8em;
	font-family: 'ABeeZee', Arial, Helvetica, sans-serif;
	font-weight: inherit;
	font-variant: inherit;
	font-style: inherit;
	outline: 0;
	vertical-align: baseline;
}

*:focus {
	outline: 0;
}

body {
	font-size: 62.5%;
	background: #339 url(../images/background.gif) center top;
}

a {
	color: #45b1c9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
}

h1 {
	font-family: 'Ruge Boogie', Arial, Helvetica, sans-serif;
	font-size: 4em;
	margin: 0.5em 0;
}

h2 {
	font-family: 'Ruge Boogie', Arial, Helvetica, sans-serif;
	font-size: 3em;
	letter-spacing: 0.05em;
}

h3,h4,h5,h6 {
	font-size: 1.4em;
}

p,ol,ul {
	margin: 1em 0;
	font-size: 1.2em;
	position: relative;
}

ol,ul {
	padding: 0 1.2em;
}

hr {
	
}

table {
	border-collapse: collapse;
	color: #339;
	font-size: 1.2em;
}

/* CLASSES */
.clear {
	clear: both;
}

.wrapper {
	position: relative;
	top: 0;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	background: #fff;
}

.header {
	background: url(../images/header.gif) center top no-repeat;
	height: 325px;
}

.menu {
	margin: 0 40px;
}

.column {
	float: left;
}

.links {
	margin: 20px 30px 20px 70px;
	width: 520px;
}

.rechts {
	margin: 20px;
	width: 300px;
	text-align: center;
}

.half {
	width: 50%;
}

.footer {
	position: relative;
	top: 0;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	background: #45b1c9;
	color: #fff;
	padding: 5px 0;
	text-align: center;
}

.footer a {
	color: #fff;
}

/* NAVIGATIE */
.navi {
	position: absolute;
	top: 268px;
	font-size: 1.4em;
}

.navi ul {
	list-style: none;
	padding: 0;
	clear: both;
	z-index: 9999;
}

/* Top level list items */
.navi>ul>li {
	position: relative;
	display: block;
	float: left;
	margin: 0 10px;
	z-index: 999;
}

/*Top level menu link items style*/
.navi>ul>li>a {
	position: relative;
	display: block;
	padding: 7px 0;
	text-decoration: none;
	color:#fff;
}

* html .navi ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.navi ul li a:hover,.navi ul li a.active {
	color: #339;
}

/*1st sub level menu*/
.navi ul li ul {
	background: #339;
	position: absolute;
	display: block;
	visibility: hidden;
	width: auto;
	border: none;
	margin: 0 -5px;
	padding: 0;
	font-size: 0.8em;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.navi ul li ul li {
	display: list-item;
	float: none;
	border: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navi ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.navi ul li ul li a {
	display: block;
	min-width: 125px; /*width of sub menus*/
	border: none;
	color: #fff;
	padding: 5px;
	text-decoration: none;
}

.navi ul li ul li a:hover { /*sub menus hover style*/
	color: #45b1c9;
}

/* FORMS */

input, textarea {
	background: #45b1c9;
	border: none;
	color: #fff;
	margin: 0;
	padding: 5px;
	width: 90%;
}

input[type=submit] {
	text-transform: uppercase;
	font-size: 1.2em;
	width: auto;
	cursor: pointer;
	padding: 5px 30px;
}

input[type=submit]:hover {
	background: #339;
}

/* TEXT STYLES */
span.msg {
	display: block;
	color: #e00;
	position: absolute;
	right: 8%;
}

/* MAP */

.mapcentral * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#map_canvas {
	height: 350px;
}

#controller {
	background: #fff;
	padding: 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #ddd;
}

#controller input {
	background: #eee;
	width:200px;
	color: #666;
	border: 1px solid #ddd;
}
#controller input:focus {
	background: #fff;
}
#controller input[type=text] {
	padding: 6px;
}
#controller input[type=submit] {
	width: auto;
}

#directions-panel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}