/**
 * Div
 */
html, body { width:100%; height:100%; }
body { background:#cecece url('../../gfx/bg.gif') repeat-x center top; }
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; line-height:18px; }
a { color:#454545; text-decoration:underline; }
em { font-style:italic; }
div.spacer { clear:both; font-size:1px; }
a em { display:none; }
strong { font-weight:bold; }

/**
 * Headers
 */

h1 { font-size:16px; font-weight:bold; color:#e57a1a; font-family:tahoma; text-transform:uppercase;}
h2, h2.likeh1 { font-size:16px; font-weight:bold; color:#f0b37d; font-family:tahoma; }
h3 { font-size:14px; color:#e57a1a; font-family:tahoma; }
p {margin-bottom:18px; }
.result_msg {margin-bottom:10px; color:red;}
.content_block ul {margin-left:20px;}
.content_block ol {margin-left:25px;}


/**
 * Structure
 */

div#wrapper { position:relative; margin:0 auto; }
div#header { position:relative; margin:0px auto; height:140px; padding-top:47px;}
div#header_menu { height:43px; background-color:#004b8e; }
div#header_bg { height:97px; }
div#container { position:relative; margin:-190px auto; width:1000px; }

img#logo {position:absolute; top:160px; right:80px; }

div#content { position:relative; min-height:500px; padding-top:240px; padding-bottom:20px; }

/**
 * Menu
 */
div#menu_con { position:absolute; top:50px; left:0px; }

ul#menu { list-style-type:none; }
ul#menu li.head { float:left; position:relative; }
ul#menu a.head { display:block; height:43px; }

ul#menu .submenu { display:none; width:900px; height:97px; position:absolute; top:43px; left:0px; }

ul#menu a.head.active { background-position:0px -43px; }
ul#menu .submenu.active { display:block; }

.submenu ul { list-style-type:none; position:absolute; top:0px; left:50px; }
.submenu ul li { float:left; color:#fff; }
.submenu ul li a { text-decoration:none; text-transform:uppercase; padding:5px; color:#fff; display:inline-block; font-size:10px; }
.submenu ul li a:hover { text-decoration:underline; }
.submenu ul li a.active { text-decoration:underline; }

ul#menu li.head a.menu_1 { background:transparent url('../../gfx/menu/welkom.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_2 { background:transparent url('../../gfx/menu/actie.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_3 { background:transparent url('../../gfx/menu/technischedienst.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_4 { background:transparent url('../../gfx/menu/producten.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_5 { background:transparent url('../../gfx/menu/openingstijden.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_6 { background:transparent url('../../gfx/menu/vacature.gif') no-repeat center top; width:123px;}

ul#menu li.head a.menu_7 { background:transparent url('../../gfx/menu/telecom.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_8 { background:transparent url('../../gfx/menu/automatisering.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_9 { background:transparent url('../../gfx/menu/systeem.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_10 { background:transparent url('../../gfx/menu/spam.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_11 { background:transparent url('../../gfx/menu/internet.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_12 { background:transparent url('../../gfx/menu/backup.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_13 { background:transparent url('../../gfx/menu/hosted.gif') no-repeat center top; width:123px;}
ul#menu li.head a.menu_14 { background:transparent url('../../gfx/menu/winkel.gif') no-repeat center top; width:123px;}

/* support page */
ul#menu li.head a.menu_43 { background:transparent url('../../gfx/menu/support_home.png') no-repeat center top; width:123px;}
ul#menu li.head a.menu_44 { background:transparent url('../../gfx/menu/support_down.png') no-repeat center top; width:123px;}
ul#menu li.head a.menu_45 { background:transparent url('../../gfx/menu/support_hand.jpg') no-repeat center top; width:123px;}

.header1, .header2 { display:none; }

.submenu .slogan { position:absolute; top:30px; left:30px; }
div.header_h1 { font:bold 25px tahoma; color:#fff; text-transform:uppercase; }
div.header_h2 { font:25px tahoma; color:#fff; text-transform:uppercase; filter:alpha(opacity=50); opacity:0.5;}
/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */

/* Header colors */
div.green { background:transparent url('../../gfx/header/green.gif') no-repeat center top; }
div.yellow { background:transparent url('../../gfx/header/yellow.gif') no-repeat center top; }
div.blue { background:transparent url('../../gfx/header/blue.gif') no-repeat center top; }
div.red { background:transparent url('../../gfx/header/red.gif') no-repeat center top; }
div.purple { background:transparent url('../../gfx/header/purple.gif') no-repeat center top; }
div.brown { background:transparent url('../../gfx/header/brown.gif') no-repeat center top; }
div.orange { background:transparent url('../../gfx/header/orange.gif') no-repeat center top; }
div.gray { background:transparent url('../../gfx/header/gray.gif') no-repeat center top; }


/*div.green { background-color:red;}
div.yellow { background-color:yellow; }
div.blue { background:transparent url('../../gfx/header/blue.gif') no-repeat center top; }
div.red { background:transparent url('../../gfx/header/red.gif') no-repeat center top; }
div.purple { background:transparent url('../../gfx/header/purple.gif') no-repeat center top; }
div.brown { background:transparent url('../../gfx/header/brown.gif') no-repeat center top; }
div.orange { background:transparent url('../../gfx/header/orange.gif') no-repeat center top; }
div.gray { background-color:red; }*/

/*
 * Form
 */

label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
form { margin:0px; }
input.text, textarea  { padding:2px 4px 2px 4px; border:1px solid #3e3e3e; background:#fff; }
input.text { width:180px; }
input.check_radio { margin:0; padding:0; }
label { cursor:pointer; position:relative; top:-1px; }
optgroup { font-style:normal; font-weight:bold; }
/*input:focus, select:focus, textarea:focus { background-color:#e6e6e6; }*/

form th { font:12px arial, helvetica, sans-serif; padding-right:10px; }
input.contact, textarea  { margin:1px 0px 3px 0px; padding:2px 4px 2px 4px; border:1px solid #000; background:#e8e3f0; color:#58585a; font:11px arial, helvetica, sans-serif; }
input.contact { width:215px; }
input.contact.border { border:1px solid #e6a40b; }
textarea { width:370px; height:80px;}


/**
 * Content part
 */
.content_title { border-bottom:1px solid #d7d7d7; padding:0px 20px 40px 20px; margin-bottom:20px;}
.content_block { padding:0px 20px 20px 20px; }

.content_left { float:left; width:608px; min-height:300px; }
.content_right {float:right; margin-bottom:20px; }



/**
 * Site nav
 */
#headermenu { position:absolute; top:3px; left:0px;  height:40px; width:972px;}
#headermenu_left li { list-style-type:none; float:left; position:relative; height:20px; display:inline; cursor:pointer; }
#headermenu_left em { display:none; }
#headermenu_left li a { display:block; height:100%; }
#headermenu_left li.active { background-position:0px -20px; }

#headermenu_left li.business  { background:transparent url('../../gfx/button1.jpg') top left no-repeat; }
#headermenu_left li.business a { width:159px;}
#headermenu_left li.consumer { background:transparent url('../../gfx/button2.jpg') top left no-repeat; }
#headermenu_left li.consumer a { width:159px;}
#headermenu_left li.support  { background:transparent url('../../gfx/button3.jpg') top left no-repeat; }
#headermenu_left li.support a { width:159px;}
#headermenu_left li.clientportal  { background:transparent url('../../gfx/button4.jpg') top left no-repeat; }
#headermenu_left li.clientportal a { width:159px;}


#headermenu_right { padding-top:27px; text-align:right; padding-right:10px; }
#headermenu a { text-decoration:none; padding:0 0px 0 0px; }
#headermenu_right .orange { color:#c87b3a; }
/**
 * Footer
 */

div#footer { position:relative; margin:0 0 0 30px; 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; }


/**
 * Files
 */
ul.files { list-style-type:none;}
ul.files li { padding:10px 0px 10px 0px; }
a.file_ext { padding-left:80px; display:block; height:75px; }