/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:arial; font-size:11px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{background:#253334; z-index:0;}
br{line-height:5px; font-size:1px; height:5px;}

/************************************************************************************************/
/*container*/
/************************************************************************************************/
.container_horlines{background:url(../images/container_horlines.png) repeat top left; }
.container_logo{background:url(../images/d.png) no-repeat top left; }

/************************************************************************************************/
/*header*/
/************************************************************************************************/
/*lang*/
.header{margin:0px auto 0px auto; width:891px; height:138px; background:url(../images/header.png) no-repeat top left; position:relative; }
 /*lang*/ .header .lang{right:10px; top:50px; position:absolute; } .header .lang a{width:16px; height:11px; text-indent:-4000px; display:block; overflow:hidden; margin:0px 0px 0px 10px; float:left;} .header .lang a.nl{background:url(../images/lang_nl.png) no-repeat top left; } .header .lang a.en{background:url(../images/lang_en.png) no-repeat top left; } 
 
 /*logo*/
.header h1 a{width:165px; height:69px; top:0px; left:0px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/logo.png) no-repeat top left; }

/*menu*/
.header ul.menu{left:16px; top:81px; position:absolute;}
.header ul.menu li{display:inline; padding-right:20px;}
.header ul.menu li a{color:white; text-transform:uppercase; text-decoration:none; font-weight:bold;}
.header ul.menu li a:hover{color:#ff5d02;}

/*submenu*/
.header ul.submenu{left:16px; top:113px; position:absolute;}
.header ul.submenu li{display:inline; padding-right:20px;}
.header ul.submenu li a{color:#788282; text-transform:uppercase; text-decoration:none;}
.header ul.submenu li a:hover{color:white;}

/************************************************************************************************/
/*divisions, splits & paddings*/
/************************************************************************************************/
/*division*/
.division{background:url(../images/division.png) repeat-y top left; padding-top:68px; padding-bottom:69px;}
.division.d1 .d_left{width:561px; border:1px solid #ececec; background:white; float:left; padding:15px;}
.division.d1 .d_right{width:204px; border:1px solid #ececec; background:white; float:right; padding:9px;}
.division.d1 .d_center{width:859px; border:1px solid #ececec; background:white; padding:15px;}
.division.d1 .d_center.nopadding{width:889px; padding:0px;}

/*splits*/
.split{}
.split.s1{}
.split.s1 .left{width:335px; float:left;}
.split.s1 .right{width:515px; float:left;}

.split.s2{}
.split.s2 .left{width:450px; float:left;}
.split.s2 .right{width:400px; float:left;}

/************************************************************************************************/
/*lists*/
/************************************************************************************************/
/*list 1*/
.list.l1{}
.list.l1 li{background:url(../images/ico_roundarrow.png) no-repeat center left; }
.list.l1 li a{padding:5px 0px 5px 25px; font-size:14px; color:#4b5455; display:block; text-decoration:none;}
.list.l1 li a:hover{color:#f85d01;}
.list.l1 li.on a{color:#f85d01; }

/************************************************************************************************/
/*boxes*/
/************************************************************************************************/
/*news*/
.news{background:url(../images/news.png) no-repeat top left; height:276px; position:relative; z-index:100;}
.news h1 a{background:url(../images/ico_roundarrow.png) no-repeat center right; display:inline; padding-right:20px; color:#243233; font-size:30px; text-transform:uppercase; text-decoration:none; position:absolute; top:85px; left:30px; font-weight:normal;}
.news h1 a span{color:#ff5d00; font-size:30px;}
.news h2{color:#233332; font-size:16px; width:460px; top:125px; left:30px; position:absolute;}
.news img{position:absolute;}

.news .tabs{left:0px; top:206px; position:absolute; width:550px;}
.news .tabs ul{}
.news .tabs ul li{float:left;}
.news .tabs ul li a{display:block; width:149px; height:47px; float:left; text-align:center; padding-top:20px; color:#233031; text-transform:uppercase; text-decoration:none;}
.news .tabs ul li.on a{background:url(../images/news_tabs.gif) no-repeat top center; color:#ff5d00; text-decoration:underline;}

#tabContent .on { display: block; }
#tabContent .off { display: none; }

/*newsletter*/
.newsletter{background:url(../images/newsletter.png) no-repeat top left; height:69px; position:relative; z-index:20; }
.newsletter p{left:20px; top:25px; position:absolute;}
.newsletter p span{font-size:16px; color:#233332;}
.newsletter p input.text{border:1px solid #cfd2d2; background:url(../images/input_back.png) no-repeat top left; padding:5px; color:#adadad; margin-left:10px;}
.newsletter p input.submit{background:url(../images/ico_roundarrowbig.png) no-repeat top left; width:22px; height:22px; border:0px; cursor:pointer; margin-left:10px;}

/*placeholder*/
.placeholder{background:url(../images/placeholder.png) no-repeat top left; height:69px; }

/*banner1*/
.banner1{height:138px; overflow:hidden;}

/*video*/
.video{width:891px; height:281px; background:url(../images/video.png) no-repeat top left; top:5px; position:relative;}
.video .videosection{left:9px; top:9px; position:absolute;}
.video .quotesection{width:445px; position:relative; left:445px;}
.video .quotesection h1{ background:url(../images/video_quote.png) no-repeat top center; width:445px; height:50px; text-indent:-4000px; position:relative; top:15px;}
/*uploadyourcad*/ .video .uploadyourcad{
	right:-72px;
	top:-61px;
	position:absolute;
} 
.video .quotesection ul{position:relative; top:25px;}
.video .quotesection ul li{width:445px; background:url(../images/video_quote_li.png) no-repeat top center; padding:15px 0px 10px 0px; font-size:12px; text-transform:uppercase; color:#263133; text-align:center;}

/*box1*/
.box1{margin-top:30px; margin-bottom:15px; position:relative;}
.box1 h2{color:#253032; font-size:14px; text-transform:uppercase; background:url(../images/box1_h2.png) repeat-x top left; margin-bottom:15px;}
.box1 h2 span{font-size:14px; background:url(../images/box1_h2_span.png) no-repeat top right; display:block; height:26px; padding:9px 0px 0px 150px; }
.box1 p{padding-left:150px;}
.box1 img.ico{position:absolute; top:0px; left:0px;}

/*box2*/
.box2{width:203px; height:132px; overflow:hidden; position:relative; margin-bottom:10px;}
.box2.last{margin-bottom:0px;}
.box2 span{display:block; width:203px; height:24px; background:url(../images/box2_span.png) repeat top left; position:absolute; bottom:0px; left:0px; color:white; text-transform:uppercase; font-size:12px; text-align:center; padding-top:13px;}

/*infobubble*/
.infobubble.b1{width:324px; position:absolute; top:-33px; left:170px; z-index:1000;}
.infobubble.b1 .bubbletop{height:5px; background:url(../images/infobubble_b1_top.png) no-repeat top left; }
.infobubble.b1 .bubbletext{background:url(../images/infobubble_b1_text.png) repeat-y top left; padding:15px 20px 15px 20px; text-align:left; text-transform:none; font-size:12px; line-height:20px;}
.infobubble.b1 .bubblebottom{height:5px; background:url(../images/infobubble_b1_bottom.png) no-repeat top left;}
.infobubble.b1 .bubblearrow{width:30px; height:48px; background:url(../images/infobubble_b1_arrow.png) no-repeat top left; position:absolute; top:15px; left:-25px;}

.infobubble.b2{width:854px;}
.infobubble.b2 .bubbletop{height:5px; background:url(../images/infobubble_b2_top.png) no-repeat top left; }
.infobubble.b2 .bubbletext{background:url(../images/infobubble_b2_text.png) repeat-y top left; padding:15px 20px 15px 20px; text-align:left; font-size:18px; line-height:20px; color:#243233; font-weight:normal;}
.infobubble.b2 .bubblebottom{height:21px; background:url(../images/infobubble_b2_bottom.png) no-repeat top left;}

.infobubble.b3 {width:560px;}
.infobubble.b3 .bubbletop{height:5px; background:url(../images/infobubble_b3_top.png) no-repeat top left; }
.infobubble.b3 .bubbletext{background:url(../images/infobubble_b3_text.png) repeat-y top left; padding:15px 20px 15px 20px; text-align:left; font-size:18px; line-height:20px; color:#243233; font-weight:normal;}
.infobubble.b3 .bubblebottom{height:21px; background:url(../images/infobubble_b3_bottom.png) no-repeat top left;}

.infobubble.b4 {width:854px;}
.infobubble.b4 .bubbletop{height:19px; background:url(../images/infobubble_b4_top.png) no-repeat top left; }
.infobubble.b4 .bubbletext{background:url(../images/infobubble_b4_text.png) repeat-y top left; padding:15px 20px 15px 20px; text-align:left; font-size:18px; line-height:20px; color:#243233; font-weight:normal;}
.infobubble.b4 .bubblebottom{height:5px; background:url(../images/infobubble_b4_bottom.png) no-repeat top left;}

/*featurelist*/
ul.featurelist{padding-top:15px;}
ul.featurelist li{position:relative; float:left; padding:0px 21px 50px 0px; }
ul.featurelist li img{position:absolute; left:0px; top:0px; }
ul.featurelist li h2{padding:0px 0px 5px 75px; text-transform:uppercase; font-size:14px; color:#253032;}
ul.featurelist li p{width:190px; padding:0px 0px 0px 75px; font-size:12px; color:#4b5455; line-height:20px;}
ul.featurelist li p a{font-size:12px; color:#f85e00; }

/*gallery*/
ul.gallery{}
ul.gallery li{float:left; padding:0px 11px 11px 0px; }
ul.gallery li img{border:1px solid #ececec; padding:3px; }

/************************************************************************************************/
/*tables*/
/************************************************************************************************/
/*table1*/
.table1{height:482px;}
.table1 td, .table1 th{ vertical-align:top;}
.table1 th{background:#243235 url(../images/table1_th.png) no-repeat top right; padding:11px 0px 0px 0px; }
.table1 th h3{color:white; font-size:32px; text-align:center;}
.table1 th p{color:#c8cccc; text-transform:uppercase; font-size:11px; text-align:center; font-weight:normal; padding:15px; line-height:20px;}
.table1 .small{width:221px; border-bottom:1px #ececec solid;}
.table1 .wide{width:444px; border-left:1px #ececec solid; border-right:1px #ececec solid; border-bottom:1px #ececec solid;}
.table1 .features td.smallest{background:url(../images/table1_scratch.png) repeat top left; }

.table1 .features ul{background:white; padding:1px 0px 1px 0px; }
.table1 .features ul li{font-size:14px; color:#233132; text-transform:uppercase; text-align:center; padding:15px 0px 15px 0px; }
.table1 .features ul li span{font-size:14px; color:#f95c01; }
.table1 .features ul li a.info{font-size:14px; color:#233132; background:url(../images/ico_info.png) no-repeat center right; padding-right:20px; text-decoration:none; position:relative;}

.table1 .features ul li a.link{color:#a8a8a8; font-size:18px; text-transform:none; background:url(../images/ico_info.png) no-repeat center right; padding-right:20px;}
.table1 .features ul li a.link.noimage{background:none; padding:0px;}
.table1 td.wide{border-left:1px #ececec solid; border-right:1px #ececec solid;}
.table1 .signup a img{margin-top:2px; margin-bottom:-8px;}
.table1 .signup a{}

.table1 .features ul li a.info div.infobubble{display:none;}
.table1 .features ul li a.info:hover div.infobubble{display:block;}

/************************************************************************************************/
/*miscelleanous*/
/************************************************************************************************/
/*headings*/
h1, h2, h3, h4, h5{font-weight:normal;}
h1.title{color:#f85d01; font-size:18px; background:url(../images/h1.png) repeat-x bottom left; padding:10px 0px 20px 0px; margin-bottom:15px; text-transform:uppercase;}
h2.subtitle{color:#4b5455; text-transform:uppercase; font-size:14px; font-weight:bold;}
h3{}
h4{}

/*page*/
.page{width:891px; margin:0px auto 0px auto; position:relative;}

/*shadow*/
.shadow{background:url(../images/shadow.png) repeat-x top left; }

/*div hr*/
div.hr{height:2px;}
div.hr hr{display:none;}
div.hr.blue{background:url(../images/hr_blue.gif) repeat-x top left; }
div.hr.red{background:url(../images/hr_red.gif) repeat-x top left; }
div.hr.green{background:url(../images/hr_green.gif) repeat-x top left; }
div.hr.lineblue{border-top:1px solid #4e6f92; }
div.hr.grey{background:url(../images/hr_grey.gif) repeat-x top left; }

/*misc*/
table{ border-collapse:collapse;}
table td{vertical-align:top;}
p{color:#243233;}
p.text{color:#4b5455; font-size:14px; line-height:20px;}
p.text a{color:#4b5455; font-size:14px;}
p.text a.alt1{color:#ff5d00;}

/*tr*/
.tr.t1{}
.tr.t1 .hook_lefttop{position:absolute; background:url(../images/tr_hook_lefttop.png) no-repeat top left; top:69px; left:0px; width:5px; height:5px;}
.tr.t1 .hook_righttop{position:absolute; background:url(../images/tr_hook_righttop.png) no-repeat top right; top:69px; right:0px; width:5px; height:5px;}
.tr.t1 .hook_leftbottom{position:absolute; background:url(../images/tr_hook_leftbottom.png) no-repeat bottom left; bottom:69px; left:0px; width:5px; height:5px;}
.tr.t1 .hook_rightbottom{position:absolute; background:url(../images/tr_hook_rightbottom.png) no-repeat bottom right; bottom:69px; right:0px; width:5px; height:5px;}
.tr.t1 .cm_top{position:absolute; background:url(../images/tr_cm_top.png) no-repeat bottom right; top:65px; left:433px; width:22px; height:7px;}
.tr.t1 .cm_left{position:absolute; background:url(../images/tr_cm_left.png) no-repeat bottom right; top:126px; left:-4px; width:8px; height:22px;}

/************************************************************************************************/
/*footer*/
/************************************************************************************************/
.footer{background:#253334 url(../images/footer.png) repeat-x top left; padding-bottom:30px;}
.footer .lines{position:relative; top:20px;}
.footer .lines p.left{float:left;}
.footer .lines p.right{float:right; text-align:right;}

.footer a, .footer p{color:#757575; line-height:20px;}
