body{background:#FFFFFF; font-family: Verdana, Helvetica, Arial, sans-serif; color:#000000; font-size:10pt; text-align:center; min-width: 960px}
table{font-family: Verdana, Helvetica, Arial, sans-serif; color:#000000; font-size:10pt; text-align:left}
a:link {color:#105289; text-decoration:none}
a:visited {color:#105289; text-decoration:none}
a:active {color:#368AD2; text-decoration:none}
a:hover {color:#D31141; text-decoration:underline}
hr {color:rgb(255,255,255)}
div.bbcodecreator{background:#FFFFFF; font-family: Verdana, Helvetica, Arial, sans-serif; color:#000000; font-size:10pt; text-align:left}
p.code {background:#cadbeb; padding: 10px;}
p.bottom {color:#000000; text-align:center; width: 950px; margin-left:auto; margin-right:auto; margin-top:10px; clear:both; padding:10px;}
p.kop_r {color: gray; text-align: right; padding-right: 30px; padding-bottom: 3px; width: 600px; margin-bottom: 0px; margin-top: 0px; float:right; font-size: 80%;}
p.btn_close {color: gray; text-align: right; padding-right: 5px; padding-bottom: 3px; width: 50px; margin-bottom: 0px; margin-top: 5px; float:right; font-size: 80%;}
div.kop {color: gray; padding-top: 2px; text-align: left; width: 200px; float:left; font-size: 85%;}
div.kopbalk_r {color: gray; text-align: right; width: 600px; float:right; font-size: 80%;}
hr {border: 0; color: #efefef; background-color: #efefef; height: 1px;}
hr.reisinfo {border: 0; color: #cadbeb; background-color: #efefef; height: 1px;}
input.cleardefault {color: #105289; background: #eff4f8; border: 1px solid #cadbeb;}

#foutmelding {
  text-align: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}#main_page {
  text-align: left;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}#kop {
        position: relative;
        width: 100%;
        color:#FFFFFF;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}     
#kopbalk {
	position: relative;
	width: 960px;
        height: 45px;
        padding: 10px;
        margin-left: 20px;
        margin-top: 5px;
        text-align: left;
        color: gray;
        background:url(../images/achtergrond_kopbalk.jpg) no-repeat;
}
html>body #kopbalk {
	position: relative;
	width: 940px;
        height: 35px;
        padding: 10px;
        margin-left: 20px;
        margin-top: 5px;
        text-align: left;
        color: gray;
        background:url(../images/achtergrond_kopbalk.jpg) no-repeat;
}
#nav {
   font: bold 12px Verdana, sans-serif;
   height: 35px;
   width: auto;
   padding: 0;
   margin-left: 35px;
}
#navlist {
   margin: 0;
   padding: 0;
   list-style-image: none;
   list-style-type: none;
}

#navlist li {
   float: left;
   margin-top: 0;
   margin-right: 1px;
   margin-bottom: 0;
   margin-left: 0;
   padding-top: 0;
   padding-right: 0;
   padding-bottom: 0;
   padding-left: 0;
}

#navlist li a {
   margin: 0;
   background-attachment: scroll;
   background-image: url(../images/tabs.png);
   background-repeat: no-repeat;
   background-position: right -14px;
   font-weight: bold;
   color: #010066;
   text-decoration: none;
   height: 30px;
   width: 195px;
   float: left;
   padding-top: 0;
   padding-right: 0;
   padding-bottom: 0;
   padding-left: 0;
   text-align: center;
}
#navlist li a:hover {
   background-attachment: scroll;
   background-image: url(../images/tabs.png);
   background-repeat: no-repeat;
   background-position: right -58px;
   color: #fff;
}
#navlist li a span {
   padding-left: 10px;
   margin-top: 5px;
   display: block;
}
#navlist li a.current {
   background-attachment: scroll;
   background-image: url(../images/tabs.png);
   background-repeat: no-repeat;
   background-position: right -58px;
   color: #fff;
}
#navlist li a.current:hover {
   background-attachment: scroll;
   background-image: url(../images/tabs.png);
   background-repeat: no-repeat;
   background-position: right -14px;
   color: #010066;
   cursor: pointer;
   cursor: hand;
}
#paginainhoud {
	position: relative;
	width: 960px;
	background:#FFFFFF;
	text-align: left;
        padding-left: 20px;
}
html>body #paginainhoud {
	position: relative;
	width: 940px;
	background:#FFFFFF;
        padding-left: 20px;
	text-align: left;
}
#kolom_links {
        position: relative;
        width: 620px;
        text-align: left;
        font-size: 14pt;
        margin-right: 10px;
        float: left;
}
#kolom_links-zoekres {
        position: relative;
        width: 620px;
        text-align: left;
        font-size: 14pt;
        margin-right: 10px;
        float: left;
}
#kolom_rechts {
        position: relative;
        width: 310px;
        text-align: left;
        font-size: 14pt;
        margin-left: 10px;
        float: right;
}
html>body #kolom_links {
        position: relative;
        width: 610px;
        text-align: left;
        font-size: 14pt;
        margin-right: 10px;
        float: left;
}
html>body #kolom_links-zoekres {
        position: relative;
        width: 790px;
        text-align: left;
        font-size: 14pt;
        margin-right: 10px;
        float: left;
}
html>body #kolom_rechts {
        position: relative;
        width: 280px;
        text-align: left;
        font-size: 14pt;
        margin-left: 10px;
        float: right;
}
#blok_header_inst {
        position: relative;
        width: 920px;
        height: 25px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-left: 20px;
        margin-top: 10px;
}
#blok_inst {
        position: relative;
        width: 920px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        margin-left: 20px;
}
html>body #blok_inst {
        position: relative;
        width: 900px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        margin-left: 20px;
}
#blok_header, .blok_header {
        position: relative;
        width: 640px;
        height: 25px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-top: 10px;
}
#blok_header_rechts, .blok_header_rechts {
        position: relative;
        width: 300px;
        height: 25px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-top: 10px;
}
#blok_links-top-left-header {
        position: relative;
        width: 370px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-right: 5px;
}
#blok_links-top-left-header-zoekres {
        position: relative;
        width: 547px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-right: 5px;
}
#blok_links-top-left-header {
        position: relative;
        width: 370px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-right: 5px;
}
html>body #blok_header, html>body .blok_header {
        position: relative;
        width: 642px;
        height: 25px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-top: 10px;
}
html>body #blok_header_rechts, html>body .blok_header_rechts {
        position: relative;
        width: 302px;
        height: 25px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-top: 10px;
}
html>body #blok_links-top-left-header {
        position: relative;
        width: 372px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-right: 5px;
}
html>body #blok_links-top-left-header-zoekres {
        position: relative;
        width: 549px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-right: 5px;
}
#kolom_links-top {
        position: relative;
        width: 370px;
        text-align: left;
        font-size: 14pt;
        float: left;
}
#kolom_links-top-zoekres {
        position: relative;
        width: 527px;
        text-align: left;
        font-size: 14pt;
        float: left;
}
#kolom_rechts-top {
        position: relative;
        width: 260px;
        text-align: left;
        font-size: 14pt;
        margin-left: 1px;
        float: right;
}
#blok_links-top-left {
        position: relative;
        width: 370px;
        height: 57px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        margin-right: 5px;
        text-align: left;
        font-size: 8pt;
}
#blok_links-top-left-zoekres {
        position: relative;
        width: 547px;
        height: 57px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        margin-right: 5px;
        text-align: left;
        font-size: 8pt;
}
#blok_links-top-right {
        position: relative;
        width: 259px;
        height: 89px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        margin-left: 5px;
        text-align: left;
        font-size: 8pt;
}
#blok_links1 {
        position: relative;
        width: 640px;
        background:url(../images/achtergrond_nieuwsblok.jpg) repeat-x;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
        margin-top: 10px;
}
#blok_links1-zoekres {
        position: relative;
        width: 640px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
        margin-top: 10px;
}
#blok_links2 {
        position: relative;
        width: 640px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
