* {margin:0px; padding:0px; border:none; outline:none;}
img{ float:left}
.clear{ clear:both}

.row1{width:540px; float:left; padding-top:10px;}
label{width:195px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#86b918; padding-bottom:4px; padding-left:2px;}

body{background:#4d4d4d url(../images/body_bg.gif) repeat-x 0 0;}
#outer_layout{width:100%; float:left;}
#center_layout_bg{width:100%; float:left; background:url(../images/center_img.jpg) repeat-y center top;}
#top_layout_bg{width:100%; float:left; background:url(../images/top_img.jpg) no-repeat center top}
#bottom_layout_bg{width:100%; float:left; background:url(../images/bottom_img.jpg) no-repeat center 864px; min-height:1000px; height:auto!important; height:1000px;}
#layout{width:940px; margin:0 auto;}

#header{width:940px; float:left;}

#header .top_row{width:940px; float:left; height:45px;}
#header .top_nav{width:auto; float:left;}
#header .top_nav ul{width:auto; float:left; list-style:none; padding-top:15px;}
#header .top_nav ul li{width:auto; float:left; list-style:none; padding:0 8px 0 12px; background:url(../images/grey_seprator.gif) no-repeat 0 2px; text-transform:uppercase;}
#header .top_nav ul li.first{padding:0 8px 0 1px; background:none; text-transform:uppercase;}
#header .top_nav ul li a{width:auto; float:left; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none;}
#header .top_nav ul li a:hover{color:#fff; text-decoration:underline;}
#header .top_nav ul li a.active{color:#fff; text-decoration:underline;}

#header .top_blk_btn{width:auto; float:right;}
#header .top_blk_btn ul{width:auto; float:left; list-style:none; padding-top:10px;}
#header .top_blk_btn ul li{width:auto; float:left; padding-right:10px; text-transform:uppercase;}
#header .top_blk_btn ul li a{width:auto; float:left; background:url(../images/blk_btn_left.gif) no-repeat 0 0; padding-left:6px; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#header .top_blk_btn ul li a span{width:auto; float:left; background:url(../images/blk_btn_right.gif) no-repeat right 0; padding:4px 9px 0 3px; height:23px}

#header .list_box{width:auto; float:right; padding-top:10px;}
#header .list_box .list_bg{width:88px; float:left; height:27px; background:url(../images/list_bg.gif) no-repeat 0 0;}
#header .list_box .list_bg .input_box{width:55px; float:left; padding:3px 5px 0;}
#header .list_box .list_bg .input_box a{width:auto; float:left; padding-left:30px; background:url(../images/two_circle.gif) no-repeat 0 1px; color:#fff; line-height:20px; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#header .list_box .list_bg .arrow_box{width:21px; float:left; height:27px}
#header .list_box .list_bg .arrow_box a{width:auto; float:left; padding-left:0; background:none;  line-height:0;}

#header .middel_row{width:940px; float:left; padding-top:20px; position:relative;}
#header .middel_row .leader_box{width:728px; float:left;}
#header .middel_row .dynamic_flash_ballon{width:192px; height:126px; float:left; position:absolute; top:20px; right:0px; background:url(../images/flash_ballon.gif) no-repeat 0 0;}
#header .bottom_row{width:940px; float:left;  position:relative; height:277px}
#header .bottom_row .school_awards{width:439px; height:277px; position:absolute; top:0px; left:-24px; float:left;}
#header .bottom_row .right_flash{width:360px; height:195px; float:right; padding:40px 135px 0 0}

#menu{width:940px; float:left; height:40px;}
#menu ul{width:940px; float:left; list-style:none;}
#menu ul li{width:auto; float:left; padding:13px 8px 0 10px; background:url(../images/white_separator.gif) no-repeat 0 14px;}
#menu ul li.first{padding:13px 8px 0 0px; background:none;}
#menu ul li a{width:auto; float:left; font:bold 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-transform:uppercase;}
#menu ul li a:hover{color:#000000;}
#menu ul li a.active{color:#000000;}

#body_container{width:940px; float:left; padding:19px 0 5px;}

#left_container{width:540px; float:left; border:2px solid #86b918; padding:18px; background:#fff; min-height:1470px; height:auto!important; height:1470px;}
#left_container_inner{width:540px; float:left;}

.article_title_outer{background:#fff; border:2px solid #86b918; width:540px; float:left; padding:18px; margin-bottom:20px;}
.article_title{width:540px; float:left; position:relative;}
.article_title .title{width:216px; height:47px; float:left; position:absolute; top:-29px; left:-30px;}
.article_title h6{width:540px; float:left; font:bold 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#86b918; text-transform:uppercase; padding-top:8px;}
.article_title .img_box{width:540px; float:left; padding:6px 0;}
.article_title p{width:540px; float:left; font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.article_title a{width:auto; float:left; font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#86b918; text-decoration:underline;}
.article_title a:hover{text-decoration:none;}
.article_title .bottom_link{width:540px; float:left; padding:16px 0 19px; border-bottom:1px solid #86b918}
.article_title .padd_border_rmv{width:540px; float:left; padding:16px 0 0px; border-bottom:none}
.article_title .bottom_link .vote_btn{width:69px; height:30px; float:left;}
.article_title .bottom_link .social{width:auto; float:right; padding-top:12px;}
.article_title .bottom_link .social ul{width:auto; float:left; list-style:none;}
.article_title .bottom_link .social ul li{width:auto; float:left; font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-left:3px;}
.article_title .bottom_link .social ul li.first{padding-right:5px; padding-top:5px;}
.article_title .comments {width:540px; float:left; padding:10px 0;}
.article_title .comments ul{width:540px; float:left; list-style:none;}
.article_title .comments ul li{width:540px; float:left; padding:7px 0 9px; background:url(../images/green_dot.gif) repeat-x 0 bottom}
.article_title .comments ul li p{width:540px; float:left; font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.article_title .comments ul li p strong{width:540px; float:left;  font-weight:bold; color:#86b918;}

.news{background:#fff; border:2px solid #86b918; width:540px; float:left; padding:28px 18px 18px; margin-bottom:20px; position:relative}
.news .title{width:75px; height:47px; float:left; position:absolute; top:-11px; left:-11px;}
.news .title1{width:142px; height:47px; float:left; position:absolute; top:-11px; left:-11px;}
.news ul{width:auto; float:left; list-style:none;}
.news ul li{width:auto; float:left; background:url(../images/green_dot.gif) repeat-x 0 bottom; padding:17px 0 21px;}
.news ul li.top{width:auto; float:left; background:url(../images/green_dot.gif) repeat-x 0 bottom; padding:0px 0 21px;}
.news .img_box{width:148px; height:148px; border:1px solid #000; float:left;}
.news .data_box{width:379px; float:left; padding-left:10px; position:relative; min-height:125px; height:auto!important; height:125px; padding-bottom:25px;}
.news .data_box h6{width:379px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#86b918; text-transform:uppercase;}
.news .data_box p{width:379px; float:left; font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-bottom:15px}
.news .data_box p.last{padding-bottom:0px;}
.news .data_box a{width:auto; float:left; font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#86b918; text-decoration:underline;} 
.news .data_box a:hover{text-decoration:none;} 
.news .data_box .bottom_link{width:379px; float:left; position:absolute; bottom:0px; right:0px;}
.news .data_box .row{width:379px; float:left;}
.news .data_box .row .vote_btn{width:69px; height:30px; float:left; padding-top:19px;}
.news .data_box .bottom_link .social{width:auto; float:right; padding-top:8px;}
.news .data_box .bottom_link .social ul.social_link{width:auto; float:left; list-style:none;}
.news .data_box .bottom_link .social ul.social_link li{width:auto; float:left; font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0px 0 0 3px!important;background:none; }
.news .data_box .bottom_link .social ul.social_link li.first{padding-right:5px!important; padding-top:5px!important;}

.jouw_reactie{width:540px; float:left; padding-top:45px; position:relative;}
.aanmelden{padding-top:5px;}
.jouw_reactie .title{width:216px; float:left; height:47px; position:absolute; top:8px; left:-30px;}
.jouw_reactie .title1{width:137px; float:left; height:47px; position:absolute; top:-33px; left:-30px;}
.jouw_reactie form{width:auto; float:left;}
.jouw_reactie .col1{width:200px; float:left; padding-right:20px;}
.jouw_reactie .col2{width:320px; float:left;}
.jouw_reactie .row{width:200px; float:left; padding-bottom:12px;}
.jouw_reactie .row1{width:540px; float:left; padding-top:10px;}
.jouw_reactie form label{width:195px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#86b918; padding-bottom:4px; padding-left:2px;}
.jouw_reactie form label.size1{width:530px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#86b918; padding-bottom:4px; padding-left:2px;}
.jouw_reactie form input{width:190px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:6px 5px 7px; background:#cccccc; border:0;}
.input_veld {width:300px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:3px 2px 4px; background:#cccccc; border:0;}
.jouw_reactie form a{width:auto; float:left;; text-decoration:none; margin-left:20px; display:inline; margin-top:7px;}
.jouw_reactie form textarea{width:310px; float:left; height:132px; background:#cccccc; padding:5px; overflow:auto;}
.jouw_reactie form textarea.second{width:310px; float:left; height:417px; background:#cccccc; padding:5px; overflow:auto;}
.jouw_reactie form input.btn{width:69px; height:30px; float:left; padding:0; background:url(../images/send.gif) no-repeat 0 0; cursor:pointer;}

#right_container{width:340px; float:right;}
#right_container .winners{width:300px; float:left; border:2px solid #86b918; padding:28px 18px 16px 18px; background:#86b918 url(../images/winners_bg.gif) repeat-x 0 0; position:relative; margin-bottom:20px;}
#right_container .winners .title{width:171px; height:41px; float:left; position:absolute; top:-11px; left:-13px;}
#right_container .winners .title1{width:233px; height:47px; float:left; position:absolute; top:-11px; left:-13px;}
#right_container .winners .title2{width:223px; height:47px; float:left; position:absolute; top:-11px; left:-13px;}
#right_container .winners .img_box{width:300px; height:180px; float:left; padding-bottom:7px;}
#right_container .winners p{width:300px; float:left; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
#right_container .rectancle_add{width:336px; float:left; border:2px solid #86b918; height:280px; margin-bottom:20px;}
#right_container .twitter{width:300px; float:left; border:2px solid #86b918; padding:18px 18px 4px 18px; background:#86b918 url(../images/winners_bg.gif) repeat-x 0 0; position:relative; margin-bottom:20px;}
#right_container .twitter .title{width:103px; height:47px; float:left; position:absolute; top:-13px; left:-13px;}
#right_container .twitter .twitter_bird{width:60px; height:53px; float:left; position:absolute; bottom:-5px; left:-10px;}
#right_container .twitter ul{width:300px; float:left; list-style:none;}
#right_container .twitter ul li{width:300px; float:left; padding:8px 0 8px; background:url(../images/twitter_separator.jpg) no-repeat 0 bottom;}
#right_container .twitter ul li.last{width:300px; float:left; padding:3px 0 12px; background:none;}
#right_container .twitter ul li.last p{width:300px; float:left; font:bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:right;}
#right_container .twitter ul li.last p a{width:auto; float:none; color:#ffffff; text-align:right;}
#right_container .twitter ul li .row{width:300px; float:left; padding-top:3px;}
#right_container .twitter ul li p{width:300px; float:left; font:normal 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#ffffff}
#right_container .twitter ul li a{width:auto; float:left; color:#c2dc8c;}
#right_container .twitter ul li a:hover{ text-decoration:none;}
#right_container .twitter ul li small{width:auto; float:left; font:normal 9px/11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff}
#right_container .twitter ul li a.reply{width:auto; float:right; font:normal 9px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background:url(../images/reply.gif) no-repeat 0 4px;padding-left:11px; margin-right:5px; display:inline}
#right_container .twitter ul li a.retweet{width:auto; float:right; font:normal 9px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background:url(../images/retweet.gif) no-repeat 0 5px;padding-left:14px;}

#outer_footer{width:100%; float:left; background:#181818 url(../images/footer_bg.jpg) repeat-x 0 0; min-height:353px; height:auto!important; height:353px;}
#footer{width:940px; margin:0 auto;}
#footer_inner{width:940px; float:left; padding-top:60px;}
#footer .col{width:240px; float:left;}
#footer .col_last{width:220px; float:left;}
#footer ul{width:220px; float:left; list-style:none;}
#footer li{width:210px; float:left; background:url(../images/green_arrow.gif) no-repeat 0 5px; padding-left:10px;}
#footer li.bottom{width:210px; float:left; background:url(../images/green_arrow.gif) no-repeat 0 15px; padding-left:10px; padding-top:10px!important;}
#footer li.title{width:210px; float:left;font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:none; padding:0 0 3px 0}
#footer li.sub{width:210px; float:left; background:none; padding-left:0px;}
#footer li a{width:auto; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none;}
#footer li a:hover{color:#fff;}
#footer li a.active{color:#fff;}
#footer ul.heading{width:220px; float:left; list-style:none;}
#footer ul.heading li.bottom{width:210px; float:left; background:url(../images/green_arrow.gif) no-repeat 0 15px; padding-left:10px; padding-top:10px!important;}
#footer ul.heading li.bottom a{ color:#fff;}
#footer ul.heading li.title{width:210px; float:left;font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:none; padding:0 0 3px 0}
#footer ul.heading li.sub{width:210px; float:left; background:none; padding-left:0px;}
#footer ul.heading li a{width:auto; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none;}
#footer ul.heading li a:hover{color:#fff; text-decoration:underline;}
#footer ul.heading li a.active{color:#fff; text-decoration:underline;}

#footer .bottom_link{width:940px; float:left; padding:30px 0 0}
#footer .bottom_link ul.bottom{width:940px; float:left; list-style:none; text-align:center;}
#footer .bottom_link ul.bottom li{width:auto; display:inline;font:normal 9px/16px Arial, Helvetica, sans-serif; color:#808080;}
#footer .bottom_link ul.bottom li.link{width:auto; display:inline; text-align:center; background:url(../images/grey_seprator.gif) no-repeat 0 3px; padding:0 6px 0 8px; float:none;}
#footer .bottom_link ul.bottom li.first{width:auto; display:inline; text-align:center; background:none; padding:0 6px 0 0px; float:none;}
#footer .bottom_link ul.bottom li.link a{width:auto; float:none; font:normal 9px/16px Arial, Helvetica, sans-serif; color:#808080; text-decoration:underline;}
#footer .bottom_link ul.bottom li.link a:hover{color:#fff;}
#footer .bottom_link ul.bottom li.link a.active{color:#fff;}