/*
 * @design            Tweedesign.nl
 * @optimization      R. de Bruin
 * @copyright         All above, HACON Containers
 */

/* GENERAL */
*{margin:0; padding:0}
html, body{font-family:Tahoma,Arial; font-size:14px; color:#010000}
input[type="text"], select, textarea{font-family:Tahoma,Arial; font-size:12px; color:#4e4e4d; background:#fff; border:1px solid gray}
h2, h3{font-family:Arial,Tahoma}
.CatTitle{font-family:"Trebuchet MS",Tahoma}
body{background:gray}
img{border:0}
ul{list-style-type:disc}
.button{display:block; border:1px solid #ccc; height:25px; padding:4px}
.button_blue{display:block; border:1px solid #ccc; height:25px; padding:4px; background:#004389; color:#fff}
.clear{clear:both}
/* WRAPPER */
#wrapper{position:relative; display:block; width:100%; min-height:100%}
/* MAIN CONTAINER */
#mainCntr{margin:0 auto; width:968px; background:url('../images/content-middle.gif') 0 0 repeat-y}
#mainCntr #top{width:968px; background:url('../images/content-top.gif') 0 0 no-repeat}
#mainCntr #bottom{padding:16px 9px 10px; overflow:hidden; width:950px; background:url('../images/content-bottom.gif') bottom left no-repeat}
/* HEADER CONTAINER */
#headerCntr{padding:0 0 0 15px; position:relative; width:935px; height:83px}
#headerCntr h1{float:left}
#headerCntr h1 a{display:block; width:288px; height:72px; text-indent:-9999px; background:url('../images/logo.gif') no-repeat}
/* MENU BOX */
.menuBox ul{padding-top:10px; list-style:none; float:right; overflow:hidden}
.menuBox li{padding-left:15px; float:left; color:#004389; font-size:12px}
.menuBox li a{color:#004389; text-decoration:none}
/* LANGUAGE BOX */
.languageBox{padding:0 0 0 20px; padding-right:8px; padding-top:10px; float:right}
.languageBox img{padding:0 3px 0 0; display:inline}
/* MENU CONTAINER */
#menuCntr{position:absolute; top:41px; right:0; width:634px}
#menuCntr ul{width:634px; list-style:none}
#menuCntr li{float:left; display:inline}
#menuCntr li.last a{width:210px; border:none}
#menuCntr li a{display:block; float:left; width:211px; height:42px; line-height:42px; border-right:1px solid #3c6fa5; text-align:center; font-size:20px; background:#004389; color:#fff; text-decoration:none}
#menuCntr ul ul{padding-top:10px; position:absolute; top:42px; clear:both; z-index:99; width:212px; height:239px; background:url('../images/subBg.png')}
#menuCntr ul ul li{padding-bottom:3px; float:none; display:block; height:20px}
#menuCntr ul ul li a{width:212px; height:20px; line-height:19px; font-size:13px; border:0; color:#fff; background:transparent}
#menuCntr ul ul li a:hover, #menuCntr ul ul li a.selected{color:#004389; background:#fc0}
#menuCntr li.space{padding-top:10px}
/* CONTENT CONTAINER */
#contentCntr{overflow:hidden; width:949px; background:url('../images/bgbottom.gif') top left repeat-y}
/* LEFT CONTAINER */
#leftCntr{float:left; width:316px}
/* NEWS BOX */
.newsBox{padding:24px 15px 0; width:286px; height:225px; background:#d9d9d9 url('../images/container-img.gif') 15px 115px no-repeat}
.newsBox h3{margin-bottom:10px; font-size:16px; color:gray; width:100%; line-height:37px; text-align:left; background:url('../images/news-bg.gif') top left no-repeat}
.newsBox p{padding-bottom:5px; color:gray; font-size:12px; line-height:18px}
.newsBox a{padding-top:11px; display:block; float:right; font-family:"Trebuchet MS",Tahoma; font-size:12px; line-height:15px; font-weight:bold; color:#0d4c8e; text-align:center; width:135px; height:55px; text-decoration:none; background:url('../images/van-bg.png') 0 0 no-repeat}
/* LOGI BOX */
.logiBox{padding:24px 15px 0; width:286px; height:225px; background:#fc0}
.logiBox h3{margin-bottom:10px; font-size:16px; color:#0d4c8e; line-height:37px; text-align:center; background:url('../images/container-bg.gif') top left no-repeat}
.logiBox p{padding-bottom:5px; color:#004389; font-size:12px; line-height:18px}
.logiBox a{color:#004389; text-decoration:none; display:block; font-size:12px; text-align:right}
/* CONTAINER BOX */
.containerBox{padding:14px 10px 10px 15px; overflow:hidden; width:291px; background:#fc0}
.containerBox h3{margin-bottom:10px; font-size:16px; color:#0d4c8e; width:100%; text-transform:uppercase; line-height:37px; text-align:left; background:url('../images/container-bg.gif') top left no-repeat}
.containerBox p{padding-bottom:45px; line-height:18px; font-size:12px; color:#0d4c8e}
.containerBox td{font-size:12px; color:#0d4c8e}
.containerBox a{padding-top:6px; display:block; float:right; font-size:16px; color:#0d4c8e; text-align:center; width:136px; height:55px; text-decoration:none; background:url('../images/van-bg.png') top left no-repeat}
/* OFFERTE BOX */
.offertebox{padding-right:90px}
/* PROJECT BOX */
.projectBox{padding:10px 14px 0 15px; overflow:hidden; width:287px}
.projectBox h3{margin-bottom:13px; font-size:16px; color:#0d4c8e; width:72px; line-height:37px; text-align:center; background:url('../images/project-bg.gif') top left no-repeat}
.projectBox p{padding-top:5px; line-height:18px; font-size:12px; color:#0d4c8e}
.opslagBox li{font-family:"Trebuchet MS"; line-height:35px; text-transform:uppercase; font-weight:bold; font-size:16px; color:#595959}
.opslagBox li a{text-decoration:none; color:#595959}
.opslagBox li.selected{font-size:16px; font-weight:bold; text-transform:uppercase; color:#004389}
.opslagBox table{font-family:Tahoma; margin-bottom:15px; width:286px; border-bottom:1px solid #bebebe}
.opslagBox td{width:141px; height:32px; vertical-align:middle; text-align:center; font-size:11px; font-weight:normal; text-transform:capitalize; color:#004389; border:1px solid #bebebe; border-bottom:0}
.opslagBox td a{display:block; width:141px; height:32px; line-height:32px; text-decoration:none; color:#004389}
.opslagBox_tag li a{text-decoration:none; color:#004389}
/* RIGHT CONTAINER */
#rightCntr{float:right; width:633px; overflow:hidden}
#rightCntr .right{float:right; width:316px}
/* BANNER BOX */
.bannerBox{width:633px; height:249px}
/* CAT BOX */
.catBox{width:633px; padding-bottom:15px}
.catBox li{padding:0 21px 20px 0; float:left; display:inline; font-size:12px}
/* TXT BOX */
.txtBox{width:633px}
.txtBox li{padding:0; float:left; margin-left:15px; list-style-type:disc; width:100%}
/* DETAIL BOX */
.detailBox{width:633px; font-family:Tahoma,Arial}
.detailBox h2{margin-bottom:10px; padding:0 15px; height:60px; line-height:60px; font-size:24px; font-weight:bold; text-transform:uppercase; color:#004389; background:#d9d9d9}
.detailBox ul{padding:5px 15px 0; overflow:hidden; width:603px}
.detailBox li{margin-right:10px; float:left; list-style:none}
.detailBox li a{font-family:Arial,Tahoma; display:block; float:left; width:194px; height:25px; line-height:25px; text-align:center; text-decoration:none; font-size:10px; text-transform:uppercase; font-weight:bold}
.detailBox li.grey a{color:#004389; background:#d9d9d9}
.detailBox li.blue a{width:195px; color:#fff; background:#004389}
.detailBox div.grey{color:#404040; background:#d9d9d9}
.detailBox div.blue{color:#fff; background:#004389}
.detailBox div.blue .check_transport_head{width:590px; margin-top:10px; display:block; background-color:#00376f}
.detailBox div.blue .check_transport_head tr td span{color:#fff}
.detailBox div.blue .check_extra{width:100%; margin-top:1px; display:none; background-color:#003c77}
/* / OFFERTE CONTAINER */
.detailBox div.detail{margin-left:15px; padding:5px; overflow:hidden; width:593px}
.detailBox div.pic{float:left; width:272px; padding:5px 0 0 5px}
.detailBox div.pic img{border:1px solid #004389}
.detailBox div.pic ul{padding:5px 0 0; overflow:hidden; width:302px}
.detailBox div.pic li{margin-right:5px}
.detailBox div.pic li a{display:inline; float:none; width:auto; height:auto}
.detailBox div.pic div.small{width:90px; height:70px; overflow:hidden}
.detailBox div.text{padding-top:4px; float:left; width:310px}
.detailBox div.text ul{width:95%; float:left}
.detailBox div.text li{width:95%; float:left; margin-left:15px; list-style-type:disc}
.detailBox div.text td{font-size:12px}
.yellow_desc{padding-bottom:10px}
.detailBox div.text p{padding-bottom:5px; line-height:18px; font-size:12px}
.detailBox li.blue, .detailBox div.pic li.last{margin-right:0}
.detailBox li.yellow a, .detailBox div.yellow{color:#595959; background:#fc0}
.detailBox div.blue #check_transport textarea, #check_transport textarea{width:375px; height:100px}
.detailBox .container_img {width:633px; margin: 15px 0 10px 15px}
.detailBox .container_img img {width:603px}
/* TEXT BOX */
.textBox{padding:24px 15px 30px; width:603px; height:192px; background:#d9d9d9}
.textBox h2{padding-bottom:24px; color:#004389; font-size:21px}
.textBox p{padding-bottom:10px; line-height:18px; color:#010000}
.textBox a{text-decoration:none; color:#004389; text-transform:uppercase; font-weight:bold}
.textBox a.meer{display:block; text-align:right; font-size:11px}
/* PARTICULIER BOX */
.particulierBox{padding:24px 15px 22px; float:left; overflow:hidden; width:287px; height:270px; background:#004389}
.particulierBox h3{padding-bottom:20px; color:#fff; font-size:18px}
.particulierBox p{padding-bottom:10px; color:#fff; line-height:18px}
.particulierBox a{display:block; text-align:right; color:#fff; font-size:12px}
/* HOME # CUSTOM BOX */
.customBox{padding:14px 25px 6px 165px; width:126px; height:139px; overflow:hidden; background:#fc0 url('../images/custom-img.jpg') top left no-repeat}
.customBox h4{margin-bottom:13px; font-size:16px; color:#0d4c8e; width:126px; line-height:37px; text-align:center; background:url('../images/container-bg.gif') top left no-repeat}
.customBox p{line-height:18px; font-size:11px; color:#0d4c8e}
/* BRIEF BOX */
.briefBox{padding:12px; padding-bottom:7px; height:140px; overflow:hidden; width:292px; background:url('../images/breif-bg.gif') top left repeat-x #bfbfbf; color:#0d4c8e; font-size:12px}
.briefBox h4{margin-bottom:12px; width:140px; line-height:37px; text-align:center; color:#0d4c8e; font-size:16px; background:url('../images/brieftext-bg.gif') top left no-repeat}
.briefBox p{padding-bottom:10px; line-height:18px}
.briefBox form fieldset{overflow:hidden; width:288px; border:0}
.briefBox form fieldset table {width: 288px}
.briefBox form fieldset label {vertical-align: middle}
.briefBox form fieldset input.field{float: right; padding-left:3px; margin:0 0 1px 10px; width:200px; line-height: 17px; border:0; color:#000; border: #d1d1d1 1px solid; background: #fff url('../images/form.gif') repeat-x}
.briefBox form fieldset input.submit{margin-top: 5px; border:0; color:gray; font-weight:bold; border-bottom:gray 1px solid; float:right; background:none}
.briefBox a{display:block; text-align:right; color:gray; font-weight:bold}
.briefBox a.email{padding-left:10px; margin-bottom:5px; text-decoration:none; text-align:left; font-weight:normal; line-height:18px; color:#fff; font-size:12px; background:gray}
/* OFFERTES */
form[name="container_offerte"] table tr td textarea{width:170px}
.check_transport_head{width:595px; background-color:#DDD; margin-top:10px; display:block}
.check_transport_head tr td span{color:red}
.check_extra{width:100%; margin-top:1px; display:none; background-color:#e9e9e9}
form[name="logistic_offerte"] table tr td textarea{width:242px; height:126px; margin-top:5px}
#in tr td table tr td input[type="text"]{float:right}
#in tr td table tr td{padding:3px 0}
.bedrijf tr td:first-child {width: 94px}
#specs tr td textarea{width:560px; height:75px}
/* TAGCLOUD */
.tags{width:100%}
.tags ul{margin:1em 0; padding:.5em 0; text-align:center}
.tags li{margin:0; padding:0; list-style:none; display:inline}
.tags li a{text-decoration:none; color:#004389; padding:0 2px}
.tag1{font-size:80%}
.tag2{font-size:100%}
.tag3{font-size:120%}
.tag4{font-size:140%}
.tag5{font-size:160%}
/* PRODUCTPAGINA */
.products{width:185px; height:200px; float:left; margin:10px 0 0 15px}
.productBox{width:185px; height:139px; overflow:hidden}
.productbottom{width:185px; margin-top:10px}
.productbottom a{font-size:11px; color:#004389; text-transform:capitalize; text-decoration:none; font-weight:bold}
.productBox a{display:block; width:inherit; height:inherit}
/* FOOTER CONTAINER */
#footerCntr{width:949px; color:#004389; font-size:13px; text-align:center; line-height:28px; background:url('../images/seperator.gif') top left repeat-x}
#footerCntr a{color:#004389}
.menuBox li a:hover, .logiBox a:hover, .containerBox a:hover, .catBox li a:hover, .txtBox li a:hover, .detailBox li a:hover{text-decoration:underline}
#menucntr li.last ul, #menucntr li.last ul li a{width:211px}
.newsBox a:hover, .opslagBox li a:hover, .opslagBox_tag li a:hover, .textBox a:hover, .particulierBox a:hover{text-decoration:none}
.opslagBox, .opslagBox_tag{padding:15px; width:286px; border-top:60px solid #004389; background:#d9d9d9}
.opslagBox ul, .opslagBox_tag ul{overflow:hidden; width:286px}
.opslagBox td a:hover, .opslagBox td a.selected{color:#fff; background:#004389; text-decoration:none}
.opslagBox_tag li.selected, .opslagBox_tag li, .tags li a:hover, .productbottom a:hover{color:#004389}
.catBox h2, .txtBox h2{margin-bottom:12px; padding:0 15px; height:60px; line-height:60px; font-size:24px; font-weight:bold; text-transform:uppercase; color:#004389; background:#d9d9d9}
.catBox h3, .txtBox h3{margin-bottom:10px; padding:0 15px; font-size:16px; color:#000}
.catBox ul, .txtBox ul{padding:0 15px; overflow:hidden; width:603px}
.catBox li.last, .txtBox li.last{padding-right:0}
.catBox li a img, .txtBox li a img{margin-bottom:4px; display:block; border:1px solid #004389}
.catBox li a, .txtBox li a{float:left; width:187px; text-decoration:none; text-transform:uppercase; color:#595959}
.catBox p, .txtBox p{padding:0 15px 15px; line-height:18px}
.catBox .subdate, .txtBox .subdate{padding:0 15px 15px; font-size:10px}
/* CALCULATOR */
.calculator {padding-top: 20px; color: #004389; font-size: 13px; text-align: center}
.calculator input {margin: 0 1px 0 0; padding: 1px; line-height: 16px}
.calculator img {padding: 0; margin: 0 0 -1px 5px; border: 0; height: 16px; width: 16px}