body { margin: 0px; padding: 0px; color: #FFFFFF; font: 14px/1.5em Arial, Helvetica, sans-serif; /*height: 100%;*/ background-color: #0069AA; /*background: #0069AA url(/images/mainbg.jpg) no-repeat right top; position: relative;*/ }
body.print { background-image: none; background-color: #FFF; color: #0069AA; }
html { height: 100%; }
/*body { height: 100%; }*/


* { margin: 0; padding: 0; }
img { border: 0; cursor:pointer;}

#outer { position: relative; /*width: 100%;*/ width: 982px; margin: 0 auto; border-left: #fff 1px solid; border-right: #fff 1px solid; border-bottom: #fff 1px solid; /*min-height: 100%;*/ }

input, textarea, select { font-size: 12px; background-color: #E2EAEE; }
input.checkbox { background: none; }
form input, form select { margin: 0 0 3px 0; }
/*p { margin: 0 0 15px 0; }*/

a { color: #FFFFFF; }
body.print a { color: #0069AA; }
a:hover { color: #06A9F4; }

h1 { color: #FDFDFD; font: bold 17px Arial, Helvetica, sans-serif; margin-bottom: 15px; }
body.print h1 { color: #000; }
h2 { font: bold 15px Arial, Helvetica, sans-serif; color: #BBE9FD; }
body.print h2 { color: #0069AA; }
h3 { color: #FFFFFF; font-size: 13px; font-weight: bold; }
h4 { font-size: 14px; color: #06A9F4; font-weight: bold; display: inline; text-transform: uppercase; }
h5 { font-size: 14px; }
h6 { padding: 1px 3px 1px 0; font-size: 13px; font-weight: bold; text-transform: uppercase; }

hr { height: 1px; color: #06a9f4; }

#wrapper { position: relative; width: 980px; text-align: left; /*margin: 70px 20px 10px 10px;*/ padding: 166px 0 10px 0; }

small { font-size: 11px; font-weight: normal; }



#clear { clear: both; overflow:hidden; height:1px; margin-top: -1px; }


.stripe { border-bottom:1px solid #7C93A1; }

.extranet { text-align:left; }
.extranet ul { padding: 20px 0 0 20px; margin:0; }
.extranet table th, .extranet table td { text-align:left; padding: 2px 2px 2px 0; }
.extranet table th { font-weight: bold; }
.extranet a { font-weight: bold; }

.mainCategory { background: #06A9F4; color: #FFF; }
.mainCategory a { color: #FFFFFF; text-decoration: none; }


.documents {  }
table.documents td.icon { padding: 0 2px 0 0; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */



/* ---------------------- TOPNAVIGATION --------------------- */

/*#header {  position: relative; width: 980px; height: 146px; background: #0069AA url(/images/bckgr_header.gif) no-repeat right top; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-align: left; }*/
#header {  position: absolute; top: 0; left: 0; width: 982px; height: 146px; background: #0069AA url(/images/bckgr_header.gif) no-repeat right top; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-align: left; }

#headerright { float: right; width: 144px; text-align: right; }
#headerright a { display: block; margin-top: 0px; }

#topnav { color: #999999; text-align: left; background: #FFFFFF url(/images/navtoprit.jpg) no-repeat right top; position: absolute; /*top: 125px;*/ top: 88px; left: 0px; font: bold 13px Arial, Helvetica, sans-serif; }
#topnav ul { list-style: none; }
#topnav li { display: inline; border-right: 1px solid #999999; padding: 0 3px; }
#topnav li.last { border-right: 0px; }
#topnav a { color: #06A9F4; text-decoration: none; padding-left: 3px; }
#topnavin { background: url(/images/navbotrit.jpg) no-repeat right bottom; padding: 8px 20px 10px 10px; }
#topnavin li.active a { color: #0069aa; }

#languages { position: absolute; /*top: 95px;*/ top: 58px; left: 10px; }
#languages a { font: 11px/12px Arial, Verdana, Helvetica, sans-serif; color: #c1d0e5; border-right: 1px solid #c1d0e5; padding: 0 3px; text-decoration: none; }
#languages a.active { color: #FFF; font-weight: bold; }

#logomenu { position: absolute; right: 120px; top: 0; overflow: hidden; width: 290px; height: 200px; }
#logomenu li { position: absolute; list-style: none; }
#logomenu a { text-decoration: none; font-weight: bold; color: #FFFFFF; font-size: 13px; }
#logomenu a:hover, #logomenu li.active a { color: #0069AA; }

li#navEvents { top: 10px; left: 0px; }
li#navCareer { top: 30px; left: 30px; }
li#navLinks { top: 50px; left: 55px; }
li#navLibrary { top: 70px; left: 80px; }
li#navMailing { top: 90px; left: 105px; }
li#navSitemap { top: 110px; left: 130px; }
li#navHome { top: 130px; left: 165px; }
li#navContact { top: 150px; left: 190px; }


#searchForm { float: left; margin: 2px 0 0 3px; }
#searchForm input { float: left; height: 13px; }
#searchForm label { float: left; padding: 0 5px 0 0; font-weight: bold; }
#searchForm .button { padding: 2px 0 0 0; margin: 0 0 0 2px; }


/* ---------------------- CONTENT --------------------- */


#left { float: left; width: 220px; margin: 0 0 10px 10px; /*float: left; margin-bottom: 10px;*/ }
/*#right { float: right; width: 150px; margin-right: 6px; margin-bottom: 10px; text-align: left; margin-top: 30px; }*/
#content { float: right; width: 680px; margin: 0 10px 10px 10px; text-align: left; /*margin-right: 200px; margin-bottom: 10px; margin-left: 240px;*/ }
#content ul { margin: 0 0 15px 0; padding: 0 0 0 18px; }
#content li { list-style-image: url(/images/pijltje.gif); position: relative; }

/*.fullWidth #content { float: left; width: 970px; margin-left: 10px; }*/
.fullWidth #content { float: right; width: 700px; margin-left: 20px;}

#path { font-size: 12px; line-height: 13px; font-weight: bold; margin-bottom: 15px; }
#path a { color: #06A9F4; text-decoration: none; }

#content .blok { display: table; margin: 0 0 10px 0; width: 99%; }
.picture { margin: 0 0 10px 0; }
.rechts { float: right; padding-left: 10px; }
.links { float: left; padding-right: 10px; }
.midden { float: none; text-align: center; }



#popupContent { margin: 10px; }

#news ul,
#events ul,
#specialoffers ul { margin-left: 0; }
#news ul a,
#events ul a,
#specialoffers ul a { padding-left: 10px; color: #FFF; font-weight: normal; text-decoration: underline; }

#news ul a:hover,
#events ul a:hover,
#specialoffers ul a:hover { color: #C1D2E6; }

#specialoffer,
#specialoffers,
#news,
#newsitem, 
#event,
#joboffer { margin: 0 0 10px 0; }


#event h2, #specialoffer h2, #newsitem h2, #product h2, #joboffer h2 { display: block; padding: 0 0 3px 0; margin: 0 0 15px 0; border-bottom: 1px solid #BBE9FD; }
#event small, #specialoffer small, #newsitem small, #joboffer small { float: right; display: block; line-height: 20px; }
#event img { display: block; margin: 15px 0; }
#specialoffer img { float: right; padding: 0 0 0 10px; }
#specialoffer p { margin: 0 0 10px 0; }

#specialoffer { display: table; }


.solliciteer { text-align: right; background: #1188d1; margin: 10px 0; padding: 0 2px; }
.solliciteer a { color: #FFF; font-weight: normal; text-decoration: underline; }

/* ------ homepage ------- */

#homepage #hot { width: 220px; float: right; background: url(/images/menbg.jpg) repeat-y left top; color: #0069aa; line-height: 14px; }
#homepage #tekstHome { width: 450px; float: left; margin: 0; }
#content #homepage ul { margin: 0 20px 3px 10px; padding-left: 19px; }
#content #homepage li { font-size: 12px; margin: 1px 0 5px 0; list-style-image: url(/images/pijltje.gif); }
#content #homepage li a { font-weight: normal; color: #0069aa; }
#homepage .more { color: #06a9f4; background-image: none; text-decoration: none; margin: 0 20px 0 19px; }
#homepage .label { text-transform: uppercase; }
#homepage h6 { padding: 0 10px 0 10px; }
#homepage .specials { margin-top: -10px; padding-top: 10px; background: url(/images/menbg_special.gif) no-repeat; }
#homepage .specials h6 { color: #005086; }
#prem_hint { visibility: hidden; }
#content #homepage .specials li { list-style-image: url(/images/pijltje_special.gif); }
#content #homepage .specials li a { color: #005086; }
#homepage .specials .more { color: #005086; }

.back { background: url(/images/pijltje_links.gif) no-repeat 0 2px; padding: 0 0 0 12px; float: left; }
.forward, .more { background: url(/images/pijltje_rechts_grey.gif) no-repeat 0 4px; padding: 0 0 0 12px; float: right; }

.back, .forward { color:#FFFFFF; font-weight: bold;  }
.more { float: none; display: block; font-size: 12px; font-weight: bold; }
.print { float: right; }

/* ----- product related ---- */

.intro { margin: 10px 0 10px 0; padding-bottom: 15px; border-bottom: 1px solid #06a9f4; overflow: hidden; }
#content ul.listProducts { margin: 20px 0 0 0; }
ul.listProducts a { font-weight: bold; }
.intro a { font-style: normal; }


#content #sitemap ul { float: left; width: 450px; margin: 0 15px 0 0; }
#content #sitemap ul ul { float: none; width: auto; margin: 0 0 15px 0; }
#content #sitemap a { font-weight: normal; }
#content #sitemap h2 a { font-size: 14px; color: #BBE9FD; padding: 0 0 5px 0; font-weight: bold; text-transform: uppercase; }
#content #sitemap li { background: none; line-height: normal; margin: 0 0 5px 0; padding: 0; }
#content #sitemap li li li { padding: 0 0 0 10px; }
#content #sitemap .category { font-size: 12px; color: #06A9F4; font-weight: bold; text-decoration: none; }

.byTitle { text-transform: uppercase; font-weight: bold; }

#quick_nav_row { width: 580px; margin: 0 0 10px 0; background-color: #06A9F4; text-align: center; }
#quick_nav_row form { padding: 5px; }

#perIndustrietak { float: left; width: 280px; margin: 20px 20px 0 0; }
#perIndustrietak h2 { border-bottom: #1188d1 1px solid; padding: 2px; font-size: 14px; color: #fff; text-align: center; }
.perItem { position: relative; width: 280px; height: 97px; margin: 15px 0 0 0; background: url(/images/bckgr_industrietakItem.gif) no-repeat; }
.perItem a.prodImage { display: block; text-align: center; margin: 0 0 2px 0; }
.itemPijl { display: block; /*float: left;*/ width: 10px; padding: 4px 0 0 41px; }

a.category {  padding: 0 0 0 4px; color: #FFF; line-height: 18px; text-decoration: underline; }

a.categoryTitle { position: absolute; top: 57px; left: 52px; display: block; width: 221px; padding: 0 4px; color: #FFF; line-height: 18px; text-decoration: underline; }
a.categoryGrey { position: absolute; top: 57px; left: 52px; display: block; width: 221px; padding: 0 4px; color: #FFF; line-height: 18px; text-decoration: underline; }

#perType { float: left; width: 280px; margin: 20px 0 0 0; }
#perType h2 { border-bottom: #1188d1 1px solid; padding: 2px; font-size: 14px; color: #fff; text-align: center; }



/* ---------------------- LEFT NAVIGATION --------------------- */


#prodmenuhead { height: 29px; padding-top: 20px; }
#catmenuhead { background: url(/images/catmenuhd.jpg) no-repeat left top; text-align: center; font-size: 17px; height: 39px; padding-top: 10px; color: #0069AA; }
#prodmenufoot { background: url(/images/menbt.jpg) no-repeat left top; height: 28px; }

#extramenu { clear: left; float: left; width: 220px; min-height: 15px; margin: 0 0 0 10px; background: url(/images/extramenu.jpg) no-repeat; }
#extramenubody { /*width: 200px;*/ margin: 15px 0 0 0; background: url(/images/menbg.jpg) repeat-y; font-size: 12px; font-weight: bold; }
#extramenubody ul { width: 210px; }
#extramenubody li { list-style: none; padding: 0 0 0.3em 0; }
#extramenubody li a { display: block; width: 180px; font-weight: bold; color: #0069AA; text-decoration: none; padding-left: 20px; }
#extramenubody li a:hover, #extramenubody li.active a { color: #00AEEF; }
#extramenubody ul ul { width: 165px; margin: 0 0 0 20px; }
#extramenubody ul ul li {	font-weight: bold; color: #FFFFFF; padding: 0; text-transform: none; }
#extramenubody ul ul li a { color: #0069AA; padding-left: 10px; width: 150px; }
#extramenubody ul ul li a:hover, div#prodmenu ul ul li.active a { color: #FFF; background: #0069AA; }
#extramenufoot { /*width: 200px;*/ height: 28px; background: url(/images/menbt.jpg) no-repeat; }

li#navQuickNav, li#navProdByIndustry, li#navProdByType { text-transform: uppercase; margin: 15px 0 0 0; display: block; }

div#prodmenu { background: url(/images/menbg.jpg) repeat-y left top; font-size: 12px; font-weight: bold; }
div#prodmenu ul { width: 210px; }
div#prodmenu li { list-style: none; padding: 0 0 0.3em 0; }
div#prodmenu li a { display: block; width: 180px; font-weight: bold; color: #0069AA; text-decoration: none; padding-left: 20px; }
div#prodmenu li a:hover, div#prodmenu li.active a { color: #00AEEF; }
div#prodmenu ul ul { width: 165px; margin: 0 0 0 20px; }
div#prodmenu ul ul li {	font-weight: bold; color: #FFFFFF; padding: 0; text-transform: none; }
div#prodmenu ul ul li a { color: #0069AA; padding-left: 10px; width: 150px; }
div#prodmenu ul ul li a:hover, div#prodmenu ul ul li.active a { color: #FFF; background: #0069AA; }
/*div#prodmenu>ul a { width: auto; }*/


/* ---------------------- FOOTER --------------------- */

#footer { display: inline; float: right; width: 600px; padding-top: 30px; /*padding-top: 4px; padding-bottom: 6px;*/ font-size: 13px; /*margin-bottom: 0; height: 103px;*/ }
#footer a { color: #01B2E8; text-decoration: none; font-weight: bold; }
#foottxtout { float: right; width: 570px; padding: 10px 10px 10px 20px; color: #0069AA; background: #FFFFFF url(/images/foottxtbg.jpg) no-repeat left top; height: 73px; line-height: 15px; overflow: hidden; }
#foottxtout p { width: 260px; float: left; margin: 0 20px 0 0; }
#foottxtout p#diksmuide { width: 280px; margin: 0; }

#copyright { position: relative; width: 300px; height: 93px; /*margin-top: 30px; height: 76px; margin-top: -100px;*/ padding: 30px 0 0 45px; background: url(/images/fp-footer.jpg) no-repeat left bottom; color: #FFF; font-size: 11px; line-height: normal;  }
#copyright a { color: #FFF; text-decoration: underline; padding-left: 15px; font-weight: normal; }