/**
 * Base
 */

body { background:#000 center center fixed no-repeat; }
div, td, th, p, div, textarea, select, input, li { color:#808080; }
a { color: #000; }
strong { color:#212121; font-weight:bold; }
strong.clean { color:#808080; }

/**
 * Structure
 */

div#container { background:#fff url('../../gfx/bg_top_white2.gif') repeat-x; }
div#top_bar { background:#202020; }
div#sitemap a { color:#202020; }
div#logo { background:url('../../gfx/logo_white.png') no-repeat; }

/**
 * Head nav
 */

div#head_nav { z-index:1; position:absolute; left:0; top:70px; width:100%; border-bottom:1px solid #d7d7d7; padding:0 0 8px 0; }
#head_nav ul { float:right; }
#head_nav li { list-style-type:none; float:left; position:relative; height:14px; display:inline; cursor:pointer; }
#head_nav em { display:none; }
#head_nav li a { display:block; width:80px; height:100%; }
#head_nav li a.klanten { background:url('../../gfx/head_nav/m_klanten.gif') no-repeat center 0; }
#head_nav li a.werk { background:url('../../gfx/head_nav/m_werk.gif') no-repeat center 0; }
#head_nav li a.diensten { background:url('../../gfx/head_nav/m_diensten.gif') no-repeat center 0; }
#head_nav li a.aanpak { background:url('../../gfx/head_nav/m_aanpak.gif') no-repeat center 0; }
#head_nav li a.over_ons { background:url('../../gfx/head_nav/m_over_ons.gif') no-repeat center 0; }
#head_nav li a.vacatures {background:url('../../gfx/head_nav/m_vacatures.gif') no-repeat center 0; }
#head_nav li a.contact { background:url('../../gfx/head_nav/m_contact.gif') no-repeat center 0; }
#head_nav li a.selected,
#head_nav li a:hover { background-position:center -14px; }
div#menu_selector { position:absolute; left:27px; top:22px; font-size:1px; height:4px; width:100px; background:#d7d7d7; display:none; }

/**
 * Sub nav
 */

div#sub_nav { z-index:1; position:absolute; left:0; top:240px; width:170px; }
#sub_nav li { list-style-type:none; height:12px; cursor:pointer; margin:0 0 8px 0; }
#sub_nav em { display:none; }
#sub_nav li a { display:block; height:100%; }

/* Diensten */
#sub_nav li a.webanalyse { width:170px; background:url('../../gfx/sub_nav/sm_webanalyse.gif') no-repeat 0 0; }
#sub_nav li a.webdesign { width:170px; background:url('../../gfx/sub_nav/sm_webdesign.gif') no-repeat 0 0; }
#sub_nav li a.zoekmachine-optimalisatie { width:170px; background:url('../../gfx/sub_nav/sm_zoekmachine_optimalisatie.gif') no-repeat 0 0; }
#sub_nav li a.internetteksten { width:170px; background:url('../../gfx/sub_nav/sm_internetteksten.gif') no-repeat 0 0; }
#sub_nav li a.e-business-oplossingen { width:170px; background:url('../../gfx/sub_nav/sm_e_business_oplossingen.gif') no-repeat 0 0; }

/* Aanpak */
#sub_nav li a.strategy { width:170px; background:url('../../gfx/sub_nav/sm_strategy.gif') no-repeat 0 0; }
#sub_nav li a.advice { width:170px; background:url('../../gfx/sub_nav/sm_advice.gif') no-repeat 0 0; }
#sub_nav li a.zoekmachine-optimalisatie { width:170px; background:url('../../gfx/sub_nav/sm_zoekmachine_optimalisatie.gif') no-repeat 0 0; }
#sub_nav li a.internetteksten { width:170px; background:url('../../gfx/sub_nav/sm_internetteksten.gif') no-repeat 0 0; }
#sub_nav li a.e-business-oplossingen { width:170px; background:url('../../gfx/sub_nav/sm_e_business_oplossingen.gif') no-repeat 0 0; }

/* Vacatures */
#sub_nav li a.php_programmeur_hbo { width:170px; background:url('../../gfx/sub_nav/sm_programmeur_hbo.gif') no-repeat 0 0; }
#sub_nav li a.php_programmeur_mbo { width:170px; background:url('../../gfx/sub_nav/sm_programmeur_mbo.gif') no-repeat 0 0; }
#sub_nav li a.accountmanager { width:170px; background:url('../../gfx/sub_nav/sm_accountmanager.gif') no-repeat 0 0; }
#sub_nav li a.junior_accountmanager { width:170px; background:url('../../gfx/sub_nav/sm_junior_accountmanager.gif') no-repeat 0 0; }
#sub_nav li a.stage_php_programmeur { width:170px; background:url('../../gfx/sub_nav/sm_programmeur_stage.gif') no-repeat 0 0; }
#sub_nav li a.stage_webdesigner { width:170px; background:url('../../gfx/sub_nav/sm_webdesigner_stage.gif') no-repeat 0 0; }
#sub_nav li a.stage_marketeer { width:170px; background:url('../../gfx/sub_nav/sm_marketeer_stage.gif') no-repeat 0 0; }

#sub_nav li a.selected,
#sub_nav li a:hover { background-position:0 -12px; }

/**
 * Text content
 */

#text_content h1 { color:#212121; }
#text_content h2 { color:#000; }
#text_content ul { margin:4px 0 0 0; }
#text_content li { list-style-image:url('../../gfx/arrow_black.gif'); margin:0 0 4px 15px; }
#text_content li li { list-style-image:url('../../gfx/sub_arrow_black.gif'); }

/**
 * Form
 */

form th { text-align:right; padding:0 5px 5px 0; vertical-align:top; }
form td { padding:0 0 5px 0;}
textarea,
input.text { border:1px solid #ccc; width:250px; }
input.button { border:1px solid #212121; color:#fff; background:#6fa230; padding:2px 10px 2px 10px; cursor:pointer; }