/*-----------------------------------------------Layout CSS----------------------------------------------- */
body{font:10px 'Lucida Grande',Arial,sans-serif;color:#d0d0d0;background:url(../images/background.jpg) repeat-x #4A4A4A;}

/* anchors
----------------------------------------------- */
a{color:#CCC;font-weight:bold;text-decoration:none;}
a:visited{color:#CCC;font-weight:bold;text-decoration:none;}
a:hover{color:#961b1c;}

/* boxes----------------------------------------------- */

.box{background:#222222;margin-bottom:20px;padding:15px;}
.box_home{background:#222222;margin-bottom:20px;padding:0px;width:760px;height:320px;}
.box_home2{position:relative;width:370px;margin:0px 20px 20px 0px;float:left;height:170px;}
.titel{position:absolute;top:20px;left:0;color:#961b1c;padding:5px 20px;z-index:1000;text-transform:uppercase;font-weight:bold;letter-spacing:1px;width:300px;}
.box_home3{background:#961b1c;width:370px;margin-bottom:20px;padding:20px 0px 20px 0px;float:left;height:130px;position:relative;}
.box_rood{background:#a71d1e;margin-bottom:20px;padding:15px;color:#FFF;}
.box_terug{margin-bottom:60px;padding:0;color:#FFF;text-align:right;}
.box h2,.box_rood h2{font-size:1em;letter-spacing:1px;font-weight:normal;text-transform:uppercase;color:#FFF;padding:0 0 10px 0;margin:0;}
.box_home3 h2{font-size:1em;letter-spacing:1px;font-weight:bold;text-transform:uppercase;color:#FFF;padding:0 0 3px 20px;margin:0;}
.box h2.rood{font-size:1em;letter-spacing:1px;font-weight:normal;text-transform:uppercase;color:#961b1c;padding:0 0 5px 0;margin:0;}
.box h2 .hrood{font-size:1em;letter-spacing:1px;font-weight:normal;text-transform:uppercase;color:#961b1c;padding:0 0 5px 0;margin:0;}
.grid_2{line-height:15px;}
.grid_3 h2{font-size:1em;letter-spacing:1px;font-weight:normal;text-transform:uppercase;color:#961b1c;padding:10px 3px 3px 0px;margin:0 0 8px 0;border-top:#333 1px solid;
/*background-color:#282828;*/
}
.grid_3 h2:first-child{border-top:none;}

/* menus----------------------------------------------- */

ul.menu{list-style:none;}
ul.menu li{margin:0;}
ul.menu li a{font-weight:normal;text-decoration:none;display:block;line-height:13px;padding:3px 10px 2px 25px;}
ul.menu li a:hover{color:#961b1c;background:transparent url(../images/arrow_menu.png) 0 -17px;}
ul.menu li{padding-bottom:25px;}
ul.menu li:last-child{padding-bottom:0px;}

/* submenus----------------------------------------------- */

ul.menu ul{list-style:none;margin:0;}
ul.menu ul li{padding-bottom:0px;}

/* linker menus----------------------------------------------- */

ul.section{border-top:0;margin:0;padding:0;}
ul.section li{text-transform:uppercase;color:#961b1c;letter-spacing:1px;}
ul.section li li a:active{color:#CCC;margin:0;}
ul.section ul li{text-transform:none;}
ul.section ul li:first-child{display:block;padding-top:8px;}
ul.section ul li:last-child{display:block;padding-bottom:17px;}
ul.section li a.current{color:#fff;}
ul.section li a.active{color:#fff;cursor:default;background:transparent url(../images/arrow_menu.png) 0 -1px;}
ul.section li.current > a.active, ul.section li.current > a.active:hover{color:#961b1c;cursor:default;}

/* berichten----------------------------------------------- */

.box_home3 .bericht{color:#FFF;font-weight:normal;text-decoration:none;line-height:15px;}
.box_home3 .bericht a.more{font-weight:normal;font-style:italic;color:#FFF;margin:2px 0 0 0;display:block;background:transparent url(../images/arrow_nieuws.png) 0 0 no-repeat;height:14px; padding:3px 2em 5px 20px;line-height:15px; text-decoration:none;}
ul#newsslider li{display:block; width:330px; background-color:#961b1c; padding:0px 20px 0px 20px; line-height:16px;}
.box_home3 .bericht a:hover{color:#FFF;}
.box_home3 .bericht a:visited{color:#CCC;}
.bericht a.more:hover{color:#000;background:transparent url(../images/arrow_nieuws.png) 0 -16px;}
.box_home3 .bericht a.more:visited{color:#FFF;}
.grid_2 .bericht img.left{float:left;margin:0px 20px 0 0;}
.bericht_rood a{color:#FFF;font-weight:normal;text-decoration:none;}
.bericht_rood a:hover{color:#CCC;text-decoration:none;}
ul.pdf{padding-top:18px;}
ul.pdf2,ul.pdf3{padding-top:0px;}
.pdf li a,.pdf2 li a,.pdf3 li a{font-weight:normal;margin:0;display:block;background:transparent url(../images/pdf_icon.gif) 0 0 no-repeat;height:16px; padding:3px 2em 5px 30px;line-height:14px; text-decoration:none;}
.pdf li a,.pdf2 li a{color:#961b1c;}
.pdf3 li a{color:#CCC;}
.pdf li a:hover,.pdf2 li a:hover{color:#FFF;}
.pdf3 li a:hover{color:#961b1c;}
.bericht_terug a{margin:0;display:block;background:#222222;height:18px; width:18px;float:right;}
.bericht_terug a:hover{background-color:#961b1c;}
.bericht_cijferrij ul{margin:0;display:block;background:#222222; float:right;padding:3px;}
.bericht_cijferrij li{display:inline;list-style-type:none;padding:0px 3px; font-size:9px}
.bericht_cijferrij a:link,.bericht_cijferrij a:visited{color:#CCC; text-decoration:none;}
.bericht_cijferrij a:hover{color:#961b1c; text-decoration:none;}
.bericht a.weg{font-weight:normal;margin:10px 0 0 0;display:block;background:transparent url(../images/arrow_menu.png) 0 0 no-repeat;height:14px; padding:3px 2em 5px 20px;line-height:15px; text-decoration:none;}
.bericht a.weg:hover{color:#961b1c;background:transparent url(../images/arrow_menu.png) 0 -16px;}
.news .foto{float:left;postition:relative; padding-right:20px; width:84px; }
.news .uitleg{float:left;postition:relative; text-align:left; width:360px;}
ul.news li{padding:0px 55px 15px 0px; border-bottom:#333 1px solid; margin-bottom:15px;}
ul.news li:last-child{margin-bottom:0px;}
ul.news .datum{color:#961b1c; padding-right:10px;}
ul.news h2{font-size:1em;letter-spacing:normal;font-weight:normal;text-transform:uppercase;padding:0 0 3px 0;color:#d0d0d0;}
a.press{margin:15px 0 0 0px;display:block;}
.thumbnail{float:left;width:57px;padding:0px 14px 14px 0;}
ul.gallery li{float:left;clear:none;margin-right:10px; margin-bottom:10px; margin-left:10px;}
.gallery li:last-child{margin-right:0px;}
.gallery li:first-child{margin-left:0px;}

/* berichten rechterkolom----------------------------------------------- */

div.tweet li{padding:9px 0px 9px 0px; border-bottom:#333 1px solid; color:#CCC}
div.tweet li:first-child{padding-top:0px;}
div.tweet li:last-child{border:none;}
div.tweet h3, div.tweet ul li  a{padding-bottom:4px; color:#999; text-decoration: none; line-height:1.8em;}
.grid_3 .bericht{margin:0px 0px 15px 0;}
ul.socialmedia li{float:left;margin-right:10px;}
.social a *{outline:none;display:none;}
ul.socialmedia a, ul.socialmedia a .hover{outline:none;height:16px;position:relative;display:block;width:16px;}
/* individuele icoontjes */
ul.socialmedia a.rss{background:url(../images/s_rss.png) 0 0 no-repeat;}
ul.socialmedia .social a.rss:hover, ul.socialmedia a.rss .hover{background-position:0 -16px;}
ul.socialmedia a.linkedin{background:url(../images/s_linkedin.png) 0 0 no-repeat;}
ul.socialmedia .social a.linkedin:hover, ul.socialmedia a.linkedin .hover{background-position:0 -16px;}
ul.socialmedia a.twitter{background:url(../images/s_twitter.png) 0 0 no-repeat;}
ul.socialmedia .social a.twitter:hover, ul.socialmedia a.twitter .hover{background-position:0 -16px;}
ul.partners li{float:left;margin-right:10px; margin-bottom:3px;}
ul.socialmedia a.facebook {background:url(../images/s_facebook.png) 0 0 no-repeat;}
ul.socialmedia .social a.facebook:hover,ul.socialmedia a.facebook .hover {background-position: 0 -16px;}


/* forms----------------------------------------------- */

.box .newsletter{margin:20px 0;}
.newsletter label{margin-top:8px;margin-right:8px;display:block;float:left;width:125px;}
.newsletter .rowElem{clear:both;padding:5px 0px;}
.newsletter .rowElem2{clear:both;padding:12px 0px 0px 133px;}
.newsletter .rowElem3{padding:12px 10px 0px 133px;}
.tekstinput{color:#FFF; background-color:#961b1c;height:16px; outline-style:none; padding:2px 5px; border:none;}
.tekstinput_small{color:#FFF; background-color:#961b1c;height:16px; outline-style:none; padding:2px 5px; border:none;width:35px;}
.tekstinput2{color:#FFF;background-color:#961b1c;height:18px;outline-style:none;border:none;margin:0;}
#submit{color:#FFF; background-color:#961b1c;font-size:8px; line-height:8px; letter-spacing:1px; width:40px; height:16px; border:none; outline-color:#fff; }
.select{background-color:#961b1c; border:none;font-family:'Lucida Grande',Arial,sans-serif; font-size:10px; color:#FFF;width:150px;height:20px; padding:2px; outline-style:none;}
option{padding:2px;}
.go2{display:block; position :relative; top: -20px ; left : 140px;height:20px;width:20px;cursor:pointer; border:0;background: url("../images/submit.gif") top left no-repeat;}
#codegen{font-size:13px; padding-left:5px; line-height:1.7em;}

/* tooltip
----------------------------------------------- */

a.tooltip{position:relative;}
a:hover.tooltip{padding:0;z-index:10;}
a span{display:none;}
a:hover span{position:absolute;display:block;top:25px;left:45px;width:110px;z-index:10;
/* pure opmaak vanaf hier */
background:#000;color:#CCC;padding:2px 3px;font:11px tahoma,Verdana,Arial,Helvetica,sans-serif;text-decoration:none;}

/* STYLE  >> fadeslideshow
---------------------------------------------------------------------------------------------------*/

#gallery1{position:relative;height:37px;width:164px;overflow:hidden;margin:0;}
#gallery1 a{float:left;position:absolute;}
#gallery1 a img{border:none;}
#gallery1 a.show{}
#gallery1 .caption{background-color:#000; color:#ffffff; height:30px; width:780px; position:absolute;top:191px;}
#gallery1 .caption .content{margin:10px; font:italic 11px Arial;color:#ffffff; }
#gallery2{position:relative;height:37px;width:164px;overflow:hidden;margin:0;}
#gallery2 a{float:left;position:absolute;}
#gallery2 a img{border:none;}
#gallery2 a.show{}
#gallery2 .caption{background-color:#000; color:#ffffff; height:30px; width:780px; position:absolute;top:191px;}
#gallery2 .caption .content{margin:10px; font:italic 11px Arial;color:#ffffff; }
#bannerfoto{position:relative;height:320px;width:760px;overflow:hidden;margin:0;}
#bannerfoto a{float:left;position:absolute;}
#bannerfoto a img{border:none;}
#bannerfoto a.show{}
#bannerfoto .caption{background-color:#000; color:#ffffff; height:30px; width:780px; position:absolute;top:320px;}
#bannerfoto .caption .content{margin:10px; font:italic 11px Arial;color:#ffffff; }

.bericht_large{width:730px;}