﻿@charset "utf-8";
body { background: #20639B; font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000; margin: 15px 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:11px;	font-weight: normal;}
table,td,tr,th{font-size:11px;}
a:link {color: #20659D; text-decoration:none;}
a:visited {color: #20659D;text-decoration:none;}
a:hover { color: #f00; text-decoration:none;}
a:active { color: #20659D;}
.fB {font-weight: bold;}
.clr{ clear: both;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.cRed{ color: #f00;}

.tag{ background:url(img/tag_1.gif) no-repeat 0 0; height: 26px; line-height: 26px; color: #fff; padding-left: 10px; font-weight:bold; }
.tag span{ height: 26px; float:right; display:block; background:url(img/tag_1.gif) no-repeat right -26px; padding-right: 10px; font-weight:normal; }
.tag a,.tag a:visited{color: #fff;}
.tag a:hover{ color: #ff0;}
.tag .ico{ background:url(img/ico_5.gif) no-repeat 0 4px; padding-left: 12px; font-weight:bold;}
.bottom{ height: 6px; line-height: 0; font-size: 0; background:url(img/tag_bottom.gif) no-repeat 0 0; clear:both;}
.bottom span{display:block; float:right; width: 6px; height: 6px; background:url(img/tag_bottom.gif) no-repeat 0 -6px;}
.pages{ height: 24px; line-height: 24px; padding: 0 15px; clear:both;}
.pages a,.page a:link,.page a:visited{ padding: 0 5px 1px; border: 1px solid #BCC8DE; margin: 0 2px; background: #f2f6fb;}
.pages a:hover{background: #1F3A87; text-decoration:none; margin: 0 2px;color: #fff;border:1px solid #131B31;}
.pages span{background: #1F3A87; padding: 0 5px 1px; border: 1px solid #131B31; margin: 0 2px; color: #fff; font-weight:bold;}

.Header{ width: 950px; margin: 0 auto; background: url(img/contact_bg.jpg) repeat-y center 0; }
.Header .bg{ background:url(img/contact_top.jpg) no-repeat center 0; padding: 0 5px 1px;}
.Header .logo{ float:left; padding: 22px 5px 6px 7px;}
.Header .nav{ width: 940px; height: 50px; background:url(img/header_bg.jpg) repeat-x 0 -50px; clear:both;}
.Header .nav ul{ height: 50x; background:url(img/header_bg.jpg) no-repeat right -100px; width: 940px;}
.Header .nav li{ float:left; padding: 0 34px; text-align:center; background:url(img/header_line.gif) no-repeat 0 19px;  line-height: 50px; font-size: 13px; font-weight:bold;}
.Header .nav .tag{ height: 50px;  background:url(img/header_bg.jpg) no-repeat 0 0;}
.Header .nav li a,.Header .nav li a:visited{ color: #000;}
.Header .nav li a:hover{ color: #f00;}

.Content{ width: 940px; background: url(img/contact_bg.jpg) repeat-y center 0; margin: 0 auto; padding: 0 5px;}
.BannerHome{ padding-bottom: 7px;}
.Content .links{ height: 35px; line-height: 35px; padding: 0 10px;  background:url(img/link_bg.jpg) repeat-x 0 -5px;}
.Content .links a{ color: #000;}
.Content .links a:hover{ color: #f00;}
.ContentLeft{ float:left; width: 200px;}
.ContentLeft .menu{ background: #0B2032 url(img/menu_bg.jpg) repeat-x 0 24px;}
.ContentLeft .menu h3{ height: 25px; line-height: 25px; font-weight:bold; color: #fff; background:url(img/menu_top.gif) no-repeat 0 0; padding-left: 18px; font-size: 13px;}
.ContentLeft .menu h3 a,.ContentLeft .menu h3 a:visited{ color: #fff;}
.ContentLeft .menu h3 a:hover{ color: #fc0;}
.ContentLeft .menu ul{ background:url(img/menu_bottom.gif) no-repeat 0 bottom; padding-bottom: 11px;}
.ContentLeft .menu li{ height: 24px; background:url(img/menu_line.gif) repeat-x 0 bottom;  }
.ContentLeft .menu li h4,.ContentLeft .menu li h6{ background:url(img/ico_2.gif) no-repeat 12px 8px;  display:block; height: 20px; line-height: 20px;}
.ContentLeft .menu li a{ color: #fff; font-weight:bold; display:block; padding-left: 20px; height: 20px; line-height: 20px; filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=5);}
.ContentLeft .menu li a:hover{ color: #ff0; background: #3092E9 url(img/ico_2.gif) no-repeat 12px 8px;}

.HomeRight{ float:right; width: 726px;}
.HomeRight .productTui ul{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; background:url(img/bg_1.gif) no-repeat center center; height: 292px;}
.HomeRight .productTui li{ float:left; width: 180px; text-align:center; font-weight:bold; line-height: 17px;height: 145px;}
.HomeRight .productTui img{ width: 120px; height: 120px; display:block; margin: 5px auto 2px;}
.HomeRight .about{ float:left; width: 465px; margin-top: 10px;}
.HomeRight .about .text{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;  height: 320px; padding: 10px 10px 0 12px; color: #20659D; line-height: 21px;} /** lengte informatieblok over ons **/
.HomeRight .about .text .pic{ float:left; margin: 5px 10px 0 0;}
.HomeRight .about .text p{ margin: 0; padding: 0;}
.HomeRight .contact{ float:right; margin-top: 10px; width: 250px; color: #20659D; }
.HomeRight .contact .text{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;  height: 234px; padding: 10px 10px 0 12px; color: #20659D; line-height: 24px; font-weight:bold;}
.HomeRight .contact .top{ height: 75px; padding-top: 5px; border-bottom: 1px dashed #ccc;}
.HomeRight .contact .top img{ margin: 0 8px; float:left;}
.HomeRight .contact ul{ margin-top: 6px;}
.HomeRight .Line{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;  line-height: 23px; padding: 15px; clear:both; height: 100%;}
.HomeRight .Line h6{ font-size: 13px; font-weight:bold; color: #1E476C; margin: 0; padding: 0;}
.HomeRight .Line p{ margin: 6px 0 12px;}
.HomeRight .contact-us{ line-height: 30px; background:url(img/contact_us.gif) center bottom no-repeat; padding-bottom: 280px;}
.HomeRight .contact-us h2{ font-weight:bold;}
.HomeRight .SiteMaplist h1{ font-size: 13px; font-weight:bold;}
.HomeRight .SiteMaplist h2{ font-weight:bold;}
.HomeRight .SiteMaplist li{ background:url(img/ico_list.gif) no-repeat 0 10px; padding-left: 10px;}
.HomeRight .message{ padding: 15px 5px 30px; font-size: 12px;}
.HomeRight .message input{ width: 200px; height: 17px; line-height: 17px;border: 1px solid #ccc; }
.HomeRight .message td{ padding-right: 7px; line-height: 34px; font-size: 12px;}
.HomeRight .message textarea{ width: 500px; height: 120px;border: 1px solid #ccc; }
.HomeRight .message .but{ width: 55px; height: 21px; line-height: 21px; border: none; background: #1E476C; color: #fff; font-weight:bold; cursor: pointer;}
.HomeRight .Payment{ line-height: 26px;}
.HomeRight .Payment h2{ font-weight:bold;}
.HomeRight .Payment ul{ margin-bottom: 15px;}
.HomeRight .warranty table{ border-collapse:collapse; background:#EFEFEF;}
.HomeRight .warranty table td{ border: 1px solid #ccc; height: 26px; line-height: 26px; padding-left: 7px;}
.HomeRight .Application{}
.HomeRight .Application table{ width: 100%;}
.HomeRight .Application td{ text-align:center; line-height: 26px; }
.HomeRight .Application img{ border: 1px solid #ccc; padding: 1px; margin-top: 12px;}
.HomeRight .caselist{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;  line-height: 23px;  padding: 15px 6px; clear:both; height: 100%;}
.HomeRight .caselist li{ float:left; width: 178px; height: 200px; text-align:center;}
.HomeRight .caselist img{ display:block; margin: 0 auto 6px; width: 160px; height: 150px; border: 1px solid #ccc; padding: 1px;}
.HomeRight .case h1{ text-align:center; font-size: 17px;}

.Product{ float:right; width: 726px;}
.Product h1{ font-size: 18px; font-family:Arial, Helvetica, sans-serif;}
.Product .Title{ line-height: 19px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px 10px 15px;}
.Product .Title p{ margin: 0; padding: 0;}
.Product .list li{ float:left; width: 180px; height: 200px; text-align:center; font-weight:bold; line-height: 17px; background:url(img/ico_6.gif) no-repeat 13px 3px;}
.Product .list li img{ width: 150px; height: 150px; display:block; margin: 5px auto 8px;}
.Product .Relative{ clear:both; margin-top: 25px;}
.Product .Relative .line{clear:both; padding-top: 5px; width: 724px;border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.Product .Relative li{ height: 21px; line-height: 21px; padding-left: 12px;  color: #20659D;}
.Product .supportlist{ margin: 0 15px 0 10px;}
.Product .supportlist li{ border-bottom: 1px dashed #ccc; height: 28px; line-height: 28px; background:url(img/ico_list.gif) no-repeat 5px 12px; font-size: 12px; padding-left: 15px; text-align:right;}
.Product .supportlist li a{ float:left;}
.HomeRight .support{}
.HomeRight .support h1{ font-size: 17px; font-weight:bold; text-align:center; height: 38px; line-height: 38px; border-bottom: 1px dashed #ccc;}
.HomeRight .support .time{ text-align:center; height: 28pxp; line-height: 28px;}
.HomeRight .support .supporttext{ padding: 10px 0; line-height: 21px;}
.HomeRight .support .next{ text-align:right; height: 32px; line-height: 32px; clear:both;}
.HomeRight .support .next span{ float:left;}

.ProductContent{ float:right; width: 726px;}
.ProductContent h1{ font-size: 17px; font-weight:bold; height: 38px; line-height: 30px;}
.ProductContent .pic{ padding: 0 10px 10px 0;}
.ProductContent .pic img{ padding: 4px; border: 1px solid #ccc; }
.ProductContent .text{ line-height: 21px; clear:both;}
.ProductContent .text h6{ clear:both; height: 30px; line-height: 30px; font-size: 17px; font-weight:bold; border-bottom: 1px solid #dedede; margin: 15px 0;}
.ProductContent .text table{ border-collapse:collapse; width: 100%; margin-top: 15px;}
.ProductContent .text table td{ border: 1px solid #ccc; line-height: 21px; background: #f4f4f4; text-align:center;}
.ProductContent .text table tr{ border: 1px solid #ccc;}
.ProductContent .next{ height: 30px; line-height: 30px; margin-top: 20px; clear:both; text-align:right; border-top: 1px solid #ccc;}
.ProductContent .next span{ float:left;}
.ProductContent .Related{ margin-top: 15px;}
.ProductContent .Related .line{ clear:both; padding-top: 5px; width: 724px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.ProductContent .Related li{ height: 23px; line-height: 23px; padding-left: 18px; float:left; width: 223px; background:url(img/ico_list.gif) no-repeat 10px 10px;}
.ProductContent .play{ padding: 5px 0 15px;}

.Foot{ background: url(img/contact_bg.jpg) repeat-y center 0; margin: 0 auto; clear:both; text-align:center; width: 950px; }
.Foot .bg{background:url(img/contact_foot.jpg) 0 bottom no-repeat; padding: 14px 5px; }
.Foot p{ margin: 0; padding: 10px; line-height: 26px; background:#EFEFEF;height: 60px; border-top: 2px solid #ccc; font-size: 12px; color: #777;}
.Foot a,.Foot a:visited{ color: #777;}
.Foot a:hover{ color: #c00;}