* { margin: 0; padding: 0; }
a:focus, textarea:focus { outline: 0; }
a:link {text-decoration: none; color: #ff0004; outline: none; }
a:visited {text-decoration: none; color: #ff0004; outline: none;  }
a:active {text-decoration: none; color: #ff0004; outline: none; }
a:hover {text-decoration: underline; color: #ff0004; outline: none;  }
body {background: #ffffff; text-align:center;}

/* holder */
#holder { position: relative; margin: 0 auto; width: 977px; text-align: left; z-index:1; }

/* head */
#header { position: relative; width: 100%; height: 118px; background: #ffffff; z-index:2;}
#header .tekst { position:absolute; top: 18px; left: 0px; width: 537px; height: 30px; background: #ffffff url(/skins/default/pics/header_tekst.gif) no-repeat;}
#header .logo { position:absolute; top: 19px; right: 0px; width: 249px; height: 60px; }
#header .logo span { display:none; }
#header .logo a { position:relative; display: block; width: 100%; height: 60px; background: #ffffff url(/skins/default/pics/header_logo.gif) no-repeat;}

/*  streepjes in het design */
#header .underline { position:absolute; top: 113px; left: 0px; width: 100%; height: 1px; background: #c5c5c5;}
#bottom_content .underline_top { position:absolute; top: 4px; left: 0px; width: 100%; height: 1px; background: #c5c5c5;}
#bottom_content .underline_bottom { position:absolute; top: 36px; left: 0px; width: 100%; height: 1px; background: #c5c5c5;}
#footer .underline { position:absolute; top: 10px; left: 0px; width: 100%; height: 1px; background: #c5c5c5;}
#header .underline_dot_left, #bottom_content .underline_dot_left, #footer .underline_dot_left { position:absolute; top: 0px; left: 0px; width: 1px; height: 1px; background: #e4e4e4; _font-size: 1px; _overflow: hidden;}
#header .underline_dot_right, #bottom_content .underline_dot_right, #footer .underline_dot_right { position:absolute; top: 0px; right: 0px; width: 1px; height: 1px; background: #e4e4e4; _font-size: 1px; _overflow: hidden; _margin-right: -1px;}
#mainMenu { position: absolute; width: 100%; top:92px; left: 0; height: 14px; padding:0;  z-index:2; }

/* body */
#body { position: relative; padding:0px 0px 10px 0px; background:#fff; z-index:1; }
#body .tpl { position: relative; width: 100%; overflow: hidden; color: #626262;}

/* content */
#top_content { position: relative; float:left; display:inline; width:353px; height: 374px; z-index: 2; padding: 114px 68px 0px 68px; color: #dadad9; background: #000000; overflow: hidden;}
#top_content h1 { color: #dadad9; }
#banner { position: relative; float:left; display:inline; width:488px;  height: 488px; padding: 0px; z-index: 2; overflow: hidden; background: #000000; line-height: 1px;}
#bottom_content { position: relative; float: left; width: 100%; z-index: 2; color: #dadad9; height: 37px; background: #ffffff; }
#bottom_content #bottom_content_top_title {  position:absolute; top: 10px; left: 0px; width: 300px; height: 16px; color: #bfbfbf; font: 16px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#bottom_content #bottom_content_top_contact {position: absolute; top: 12px; right: 0px; width: 500px; height: 16px; color: #727272; font: 12px Arial, Helvetica, sans-serif; text-align: right; line-height: 16px;}
#bottom_content #bottom_content_top_contact a {color: #727272; font: 12px Arial, Helvetica, sans-serif; }
#bottom_content #bottom_content_top_contact .rood { color: #db002f; margin: 0px 4px;}

/* main menu */
#mainMenu ul.mainMenu { position:relative; display:block; height: 14px; margin:0 0 0 0px; list-style:none; }
#mainMenu ul.mainMenu li { position:relative; float: left;  display:block; margin: 0; padding: 0 0 0 1px; height: 21px; background: url(pics/divMainMenu.gif) no-repeat 0 3px; }
#mainMenu ul.mainMenu li.firstNode { background:transparent; padding: 0 0 0 0px; }
#mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 14px; width: auto; text-decoration: none; padding: 0px 8px; font: bold 14px Arial, Helvetica, sans-serif; color: #727272; text-transform: uppercase;}
#mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:visited { position: relative; display: block; height: 14px; text-decoration: none; padding: 0px 8px; font: bold 14px Arial, Helvetica, sans-serif;  color: #000000; }
#mainMenu ul.mainMenu li.firstNode a:link, #mainMenu ul.mainMenu li.firstNode a:visited, #mainMenu ul.mainMenu li.firstNode a:hover, #mainMenu ul.mainMenu li.firstNode a:active { padding-left: 0px; }
/* #mainMenu ul.mainMenu li.lastNode { position: absolute; right: 0px; } */
#mainMenu ul.mainMenu ul { position:absolute; visibility: hidden; width: 160px; height:auto; left: 0; top: 20px; padding: 2px 0 0 0; z-index: 1000; background: transparent; list-style:none;}
#mainMenu ul.mainMenu li ul li { position: relative; float:none; width:158px; height: auto; padding: 1px 2px; margin: 0px; background: #ffffff url(/skins/default/pics/dotted_line_spacer.gif) repeat-x; filter:alpha(opacity=90); opacity:0.90; -ms-filter: "alpha(opacity=90)";}
#mainMenu ul.mainMenu li ul li.firstNode { background: #ffffff; filter: alpha(opacity=90); opacity:0.90; -ms-filter: "alpha(opacity=90)"; padding: 2px 2px 1px 2px; }
#mainMenu ul.mainMenu li ul li.lastNode { position: relative; padding-bottom:2px; }
#mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active,
#mainMenu ul.mainMenu ul li.firstNode a, #mainMenu ul.mainMenu ul li.firstNode a:link, #mainMenu ul.mainMenu ul li.firstNode a:visited, #mainMenu ul.mainMenu ul li.firstNode a:active, #mainMenu ul.mainMenu ul li.firstNode a.active
{ position: relative; float:none; display: block; width:144px; height:auto; text-decoration: none; padding: 4px 6px; margin: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #727272; }
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active,
#mainMenu ul.mainMenu ul li.firstNode a:hover, #mainMenu ul.mainMenu ul li.firstNode a.active:link, #mainMenu ul.mainMenu ul li.firstNode a.mouse, #mainMenu ul.mainMenu ul li.firstNode a.active:visited, #mainMenu ul.mainMenu ul li.firstNode a.active:hover, #mainMenu ul.mainMenu ul li.firstNode a.active:active
{ position: relative; display: block; width:144px; height:auto; text-decoration: none; padding: 4px 6px; margin: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #ff0004;}
#mainMenu ul.mainMenu ul ul { position:absolute;  width: 160px; height:auto; left: 153px; padding-top: 0; top: 0px; /*visibility: hidden;*/}

/* blokken */
#blokken { position: relative; float: left; width: 100%; z-index: 2; color: #dadad9; background: #ffffff; margin-top: 20px; min-height:110px; height:auto !important; height:110px; }
#blokken h1.kop { color: #bfbfbf; font: 16px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#blokken h1.line {	height: 1px; width: 100%; background: #ffffff url(/skins/default/pics/dotted_line_spacer.gif) repeat-x;}
#blokken h1.title {	color: #ff0004; font: bold 12px Arial, Helvetica, sans-serif; margin-left: 1px; margin-top: 15px; padding-bottom: 8px;}
#blokken .firstBlok{ position: relative; float: left; width: 233px; color: #484747; }
#blokken .blok{ position: relative; float: left; width: 233px; color: #484747; margin-left: 15px; }
#blokken .groot_blok{ position: relative; float: left; width: 977px; color: #484747; }

/* footer */
#footer { position: absolute; width: 100%; clear: both; top:100%; left: 0px; padding-top:10px; margin-top: 30px; background: #ffffff ; border-top:0; z-index: 2;  }
#footMenu ul.footMenu { position: relative; height: 14px; margin: 10px 0px 18px 0px; list-style: none; background: url(/skins/default/pics/divMainMenu.gif) no-repeat;}
#footMenu ul.footMenu { _margin: 20px 0px 18px 0px;} 
#footMenu ul.footMenu { margin /*\**/: 20px 0px 18px 0px\9}  
#footMenu ul.footMenu li { position:relative; float: left; display: inline; height: 14px; background: url(pics/spacer_footmenu.gif) no-repeat 100% 0; padding-right: 16px; padding-left: 7px; text-decoration: none; color: #727272; font: 12px/14px Arial,Helvetica,sans-serif;}
#footMenu ul.footMenu li a { position:relative; float: left; display: inline; margin: 0; font: 12px/14px Arial,Helvetica,sans-serif; text-decoration: none; color: #727272; }
#footMenu ul.footMenu li.firstNode { padding-left: 0px;}
#footMenu ul.footMenu li.lastNode { background: none; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #727272; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; color:#727272; }

