/*
selector {property:value}

.style {
width:10px; ( is voor alle browsers )
#width : 15 px;( is voor IE alle versies  - FF leest hierover )
_width:20px; ( is voor IE6 alleen )

-moz-border-radius:10px;
behavior:url(/assets/css/border-radius.htc);
}
*/

/* COMMON DOM SELECTORS */
*{outline:0;}
html, body{margin:0; height:100%;}
body{font:12px/14px Helvetica, Arial, sans-serif; color:#666; line-height:15px;}
h1,h2,h3,h4,h5,h6,p{margin:0; padding:0; font-weight:normal;}
h1{font:20px/24px "Trebuchet MS", Arial, sans-serif; padding:0 0 5px 0;}
h2{font:16px/18px "Trebuchet MS", Arial, sans-serif; padding:0 0 7px 0;}
h3{font:14px/16px "Trebuchet MS", Arial, sans-serif; padding:7px 0; text-transform:uppercase;}
h4{font:bold 14px/16px "Trebuchet MS", Arial, sans-serif; padding:7px 0;}
h5{font:bold 12px/24px "Trebuchet MS", Arial, sans-serif; padding:7px 0;}
h6{font:10px/24px "Trebuchet MS", Arial, sans-serif; padding:7px 0; letter-spacing:0.05em; text-transform:uppercase;}
p{padding:3px 0 7px 0;}
hr{background:0; border:0; border-top:solid 1px silver;}
img{border:0;}
a{color:#666}
a:hover{color:#00A4E8;}

img.floatNone{margin:0;}
img.floatRight{margin:0 0 3px 7px;}
img.floatLeft{margin:0 7px 3px 0;}

/* COMMON CLASS SELECTORS */
br.clear{clear:both; font-size:0; line-height:0; height:0;}
.small{font-size:9px!important;}
.floatNone{float:none!important;}
.floatLeft{float:left!important;}
.floatRight{float:right!important;}
.btn{display:block; background-repeat:no-repeat; padding-left:14px; text-decoration:none;}
.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(/assets/css/border-radius.htc);}

.nav, .nav li{list-style:none; margin:0; padding:0;}
.nav li, .nav a{display:block; float:left; text-decoration:none;}

/* COMMON ID SELECTORS */
/*#wrapper{margin:auto; width:980px; height:100%; position:relative;}*/
#wrapper{ margin:auto; width:980px; }
#topPane{float:left; position:relative; z-index:10;  height:180px; width:100%; }
/*
#middlePane{float:left; position:relative; width:100%; padding-bottom:20px;}
#bottomPane{float:left; position:relative; width:100%; padding-bottom:10px;}
*/
#middlePane{float:left; width:100%; padding-bottom:20px;}
#bottomPane{float:left; width:100%; padding-bottom:10px;}

#logo img{position:absolute; top:34px; left:0}

/* ----------------------------------------------------------------------------- */

/* BODY BACKGROUND */
body.homepage, body.subpage{background:url(../images/body.jpg) center 55px no-repeat;}
body.intropage{background:none;}

/* BREADCRUMB */
#breadcrumb{width:100%; display:block; float:left; font:9px/11px Verdana, Arial, Helvetica, sans-serif; padding:10px 0;}
#breadcrumb ul, #breadcrumb li{}
#breadcrumb li, #breadcrumb a{float:left; display:block; padding:0px 0px 0px 0}

/* CONTENT BLOCKS HOMEPAGE*/
.homepage .blockContentLarge, .homepage .blockContentSmall{float:left;}
.homepage .blockContentLarge{width:350px; margin-right:35px;}
.homepage .blockContentSmall{width:595px;}
.homepage .blockContentSmall ul{margin:0; padding:12px; list-style:square;}

.homepage .blockContent {float:left;}
.homepage .blockContent {width:325px; margin-right:35px;}
.homepage .blockContentRight {float: left; width:260px;}

/* CONTENT BLOCKS SUBPAGE*/
.subpage .blockContentLarge, .subpage .blockContentSmall{float:left;}
.subpage .blockContentLarge{width:725px; margin-right:35px}
.subpage .blockContentSmall{width:208px; border-left:solid 1px silver; padding-left:10px;}
.subpage .blockContentSmall ul{margin:0; padding:12px; list-style:square;}

/* CONTENT BLOCKS INTROPAGE*/
.intropage .blockContentLarge, .intropage .blockContentSmall{float:left;}
.intropage .blockContentLarge{width:649px; height:1px;}
.intropage .blockContentSmall{width:319px; border-left:solid 1px white; padding-left:10px;}
.intropage .blockContentSmall ul{margin:0; padding:12px; list-style:square;}


/*BANNER HOMEPAGE*/
.homepage #banner{float:left; width:100%; float:left; position:relative; margin-bottom:10px;}
.homepage #banner img{float:left;}
.homepage #banner div#title{position:absolute; z-index: 1001; right:80px; top:120px; font:36px/36px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color:white}
#btnBanner{position:absolute; z-index: 1002; right:20px; bottom:20px; color:#00A4E8; text-decoration:none;}
#btnBanner span{margin-left:5px; line-height:21px; font-size:14px;}
a#linkOverlay{width:100%; height:100%; position:absolute; z-index:99}
.homepage div.imgOverlay{position:absolute; bottom:0; left:0; z-index:98;}
.homepage img.imgOverlay{position:absolute; bottom:0; left:0; z-index:99;}

/*BANNER SUBPAGE*/
.subpage #banner{float:left; width:100%; float:left; position:relative; margin-bottom:10px;}
.subpage #banner img{float:left;}
.subpage #banner div#title{position:absolute; right:80px; top:120px; font:36px/36px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color:white}

/*BANNER INTROPAGE*/
.intropage #banner{float:left; width:100%; float:left; position:relative; margin-bottom:10px;}
.intropage #banner img{float:left;}
.intropage #banner div#title{position:absolute; right:80px; top:120px; font:36px/36px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color:white}
#btnBanner{position:absolute; right:20px; bottom:20px; color:#00A4E8; text-decoration:none;}
#btnBanner span{margin-left:5px; line-height:21px; font-size:14px;}
a#linkOverlay{width:100%; height:100%; position:absolute; z-index:99}
.intropage div.imgOverlay{position:absolute; top:-20px; left:0; z-index:98;}

/* META NAVIGATION */
#blockNavMeta{float:right; margin:20px 0 0 0}
#navMeta, #navMeta li{list-style:none; margin:0; padding:0; font:9px/11px Verdana, Arial, Helvetica, sans-serif;}
#navMeta li a{font:9px/11px Verdana, Arial, Helvetica, sans-serif; padding:5px}
#navMeta li a.active{font-weight:bold;}

/* TOP NAVIGATION */
#blockNavTop{ float:left; margin:60px 0 0 290px; _margin-left:150px;}
#navTop, #navTop li{list-style:none; margin:0; padding:0;}
#navTop li{border-left:solid 1px #fff;}
#navTop li a{font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:20px 10px; color:#fff;}
#navTop li a:hover{color:#00CCFF;}
#navTop li a.active{font-weight:bold;}

/* SHARED STYLES (HOME & SUB) */
a.LeesMeer{float:right; background-image:url(../images/btnLeesMeer.gif); font:13px/14px "Trebuchet MS", Arial, sans-serif; color:#00A4E8;}
a.LeesMeer:hover{color:#666;}

/*BTNS INTROPAGE*/
.bulk{background:url(../images/btnBulk.gif) left bottom; width:300px; height:30px; padding:0; margin-bottom:3px}
.logistics{background:url(../images/btnLogistics.gif) left 30px; width:300px; height:30px; padding:0;}
.bulk:hover,.logistics:hover{background-position:0 0;}

.menu { border-left: #FFFFFF 1px solid; padding-top: 20px; padding-bottom: 20px; padding-left: 10px }

ul.paging{ float:left; list-style:none; margin:0; padding: 0; padding-top: 10px }
ul.paging li{display:block; float:left; margin:0; padding-bottom:5px;}
ul.paging li a {padding:3px 7px; color:#666666; font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a.active{background:#666; color:#FFFFFF; font-family: Verdana; font-size: 8pt; text-decoration:none }

/*FORM toegevoegd Joeri*/
input, select, textarea{font-size:11px; color:#666666; padding:4px 0 4px 3px ; font-family:Verdana, Arial, Helvetica, sans-serif;}
input.textfieldcontact{border:1px solid #666666; background:#ffffff; width:220px; margin-bottom:3px; height:12px;}
input.textfieldcontact:hover{border:1px solid #00A4E8; background:#ffffff; width:220px; margin-bottom:3px; height:12px;}
input.textareacontact{border:1px solid #666666; background:#ffffff; width:220px; margin-bottom:3px; height:50px;}
input.textareacontact:hover{border:1px solid #00A4E8; background:#ffffff; width:220px; margin-bottom:3px; height:50px;}
.smallfield{border:1px solid #202020; background:#404040; width:100px; margin-bottom:3px; height:13px;}
.smallfield:hover{border:1px solid #707070; background:#505050; width:100px; margin-bottom:3px;}
.textfieldvacature{border:1px solid #666666; background:#ffffff; width:220px; margin-bottom:3px; height:12px;}
.textfieldvacature:hover{border:1px solid #00A4E8; background:#ffffff; width:220px; margin-bottom:3px; height:12px;}
.textfieldvacature2{border:1px solid #666666; background:#ffffff; width:55px; margin-bottom:3px; height:12px;}
.textfieldvacature2:hover{border:1px solid #00A4E8; background:#ffffff; width:55px; margin-bottom:3px; height:12px;}
.textfieldvacaturebig{border:1px solid #666666; background:#ffffff; width:680px; margin-bottom:3px; height:120px;}
.textfieldvacaturebig:hover{border:1px solid #00A4E8; background:#ffffff; width:680px; margin-bottom:3px; height:120px;}

.enigmaWrap{position:relative;margin-left :0px;float:left;clear:none;width:58px;border:1px solid #666666; height:23px;background:#ffffff;white-space: nowrap;overflow: hidden}
.enigmaWrap p{position:relative; left:-20px;z-index:5;font-size:13px; }

.nieuwsfield{border:1px solid #666666; background:#ffffff; width:120px; margin-bottom:3px; height:10px;}
.nieuwsfield:hover{border:1px solid #00A4E8; background:#ffffff; width:120px; margin-bottom:3px; height:10px;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}