/** main **/
div#container {position: relative; width: 955px; margin-top : 4px; margin-left: auto; margin-right: auto;}
div#header {position: relative; width: 955px; height: 221px; }
div#logobar {height : 66px;}
div#content {width: 955px;}
div#footer {clear: both; width: 955px; background-color : #B9CCDF; margin-top : 20px;}
div#footer2 {clear: both; width: 955px;}
div#adresbalk {display : none;}


/** reset **/
body {margin: 0; padding: 0; background-color: #ffffff;  font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #000000;}


h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #000000;}


ol, ol li, ul, ul li {margin: 0; padding: 0;}

dl,dt,dd {margin: 0; padding: 0;}

form {margin: 0; padding: 0;}
form input,form textarea {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px;}

table thead th {margin: 0; padding: 0; text-align: left; font-weight: normal;}

th, td {font-family: Arial,Helvetica,sans-serif; font-size: 11px;}

img {border: 0;}

/** links **/
a.hoofdkeuze {color: #ffffff;text-decoration: none;font-size: 12px;}
a.hoofdkeuze-active {color: #B9CCDF;text-decoration: none;font-size: 12px;}
a.leftkeuze {color: #ffffff;text-decoration: none;font-size: 12px; margin-left: 18px;}
a.subkeuze {color: #000000;text-decoration: none;font-size: 12px;}
a.subkeuze:hover {color: #ffffff;text-decoration: none;font-size: 12px;}
a.subkeuze-active {color: #000000;text-decoration: none;font-size: 12px;font-weight : bold;}

/** elements **/
div#newsbar {float: left; background-color : #B9CCDF; color : #00468A; width : 601px;height: 13px; margin-bottom: 1px; padding : 3px 0px 0px 3px; font-size : 10px;}
div#timezones {float: right; background-color : #B9CCDF; color : #00468A; width : 347px;height: 13px; padding : 3px 0px 0px 3px; margin-bottom: 1px; font-size : 10px;}




/** columns **/
div#titlepart {clear: both; width: 737px; padding : 0px; margin : 0px;}
div#leftcolumn {clear: both; float: left; width: 218px;}
div#combicolumn {float: left; width: 737px; margin-bottom : 20px;}
div#combicolumn h1 {font-size : 16px; font-weight : bold;}
div#combicolumn h2 {font-size : 12px; font-weight : bold; margin-bottom : 15px;}
div#combicolumn h2.vspace {font-size : 12px; font-weight : bold; margin-bottom : 15px; margin-top : 15px;}
div#combicolumn table {width : 330px; }
div#combicolumn th {font-size : 12px; font-weight : bold; line-height : 15px; text-align : left;}
div#combicolumn td {font-size : 12px; line-height : 15px; }
div#combicolumn ul li.vspace {margin-top : 15px;}
div#kruimelpad {clear: both; float: left; width: 737px;margin-top: 5px;margin-bottom : 10px;}
div#kruimelpad a {text-decoration : none ! important; color : black ! important; }
div#centercolumn {float: left; width: 330px;padding-right : 57px; padding-top : 15px;}
div#rightcolumn {float: left; width: 330px;padding-right: 20px; padding-top : 15px;}
div.clearer {clear: both;}


/** navigation **/
div#hoofdnav ul {list-style-type: none;position : relative; width : 760px; left : 175px;top: 108px;}
div#hoofdnav ul li {display: inline;padding-left:8px;}
li#hoofdnav_company, li#hoofdnav_products, li#hoofdnav_contact, li#hoofdnav_careers, li#hoofdnav_webcams, li#hoofdnav_links, li#hoofdnav_news, li#hoofdnav_download, li#hoofdnav_members {background-image: url(../images/hoofdmenustreepje.png); background-position: 3px 2px; background-repeat: no-repeat;}
div#hoofdnav form {position : relative; width : 135px; left : 820px;top: 90px;}
input#query {width : 100px;}
input#gobutton {position: relative; top : 5px;}

/** popups **/
div#hoofdnav ul#company_popup {position :absolute; left :45px; top : 14px;}
div#hoofdnav ul#products_popup {position :absolute; left :110px; top : 14px;}
div#hoofdnav ul#contact_popup {position :absolute; left :230px; top : 14px;}
div#hoofdnav ul#careers_popup {position :absolute; left :285px; top : 14px;}
div#hoofdnav ul#webcams_popup {position :absolute; left :340px; top : 14px;}
div#hoofdnav ul#links_popup {position :absolute; left :410px; top : 14px;}
div#hoofdnav ul#news_popup {position :absolute; left :450px; top : 14px;}
div#hoofdnav ul#download_popup {position :absolute; left :490px; top : 14px;}
div#hoofdnav ul.hidepop {list-style-type: none; visibility : hidden; background-color : #ffffff; border-color : #b9ccdf; border-style : solid; border-width : 1px 1px 0px 1px; z-index : 1220; width : 180px;}
div#hoofdnav ul.hidepop li {display : list-item; font-size : 12px;}
div#hoofdnav ul.showpop {list-style-type: none; visibility : visible; background-color : #ffffff; border-color : #b9ccdf; border-style : solid; border-width : 1px 1px 0px 1px; z-index : 1220; width : 180px; padding : 0px 0px 0px 0px;}
div#hoofdnav ul.showpop li {display : list-item; font-size : 12px;  background-color : #ffffff; border-color : #b9ccdf; border-style :solid; border-width : 0px 0px 1px 0px;}
div#hoofdnav ul.showpop a  {text-decoration : none; color : #000000;}
div#hoofdnav ul.showpop a:hover  {text-decoration : underline; color : #000000;}

div#footer ul {list-style-type: none;position : relative;width : 760px;left : 175px;top : 4px;height : 20px;}
div#footer ul li {display: inline;padding-left:8px;}
div#footer ul li a {text-decoration : none; color : #000000;}
li#footernav_company, li#footernav_products, li#footernav_contact, li#footernav_careers, li#footernav_webcams, li#footernav_links, li#footernav_news, li#footernav_download, li#footernav_members  {background-image: url(../images/footmenustreepje.png); background-position: 3px 2px; background-repeat: no-repeat;}

div#footer2 ul {list-style-type: none;position : relative;width : 760px;left : 175px;top : 4px;height : 20px;}
div#footer2 ul li {display: inline;padding-left:8px;}
div#footer2 ul li a {text-decoration : none; color : #000000;}
li#footernav_disclaim, li#footernav_sitemap, li#footernav_details {background-image: url(../images/footmenustreepje.png); background-position: 3px 2px; background-repeat: no-repeat;}

div#printendown a {text-decoration : none; color : #000000;}


/** De content blokken **/

div#leftcolumn h2 {padding-left: 18px; padding-top: 3px; padding-bottom : 2px;width : 150px;background-color: #B9CCDF; font-size: 12px;font-weight : bold;color: #000000; text-transform: uppercase;}
div#leftcolumn h3 {width : 150px;background-color: #B9CCDF; font-size: 12px;font-weight : bold;color: #000000; text-transform: uppercase;}
div#leftcolumn ul#leftnav {list-style-type: none; width : 168px;height : 300px;background-color: #B9CCDF; padding-bottom : 15px;}
div#leftcolumn ul#leftnav li.topchoice {display: list-item; width : 168px; background-color : #00468A; color : #ffffff; padding-left: 0px;}
div#leftcolumn ul#leftnav li.leftchoice {display: list-item; width : 168px; background-color : #00468A; color : #ffffff; padding-left: 0px;}
div#leftcolumn ul.subnav {list-style-type: none; width : 168px;background-color: #ffffff;}
div#leftcolumn ul.subnav li {display: list-item; width : 150px; background-color : #B9CCDF; color : #000000; padding-left: 18px;border-color : #ffffff; border-width : 0px 0px 1px 0px; border-style : solid;}
div#leftcolumn ul.subnav li.subnav0 {display: list-item; width : 150px; background-color : #B9CCDF; color : #000000; padding-left: 18px;border-color : #ffffff; border-width : 0px 0px 1px 0px; border-style : solid;}
div#leftcolumn ul.subnav li.subnav1 {display: list-item; width : 132px; background-color : #88A6C8; color : #000000; padding-left: 36px;border-color : #ffffff; border-width : 0px 0px 1px 0px; border-style : solid;}
div#leftcolumn ul.subnav li.subnav2 {display: list-item; width : 114px; background-color : #B9CCDF; color : #000000; padding-left: 54px;border-color : #ffffff; border-width : 0px 0px 1px 0px; border-style : solid;}
div#leftcolumn form {background : url(../images/schuinkantje.png) bottom right no-repeat;background-color: #B9CCDF; width : 150px;padding-left : 18px; padding-top: 5px; padding-bottom: 5px; margin-bottom : 30px; border-style : dotted; border-color: #00468A;border-width : 1px 0px 0px 0px;}
div#leftcolumn input#username {width : 120px;margin-top: 3px;}
div#leftcolumn input#password {width : 120px;margin-top: 3px;}
div#leftcolumn input#submit {margin-top: 5px;}

div#combicolumn p {font-size : 12px;line-height : 15px; margin-top : 0px; margin-bottom : 15px;}
div#combicolumn p.date {font-size : 12px;font-weight : bold;}
div#combicolumn p.vspace {margin-top: 10px; }
div#combicolumn ul {margin-left : 25px; margin-top : 10px;}
div#combicolumn ul li {font-size : 12px;line-height : 15px;}
div#combicolumn ol {margin-left : 25px; margin-top : 10px;}
div#combicolumn ol li {font-size : 12px;line-height : 15px;}
div#combicolumn img.afbeelding {border-style: none;margin-top : 15px;}
div#combicolumn a {color : #000099;text-decoration: underline;}
div#combicolumn a:hover {color : #ff6600;text-decoration: none;}

div#alltablecolumn { float : left; margin-top : 10px; width : 700px; z-index : -1;}
div#alltablecolumn table { width : 700px; padding-top : 20px;}
div#alltablecolumn table th { text-align : left; font-size : 12px;}
div#alltablecolumn table td { text-align : left; font-size : 12px;}
div#alltablecolumn table td.result { text-align : center; padding-top : 50px; font-size : 12px;}

div#alltablecolumn form input.tekst { width : 270px; }

div#printendown { border-style : dotted; border-color : black; border-width : 1px 0px 1px 0px; padding : 5px 0px 5px 0px; margin-top : 20px; margin-bottom : 20px;}



