/* ~~ import css ~~ */
@import "/includes/menu_items.css";

::-moz-selection{ background: #55b949; color: #fff; }
::selection { background: #55b949; color: #fff; }

/* ~~ page setup ~~ */
body { margin: 0; padding: 0; background: #dcedd4; text-align: center; }
* { margin: 0; padding: 0; font-family: verdana, arial, tahoma, sans-serif; }
a { color: #55b949; }
a img { border: none; }
a:hover { text-decoration: underline !important; color: #55b949; }
.hide { display: none; }
p { font-size: 12px; margin-bottom: 14px; line-height: 16px; }
td { vertical-align: top; }
address { font-style: normal; font-size: 12px; }
label,input { font-size: 12px; }
form p { margin: 0; }

#splash { z-index: 999; width: 1020px; height: 570px; background: url(/gfx/full_splash.jpg) no-repeat center #ddedd3; position: absolute; top: 50%; left: 50%; margin: -285px 0 0 -502px; }

/* ~~ main container ~~ */
#container { text-align: left; width: 1020px; height: 570px; background: #ebf5e7; position: absolute; top: 50%; left: 50%; margin: -285px 0 0 -502px; }

/* ~~ header ~~ */
#head { width: 1020px; height: 72px; background: url(/gfx/photo_topleft.jpg) no-repeat top left #fff; border-bottom: 5px solid #fff; }
#head h1 { width: 170px; height: 72px; overflow: hidden; float: left; background: lime; }
#head h1 span { display: none; }
#head h2 { height: 22px; width: 400px; float: left; margin: 25px 0 0 12px; }
#head h2 span { display: none; }
#pdf_download { float: right; width: 271px; height: 25px; background: url(/gfx/icon_pdf.gif) no-repeat top left; margin: 25px 0 0 0; padding: 0 0 0 24px; }
#pdf_download a { font-family: arial; color: #62c856; text-decoration: none; font-weight: bold; font-size: 11px; position: relative; top: 3px; }

/* ~~ page headers ~~ */
#head h2.head_nieuws { background: url(/gfx/headers/nieuws.gif) no-repeat top left; }
#head h2.head_werkwijze_algemeen { background: url(/gfx/headers/werkwijze_algemeen.gif) no-repeat top left; }
#head h2.head_werkwijze_expertise { background: url(/gfx/headers/werkwijze_expertise.gif) no-repeat top left; }
#head h2.head_werkwijze_kwaliteit { background: url(/gfx/headers/werkwijze_kwaliteit.gif) no-repeat top left; }
#head h2.head_werkwijze_innovatie { background: url(/gfx/headers/werkwijze_innovatie.gif) no-repeat top left; }
#head h2.head_werkwijze_mvo { background: url(/gfx/headers/werkwijze_mvo.gif) no-repeat top left; }
#head h2.head_onderhoud_renovatie { background: url(/gfx/headers/onderhoud_renovatie.gif) no-repeat top left; }
#head h2.head_opleidingen { background: url(/gfx/headers/opleidingen.gif) no-repeat top left; }
#head h2.head_kopersbegeleiding { background: url(/gfx/headers/kopersbegeleiding.gif) no-repeat top left; }
#head h2.head_opleverpunten { background: url(/gfx/headers/opleverpunten.gif) no-repeat top left; }
#head h2.head_contact_route { background: url(/gfx/headers/contact_route.gif) no-repeat top left; }
#head h2.head_contact_meerweten { background: url(/gfx/headers/contact_meerweten.gif) no-repeat top left; }
#head h2.head_contact_downloads { background: url(/gfx/headers/contact_downloads.gif) no-repeat top left; }
#head h2.head_werk_invoorbereiding { background: url(/gfx/headers/werk_invoorbereiding.gif) no-repeat top left; }
#head h2.head_werk_inaanbouw { background: url(/gfx/headers/werk_inaanbouw.gif) no-repeat top left; }
#head h2.head_werk_gerealiseerd { background: url(/gfx/headers/werk_gerealiseerd.gif) no-repeat top left; }
#head h2.head_vacatures { background: url(/gfx/headers/vacatures.gif) no-repeat top left; }

#head h2.head_wbn_algemeen { background: url(/gfx/headers/werkwijze_algemeen.gif) no-repeat top left; }
#head h2.head_wbn_vacatures { background: url(/gfx/headers/vacatures.gif) no-repeat top left; }
#head h2.head_wbn_solliciteren { background: url(/gfx/headers/wbn-solliciteren.gif) no-repeat top left; }
#head h2.head_wbn_stage-en-afstuderen { background: url(/gfx/headers/wbn-stage-en-afstuderen.gif) no-repeat top left; }
#head h2.head_wbn_leerling-bouwplaats { background: url(/gfx/headers/wbn-leerling-bouwplaats.gif) no-repeat top left; }

/* ~~ menu ~~ */
#menu { float: left; width: 170px; background: url(/gfx/menu/nikkels_logo.jpg) no-repeat bottom left #55b949; height: 493px; border-right: 5px solid #fff; overflow: hidden; }
#menu ul { list-style-type: none; margin: 5px 0 0 0; }
#menu ul li { float: left; clear: both; margin: 0 0 0 0; }
#menu ul li a { display: block; width: 170px; }
#menu ul li a span { display: none; }

/* ~~ content ~~ */
#content { background: #ebf5e7; height: 493px; overflow: auto; }
#content div.pd { padding: 12px; }
#content div.pd h3 { font-size: 16px; color: #54b948; margin-bottom: 23px; }
#content div.fixed { width: 344px; float: left; }

/* ~~ photoshow ~~ */
#photoshow { float: right; background: url(/gfx/bg_dotted.gif) #ffffcc; width: 441px; height: 493px; overflow: hidden; }
#photoshow img { border-bottom: 3px solid #ebf5e7; }

/* ~~ vacatures ~~ */
#vacature { float: right; background: #ebf5e7; padding:10px; height:470px; overflow:auto; width: 825px; }

/* ~~ photos ~~ */
#photos { float: right; width: 441px; margin-left: 15px; overflow: hidden; background: url(/gfx/bg_dotted.gif) #ffffcc; }

/* ~~ homepage specific styling ~~ */
td.datetime { width: 89px; } td.datetime p { color: #555; font-size: 12px; }
td.description { width: 260px; }
td.description h4 { margin-bottom: 3px; font-size: 12px; font-weight: normal; }
td.description h4 a { color: #000; text-decoration: none; }
td.description p { color: #555; }
td.readmore { vertical-align: bottom; }

/* ~~ project listing ~~ */
a.project_link { text-decoration: none; color: #000; }

dl.project {}
dl.project dt { float: left; width: 140px; text-transform: uppercase; color: #fff; text-align: center; font-size: 10px; padding: 5px 0px 5px 0px; background: #54b948; margin-right: 10px; }
dl.project dd { float: left; font-size: 12px; padding: 4px 0px 4px 0px; margin-bottom: 25px; width: 200px; }

form { margin-bottom: 15px !important; padding: 10px !important; border: 1px solid #55b949; background: #dcedd4; }
form p { font-family: arial; margin-right: 5px; font-size: 12px !important; color: #17530f; }
input.input_one { width: 190px; }
input.btn_submit { font-size: 11px; margin-top: 5px; }