*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:times,verdana,arial,sans-serif;} 
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/achtergrondmainmetnaf.jpg) top left repeat-y;}
.basis-menu {display:inline; float:left; width:200px; overflow:visible !important; overflow:hidden;}
.main-content {display:inline; float:left; width:440px; margin:0 0 0 30px; overflow:visible !important; overflow:hidden;}
.main-content-page {display:inline; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important; overflow:hidden;}
.main-subcontent {display:inline; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important; overflow:hidden;}
.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(104,186,124) /*url(../img/bg_foot.jpg) no-repeat*/; font-size:1.0em; overflow:visible !important; overflow:hidden;}

.hoofding{width:900px; font-family:times,"trebuchet ms",arial,sans-serif;}



.basis-menu .rbtr {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(../img/rondrechts.gif) no-repeat;}

.kolom-smal {width:440px; margin-bottom:10px !important; margin-bottom:5px;}
.kolom-breed {width:640px; margin-bottom:10px !important; margin-bottom:5px;}

.rand {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(164,161,131); background:rgb(235,235,235);}//235,235,235 164,161,131


.rbtl {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/rondlinks.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.rbtr {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/rondrechts.gif) no-repeat; margin-top:-1px; margin-left:174px;}

.footer p {line-height:1.3em; text-align:center; color:rgb(256,256,256); font-weight:bold; font-size:140%;}

.page-container:after, .header:after, .main:after, .basis-menu:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.kolom-smal:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.rand:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.einde-rand {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
.einde-rand-index {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

.menu {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.menu dt a, .menu dt a:visited {display:block; min-height:2.0em; height:auto !important; height:2.0em; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(41,28,18); font-weight:bold; font-size:120%;}
.menu dt a:hover {background-color:rgb(225,225,225); color:rgb(124,86,17); text-decoration:none;}


.basis-menu .loginform {width:160px; margin:-10px 20px 0 20px;}

.basis-menu h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(104,186,124); font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.basis-menu h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(104,186,124); font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.basis-menu h2 {clear:both; margin:20px 10px 10px 20px; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.basis-menu h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.basis-menu p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.basis-menu p.center {text-align:center;}
.basis-menu p.right {text-align:right;}

.main-content h1.paginatitel {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(150,150,150); font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:bold; font-size:620%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content-page h1.paginatitel {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(150,150,150); font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:bold; font-size:620%;}
.main-content-page h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:normal; font-size:210%;}
.main-content-page h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:normal; font-size:170%;}
.main-content-page h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content-page h4 {clear:both; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(104,186,124); font-weight:normal; font-size:130%;}
.main-content-page td {clear:both; margin:-1.0em 0 0.5em 0; font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(0,0,0); font-weight:italic; font-size:150%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:140%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.main-content-page p {margin:0 0 1.0em 0; line-height:1.5em; font-size:140%;}
.main-content-page p.center {text-align:center;}
.main-content-page p.right {text-align:right;}
.main-content-page p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content-page blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show;}// background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}//background-color:rgb(225,225,225); 
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}// ; background-color:rgb(225,225,225)
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important; margin:0.5em 0 1.0em 25px;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(104,186,124); font-family:times,"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}


.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:2px; border:1px solid rgb(104,186,124);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(104,186,124);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(104,186,124);}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138);}// text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

.titel img {border:0px;}
//colors bruinachtig 164,128,66 roodachtig 239,44,12  oranjeachtig 255,174,71  geelachtig 255,  239,203  vleeskleurig 236,198,159 roodachtig 114,10,37 rozeachtig 255,0,127  zoals de titel.   158,10,8 veranderd door  104,186,124


//toevoegingen
.progress-bar {
    background: #36C36E;
}