* {margin: 0; padding: 0;}

body {margin: 0; padding: 0; background-repeat: repeat-x; font-family: Arial, sans-serif; font-size: 0.8em; color: #424242; text-align: center;}
body.overlopai {background-image: url('images/bg.oranje.gif');}
body.nieuws {background-image: url('images/bg.blauw.gif');}
body.themas {background-image: url('images/bg.roze.gif');}
body.wetregelgeving {background-image: url('images/bg.rood.gif');}
body.zoek {background-image: url('images/bg.groen.gif');}
body.contact {background-image: url('images/bg.paars.gif');}

div.center {width: 710px; margin: 0 auto;}

a:link {text-decoration: underline;}

a img {border: none; padding: 0; margin: 0;}

.nieuws a:link {color: #1e77d3;}
.nieuws a:visited {color: #5e97d2;}
.overlopai a:link {color: #e57905;}
.overlopai a:visited {color: #e57905;}
.themas a:link {color: #df00b2;}
.themas a:visited {color: #db79c7;}
.wetregelgeving a:link {color: #ea0303;}
.wetregelgeving a:visited {color: #f16363;}
.zoek a:link {color: #89be23;}
.zoek a:visited {color: #a3d73e;}
.contact a:link {color: #9900cc;}
.contact a:visited {color: #b051d0;}

a:active, a:hover {color: #424242;}

td {text-align: left;}
.right {text-align: right;}

#bodytable {width: 710px; padding: 0; margin: 0;}

#logocel {height: 50px; text-align: right;}
#navcel {height: 33px;}
#navcel img {padding: 0; margin: 0; border: none;}
.kopcel {height: 69px; background-image: url('images/kop.bg.gif'); background-repeat: repeat-x; background-color: white;}

#pad {height: 40px; font-size: 85%; }
#pad a:link, #pad a:visited {color: #424242;}
#pad a:active, #pad a:hover {}

#content {width: 490px; text-align: left;}

#rechts {width: 250px; text-align: left; font-size: 95%;}
#rechts div {padding-left: 20px;}
#rechts h2 {text-transform: uppercase;}
#rechts a:link, #rechts a:visited {color: #424242; text-decoration: none; font-weight: bold; line-height: 150%;}
#rechts a:active, #rechts a:hover {} /* hoverkleur hieronder bij h2 */

a.sub:link, a.sub:visited {font-weight: normal !important; margin-left: 30px;}
a.sub:active, a.sub:hover {}

#sluitcel {padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 85%; border-top: 1px solid silver;}
#sluitcel a:link, #sluitcel a:visited {color: silver; text-decoration: none; margin-left: 15px; margin-right: 15px;}
#sluitcel a:active, #sluitcel a:hover {color: gray; text-decoration: underline;}

.datum {margin: 0; padding: 0; font-size: 90%; font-weight: normal; color: gray; font-style: italic;}

h1 {display: inline; margin: 0; padding: 0;}
h2 {display: block; margin: 0; padding: 0;  width: 100%; clear: both; font-size: 110%; margin-top: 10px; margin-bottom: 20px;}
h3 {display: block; margin: 0; padding: 0;  width: 100%; font-size: 100%; margin-top: 0px;}
/* koppen links en rechts, hoverkleur subnav rechts, class=on (ook rechts) */
.overlopai h2, .overlopai #rechts a:hover, .overlopai a.on {color: #ff8c11 !important;}
.nieuws h2, .nieuws #rechts a:hover, .nieuws a.on {color: #1e77d3 !important;}
.themas h2, .themas #rechts a:hover, .themas a.on {color: #df00b2 !important;}
.wetregelgeving h2, .wetregelgeving #rechts a:hover, .wetregelgeving a.on {color: #ea0303 !important;}
.zoek h2, .zoek #rechts a:hover, .zoek a.on {color: #89be23 !important;}
.contact h2, .contact #rechts a:hover, .contact a.on {color: #9900cc !important;}
.overlopai h3 {color: #ff8c11 !important;}
.nieuws h3 {color: #1e77d3 !important;}
.themas h3 {color: #df00b2 !important;}
.wetregelgeving h3 {color: #ea0303 !important;}
.zoek h3 {color: #89be23 !important;}
.contact h3 {color: #9900cc !important;}

p {padding: 0; margin: 0 20px 20px 0;}
blockquote {margin-left: 20px; margin-bottom: 15px;}

.inzet {padding: 5px; margin-bottom: 15px; background-color: #e2e2e2;}

/*
.overzicht p:first-line, {display: block; clear: both; margin: 0; padding: 0; font-size: 90%; font-weight: normal; color: gray; font-style: italic;}
*/

label {display: block; clear: both; margin: 0; padding: 0; font-size: 90%; font-weight: bold;}

/* formulieronderdelen */
input.text, textarea {border: 1px solid silver; width: 300px; font-size: 90%; font-family: Arial, sans-serif; color: #424242;}
textarea {height: 100px; overflow: auto;}
.contactknop {background-color: #9900cc; border: 1px solid #424242; color: white; font-weight: bold; font-size: 80%;}
.zoekknop {background-color: #89be23; border: 1px solid #424242; color: white; font-weight: bold; font-size: 80%;}

.toplink {width: 100%; text-align: right; padding-bottom: 35px;}
.toplink img {border: none;}

.pasfoto {float: left; padding-right: 10px;}
.pasfoto img {border: 1px solid #ff8c11;}
.kaartje, .gfx {float: right;}

ul {list-style-position: outside; list-style-type: square; margin: 0 20px 20px 0; padding-left: 20px;}
ul ul {margin: 0 20px 0 0; padding-left: 20px;}

.nieuws li {list-style-type: square; list-style-image:url(images/list.blauw.gif);}
.overlopai li {list-style-type: square; list-style-image:url(images/list.oranje.gif);}
.themas li {list-style-type: square; list-style-image:url(images/list.roze.gif);}
.wetregelgeving li {list-style-type: square; list-style-image:url(images/list.rood.gif);}
.zoek li {list-style-type: square; list-style-image:url(images/list.groen.gif);}
.contact li {list-style-type: square; list-style-image:url(images/list.paars.gif);}

.letop {font-size: 1.0em; color: #0080c0; font-weight: bold;}

#clear {clear: both;}