html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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;
}
body {
	line-height: 1;
}
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;
}

html{
	height: 100%;
}

body{
	font:100%/1.4 Verdana, Arial, Helvectica, serif;
	color: #004981;
	background: #004981;
	max-width:100%;
	min-width:800px;
	height:100%;
	width:57.375em;
	margin:0 auto;
}

strong{font-weight:900;}
em{font-style:italic;}
a{color:#004981;}
div.clear{clear:both;}

h1{font-size:1.6em;font-weight:900;margin-bottom:11px;}
h2{font-size:1.5em;font-weight:100;}
h3{font-size:1.4em;font-weight:100;}
h4{font-size:1.3em;font-weight:100;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}

p{margin-bottom:15px;}
div#container{
	min-height:100%;
	height:auto !important;
	height:100%;
	font-size:0.625em;
	background: #fff url("/images/contentbg.png") repeat-y;
	position:relative;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
}

/* Header Styles */
div#header{height:108px;border-bottom:2px solid #004981;background:#fff;}
h2#logo{background:#fff;height:106px;width:530px;position:relative;overflow:hidden;font-size:2.2em;text-align:left;line-height:30px;z-index:0;padding:0;margin:0;cursor:pointer;float:left;} 
h2#logo span {background: url("/images/logo.png") repeat-x;width:100%;height:100%;left:0;top:0;position:absolute;display:block;z-index:0;}
h2#logo a{cursor:pointer;}

div#zoeken{float:right;margin-top:59px;}
div#zoeken input.inputveld{border:1px solid #93CAED;background:#fff;color:#93CAED;}
div#zoeken input.button{background:#339BDD;color:#fff;border:1px solid #339BDD;}

/* Menu Styles */
div#menu{
	margin-top:2px;
}

/* Content Styles */
div#content{border-top:20px solid #fff;padding-bottom:80px;background:#fff url("/images/contentbg.png") repeat-y; }
div#content div#textwrapper{width:429px; background:#F0F7FD;min-height:350px;float:left;}
div#content div#bannerwrapper{width:429px; background:#F0F7FD;min-height:350px;float:right;}
div#text{margin:20px;overflow:hidden;}
div#text img{margin-top:15px;margin-bottom:15px;}
div#banner{margin:20px;}
div#bannertitlewrapper{background:#DDEEFA;}
div#bannerTitle{margin:10px;padding-top:10px;padding-bottom:10px;}

/* Footer styles */
div#footer{background:#93CAED;border-bottom:20px solid #fff;border-top:20px solid #fff;height:40px;line-height:40px;color:#fff;position:absolute;bottom:0;left:0;width:100%;}
div#footer a{color:#fff;}
div#leftfoot{float:left;margin-left:10px;}
div#rightfoot{float:right;margin-right:10px;}

/* Fotoboek Styles */
a.thumb {
	float: left;
	width: 160px;
	height: 110px;
	border: 1px #999 solid;
	display: block;
	margin-right: 12px;
	margin-bottom: 15px;
	text-decoration: none;
}

#paginas {
	clear: both;
	height:90px;
	width:100%;
}


/* Menu Styles */

.jqueryslidemenu{
font: normal 11px Verdana;
background: #339BDD;
width: 100%;
z-index:50;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:50;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:50;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #339BDD; /*background of tabs (default state)*/
color: #fff;
padding: 8px 10px;
border-right: 1px solid #339BDD;
color: #2d2b2b;
text-decoration: none;
z-index:50;
}

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

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #fff;
z-index:50;
}

.jqueryslidemenu ul li a:hover{
background: #004981; /*tab link background during hover state*/
color: #fff;
z-index:50;
}
.jqueryslidemenu ul li a.menuitemopen{
background: #004981; /*tab link background during active state*/
color: #fff;
z-index:50;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top:2px solid #fff;
z-index:50;
}

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

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
z-index:50;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 11px Verdana;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #93CAED;
z-index:50;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: #004981;
z-index:50;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
z-index:50;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
z-index:50;
}