/* top elements */
* { padding: 0; margin: 0; }
body { margin: 0 auto; padding: 0; font: normal 12px/21px 'Georgia', sans-serif; color: #444; background: #E3E3D7 url(images/bg_header_home.gif) no-repeat top center; text-align: center; height: 100%; }
/* links */
a { background: inherit; color: #669900; text-decoration: none; border-bottom: 1px dashed; }
a:hover { background: inherit; border-bottom: 1px solid; }
/* headers */
h1, h2, h3 { font: 1em 'Trebuchet MS', Tahoma, Sans-serif; color: #557D00; }
h1 { font-size: 21px; font-weight: normal; }
h2 { color: #669900; font: normal bold 14px/21px 'Georgia', sans-serif; }
h3 { color: #000; font: normal bold 12px/21px 'Georgia', sans-serif; }
p, h1, h2, h3 { margin: 10px 15px 10px 0;}
p { line-height: 180%; font-weight: normal; margin-left: 15px;padding-bottom:10px; }
ul, ol { margin: 10px 30px; padding: 0 15px; }
/* images */
img { border: 1px solid #DDD; padding: 5px; background-color: #FFF; }
img.float-right { margin: 5px 0px 5px 15px; }
img.float-left { margin: 5px 15px 5px 0px; }
code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #eee; }
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote { margin: 15px; padding: 0 0 0 20px; background: #FAFAFA url(images/quote.gif) no-repeat 3px 5px; border: 1px solid #eee; font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; color: #666666; }
/* start - table */
table { border-collapse: collapse; margin: 15px; }
th strong { color: #fff; }
th { background: #993333; height: 29px; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: left; border-left: 1px solid #D68686; border-bottom: solid 2px #FFF; }
tr { height: 30px; }
td { padding-left: 11px; padding-right: 11px; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #DFDFDF; }
td.first,th.first { border-left: 0px; }
tr.row-a { background: #F8F8F8; }
tr.row-b { background: #EFEFEF; }
/* end - table */
/* form elements */
form { margin: 10px 15px; padding: 0; border: 1px solid #eee; background-color: #FAFAFA; }
label { display: block; font-weight: bold; margin: 5px 0; }
input { padding: 2px; border: 1px solid #eee; font: normal 1em 'Trebuchet MS', verdana, sans-serif; color: #777; }
textarea { width: 400px; padding: 2px; font: normal 1em 'Trebuchet MS', verdana, sans-serif; border: 1px solid #eee; height: 100px; display: block; color: #777; }
input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333; }
/* search form */
.searchform { background-color: transparent; border: none; margin: 0; padding: 0; }
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { width: 130px; color: #333; height: 20px; padding: 2px; vertical-align: top; }
.searchform input.button { font: bold 12px Arial, Sans-serif; color: #333; width: 60px; height: 26px; border: none; padding: 3px 5px; vertical-align: top; }
/***********************
	  LAYOUT
************************/
#wrap { /*width: 920px;*/ width: 100%; margin: 0 auto; text-align: center; }
/* header */
#header { position: relative; height: 154px; text-align: left; margin: 0 auto; padding: 0; width: 812px; background: url(images/hetlogo.png) no-repeat left; }
#header .headerphoto { position: absolute; right: 15px; top: 15px; width: 455px; height: 156px; }
#header #logo-box { position: absolute; left: 15px; top: 15px; width: 280px; height: 156px; /*background: #4E3525;*/ visibility: hidden; }
#logo-box h1#logo { position: absolute; font: bold 50px 'Trebuchet MS', Sans-serif; letter-spacing: -2px; color: #FFF; margin: 0; padding: 0; /* change the values of left and top to adjust the position of the logo */ top: 25px; left: 34px; }
#logo-box h1#logo a { text-decoration: none; color: #000; }
#logo-box #slogan { position: absolute; font: bold 12px 'Trebuchet Ms', Sans-serif; text-transform: none; color: #FFFFCC; margin: 0; padding: 0; /* change the values of left and top to adjust the position of the slogan */ top: 88px; left: 60px; }
/* header menu */
#menu { position: relative; clear: both; margin: 0 auto; padding: 0 auto; /*width: 100%;*/ width: 812px; background: transparent url(images/wrap-bg2.jpg) repeat-y; /*float: left;*/ overflow: hidden; }
#menu ul { font: normal bold 15px 'Trebuchet MS', sans-serif; letter-spacing: 0px; /*	width: 812px;*/ color: #F60; /*background-color: #FFF;	*/ margin: 0 15px; padding: 0 0 0 90px; display: inline; float: left; }
#menu li { float: left; list-style: none; }
#menu li a { display: block; padding: 5px 11px; color: #99CC00; text-decoration: none; border-top: 10px solid transparent; border-bottom: none; }
#menu li a:hover { /*border-top: 10px solid #96D4ED;*/ border-top: 10px solid #FFF; }
#menu li a.selected { background: #99CC00; color: #FFF; border-top: 10px solid #94DE00; }
/* content */
#content-wrap { clear: both; background: url(images/content2.jpg) #FFF repeat-y; border-top: 1px solid #ECECE3; }
#content { width: 812px; text-align: left; padding: 0 auto; margin: 0 auto; background-color: #FFF; min-height: 360px; height: 100%; overflow: hidden; }
#content.home{min-height:230px;}
/* sidebar */
#sidebar { float: left; width: 190px; margin: 35px auto; padding: 0 0 0 105px; height: 100px; }
#sidebar h1 { padding: 10px 0px 5px 10px; margin: 0; color: #660000; }
.sidebox { margin-bottom: 10px; }
/* sidebar menu */
#sidebar ul.sidemenu { font: normal 13px/21px 'Trebuchet MS', sans-serif; list-style: none; margin: 0 0 15px 0; padding: 0; }
#sidebar ul.sidemenu img { border: 0; padding: 0; margin: 0; float: left; }
#sidebar ul.sidemenu li { padding: 0px 10px; }
#sidebar ul.sidemenu a { display: block; font-weight: normal; color: #669900; height: 2em; padding: .3em 0 .3em 5px; line-height: 2em; border-bottom: 1px solid #D1E0B2; text-decoration: none; }
#sidebar ul.sidemenu a.top{ border-top: 1px solid #F6FCE5; }
#sidebar ul.sidemenu a:hover, .sidemenu li a.selected { background: #F6FCE5; }
/* main */
#main { float: left; width: 480px; margin: 25px 0 0 0; padding: 0 0 30px 25px; }
#main.home{ width: 500px; margin: 25px 0 0 100px; padding: 0 0 30px 25px; }
#main h1 { padding: 10px 0 5px 0px; margin: 0; font-weight: normal; font-size: 21px; letter-spacing: 1px; }
#main ul{ margin: 0; }
#main ul li { list-style-image: none; }
#main p{ margin-left: 0; margin-right: 0;  margin-bottom:0px;}
.post { margin: 0; padding: 0; }
.post h1 { margin: 0; padding: 0; }
.post .post-footer { background-color: #fafafa; /*padding: 5px; */ margin-top: 20px; font-size: 95%; border: 1px solid #eee; }
.post .post-footer .date { background: url(images/clock.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; }
.post .post-footer .comments { background: url(images/comment.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; }
.post .post-footer .readmore { background: url(images/page.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; }
/* footer */
#footer { clear: both; width: 100%; margin: 0 auto; padding: 12px 0 0 0; font: normal .92em/1.5em 'Georgia', Tahoma, Arial, sans-serif; height: 45px; background: #E3E3D7; color: #666666; border-top: 5px solid #D0D0B8; }
#footer p { margin: 0 auto; padding: 0; width: 812px; text-align: right; }
#footer a { text-decoration: none; color: #777; border-bottom: none; }
#footer a:hover { text-decoration: underline; color: #333; border-bottom: none; }
#extra-wrap{ overflow: hidden; text-align: center; background: #F4F4EC; border-top: 5px solid #ECECE3; }
#extra{ overflow: hidden; margin: 0 auto; padding: 0; width: 812px; text-align: left; }
#extra h1{ margin-left: 8px; color: F60; font: bold 15px Trebuchet MS; }
#extra img{ padding: 2px; border: 1px solid #D0D0B8; background: transparent; }
#extra ul{ margin-left: 90px; overflow: hidden; width: 812px; }
#extra ul li{ float: left; display: block; width: 226px; margin: 0 0 10px 10px; }
#extra a{ border-bottom: 1px dashed; }
#extra a:hover{ border-bottom: 1px solid; text-decoration: none; }
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.gray { color: #BFBFBF; }
/* Kleuren set - over ons */
.overons h1{ color: #660066; }
.overons h2, .overons h3{ color: #990066; font-weight: bold; }
.overons #sidebar ul.sidemenu a{ border-bottom: 1px solid #D1B2D1; color: #660066; }
.overons #sidebar ul.sidemenu a:hover, .overons #sidebar ul.sidemenu li a.selected { background: #F5E5EF; }
.overons {background: url(../kinderboekenweb/images/element-illustratie-3.gif) no-repeat left 130px;}
.overons a {color: #660066;}

/* Kleuren set - actueel */
.actueel img{margin-left:10px;}
.actueel p{padding-bottom:0;}
.actueel h1{ color: #FF6600;}
.actueel h2{ color: #FF8600; font-weight: bold; }
.actueel h3{ color: #000;}
.actueel #sidebar ul.sidemenu a{ border-bottom: 1px solid #FFE0B2; color: #FF8600; }
.actueel #sidebar ul.sidemenu a:hover, .actueel #sidebar ul.sidemenu li a.selected { background: #FFF5E5; }
.actueel {background: url(../kinderboekenweb/images/element-illustratie-2.gif) no-repeat left 90px;}
.actueel a {color: #FF8600;}

/* Kleuren set - projecten */
.projecten p{margin-top:0;}
.projecten h3{color:#000; }
.projecten {background: url(../kinderboekenweb/images/element-illustratie-1.gif) no-repeat left 90px;}

/* Kleuren set - tips */
.tips img{margin-left:10px;}
.tips p{padding-bottom:0;}
.tips h1{ color: #FF6600;}
.tips h2{ color: #FF8600; font-weight: bold; }
.tips h3{ padding-left:5px; color: #FFF;  font-weight:bold; font-size:11px; background-color:#FFB442; display:block;}
.tips #main ul li{margin:0; padding:0;}
.tips #sidebar ul.sidemenu a{ border-bottom: 1px solid #FFE0B2; color: #FF8600; }
.tips #sidebar ul.sidemenu a:hover, .actueel #sidebar ul.sidemenu li a.selected { background: #FFF5E5; }
.tips a {color: #FF8600; }
.tips {background: url(../kinderboekenweb/images/element-illustratie-2.gif) no-repeat left 90px;}