/*////////////////////////////////////////
//		MAIN STYLES						//
////////////////////////////////////////*/

* { padding: 0px; margin: 0px; }
html body { 
	height: 100%; background: #00285E url( ../images/background.gif ) repeat-x;
	font: 0.8125em Arial, Verdana sans-serif; line-height: 1.5; color: #101D4E;
	text-align: justify;
}

a, a:link { color: #009EE0; text-decoration: none; }
a:hover { text-decoration: underline; }

img { vertical-align: bottom; }
a img { border: 0px; }
p { margin: 10px 0 5px 0; }

div.hr { background: #fff url( ../images/line.gif ) repeat-x; height: 2px; margin-top: 10px; }
div.hr hr {display: none}
div.clear { clear: both; }

ul { list-style: inside; }

span.error {
	background: url( ../images/error.gif ) no-repeat;
	background-position: 0 1px;
	color: #F00; font-weight: bold; font-size: 0.85em;
	padding-left: 15px;
}

fieldset#form {  border: 1px solid #009EE0; padding: 20px 30px 20px 40px; background: url( ../images/formbg.gif ); }
fieldset#form label.title { display: block; margin-top: 8px; }

/*	Crumbs			*/
a.crumb {
	margin: 0px 10px 0px 0px;
}

table { border: none; background-color: #206f2a; padding: 1px; }
table caption { background-color: #206f2a; border: none; padding: 2px; color: #FFFFFF }
table td { background-color: #F6F7DB; border: none; padding: 2px;}


/*////////////////////////////////////////
//		MAIN TEXT STYLES				//
////////////////////////////////////////*/

h1 { font-weight: normal; font-size: 1.6em; color: #082B5C; margin-bottom: 10px; border-bottom: 1px solid #009EE0;  }
h1.title {
	width: 629px; height: 37px; border: 0;
	background: url( ../images/titelbg.jpg ) no-repeat;
	color: #009EE0; padding-left: 45px;
}

h2 { font-weight: bold; font-size: 1.2em; color: #BE0C1D; margin-bottom: 10px; }

div.title {
	padding: 8px 0px 0px 45px;
	width: 584px; height: 37px; border: 0;
	background: url( ../images/titelbg.jpg ) no-repeat;
	color: #c8e100;
	font-size: 1.1em;
}

/*////////////////////////////////////////
//		CUSTOM STYLES					//
////////////////////////////////////////*/

/*	Intro			*/
div#intro {
	position: absolute;
	left: 50%;
	margin-left: -468px;
	width: 936px;
	text-align: center;
}

div#intro p {
	position: relative; float: left; margin-right: 30px;
	width: 315px; color: #2B3F73; font-size: 0.9em;
}

div#intro p img {
	position: absolute; right: -75px; bottom: 0px;
}
/*	Main container	*/
div#container {
	position: absolute; width: 920px; min-height:100%;
	background-color: #FFF;
}

div#menu {
	height: 25px; background-color: #00285e;
	margin-bottom: 1px; width: 922px;
}

/*menu*/
div#menu ul#nav {
	list-style: none; position: relative;
	width: 689px; height: 25px;
	margin-left: 230px; border-left: 1px solid #FFF;
}

div#menu ul#nav li {
	width: 118px; height: 25px; position: relative;
	float: left; border-right: 1px solid #FFF;
	text-align: center; 
}

div#menu ul#nav li.taaltoggle {
	width: 93px; height: 25px; position: relative;
	float: left; border-right: 1px solid #FFF;
	text-align: center; 
}

div#menu ul#nav li a {
	display: block;
	color: #83d0f0;
}

div#menu ul#nav li ul li a {
	display: block;
	color: #00285e;
	font-size: 0.825em;
	line-height: 2.0em;
}

div#menu ul#nav li a:hover { color: #FFF; text-decoration: none; }


div#taaltoggle img {
	margin: 4px 0px 0px 6px;
	float: left;
	text-align: left;
	vertical-align: center;
}

/* submenu */
div#menu ul#nav li ul {
	position: absolute;	list-style: none;
	width: 118px; left: 0px; top: 25px; border: 0;
}

div#menu ul#nav li ul li {
	width: 118px; height: auto; border: 0;
	background-color: #83CFF0; border-top: 1px solid #FFF;
	padding: 2px 0 2px 0;
}

div#left {
	width: 230px; height: auto; float: left;
}

div#left-title { 
	width: 195px; height: 25px; background-color: #009ee0;
	margin-bottom: 1px; color: #FFF; padding-left: 35px;
	font-weight: bold;
}

div#left ul {
	list-style: outside none; width: 230px; height: auto;
}

div#left ul li {
	width: 200px; height: 22px; padding-top: 3px;
	background: #EAF6FC url( ../images/list-item.gif ) no-repeat;
	padding-left: 30px; color: #00285E; margin-bottom: 1px;
	font-size: 0.8em;
}

div#left ul li.dark { background: #206f2a url( ../images/list-item-dark.gif ) no-repeat; color: #FFF; }
div#left ul li.middle { background: #d4d600 url( ../images/list-item-middle.gif ) no-repeat; color: #FFF; }

div#left ul li.blue { background: #00285E url( ../images/list-item-blue.gif ) no-repeat; color: #FFF; }
div#left ul li.green { background: #D4D600 url( ../images/list-item-green.gif ) no-repeat; color: #FFF; }
div#left ul li.pink { background: #E1036A url( ../images/list-item-pink.gif ) no-repeat; color: #FFF; }

div#crumbs {
	margin-bottom: 15px;
}

div#content {
	float: left; width: 629px; height: auto;
	padding-left: 20px; padding-right: 40px; margin-top: 20px;
	margin-bottom: 30px;
}

div#left div#search {
	width: 215px; height: 91px; padding-top: 5px;
	color: #357533; font-size: 0.8em;
	margin: 30px 0 30px 5px; padding-left: 5px;
}

div#left div#search input.text {
	width: 200px; height: 20px;
	margin-bottom: 5px;
}

div#left div#search input.button {
	float: right; margin-right: 17px;
}

.floatright {
	float: right;
	margin-left: 20px;
}

table.floatright {
	float: right;
	margin-left: 20px;
}

div#vlaggetjes {
	background-color: #009ee0;
	padding: 5px;
	width: 358px;
	text-align: center;
	color: white;
	font-weight: bold;
}

div#vlaggetjes img {
	vertical-align: middle;
}

div#vlaggetjes img.nl {
	margin-left: 10px;
}