#m1, #m2, #mback, #m3, #m1r, #m2r, #mbackr, #m3r {width:163px}
#m1 {background: url(../images/boven1.jpg); height:21px;}
#m2 {background: url(../images/boven2.jpg); height:74px;}
#mback {background: url(../images/mback.jpg)}
#m3 {background: url(../images/onder.jpg); height:41px;}

#m1r {background: url(../images/boven1r.jpg); height:28px;}
#m2r {background: url(../images/boven2r.jpg); height:50px;}
#mbackr {background: url(../images/mbackr.jpg)}
#m3r {background: url(../images/onderr.jpg); height:46px;}

.float-right {float:right; margin:2px 0 10px 20px;}
.float-left {float:left; margin:3px 20px 10px 0;}
.clear-img-floats {clear:both}

#adm {margin-left:18px; width:120px; height:240px;}

ul.artm {list-style:none; width:140px;}
ul.artm li a {display:block; width:120px; padding:4px 0 4px 20px; color:#FEEBEA;}
ul.artm li a:hover {color:#7ECB65; text-decoration:underline;}

ol {list-style:decimal inside;}
ol li {margin:8px 0 8px; text-align:justify; line-height:14px;}
ol li a { color: #133E72; background-color: inherit; }
ol li a:hover { color: #A8231D; background-color: inherit; }
ol li strong {color:#133E72; line-height:40px;}
ol li span {font-weight:bold; line-height:26px;}

.lijst {list-style:none outside}

.code {background:#D6D6D6; color:#0C315E; padding:8px; margin:7px; border: 1px solid #133E72; line-height:20px; text-align:left;}
.blauw {color:#133E72; line-height:normal; font-weight:normal;}
.rood {color:#A81C17; line-height:normal; font-weight:normal;}
.tekstblauw {margin:10px 0; text-align:justify; color:#133E72;}

.verder {width: 100%; text-align: center; line-height:27px; margin:20px 0 10px;}
.verder a {color: #A81C17; text-decoration:none; line-height:27px; background:url(../images/a1.gif) repeat-x 100% 100%; padding-bottom:5px; white-space:nowrap; }
.verder a:hover {color: #133E72; text-decoration:none; line-height:27px; background:url(../images/a2.gif) repeat-x 100% 100%; padding-bottom:5px; white-space:nowrap; }
#artleft {position:absolute; left:20px; top:268px; width:180px;}
#artright {margin:0 0 20px 180px; min-height:660px; width:533px;}
* html #artright {height:660px}

#ad1 {margin:24px 0 18px 65px; width:468px; height:60px;}
#imgad1, #imgad2 {background-image:url(../images/test.gif); background-repeat:no-repeat; background-position:0px 8px;}
#ad2 {margin:20px 0 18px 65px; width:468px; height:60px;}

.tut-lijst-img {height:52px; width:52px; margin-top:6px; float:left; clear:left;}
.tutorials-lijst{margin:0 0 16px 62px}

p a, p a:hover {color:#020F1B; background:inherit;}
p a:hover {text-decoration:underline}
.ti1 {padding: 15px 0 8px 23px; background-position:0 12px;}

.table-blog {font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.url-voorbeeld td {font:11px Verdana, Arial, Helvetica, sans-serif; color:#020F1B; background:inherit; padding:0 0 8px; vertical-align:top;}
.url-voorbeeld td a {font:11px Verdana, Arial, Helvetica, sans-serif; color:#133E72; background-color:inherit; text-decoration:none;}
.url-voorbeeld td a:hover {color:#A8231D; background-color:inherit; text-decoration:underline;}
.urltd {width:180px}

.categorie {font:10px Verdana, Arial, Helvetica, sans-serif; color:#0D3565; background:inherit; line-height:18px}
.categorie a {font:10px Verdana, Arial, Helvetica, sans-serif; color:#951813; background-color:inherit;}
.categorie a:hover {color:#0D3565; background-color:inherit;}
.categorie em {margin:0 10px}