@charset "utf-8";
/* --- BASIC SETTINGS & RESET --- */
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;
vertical-align:baseline;
background:transparent;
}
ul, ol {
list-style-type:none;
}
li {
display:inline;
}
:focus {
outline:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
body {
background:url(../images/gradientbackground.png) top center repeat-y #ccc;
text-align:center;
}
html, body {
height:101%;
}

/* --- TYPOGRAPHY --- */
body {
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1em;
color:#999;
}
h1, h2, h3, h4, h5, h6 {
font-style:italic;
color:#6d91a3;
letter-spacing:.1em;
}
h1 { font-size:1.5em; }
h2 { font-size:1.1em; padding:20px 0 0 175px; margin:0; color:#999; }
h3 { font-size:1.2em; padding:70px 0 0 30px; margin:-50px 0 -18px 0;}
h4 { font-size:1.1em; padding:20px 0 0 175px; }
h5 { font-size:1.2em; padding:8px 0 10px 200px; margin:0; color:#999; }
h6 { font-size:1.2em; padding:8px 0 10px 200px; margin:0; color:#999; }
p { font-size:1.1em; padding:1em; line-height:1.6em; word-spacing:.1em; }
p { padding:5px 175px 5px 175px; }
p.image { background:url(../images/vervoer.gif) no-repeat 95px 12px; }
p.citaat { font-style:italic; padding-top:5px; padding-bottom:0; margin:0 0 0 0; display:block; height:10px; }
p.last { padding-bottom:15px; }
p.title1 { font-size:1.2em; padding:10px 0 0 30px; margin:0 0 0 0; line-height:1.3em; }
p.title2 { font-size:1.2em; padding:0 175px 10px 175px; margin:-48px 0 0 0; line-height:1.3em; }
a { font-size:11px; color:#000; text-decoration:none; }
a:focus, a:hover { color:#000; }
a.vorige { float:left; padding:30px 30px 20px 29px; }
a.volgende { float:right; padding:30px 29px 20px 30px; }
a.overzicht { display:block; padding:30px 0 20px 0; width:200px; }
.navigatie { display:block; width:100%; text-align:center; }
.bold { font-weight:bold; }

/* --- LAYOUT --- */
#outerWrapper {
background:#fff;
margin:0 auto 0 auto;
text-align:left;
width:950px;
}
#outerWrapper #header {
background:none;
padding:0;
display:block;
width:950px;
position:fixed;
top:0;
z-index:100;
}
* html #outerWrapper #header {
position:absolute;
}
.logo {
display:block;
float:left;
background:url(../images/shadow.png) repeat-x 0% 100%;
width:365px;
height:80px;
cursor:pointer;
}
.logo h1 {
display:block;
background:url(../images/logo.gif) no-repeat 30px 40px;
text-indent:-9999px;
height:80px;
}
.menu {
display:block;
float:left;
background:#fff;
margin:0 0 0 0;
width:384px;
height:35px;
}
#outerWrapper #contentWrapper #content {
padding:78px 0 50px 0; /* bepaald de afstand van de content tot aan de header */
}
.kid {
height:423px;
background:transparent url(../images/00-koningsdesign-studio.jpg) no-repeat 0 0;
overflow:hidden;
}
.twocolumn {
position:relative;
z-index:1;
}
#outerWrapper #contentWrapper #content ul {
padding:5px 175px 5px 195px;
font-size:1.1em;
line-height:1.6em;
list-style-type:disc;
list-style-position:outside;
}
#outerWrapper #contentWrapper #content .twocolumn ul {
list-style-type:none;
list-style-position:outside;
}
#outerWrapper #contentWrapper #content ul li {
display:block;
}
#outerWrapper #contentWrapper #content ul li.kop {
font-weight:bold;
}
#outerWrapper #contentWrapper #content ul.lijst {
list-style-type:square;
list-style-position:inside;
padding:5px 0 5px 300px;
margin:-27px 0 0 0;
}
#outerWrapper #contentWrapper #content .right {
position:absolute;
top:0;
left:350px;
}
#outerWrapper #contentWrapper #content .nieuws {
position:relative;
min-height:160px;
}
#outerWrapper #contentWrapper #content .pub {
min-height:300px;
}
#outerWrapper #contentWrapper #content .nieuws img {
position:absolute;
top:35px;
left:20px;
}
#outerWrapper #contentWrapper #content .nieuws p {
padding:5px 175px 5px 200px;
}
#outerWrapper #contentWrapper #content .nieuws ul {
display:block;
padding:5px 175px 5px 200px;
list-style-type:disc;
list-style-position:inside;
}
#outerWrapper #contentWrapper #content #overzicht_en,
#outerWrapper #contentWrapper #content #overzicht {
width:747px;
height:408px;
background:url(../images/09-overzicht.jpg) no-repeat;
padding:35px 58px 35px 145px;
}
#outerWrapper #contentWrapper #content #overzicht_en {
background:url(../images/09-overzicht_en.jpg) no-repeat;
}
#outerWrapper #contentWrapper #content #overzicht_en ul,
#outerWrapper #contentWrapper #content #overzicht ul {
width:747px;
height:408px;	
padding:0;
margin:0;
}
#outerWrapper #contentWrapper #content #overzicht_en ul li,
#outerWrapper #contentWrapper #content #overzicht ul li {
width:83px;
height:96px;
padding:0;
margin:0;
display:block;
float:left;
}
#outerWrapper #contentWrapper #content #overzicht_en ul li a,
#outerWrapper #contentWrapper #content #overzicht ul li a {
width:83px;
height:96px;
display:block;
}
#footer {
position:fixed;
bottom:0;
display:block;
background:#fff;
border-top:solid 1px #999;
margin:0 auto;
padding:0;
height:50px;
width:950px;
text-align:center;
z-index:100;
}
* html #outerWrapper #footer {
position:absolute;
}
#footer ul {
padding:10px 10px 5px 10px;
}
#footer ul li {
font-size:1.1em;
}
#footer ul li a {
color:#000;
}
.lang {
display:block;
float:left;
background:transparent url(../images/shadow.png) repeat-x 0% 100%;
padding:54px 18px 10px 10px;
width:173px;
height:16px;
}
.lang ul {
padding:0 10px 0 0;
}
.lang ul li {
display:block;
float:right;
padding:0 0 3px 5px;
font-size:1.1em;
letter-spacing:.1em;
color:#000;
}
.lang ul li.light {
color:#999;
}
.lang ul li a {
color:#999
}

/* --- FORM --- */
form fieldset {
border:0;
}
form fieldset legend {
display:none;
}
form ul {
margin:0;
padding:0;
width:600px;
background:none;
}
form li {
float:left;
margin:0;
padding:10px 10px 0 0;
background:none;
}
.buttons {
}
input.button_text {
padding:0 10px;
}
.buttons input {
}
label.description {
border:none;
font-size:1em;
line-height:1em;
padding:0 5px 0 0;
}
input.text {
border:1px solid #ddd;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
color:#333;
margin:0;
padding:2px 0 2px 2px;
width:250px;
}