* { padding: 0; margin: 0; }
body,html { background: #eeeeee; }
.clear { clear:both; }
#container { width: 864px; margin: 0 auto; background: url(../img/container_bg.jpg); }
#header { background:url(../img/container_header.jpg) top center no-repeat; height:100px; padding: 15px 30px 20px 20px; }
/* leftHeader */
#header #left { float:left; border-right: 1px solid #e3e3e3; width: 400px; }
#header #left img { margin: 5px; }
/* rightHeader */
#header #right { float:right; font: bold 12px verdana; padding:5px; }
#header #right ul { list-style: none; margin-bottom: 25px; padding:0; text-align: right; }
#header #right ul li { display: inline; margin: 0 5px; }
#header #right ul li a { text-decoration: none; color: #000; }
#header #right ul li a:hover { text-decoration: underline; }
#header #right fieldset { border: 0; background: url(../img/header_zoekcontainer.jpg) no-repeat; width: 347px; height: 50px; padding: 2px; }
#header #right fieldset input[type="text"] { background:url(../img/input_zoeken.jpg) no-repeat; width: 217px; height: 15px; border:0; font: 12px verdana; color: #6c6e6e; padding: 5px; margin: 10px 0 0 10px; }
#header #right fieldset input[type="submit"] { background:url(../img/submit_zoeken.jpg) no-repeat; border:0; font:bold 12px verdana; color: #fff; padding: 4px; width: 95px; }
#content { padding: 0px 30px 10px 30px; width: 780px; margin:0 auto; }
/* categorien */
#content #categorien { border-bottom: 2px solid #e4e4e4; border-top: 2px solid #e4e4e4; padding: 5px 0 5px 0; margin:10px 0 10px 0; }
#content #categorien fieldset { height: 97px; width:768px; border: 0; background: url(../img/categorien_bg.jpg) no-repeat; padding: 5px; margin:0 auto; }
#content #categorien fieldset ul { list-style: none; text-align: center; font: 12px Tahoma; margin-right: 10px; }
#content #categorien fieldset ul.list.last { border: 0; }
#content #categorien fieldset ul.list { float: left; width: 245px; border-right: 1px solid #e4e4e4; height: 97px; }
#content #categorien fieldset ul.list li { margin-top: 5px; margin-bottom: 10px; margin-right: 5px; }
#content #categorien fieldset ul.list li.last { margin-bottom:0; }
#content #categorien fieldset a { text-decoration: none; color: #000; display: block; height:10px; padding:4px 5px 6px 5px; }
#content #categorien fieldset a:hover { font:bold 11px verdana; color: #fff; background: url(../img/categorien_link_bg.jpg); border:1px solid #fff; margin-bottom: -2px }
/* leftContainer */
#content #leftContent { float:left; width: 284px; }
/* login */
#content #leftContent #login { width: 284px; height: 145px; background:url(../img/login_bg.jpg) no-repeat; margin:0 auto; }
#content #leftContent #login fieldset { border: 0; padding: 5px; width: 265px; margin: 0 auto; }
#content #leftContent #login fieldset input[type="text"] { font:bold 12px Tahoma; color: #8ca6cc;padding: 10px 0 0 5px; margin: 8px 0 0 0; border:0; background: url(../img/login_input.jpg) no-repeat; width: 260px; height:26px; }
#content #leftContent #login fieldset input[type="submit"] { font:bold 12px Tahoma; color: #fff; border:0; background: url(../img/login_submit.jpg) no-repeat; width: 97px; height: 35px; float:left; margin: 8px 0 0 0;}
#content #leftContent #login fieldset p { float:right; text-align: right; font:11px Tahoma; margin: 10px 7px 0 0; }
#content #leftContent #login a { text-decoration:none; color: #000; }
#content #leftContent #login a:hover { text-decoration: underline; }
#content #leftContent #login ul { list-style: none; padding: 10px; }
#content #leftContent #login ul li { background: url(../img/login_input.jpg) no-repeat; width: 260px; height: 26px; padding: 10px 0 0 10px; margin: 0 0 7px 0; font: }
#content #leftContent #login ul li a { display: block; color: #8da6cd; font: bold 12px Tahoma; }
#content #leftContent #login ul li a:hover { color: #0b4499; text-decoration: none; }
/* categorien */
#content #leftContent #cats { margin-top: 5px; width: 284px; }
#content #leftContent #cats .top { background: url(../img/categorien_top.jpg) no-repeat; height: 7px; }
#content #leftContent #cats .bottom { background: url(../img/categorien_bottom.jpg) no-repeat; height: 7px; }
#content #leftContent #cats ul { list-style: none; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 4px 4px 4px 10px; }
#content #leftContent #cats ul li { margin:4px 0 0 0; background: url(../img/categorien_cat.jpg) no-repeat; width: 260px; height: 25px; font: bold 12px Tahoma; color: #6ebb1f; padding: 6px 0 0 6px; }
#content #leftContent #cats ul li a { text-decoration: none; color: #93da4a; display: block; }
#content #leftContent #cats ul li a:hover { color: #63bb1f; }
#content #leftContent #cats ul li img { padding: 0; margin:3px 5px 3px 0; float: left; }
#content #leftContent #cats ul li.sub { background: url(../img/categorien_subcat.jpg) right no-repeat; width:247px; height: 25px; margin: 0 0 0 5px; border-left: 1px solid #ccc; }
#content #leftContent #cats ul li.sub a { color: #8ba5cb; padding: 5px; }
#content #leftContent #cats ul li.sub a:hover { color: #6286ba; }
/* rightContainer */
#content #rightContent { float:right; width: 496px; }
/* post */
#content #rightContent .post { color: #535353; margin:0 0 10px 0; }
#content #rightContent .post h1 { font:bold 16px Tahoma; color: #85a2cc; border-bottom: 1px solid #e4e4e4; padding:0 0 2px 5px; }
#content #rightContent .post h2 { font:bold 16px Tahoma; color: #85a2cc; border-bottom: 1px solid #e4e4e4; padding:0 0 2px 5px; }
#content #rightContent .post p { padding: 5px; font:12px Tahoma; }
/* item */
#content #rightContent .item { margin: 0 0 10px 0; }
#content #rightContent .item h1 { font: bold 16px Tahoma; color: #85a2cc; border-bottom: 1px solid #e4e4e4; padding: 0 0 2px 5px; }
#content #rightContent .item table { width: 100%; font: 12px Tahoma; margin: 0; padding: 0px; text-align: left; }
#content #rightContent .item table th { border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 3px; background: #f3f3f3; font-weight: normal; }
#content #rightContent .item table th.title { font-weight: bold; }
#content #rightContent .item p { padding: 5px; font: 12px Tahoma; margin: 0 0 5px 0; }
/* item: reacties */
#content #rightContent .reacties { margin: 0 0 10px; }
#content #rightContent .reacties .head { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 2px; }
#content #rightContent .reacties .head h3 { font: bold 16px Tahoma; color: #85a2cc; width: 250px; float: left; }
#content #rightContent .reacties .head span { font:12px Tahoma; width: 200px; float:right; margin: 2px 0 0 0; color: #969696; text-align: right; }
#content #rightContent .reacties .item { width:491px; margin:5px; }
#content #rightContent .reacties .item h4 { background: url(../img/reactie_top.jpg) no-repeat; font: 12px Tahoma; height:11px; padding: 6px; }
#content #rightContent .reacties .item h4 span { font-weight: bold; }
#content #rightContent .reacties .item p { background: #e1f3fb ; font: 12px Tahoma; color: #000; border-left: 1px solid #d5eaf6; border-right: 1px solid #d5eaf6; border-bottom: 1px solid #d5eaf6; }
#content #rightContent .reacties .item .bottom { background: url(../img/reactie_bottom.jpg) bottom no-repeat; height:26px; }
#footer { background: url(../img/container_footer.jpg); height: 276px; }
/* populaireKpi's */
#footer #populaire_kpi { border-bottom: 2px solid #e4e4e4; width: 780px; margin: 0 auto; margin-bottom: 20px; }
#footer #populaire_kpi h3 { margin: 0; font: bold 12px Tahoma; border-bottom: 2px solid #e4e4e4; padding:0 0 5px 0; }
#footer #populaire_kpi table { width: 100%; font: bold 12px Tahoma; margin:0; padding:2px; }
#footer #populaire_kpi table tr { width: 33%; text-align: left; color: #7f7f7f; padding: 3px; }
#footer #populaire_kpi table th { font-weight: bold; border-bottom: 1px solid #e4e4e4; padding: 3px; }
#footer #populaire_kpi table td { font-weight: normal; border-bottom: 1px solid #e4e4e4; padding: 5px; background: #eaeaea; }
#footer #populaire_kpi table td img { margin: 1px; }
#footer #populaire_kpi table td.last { border:0; }
#footer #populaire_kpi table td.highlight { background:#FFF8E6;}
/* advertisement */
#footer #advertisement { width: 468px; height: 40px; background: #EFEFEF; margin: 0 auto; text-align:center; padding:20px 0 0 0; font:12px verdana; color:#999; }
/* Bottom */
p.bottom { font: 12px Tahoma; color: #999999; text-align: center; margin: 10px; }
p.bottom a { text-decoration:none; font-weight: bold; color: #999; }