/**
 * Global
 */

body { background:#cecece url("../../gfx/bg.gif") repeat-x; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { color:#393939; font:12px arial, helvetica, sans-serif; }
a { color:#000; text-decoration:underline; }
em { font-style:italic; }
div.spacer { clear:both; font-size:1px; }

/**
 * Menu
 */

/* Site nav */
#headermenu { margin:0 auto 0 auto; height:47px; width:972px;}
#headermenu_left li { list-style-type:none; float:left; position:relative; height:25px; display:inline; cursor:pointer; background-image:url('../../gfx/tabs3.gif'); background-repeat:no-repeat; }
#headermenu_left em { display:none; }
#headermenu_left li a { display:block;height:100%; }
#headermenu_left li.business  { background-position:-195px 0;}
#headermenu_left li#business-s  { background-position:-195px -26px;}
#headermenu_left li.business  a{ width:160px;}
#headermenu_left li.consumer { background-position:-2px 0;}
#headermenu_left li#consumer-s { background-position:-2px -26px;}
#headermenu_left li.consumer a { width:162px;}
#headermenu_left li.support  { background-position:-390px 0;}
#headermenu_left li#support-s  { background-position:-390px -26px;}
#headermenu_left li.support a { width:45px;}
#headermenu_right{ padding-top:27px;text-align:right; padding-right:20px; }
#headermenu a { text-decoration:none; padding:0 15px 0 15px; }
 
/* Head */
div#menu { background:#004b8e; height:43px; margin:47px 0 0 0; }
div#menu_con { position:relative; margin:0 auto; width:992px; }
ul.head_menu { float:left; }
.head_menu li { list-style-type:none; float:left; position:relative; height:43px; display:inline; cursor:pointer; }
.head_menu em { display:none; }
.head_menu li a { display:block; width:123px; height:100%; }
.head_menu li a.telecom { background-image:url('../../gfx/menu/telecom.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.automatisering { background-image:url('../../gfx/menu/automatisering.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.systeem { background-image:url('../../gfx/menu/systeem.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.spam { background-image:url('../../gfx/menu/spam.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.internet { background-image:url('../../gfx/menu/internet.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.backup { background-image:url('../../gfx/menu/backup.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.hosted { background-image:url('../../gfx/menu/hosted.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.winkel { background-image:url('../../gfx/menu/winkel.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.welkom { background-image:url('../../gfx/menu/welkom.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.technischedienst { background-image:url('../../gfx/menu/technischedienst.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.producten { background-image:url('../../gfx/menu/producten.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.producten { background-image:url('../../gfx/menu/producten.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.openingstijden { background-image:url('../../gfx/menu/openingstijden.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.actie { background-image:url('../../gfx/menu/actie.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.vacature { background-image:url('../../gfx/menu/vacature.gif'); background-repeat:no-repeat; background-position:0 0; }
.head_menu li a.aanbiedingen { background-image:url('../../gfx/menu/aanbieding.gif'); background-repeat:no-repeat; background-position:0 0; }

/* Sub */
ul.sub_menu { display:none; position:absolute; left:0; top:50px; }
.sub_menu li { list-style-type:none; float:left; height:20px; position:relative; display:inline; cursor:pointer; background:url('../../gfx/sm_spacer.gif') no-repeat right 6px; }
.sub_menu li a { width:auto; white-space:nowrap; padding:0 19px 0 15px; height:100%; color:#fff; font-size:10px; text-decoration:none; text-transform:uppercase; }
.sub_menu li.selected a { font-weight:bold; text-decoration:underline; }
ul#sm_telecom { width:600px; }
ul#sm_automatisering { left:10px; width:100px; }
ul#sm_systeem { left:-70px; width:300px; }
ul#sm_spam { left:-50px; width:400px; }
ul#sm_internet { left:-130px; width:400px; }
ul#sm_backup { left:-80px; width:400px; }
ul#sm_hosted { left:-400px; width:650px; }
ul#sm_winkel { left:-70px; width:200px; }
ul#sm_welkom { left:10px; width:400px; }
ul#sm_technischedienst { left:10px; width:400px; }
ul#sm_producten { left:-240px; width:800px; }
ul#sm_openingstijden { left:10px; width:400px; }
ul#sm_vacature { left:10px; width:400px; }
ul#sm_aanbiedingen { left:10px; width:400px; }


/**
 * Global structure
 */
 
div#container { position:relative; margin:0 auto; width:1000px; }
div#main { position:relative; padding:50px 0 0 0; }
div#content { float:left; width:890px; padding:25px 0 25px 45px; line-height:20px; }
img#logo { position:absolute; top:-25px; right:100px; }

/**
 * Content
 */

div#subject { position:absolute; left:45px; top:-70px; }
#subject h1 { font-size:25px; font-weight:bold; color:#fff; font-family:tahoma; text-transform:uppercase; }
#subject h2 { font-size:25px; color:#fff; font-family:tahoma; text-transform:uppercase; opacity:0.5; filter:alpha(opacity=50); }
#title h2 { font-size:16px; font-weight:bold; font-family:tahoma; color:#e57a1a; text-transform:uppercase; }
#title h3{ margin:4px 0 0 0; font-size:16px; font-family:tahoma; font-weight:bold; color:#f0b37d; }
div#title { padding:0 0 15px 45px; border-bottom:1px solid #d7d7d7; }
#content * { line-height:20px; }
#content div.text { float:left; width:450px; }
#content div.image { float:right; }

.text ul { list-style:disc; padding-left:20px;}
.text h3.vac { color:#000;  font-size:16px; font-family:tahoma; padding:15px 0px 15px 55px;}
.text h4 { color:#e57a1a;  font-size:14px; font-family:tahoma; }
.text th { padding-right:10px;}
.text td { padding-right:10px;}
.text .inputter {font-family:tahoma; font-size:12px; }


/**
 * Header
 */
 
div#header { height:97px; background-repeat:no-repeat; background-position:center; }
div.green { background-image:url('../../gfx/header/green.gif'); }
div.yellow { background-image:url('../../gfx/header/yellow.gif'); }
div.blue { background-image:url('../../gfx/header/blue.gif'); }
div.red { background-image:url('../../gfx/header/red.gif'); }
div.purple { background-image:url('../../gfx/header/purple.gif'); }
div.brown { background-image:url('../../gfx/header/brown.gif'); }
div.orange { background-image:url('../../gfx/header/orange.gif'); }
div.gray { background-image:url('../../gfx/header/gray.gif'); }

/**
 * Footer
 */

div#footer { float:left; margin:0 0 0 40px; background:url('../../gfx/bg_footer.gif') no-repeat; padding:10px 45px 10px 15px; width:865px; height:38px; }
div#footer * { color:#949494; }
div#footer .copyr { color:#000000; }
div#footer a { color:#949494; padding: 0 15px 0 15px; text-decoration:none; }

/**
 * Vacature
 */
div.vacature p {padding: 5px 0;} 
div.vacature h2 { font-size:16px; font-weight:bold; font-family:tahoma; color:#e57a1a; padding: 15px 0;}
div.vacature h3 { margin:4px 0 0 0; font-size:11px; font-family:tahoma; font-weight:bold;text-decoration: underline; }