/*  Deze CSS mag je niet gebruiken voor je eigen website. Wel mag je er iets van leren.
Dit omdat deze website uniek is op het internet en dat zo hoort te blijven. Eveneens als de kleuren, lettertypes en posities en plaatjes. 
------------------------------------------------------------------*/

/* Robin Bierens 2008-2011 © alle rechten voorbehouden.
------------------------------------------------------------------*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form { margin: 0px; padding: 0px; border: 0px;}
@font-face {font-family: Delicious; src: url('http://www.leafyworld.nl/wp-content/themes/v2/fonts/Delicious-Roman.otf');}
@font-face {font-family: Interstate; src: url('http://www.leafyworld.nl/wp-content/themes/v2/fonts/Interstate-LightCondensed.otf');}
body { font-family: sans-serif; font-size: 11px; color: #666666; width: 100%;}
#logo {margin-top: 40px; font-family: Interstate; font-size: 26px; color: #71d4d2;}
html { margin-bottom: 1px; background: url(images/bg.gif);}
h1 {font-family: Interstate; font-size: 24px;}
h2 {font-family: Delicious; font-size: 16px;}
h3 {font-family: Delicious; font-size: 16px; color: #71d4d2;}
#main { height: auto; width: 775px; margin-left: auto; margin-right: auto; margin-top: 0px;}
.navigatie {background-color: #71d4d2; height: 37px; width: 775px; margin-top: 30px; margin-left: auto; margin-right: auto;}
.midden {margin-top: 0px;}
.navigatie ul {font-family: Delicious, Arial, sans-serif; font-size: 14px; margin: 0px 10px 10px 10px; padding: 7px 0px 0px 0px; list-style: none;}
.navigatie ul li {display: block;	position: relative;	float: left;}
.navigatie li ul { display: none; }
.navigatie ul li a {display: block; text-decoration: none; color: #ffffff; padding: 5px 5px 5px 5px; margin-left: 1px; white-space: nowrap;}
.navigatie ul li a:hover { background: #8ce3e1; }
.navigatie li:hover ul {display: block; position: absolute;}
.navigatie li:hover li {float: none; font-size: 11px;}
.navigatie li:hover a { background: #8ce3e1; }
.navigatie li:hover li a:hover { background: #8ce3e1; }
.zoeken {float: right; margin-top: -10px; margin-right: 5px;}
.submitbutton {display: none;}
input { background: #fff; border: 1px solid #e6e6df; font-family: Arial, Helvetica, sans-serif; padding: 4px; font-size: 12px; color: #85858c;}
input:focus { outline: none; }
textarea {background: #fff; border: 1px solid #e6e6df; padding: 2px; font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #85858c; line-height: 17px;  overflow: auto;}
#mid{ height: 206px; width: 775px; margin-left: auto; margin-right: auto; margin-top: 6px;}
.banner {height: 206px; width: 549px; background-color: #ffffff; float: left;}
.sidebarbanner {height: 206px; width: 216px; background-color: #ffffff; float: right;}
.sidebarinhoud {margin-left: 10px; padding: 10px 10px 10px 10px;}
.sidebarbanner a:link, .sidebarbanner a:visited, .sidebarbanner a:active {font-family: tahoma; font-size: 11px; color: #666666; text-decoration: none;}
.sidebarbanner a:hover {color: #71d4d2; text-decoration:none;}
.schuin {float:right;}
.rood {color: red;}
.groen {color: green;}
.submitbutton {display: none;}
.datum {font-family: Helvetica, Arial, sans-serif; color: #aaaaaa;}

.img { opacity: 0.4; }
.img:hover { opacity: 0.7; }

hr {border: none 0;	border-top: 1px dotted #d6d6d6;}

.inhoud a:link, .inhoud a:visited, .inhoud a:active {color: #666666; text-decoration: none; }
.inhoud a:hover { color: #c3c3c3; text-decoration:none; font-weight: bold;}
#container { height: auto; width: 775px; margin-left: auto; margin-right: auto; margin-top: 6px;}
.links {height: auto; width: 216px; float: left;}
.linksboven {height: 206x; width: 222px; background-color: #ffffff; float: left; margin-bottom: 8px;}
.linksinhoud {margin-left: 10px; padding: 10px 10px 10px 10px;}
.linksonder {height: auto; width: 222px; background-color: #ffffff; float: left;}
.rechts {height: auto; width: 545px; background-color: #ffffff; float: right;}

.links a:link, .links a:visited, .links a:active {color: #666666; text-decoration: none; }
.links a:hover { color: #c3c3c3; text-decoration:none;}
.rechtsinhoud {margin-left: 10px; padding: 10px 10px 10px 0px; text-align: justify;}
.rechts a:link, .rechts a:visited, .rechts a:active {color: #666666; text-decoration: none; }
.rechts a:hover { color: #c3c3c3; text-decoration:none; font-weight: bold;}