#blok_links3 {
        position: relative;
        width: 640px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
#blok_rechts1 {
        position: relative;
        width: 300px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: center;
        font-size: 8pt;
}
#blok_rechts1_tekst {
        position: relative;
        width: 300px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
#blok_rechts2 {
        position: relative;
        width: 300px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
#blok_rechts3 {
        position: relative;
        width: 300px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
        margin-bottom: 10px;
}
html>body #blok_links-top-left-header {
        position: relative;
        width: 372px;
        background:url(../images/blok_header.jpg) repeat-x;
        text-align: left;
        color:#FFCC00;
        font-size: 14pt;
        margin-right: 5px;
}
html>body #kolom_links-top {
        position: relative;
        width: 350px;
        text-align: left;
        font-size: 14pt;
        margin-right: 5px;
        float: left;
}
html>body #kolom_links-top-zoekres {
        position: relative;
        width: 527px;
        text-align: left;
        font-size: 14pt;
        margin-right: 5px;
        float: left;
}
html>body #kolom_rechts-top {
        position: relative;
        width: 240px;
        text-align: left;
        font-size: 14pt;
        margin-left: 5px;
        float: right;
}
html>body #blok_links-top-left {
        position: relative;
        width: 350px;
        height: 57px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        margin-right: 5px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_links-top-left-zoekres {
        position: relative;
        width: 527px;
        height: 57px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        margin-right: 5px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_links-top-right {
        position: relative;
        width: 240px;
        height: 80px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        margin-left: 10px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_links1 {
        position: relative;
        width: 620px;
        background:url(../images/achtergrond_nieuwsblok.jpg) repeat-x;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
        margin-top: 114px;
}
html>body #blok_links1-zoekres {
        position: relative;
        width: 800px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
        margin-top: 114px;
}
html>body #blok_links2 {
        position: relative;
        width: 620px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_links3 {
        position: relative;
        width: 620px;
        background:#eff4f8;
        border-style:none solid solid solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_rechts1 {
        position: relative;
        width: 280px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: center;
        font-size: 8pt;
}
html>body #blok_rechts1_tekst {
        position: relative;
        width: 280px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_rechts2 {
        position: relative;
        width: 280px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}
html>body #blok_rechts3 {
        position: relative;
        width: 280px;
        background:#eff4f8;
        border-style:solid;
        border-color:#cadbeb;
        border-width:1px;
        padding: 10px;
        text-align: left;
        font-size: 8pt;
}



/* Gekopieerd uit pagina zelf: */

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}