body { background-color: #FFF; font: normal 10px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; }
#container { position: relative; margin: 0 auto; width: 944px; background: url(../images/bg/background.jpg) no-repeat 0px 53px; }
#inner { position: relative; margin: 0 auto; width: 904px; min-height: 588px; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 588px; /* For IE */ background: #000 no-repeat left top; }
#top { height: 53px; background: url(../images/bg/top.jpg) no-repeat; }
#header { margin: 0; padding: 0 0 0 358px; }
#content { position: relative; /* Peekaboo! */ margin: 0 40px 0 358px; padding: 226px 0 20px 0; background: url(../images/_shared/logo.jpg) no-repeat 0px 90px; color: #FFFFFF; }
#footer { clear: both; height: 40px; color: #5A544B; padding: 20px 0 0 40px; text-align:left; background: url(../images/bg/footer.jpg) no-repeat center top; }
#content p { margin:0 0 15px 0; }

/* Nieuws items homepage */
body.homepage #content { margin: 0 10px 0 358px; }
body.homepage .collumn { float:left; border-top: 1px #252525 solid; margin-top: 25px; padding: 10px 19px; width: 230px; background: url(../images/_shared/news_arrow.jpg) no-repeat left 10px; }
body.homepage .collumn .datum { color: #61B6EF; }
body.homepage .collumn span { display:block; height: 17px; font-weight: bold; }
body.homepage .collumn a { display: block; height: 17px; font-weight: bold; }

/* Speciale portfolio lay-out*/
body#portfolio #left_menu { margin: 0; padding: 0; float:left; }
body#portfolio #left_menu ul { margin: 0; padding: 200px 15px 20px 20px; }
body#portfolio #left_menu li { list-style-type: none; margin: 5px 0; padding: 0; }
body#portfolio #breadcrump { margin: 10px 0 0 0; }
body#portfolio #content { margin: 0 40px 0 237px; padding: 128px 0 20px 0; background: url(../images/_shared/logo.jpg) no-repeat 0 30px; }
#projecten .rollover,
#left_menu .rollover { color: #FFF; text-decoration:none; }
#projecten .rollover_hover,
#left_menu .rollover_hover { text-decoration:none; color: #C0DC01; }
#projecten a.rollover,
#left_menu a.rollover { color: #FFF; text-decoration:none; }
#projecten a.rollover:hover,
#left_menu a.rollover:hover,
#left_menu a#selected { text-decoration:none; color: #C0DC01; }

#portfolio_uitwerking hr { width:280px; margin: 5px 0; }
#portfolio_uitwerking { float:left; width:290px; margin: 25px 0 10px 0; padding: 0 10px 0 0; }
#portfolio_uitwerking h3 { font-size:1.1em; font-weight:bold; display:block; margin: 10px 0 0 0; }
#portfolio_uitwerking ul { width:200px; padding: 0 0 0 15px; margin: 0 0 10px 0; }
#portfolio_uitwerking ul li { list-style-type:none; list-style-position:outside; list-style:url(../images/_shared/dots_grey.gif); margin:0; padding:0; vertical-align:top; }

.logo { float:left; margin:6px 0 0 0 }

#list_items { margin: 25px 0 10px 0; padding: 0; }
#list_items.uitwerking { margin-top:18px; float:right; width:320px; }
#list_items .rollover { float:left; margin: 0 10px 10px 0; padding: 0; border: 1px #FFF solid; width:142px; height:142px; }
#list_items .rollover_hover { float:left; margin: 0 10px 10px 0; padding: 0; border: 1px #999 solid; width:142px; height:142px; }

.thumb { float:left; margin: 0 10px 10px 0; padding: 0; border: 1px #FFF solid; width:142px; height:142px; }
a.thumb:hover { border: 1px #999 solid; }

/* Pagina visuals */
body#bg1 #inner { background-image:url(../images/visuals/home1.jpg); }
body#bg2 #inner { background-image:url(../images/visuals/home2.jpg); }
body#bg3 #inner { background-image:url(../images/visuals/home3.jpg); }
body#bg4 #inner { background-image:url(../images/visuals/home4.jpg); }
body#actueel #inner { background-image:url(../images/visuals/actueel.jpg); }
body#rcc #inner { background-image:url(../images/visuals/rcc.jpg); }
body#vacatures #inner { background-image:url(../images/visuals/vacatures.jpg); }
body#contact #inner { background-image:url(../images/visuals/contact.jpg); }

/* Menu puntjes kleur */
body.homepage .dot { background-image: url(../images/_shared/dots_blue.gif); }
body.homepage .dot { background-image: url(../images/_shared/dots_blue.gif); }
body#actueel .dot { background-image: url(../images/_shared/dots_geel.gif); }
body#rcc .dot { background-image: url(../images/_shared/dots_purple.gif); }
body#portfolio .dot { background-image: url(../images/_shared/dots_green.gif); }
body#vacatures .dot { background-image: url(../images/_shared/dots_roze.gif); }
body#contact .dot { background-image: url(../images/_shared/dots_bruin.gif); }

/* Footer puntjes kleur */
body.homepage .footerdot { color: #168CDA; }
body#actueel .footerdot { color: #E8D61C; }
body#rcc .footerdot { color: #9F3283; }
body#portfolio .footerdot { color: #C0DC01; }
body#vacatures .footerdot { color: #FF3853; }
body#contact .footerdot { color: #816E60; }

/* <HR /> */
hr { border: none; height: 1px; width: 100%; margin: 15px 0px 15px 0px; }
body.homepage hr { color: #61B6EF; background-color:#61B6EF; }
body#actueel hr { color: #ECDB40; background-color:#ECDB40; }
body#rcc hr { color: #9F3283; background-color:#9F3283; }
body#portfolio hr { color: #333; background-color:#333; }
body#vacatures hr { color: #FF3853; background-color:#FF3853; }
body#contact hr { color: #816E60; background-color:#816E60; }

/* linkjes */
a { font-weight:normal; text-decoration: underline; }
body.homepage a { color: #61B6EF; }
body#actueel a { color: #ECDB40; }
body#rcc a { color: #9F3283; }
body#portfolio a { color: #C0DC01; }
body#vacatures a { color: #FF3853; }
body#contact a { color: #816E60; }
body#portfolio a.back { color: #FFF; margin:5px 0 0 0; padding-left:10px; float:right; background: url(../images/_shared/back_arrow.jpg) no-repeat left 5px; }

/* Nieuws*/
.item { display:block; margin-top: 20px; padding:0 19px; background: url(../images/_shared/news_arrow.jpg) no-repeat left top; }
.item a { display:block; height: 17px; font-weight: bold; }
.item span { display:block; height: 17px; font-weight: bold; }
.item .datum { color: #ECDB40; }
body#vacatures .item { margin-top: 15px; }
body#vacatures .item a { color: #FF3853; }
body#vacatures .item span { color: #FF3853; }

/* afbeeldingen */
ul#afbeeldingen { float: left; margin: 15px 0px 15px 0px; padding: 5px 5px 5px 5px; list-style: none; width: 460px; }
ul#afbeeldingen li { float: left; margin: 3px; }
ul#afbeeldingen li a.afbeelding { height: 100px; width: 100px; display : block; text-decoration : none; }
ul#afbeeldingen li a:hover .afbeelding { border: 1px solid #E8D61C; }
ul#afbeeldingen #afbeelding_large { width: 100%; text-align : center; }

/* documenten */
ul#documenten { margin: 15px 0px 15px 0px; padding: 5px 5px 5px 5px; list-style: square; clear: both; width: 400px; }
ul#documenten li { list-style: none; margin: 10px; }

/* Headers */
h1 { font-size: 120%; color: #FFF; margin: 15px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h2 { font-size: 11px; color: #FFF; margin: 15px 0px 0px 0px; padding: 0px 0px 10px 0px; font-weight:bold; }
h3 { font-size: 120%; color: #FFF; margin: 15px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h4 { font-size: 100%; color: #FFF; margin: 15px 0px 0px 0px; padding: 0px 0px 10px 0px; }

/* Contact formulier */
label { width:50%; padding: 2px 0; }
fieldset { margin: 0; padding:0; border:none; }
input,
textarea { margin: 0; width: 225px; border:1px #494643 solid; background:#202020; font-size:10px; color: #FFF; }
textarea { height: 65px; width: 480px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif }
label input,
label textarea,
label select { clear:both; margin: 0; }
label { float: left; clear: none; text-align: left; border: 0px; }
.submit { clear: both; float: right; margin: 12px 24px 0 0; }
/* -- .submit { float: left; margin: 4px 0 0 0; } -- */
.clear { clear:both; }
div.errors { position: relative; /* Needed to solve the Peekaboo bug in IE6 */ margin: 10px 0 10px 0; padding: 5px 10px 15px 10px; border: #494643 1px solid; background-color: #202020; display: none; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
#feedback { margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; }

/* Het menu */
#top ul { margin: 0 0 0 40px; padding: 23px 0 0; }
#top ul li { float: left; list-style-type: none; margin: 0px; padding: 0px; }
#top li a { display: block; background-image:url(../images/_shared/menu.gif); background-repeat: no-repeat; height: 23px; }
#top li a span { display: none; }
.dot { width:20px; height:16px; background-repeat:no-repeat; background-position:center center; }
#menu_1 a { background-position: 0px 0px; width: 36px; }
#menu_2 a { background-position: -55px 0px; width: 44px; }
#menu_3 a { background-position: -119px 0px; width: 215px; }
#menu_4 a { background-position: -354px 0px; width: 54px; }
#menu_5 a { background-position: -428px 0px; width: 60px; }
#menu_6 a { background-position: -508px 0px; width: 46px; }
#menu_1 a:hover,
#menu_1.active a { background-position: 0px -23px; }
#menu_2 a:hover,
#menu_2.active a { background-position: -55px -23px; }
#menu_3 a:hover,
#menu_3.active a { background-position: -119px -23px; }
#menu_4 a:hover,
#menu_4.active a { background-position: -354px -23px; }
#menu_5 a:hover,
#menu_5.active a { background-position: -428px -23px; }
#menu_6 a:hover,
#menu_6.active a { background-position: -508px -23px; }
#menu_1 .selected { background-position: 0px -23px; }
#menu_2 .selected { background-position: -55px -23px; }
#menu_3 .selected { background-position: -119px -23px; }
#menu_4 .selected { background-position: -354px -23px; }
#menu_5 .selected { background-position: -428px -23px; }
#menu_6 .selected { background-position: -508px -23px; }

/* subnavigatie onder overzichten */
#paginating_holder { height: 30px; display: block; margin-top: 20px; }
#paginating_label { float: left; }
.page_no { padding: 2px 4px 2px 4px; margin: 0px 4px 0px 0px; color: #FFF; font-weight: bold; text-decoration : none; }
.page_no:hover { text-decoration : underline; }
#paginating_holder #page_active { color: #000000; background-color : #ECDB40; text-decoration : underline; }