/************************************************************************************************************************************************************************************************/
/*template*/
/************************************************************************************************************************************************************************************************/
*{margin:0; padding:0; font-family:Heiti SC, Trebuchet MS, Arial, Helvetica, sans-serif;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
hr, legend, .info{display:none;}
a{outline:none;}


html{}
body{background:url(../images/body.png) repeat-x top right;}

/*text*/
/************************************************************************************************/
h1, h2, h3, h4, h5, h6{}
h1{}
h2{height:34px; background:url(../images/h2.png) no-repeat top left; padding:6px 0px 0px 20px; font-size:24px;}
h3{height:26px; text-shadow:1px 1px 0 #FFFFFF; background:url(../images/h3.png) repeat-x top right; padding:10px 0px 0px 15px; font-family:georgia; font-size:14px; font-weight:normal; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
h3.alt1{height:26px; text-shadow:none; background:url(../images/h3_alt1.png) repeat-x top right; padding:10px 0px 0px 15px; color:white; -moz-border-radius:0px; -webkit-border-radius:0px;  }
h3.alt2{-moz-border-radius:0px; -webkit-border-radius:0px;  text-shadow:none; }

h3.alt3{background:none; padding:0px 0px 0px 0px; font-size:18px; font-variant:small-caps; font-family:Arial;}
h3.alt3 a{color:#333333; text-decoration:none; }
h3.alt4{background:#f1f1f1; padding:10px 0px 7px 15px; font-size:18px; font-variant:small-caps; font-family:Arial; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

h4{padding:25px 0px 5px 0px; font-size:14px;}
h4.alt1{padding:0px 0px 5px 0px;}

h4.alt2{text-align:center; padding:10px 0px 25px 0px; margin:0px 0px 20px 0px; background:url(../images/blog_h2.png) no-repeat bottom center; }
h4.alt2 a{font-family:"Times New Roman"; font-size:18px; font-weight:normal; text-decoration:none; color:black; }

h5{}
h6{}

p, td, th, li, p a, td a, .list3 li a, div.mark{font-size:12px; line-height:18px; color:#333333;}
p a{}
p a:hover{}
select.alt1{padding:5px; }
table{ border-spacing:0px;}

p.alt1{font-size:14px; line-height:24px; padding:0px 0px 0px 0px; }


/************************************************************************************************************************************************************************************************/
/*container*/
/************************************************************************************************************************************************************************************************/
.container{}

/************************************************************************************************************************************************************************************************/
/*header*/
/************************************************************************************************************************************************************************************************/
.header{width:975px; height:139px;  margin:0px auto 0px auto; position:relative; }
.header h1 a{width:200px; height:63px; top:33px; left:0px; padding:14px 0px 0px 75px; font-size:30px;  color:white; text-decoration:none; font-family:georgia; display:block; position:absolute; background:url(../images/basing_logo2.png) no-repeat top left; }
.header h1 a em{display:none; }
.header h1 a span{position:absolute; top:15px; left:89px; white-space:nowrap; font-size:11px; font-weight:normal; }

/************************************************************************************************************************************************************************************************/
/*divisions & splits*/
/************************************************************************************************************************************************************************************************/
/*ab1*/
/************************************************************************************************/
.div.ab1{background:url(../images/div_ab1.png) repeat-x top right; padding:35px 0px 0px 0px; }
.div.ab1.alt1{background:#fafafa url(../images/divider.png) repeat-x top right; clear:both; padding:25px 0px 0px 0px; }
.div.ab1 > div{position:relative; width:975px; margin:0px auto 0px auto; overflow:hidden; padding:0px 0px 30px 0px; }
.div.ab1 > div > .left{float:left; width:655px; margin:0px 30px 0px 0px;  }
.div.ab1 > div > .right{float:left; width:290px; margin:0px 0px 0px 0px;  }

/*split1*/
.split1{position:relative; overflow:hidden; width:863px; }
.split1 > .left{width:225px; margin:0px 40px 0px 0px; position:relative; float:left; }
.split1 > .right{width:598px; margin:0px 0px 0px 0px; position:relative; float:left; }

/*split2*/
.split2{position:relative; overflow:hidden; width:963px; }
.split2 > .left{width:319px; margin:0px -1px 0px 0px; padding:15px;  position:relative; float:left; border-right:1px solid #e2e2e2;}
.split2 > .right{width:583px; left:0px; position:relative; padding:15px; float:left; border-left:1px solid #e2e2e2;}

/*split3*/
.split3{position:relative; width:931px; margin:0px 0px 0px 7px; }
.split3 > .left{width:571px; float:left; padding:0px 0px 50px 0px; }
.split3 > .right{width:360px; float:left; margin:-20px 0px 0px 0px; padding:0px 0px 90px 0px; }

/*split4*/
.split4{position:relative; overflow:hidden; width:360px; }
.split4 > .left{width:180px; float:left; border-right:1px solid #494949;}
.split4 > .right{width:179px; float:left; border-left:1px solid #494949; margin:0px 0px 0px -1px; }

/*split5*/
.split5{position:relative; padding:10px 0px 0px 0px; }
.split5 > .left{width:292px; padding:0px 26px 0px 0px; background:url(../images/ico_linedotted.png) repeat-y top right; position:relative; float:left; }
.split5 > .right{width:625px; padding:0px 0px 0px 30px; position:relative; float:left; }

/*split6*/
.split6{position:relative; padding:12px 0px 0px 0px; }
.split6 > .left{width:364px; padding:0px 19px 0px 0px; background:url(../images/ico_linedotted.png) repeat-y top right; position:relative; float:left; }
.split6 > .right{width:219px; padding:0px 0px 0px 19px; position:relative; float:left; }

/************************************************************************************************************************************************************************************************/
/*lists*/
/************************************************************************************************************************************************************************************************/
/*list1*/
ul.list1{}
ul.list1 li{background:white url(../images/list1.png) repeat-x top right; padding:10px; margin:0px 0px 1px 0px; font-size:12px;}
ul.list1 li a{color:#0089ff; text-decoration:none; }

/*list2*/
ol.list2{ list-style-position:inside; padding:5px 0px 0px 0px; }
ol.list2 li{background-color:#f6f6f6; padding:4px; }
ol.list2 li.alt{background-color:white;}
ol.list2 li.nob{ background:none; }
ol.list2 li a{}

/*list3*/
ul.list3{ list-style:disc; list-style-position:inside;}
ul.list3 li{}
ul.list3 li a{}

/*list3*/
ul.list4{}
ul.list4 li{background-color:#f0f0f0; border:1px solid #E3E3E3; padding:5px; margin:0px 0px -1px 0px; }
ul.list4 li a{}

/*list5*/
ul.list5{}
ul.list5 li{padding:0px 0px 4px 0px; list-style:inside square; color:white; }
ul.list5 li a{font-style:italic;}

/*list6*/
ul.list6{}
ul.list6 li{height:205px; padding:20px 0px 0px 0px; width:325px; float:left; background:url(../images/home_about_border.png) no-repeat bottom right; }
ul.list6 li.l1{padding:20px 30px 0px 0px; width:275px; }
ul.list6 li.l2{padding:20px 20px 0px 20px; width:295px; }
ul.list6 li.l3{padding:20px 0px 0px 30px; width:275px; background:none; }

/*list7*/
ul.list7{}
ul.list7 li{padding:10px 0px 10px 0px; border-bottom:1px dotted #969696;}
ul.list7 li span{padding:0px 0px 0px 0px; font-style:italic;}
ul.list7 li span:before{content: '" \00a0 \00a0';}
ul.list7 li span:after{content: '\00a0 \00a0 " ';}
ul.list7 li a{color:#333333; text-decoration:none; }


/************************************************************************************************************************************************************************************************/
/*unique objects*/
/************************************************************************************************************************************************************************************************/
/*bigbanner*/
.bigbanner{background:url(../images/bigbanner.png) repeat-x top right; height:131px; text-align:center; }
.bigbanner h2{padding:35px 0px 0px 0px; background:none; height:auto; font-variant:small-caps; font-weight:normal; color:#99a3ad; font-style:italic; font-size:26px; font-family:"Courier New", Courier, monospace}
.bigbanner h2 span{display:block; font-size:16px; }
.bigbanner h2 a{color:#99a3ad; font-family:"Courier New", Courier, monospace}

/*slider*/
.slider{width:440px; height:301px; position:relative; background:url(../images/slider.png) no-repeat bottom left; top:40px; }

.slider dt{margin:0px 0px 0px 0px; }
.slider dt a{width:46px; height:45px; display:block; font-size:14px; padding:30px 0px 0px 0px; color:#a0a0a0; text-decoration:none; text-align:center; }
.slider dt a span{display:none; }
.slider dt.on a{color:white; background:url(../images/slider_dt_on.png) no-repeat center right; }

.slider dd{display:none; position:absolute; top:0px; left:46px; width:440px; height:259px; }
.slider dd.on{display:block;}

/*agenda*/
.agenda{margin:3px 0px 0px 0px; }

.agenda li.time{margin:-3px 0px 0px 0px; }
.agenda li.time h4{background:url(../images/agenda_time.png) repeat-x top right; height:19px; text-align:center; padding:7px 0px 0px 0px; font-size:12px; color:#3f3f3f;}

.agenda li ol.items{}

.agenda li ol li.site{padding:9px 0px 13px 0px; border-bottom:1px solid #cecece;}
.agenda li ol li.site a{font-size:12px; color:#3f3f3f; text-transform:uppercase; font-weight:bold; text-decoration:none; display:inline-block; padding:0px 0px 2px 0px;  }

/*basing_labels*/
.basing_labels{}
.basing_labels li{display:inline; margin-right:3px; background-color:black; text-transform:uppercase; -moz-border-radius:15px; -webkit-border-radius:15px; color:#bfbfbf; font-size:9px; padding:3px 8px 3px 8px; cursor:help;}

.basing_labels.link{position:relative; }
.basing_labels.link li{background-color:#d9d9d9; cursor:auto;}
.basing_labels.link li.alt1{background-color:#ff4040; position:relative; left:400px; top:-20px; }
.basing_labels.link li.alt1 a{color:white !important;}
.basing_labels.link li a{color:#777777 !important; font-size:9px !important; }

/*tabs*/
dl.tabs{position:absolute; top:48px; right:0px; }
dl.tabs dt{display:none; }
dl.tabs dt strong{}

dl.tabs dd{}
dl.tabs dd ol{list-style:none;}
dl.tabs dd ol li{float:left; margin:0px 1px 0px 0px; }
dl.tabs dd ol li a{display:block; height:18px; padding:5px 10px 0px 10px; font-size:12px; color:white;  text-decoration:none;  border:1px solid #737373; border-bottom:1px solid #646464; background:url(../images/header_tabs.png) repeat-x 0px -24px; }
dl.tabs dd ol li.on a{border:1px solid white; background:url(../images/header_tabs.png) repeat-x top right; color:black; }

/*menu*/
dl.menu{position:absolute; top:77px; left:75px; }
.box2 dl.menu{position:relative; top:12px; left:15px; }
dl.menu dt{display:none; }
dl.menu dt strong{}

dl.menu dd{}
dl.menu dd ol{list-style:none;}
dl.menu dd ol li, dl.menu dd ol li a{font-size:12px; color:black; text-decoration:none; display:inline-block; cursor:pointer; float:left;}
dl.menu dd ol li{padding:0px 0px 0px 0px;}
dl.menu dd ol li a{padding:3px 14px 3px 14px; }

dl.menu dd ol li.on a{background: #7d7e7d; /* old browsers */background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* webkit */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* ie */ -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.5); box-shadow:2px 2px 5px rgba(0,0,0,0.5); -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:20px; color:white;}
dl.menu dd ol li.on a:active{background-color:black; -moz-border-radius:12px; -webkit-border-radius:12px; color:white;}
dl.menu dd ol li a:active{background-color:#b5b5b5; -moz-border-radius:12px; -webkit-border-radius:12px; color:white;}

dl.menu dd ol li.off a{color:#8d8d8d; cursor:default;}
dl.menu dd ol li.off a{background:none; }
dl.menu dd ol li.off a:active{background:none; }

/*options*/
dl.options{position:absolute; top:105px; right:0px;}
dl.options dt{display:none; }
dl.options dt strong{}

dl.options dd{}
dl.options dd ol{list-style:none;}
dl.options dd ol li{height:28px; padding:3px 0px 0px 28px; margin:0px -10px 0px 0px;  float:left;  background:url(../images/options_li.png) no-repeat top left; }
dl.options dd ol li a{color:black; }
dl.options dd ol li p{padding:4px 0px 0px 0px; }

dl.options form input{vertical-align:middle;}
dl.options form input.text{border:0px; background:url(../images/input1.png) no-repeat top left; height:21px; width:111px; padding:0px 10px 0px 5px; }
dl.options form label, dl.options form input.text{font-size:11px; color:#939393; vertical-align:middle;}
dl.options form label{color:black; }

/*breadcrumbs*/
dl.breadcrumbs{position:absolute; top:112px; left:0px;}
dl.breadcrumbs dt{display:none; }
dl.breadcrumbs dt strong{}

dl.breadcrumbs dd p, dl.breadcrumbs dd p a{color:#7a7a7a; font-size:11px; text-decoration:none; }
dl.breadcrumbs dd p a:hover{color:#0089ff; }
dl.breadcrumbs dd p span{}

/*intro*/
.intro{position:relative; }

.intro.features_html{background:url(../images/features_html_intro.png) no-repeat bottom left; height:255px; }
.intro.features_html h1{font-size:48px; color:#494949; position:absolute; top:50px; left:50px; }
.intro.features_html p{font-size:18px; color:#888888; position:absolute; top:130px; left:50px; width:450px; line-height:26px;}
.intro.features_html p a{font-size:18px; color:#888888; line-height:26px;}

.vanafprijs{display:block; text-align:center; color:white; position:absolute; top:-25px; left:320px;   border:5px solid rgba(228,4,35,0.5);  padding:20px 0px 0px 0px; background-color:#888888; width:100px; height:80px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -moz-box-shadow:5px 5px 20px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 20px rgba(0,0,0,0.5); box-shadow:5px 5px 20px rgba(0,0,0,0.5);}
.vanafprijs span{font-size:36px; position:absolute; top:40px; left:20px; }
.vanafprijs span em{font-size:11px; ddisplay:block; font-style:normal; }
.vanafprijs{background: rgb(228,4,35);background: -moz-linear-gradient(top, rgba(228,4,35,1) 0%, rgba(132,18,2,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,4,35,1)), color-stop(100%,rgba(132,18,2,1)));background: -webkit-linear-gradient(top, rgba(228,4,35,1) 0%,rgba(132,18,2,1) 100%);background: -o-linear-gradient(top, rgba(228,4,35,1) 0%,rgba(132,18,2,1) 100%);background: -ms-linear-gradient(top, rgba(228,4,35,1) 0%,rgba(132,18,2,1) 100%);background: linear-gradient(top, rgba(228,4,35,1) 0%,rgba(132,18,2,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40423', endColorstr='#841202',GradientType=0 );}
.vanafprijs{-webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg);}

.intro.waarombasing{height:265px; }
.intro.waarombasing h1{font-size:48px; color:black;  position:absolute; top:100px; right:70px; }
.intro.waarombasing p{font-size:18px; text-align:right; color:#888888; position:absolute; top:180px; right:70px; width:500px; line-height:26px;}


/*divider*/
.divider{background:url(../images/divider.png) repeat-x top right; height:11px; clear:both;}
.divider hr{display:none; }

/*column5*/
.column5{}
.column5 li{width:146px; font-size:12px; padding:0px 0px 0px 0px; line-height:18px; float:left; margin:0px 30px 0px 0px; }
.column5 li span{position:relative; top:-30px; width:146px; height:63px; display:block;  }

.column5.browsers{width:890px; height:160px; margin:40px 0px 0px 0px; background:url(../images/column5_line.png) repeat-y top left;}
.column5.browsers p{margin:-20px 0px 0px 0px; }
.column5.browsers .firefox{background:url(../images/ico_firefox.png) no-repeat top left;}
.column5.browsers .safari{background:url(../images/ico_safari.png) no-repeat top left;}
.column5.browsers .ie{background:url(../images/ico_ie.png) no-repeat top left;}
.column5.browsers .chrome{background:url(../images/ico_chrome.png) no-repeat top left;}
.column5.browsers .opera{background:url(../images/ico_opera.png) no-repeat top left;}

.column5.crewpos{padding:330px 0px 0px 60px;}
.column5.crewpos li span{position:relative; top:-30px; width:146px; height:117px; display:block;  }
.column5.crewpos p{margin:-20px 0px 0px 0px; }
.column5.crewpos p strong{display:block; font-size:14px; }
.column5.crewpos .prof{background:url(../images/ico_prof.png) no-repeat top left;}
.column5.crewpos .baser{background:url(../images/ico_baser.png) no-repeat top left;}
.column5.crewpos .time{background:url(../images/ico_time.png) no-repeat top left;}
.column5.crewpos .cam{background:url(../images/ico_cam.png) no-repeat top left;}
.column5.crewpos .pc{background:url(../images/ico_pc.png) no-repeat top left;}
.waarombasing .column5.crewpos{padding:280px 0px 0px 40px; }

.column5.basingtype{width:890px; height:160px; margin:40px 0px 0px 0px;}
.column5.basingtype p{margin:-20px 0px 0px 0px; cursor:pointer;}
.column5.basingtype p label{cursor:pointer;}
.column5.basingtype p strong{display:block; font-size:14px; }
.column5.basingtype li.off p, .column5.basingtype li.off p label{color:#a5a5a5; cursor:default;}
.column5.basingtype .html{background:url(../images/ico_html.png) no-repeat top left;}
.column5.basingtype .wordpress{background:url(../images/ico_wordpress.png) no-repeat top left;}
.column5.basingtype .joomla{background:url(../images/ico_joomla.png) no-repeat top left;}
.column5.basingtype .magento{background:url(../images/ico_magento.png) no-repeat top left;}
.column5.basingtype .vbulletin{background:url(../images/ico_vbulletin.png) no-repeat top left;}

/*column3*/
.column3{}
.column3 li{width:255px; font-size:12px; padding:0px 0px 15px 0px; line-height:18px; float:left; margin:0px 40px 0px 0px; }
.waarombasing .column3 li{height:140px; }
.column3 p strong{display:block; font-size:14px; }

.column3.alt1{ width:920px; overflow:hidden; }
.column3.alt1 li{width:255px; height:165px; margin-right:50px;  }
.column3.alt1 li h4{padding-top:0px;}
.column3.alt1 li img.float_left{padding:0px 15px 0px 0px; }

.column3.alt2{width:900px; overflow:hidden;}



/*imgcolumn*/
.imgcolumn{padding:0px 0px 0px 420px; position:relative; left:-28px; margin:40px 0px 0px 0px; }
.imgcolumn p img.float_right{padding:0px 0px 0px 10px; }

.imgcolumn.technology{background:url(../images/features_html_technology.png) no-repeat top left; height:480px; }
.imgcolumn.watisbasing{background:url(../images/wat_is_basing.png) no-repeat top left; margin:0px 0px 0px 0px;  left:0px; height:740px; }
.imgcolumn.validation{background:url(../images/features_validation.png) no-repeat top right; padding:0px 640px 0px 0px; position:relative; right:0px; left:auto; width:273px;}

/*crew*/
.crew{width:968px; background:url(../images/features_crew.png) no-repeat top left; position:relative; }
.crew h2{font-size:36px; position:absolute; top:100px; left:350px; background:none; }
.crew h4{font-size:18px;  color:#888888; position:absolute; top:130px; left:550px; }

.waarombasing .crew{width:932px; background:url(../images/waarombasing_crew.png) no-repeat top left; position:relative; left:-34px; }
.waarombasing .crew h2{position:absolute; top:100px; left:420px; background:none; }

/*project*/
.box2.project{margin:30px 0px 0px 0px; }
.box2.project h4{font-weight:bold; text-transform:uppercase; font-size:12px; color:#006ebe; padding:0px 0px 10px 0px; }

.box2.project ul.buttons{position:absolute; top:10px; right:0px; }
.box2.project ul.buttons li{float:left; padding:0px 4px 0px 0px; }

.box2.project table{-moz-border-radius:0px; -webkit-border-radius:0px; margin:0px 0px 5px 0px; }
.box2.project table td{padding:5px 5px 5px 10px; }
.box2.project table td.title{background-color:#fbfafa; vertical-align:top;}
.box2.project table td.title strong{text-transform:uppercase; color:black; font-size:14px; }

.box2.project .top h2{height:32px; font-size:14px; padding:25px 0px 0px 60px; text-transform:uppercase; font-weight:normal;  position:relative; top:-13px; left:-1px; }
.box2.project .top h2 a{color:black; text-decoration:none; }
.box2.project .top h2 span{margin:0px 0px 0px 8px; position:relative; top:-1px; }
.box2.project .top h2 span a{display:inline-block; height:21px; font-size:11px; text-transform:none; padding:4px 6px 0px 10px; background:url(../images/ico_line.png) no-repeat top left; }
.box2.project .top h2 span a:hover{color:#0089ff; }
.box2.project.wordpress .top h2{background:url(../images/project_wordpress.png) no-repeat top left; }
.box2.project.html .top h2{background:url(../images/project_html.png) no-repeat top left; }

.box2.project .top dl.tabs{position:absolute; top:-26px; right:-1px; }
.box2.project .top dl.tabs dd ol li{margin:0px 0px 0px -1px; }
.box2.project .top dl.tabs dd ol li a{padding:3px 10px 3px 10px; color:#8b8b8b; background:none;  background-color:white; border:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.box2.project .top dl.tabs dd ol li a:active{background:#f4f4f4;}
.box2.project .top dl.tabs dd ol li.on a{border:1px solid #e3e3e3; color:black;  border-bottom:1px solid #f4f4f4; background:#f4f4f4;}

/*status*/
.status{text-transform:uppercase; font-size:10px; }

/*files*/
.files{}
.files li{padding:10px 20px 0px 0px; float:left;}
.files li img{border:1px solid black; float:left; margin-right:10px;}
.files li strong{}
.files li p{padding-top:2px; white-space:nowrap;}

/*blog*/
html.blog body{background:url(../images/body2.png) repeat-x top left; }
html.blog .header{height:80px;}
html.blog .div.ab1{background:#fafafa url(../images/body_blog.png) no-repeat top left;}
html.blog .div.ab1 > div{overflow:visible;}

html.blog h1{text-align:center; }
html.blog h2{width:490px; text-align:center; height:auto; margin:0px auto 0px auto; background:none; padding:0px 0px 0px 0px; }
html.blog h2 a{font-family:"Times New Roman", Times, serif; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; display:block; background:url(../images/blog_h2.png) no-repeat bottom center; font-size:24px; font-weight:normal; text-decoration:none; color:black;}
html.blog h2.alt1{background:none; border-top:1px solid #494949; font-weight:normal;  margin:0px 0px 15px 0px;  height:auto; border-bottom:1px solid #494949; font-family:Arial; text-align:center; color:#eeeeee; width:auto; padding:4px 0px 4px 0px; font-size:10px; text-transform:uppercase; letter-spacing:3px; font-style:italic;} 
html.blog p{padding:0px 30px 25px 35px; font-size:14px; line-height:24px;}
html.blog p:first-letter {font-size:18px; font-weight:bold; }
html.blog p a {font-size:14px;}

html.blog .split3 .right a{color:#eeeeee; font-size:12px; text-decoration:none; }

html.blog .split3 .right h4{color:#9f9f9f; font-size:20px; text-align:center; padding:10px 15px 25px 15px; margin:0px 0px 20px 0px;  background:url(../images/blog_h2_alt1.png) no-repeat bottom center; }
html.blog .split3 .right h4 a{color:#9f9f9f; font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
html.blog .split3 .right p{color:#eeeeee; padding:0px 15px 0px 15px; }

html.blog .table1{width:100%; }
html.blog .table1 textarea{width:470px; height:150px; }
html.blog .table1 input{width:470px;}
html.blog .table1 td{border-right:0px;}

/*about*/
dl.about{margin:30px 0px 20px 0px; }
dl.about dt{display:none; }
dl.about dt strong{}

dl.about dd{}
dl.about dd ul{overflow:hidden; }
dl.about dd ul li{}
dl.about dd ul li a{}

dl.about dd ul li.by{background-color:black; float:left;  width:205px; text-align:right; padding:3px 5px 3px 0px; color:#eeeeee; font-family:"Times New Roman", Times, serif;}
dl.about dd ul li.by a{color:#eeeeee; font-family:"Times New Roman", Times, serif; text-decoration:none; }

dl.about dd ul li.date{font-family:"Times New Roman", Times, serif; float:right; padding:0px 30px 0px 0px; }

/*blogline*/
.blogline{padding:3px 0px 3px 0px; margin:20px 30px 20px 35px;  text-align:right; font-family:"Times New Roman", Times, serif; font-size:12px;  border-top:1px solid black; border-bottom:1px solid black;}
.blogline a{color:black; text-decoration:none; }

/*mark*/
div.mark{background-color:#fffe90; border:1px solid #e5e300; -moz-border-radius:10px; -webkit-border-radius:10px;  padding:10px; margin:10px 0px 10px 0px; }
div.mark.alt1{background-color:#ebf5ff; border:1px solid #bddeff;}
html.blog .split3 > .right em a{background-color:#ffffff !important; color:black !important; }
html.blog .split3 > .left em{background-color:#FFFE90;}

/*comments*/
.comments{padding:0px 30px 0px 35px;}

.comments .comment{padding:0px 0px 15px 0px; border-bottom:1px solid black; margin:0px 0px 15px 0px; }
.comments .comment img{float:left; padding:0px 15px 0px 0px; }
.comments .comment p{font-size:12px; line-height:18px; padding:0px 0px 0px 70px; color:#5f5f5f; }
.comments .comment p.commentname{padding-bottom:10px; }
.comments .comment p:first-letter{font-size:12px; font-weight:normal; }
.comments .comment p a{font-size:12px; line-height:18px;}
.comments .comment p a.name{}
.comments .comment p a.name span{text-decoration:none; }

/*rotator*/
.rotator{height:76px; border-top:2px solid black; border-bottom:2px solid black; }
.rotator > div{width:975px; margin:0px auto 0px auto; position:relative; }

.rotator dl{}
.rotator dl dt{display:none; }
.rotator dl dt strong{}

.rotator dl dd{}
.rotator dl dd ol{}
.rotator dl dd ol li{display:none; height:73px; padding:55px 0px 0px 155px; position:absolute; top:-25px; left:100px; }
.rotator dl dd ol li.on{display:block; }

.rotator dl dd ol li strong a{font-variant:small-caps; font-size:16px; color:black; text-decoration:none; font-weight:normal; }
.rotator dl dd ol li span{color:#8e8e8e; font-size:14px; }

.rotator dl dd ol li.browsers{background:url(../images/ico_128_browser.png) no-repeat top left; }
.rotator dl dd ol li.search{background:url(../images/ico_128_search.png) no-repeat top left; }
.rotator dl dd ol li.fonts{background:url(../images/ico_128_fonts.png) no-repeat top left; }
.rotator dl dd ol li.asp{background:url(../images/ico_128_asp.png) no-repeat top left; }
.rotator dl dd ol li.html{background:url(../images/ico_128_html.png) no-repeat top left; }
.rotator dl dd ol li.buttons{background:url(../images/ico_128_buttons.png) no-repeat top left; }
.rotator dl dd ol li.clock{background:url(../images/ico_128_clock.png) no-repeat top left; }

.rotator dl dd ol li > a{position:absolute; bottom:15px; left:153px; background-color:black; color:white; padding:3px 14px; text-decoration:none;  -moz-border-radius:12px 12px 12px 12px;}

/*homeabout*/
.homeabout{height:225px; background:url(../images/home_about.png) repeat-x top left;}
.homeabout > div{width:975px; margin:0px auto 0px auto; }
.homeabout h3{font-variant:small-caps; font-size:18px; padding:0px 0px 0px 0px; background:none;  font-family:arial; font-weight:normal; color:black;}
.homeabout p{color:#6a6a6a; font-size:14px; line-height:24px; padding:15px 0px 15px 0px; }
.homeabout p a{color:#6a6a6a; font-size:14px; line-height:24px; }
.homeabout p span{display:inline-block; padding:0px 0px 0px 20px; font-weight:bold; font-size:18px; }
.homeabout a.button3{font-style:normal;}
.homeabout p img{float:right;}

/************************************************************************************************************************************************************************************************/
/*boxes en pages*/
/************************************************************************************************************************************************************************************************/
/*box1*/
.box1{}
.box1 .content{background-color:#f0f0f0; border:1px solid #e7e7e7; border-top:0px; padding:6px; }

/*=*/
.box2{}
.box2 > .top{height:44px; background:url(../images/box2_top.png) repeat-x top right; border:1px solid #dbdbdb; border-bottom:0px; position:relative; }
.box2 > .content{zoom:1; border-left:5px solid #dbdbdb; border-right:5px solid #dbdbdb; border-bottom:5px solid #dbdbdb; background-color:white; padding:1px; }
.box2 > .content.waarombasing{background:url(../images/waarombasing.png) no-repeat top left; }
.box2 > .bottom{}

/*box3*/
.box3{padding:10px 15px 10px 15px;  border:1px solid #e3e3e3; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#f6f6f6; position:relative; }
.box3 h4{padding:0px 0px 5px 0px; }

.box3.other_browsers p img{float:left; padding:0px 10px 0px 0px; position:relative; top:10px; }

/*box4*/
.box4{width:968px;  }
.box4 > .top{height:54px; background:url(../images/box4_top.png) repeat-x top right; }
.box4 > .content{position:relative; background:url(../images/box4_content.png) repeat-y top right; padding:10px 0px 0px 50px; }
.box4 > .bottom{height:28px; background:url(../images/box4_bottom.png) repeat-x top right;}

/*box5*/
.box5{width:945px; margin:0px auto 0px auto; padding:70px 0px 0px 0px; position:relative; }
.box5 > .top{height:42px; background:url(../images/box5_top.png) repeat-x top right; }
.box5 > .content{background:url(../images/box5_content.png) repeat-y top right; position:relative; }
.box5 > .bottom{height:14px; background:url(../images/box5_bottom.png) repeat-x top right; position:relative; }

.box5 > .top h1{width:290px; height:114px; top:-15px; right:50px; background:url(../images/blog_logo.png) no-repeat center center; z-index:100; text-indent:-4000px; position:absolute; overflow:hidden; display:block;}
.box5 > .top span, .box5 > .bottom span{width:40px; height:41px; background:url(../images/blog_handles.png) no-repeat center center; z-index:100; text-indent:-4000px; position:absolute; overflow:hidden; display:block;}
.box5 > .top span{top:100px; right:348px; }
.box5 > .bottom span{top:-53px; right:348px; }
.box5 > .bottom a.twitter{width:67px; height:85px; top:-55px; right:113px; background:url(../images/blog_twitter.png) no-repeat center center; z-index:100; text-indent:-4000px; position:absolute; overflow:hidden; display:block;}
.box5 > .bottom a.rss{width:67px; height:85px; top:-55px; right:183px; background:url(../images/blog_rss.png) no-repeat center center; z-index:100; text-indent:-4000px; position:absolute; overflow:hidden; display:block;}

/************************************************************************************************************************************************************************************************/
/*independent styles*/
/************************************************************************************************************************************************************************************************/
/*alignment*/
.align_right{text-align:right;}
.align_center{text-align:center;}
.align_left{text-align:left;}

/*floats*/
.float_right{float:right;}
.float_left{float:left;}

/*paddings*/
.pad1{padding:20px 50px 25px 50px; }
.pad2{padding:15px; }
.pad3{padding:10px 0px 10px 0px; }
.pad4{padding:0px 10px 0px 25px; }
.pad5{padding:0px 10px 10px 15px; }

/*margins*/
.marg1{margin:27px 0px 0px 0px; }

/*colors*/
.c1{color:#ff0000; }

/*positions*/
.pos1{position:relative; top:-35px; }


/************************************************************************************************************************************************************************************************/
/*banners*/
/************************************************************************************************************************************************************************************************/



/************************************************************************************************************************************************************************************************/
/*tables*/
/************************************************************************************************************************************************************************************************/
/*table1*/
.table1{border:1px solid #e3e3e3; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%; }
.table1 tr{}
.table1 tr th{text-align:left; padding:10px 0px 5px 10px; border-bottom:1px solid #e3e3e3;}
.table1 tr td{padding:13px 10px 13px 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table1 tr .noright{border-right:0px;}
.table1 tr .nobottom{border-bottom:0px;}

.table1 tr td textarea{margin:5px 0px 0px 0px; padding:3px; font-size:12px; width:580px; height:70px; cursor:pointer; border:1px solid #d8d8d8; border-top:1px solid #858585; border-right:1px solid #858585;}
.table1 tr td textarea:focus{background-color:#f5fcff; border-width:3px; border-color:#858585 #858585 #858585 #858585;}
.table1 tr td input{cursor:pointer;}




.table1 .bright{border-right:1px solid #e3e3e3;}
.table1 .note{color:#808080; font-size:11px; font-style:italic; text-align:center;}
.table1 .note a{font-size:11px;}

.table1.alt1{-moz-border-radius:0px; -webkit-border-radius:0px; border-top:0px;}
.table1.alt1 td{padding:5px 5px 5px 10px;}

.table1.alt1 td span.delete{display:none;}
.table1.alt1 td:hover span.delete{display:inline-block; padding:0px 0px 0px 10px; }
.table1.alt1 td:hover span.delete a{background-color:#FFFE90; -moz-border-radius:12px; -webkit-border-radius:12px; color:black; text-decoration:none; display:inline-block; padding:0px 10px; }

.table1.alt1 td.check{width:20px; }
.table1.alt1 td .checked{ text-decoration:line-through;}
.table1.alt1 td p{padding:5px 0px 5px 0px;}
.table1.alt1 td.title{background-color:#f0f0f0; }
.table1.alt1 td.text{color:#8e8e8e; }

.table1.alt2{border-top:1px solid #e3e3e3;}

.table1.prices{}
.table1.prices tr th{border-right:1px solid #e3e3e3;}
.table1.prices tr td.center{text-align:center; }
.table1.prices tr td strong{font-size:20px; }
.table1.prices .mark{background-color:#f0f0f0; }
.table1.prices img{display:inline; }


/************************************************************************************************************************************************************************************************/
/*cover*/
/************************************************************************************************************************************************************************************************/
html.cover{height:100%;}
html.cover body{height:100%; background: url(../images/npattern1.png) repeat top left; }

/*nbody*/
.nbody{position:relative;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.nbody .logo{margin:-50px 0px 0px -50px; float:left; }
.nbody div{position:absolute; top:200px; left:650px; width:600px; }
.nbody h1{color:white; font-size:60px; }
.nbody p, .nbody a{color:white; font-size:24px; line-height:36px;}
.nbody a{text-decoration:none; border-bottom:1px solid white;}
.nbody img.icon{display:inline-block; border:0px; vertical-align:middle; position:relative; top:-4px; margin:0px 7px 0px 0px;  }
.nbody p em{font-style:normal; background-color:rgba(0,174,255,0.3); display:inline-block; padding:2px 5px; line-height:normal; }

.nboddy a{position:absolute; top:50%; left:50%; width:1300px; height:600px; margin:-400px 0px 0px -750px; }

	/*----------------------------------------------------------------------------
	Onder 960px
	----------------------------------------------------------------------------*/
	@media only screen and (max-width: 1250px) and (min-width: 769px) {

		.nbody{position:relative; left:-250px;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}

	}

	@media only screen and (max-width: 990px) and (min-width: 0px) {

		.nbody{position:relative; left:-350px;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
		.nbody div{width:500px;}
		.nbody .logo{width:700px; position:relative; left:180px; top:60px; }
	}
	
	@media only screen and (max-width: 750px) and (min-width: 0px) {

		.nbody{position:relative; left:-450px;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
		.nbody div{width:500px; top:140px;}
		.nbody .logo{width:500px; position:relative; left:350px; top:60px; }
		.nbody h1{color:white; font-size:40px; }
		.nbody p, .nbody a{font-size:16px; line-height:26px;}
	}


/************************************************************************************************************************************************************************************************/
/*icons*/
/************************************************************************************************************************************************************************************************/
.ico.twitter{width:25px; height:25px; display:block; position:relative; z-index:100;  background:url(../images/ico_twitter.png) no-repeat top left; overflow:hidden; text-indent:-4000px; }
.ico.check{padding:1px 0px 1px 26px; background:url(../images/ico_check.png) no-repeat 0px 0px; display:inline-block; }
.ico.pdf{background:url(../images/ico_pdf.png) no-repeat center left; padding:2px 0 2px 22px;}


/************************************************************************************************************************************************************************************************/
/*buttons*/
/************************************************************************************************************************************************************************************************/
/*button1*/
.button1, .button1 span{font-size:16px; color:white; background-image:url(../images/button_big_red.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.button1{padding:0px 0px 0px 5px; background-position:top left;}
.button1 span{height:34px; padding:13px 15px 0px 10px; background-position:top right;}

.button1:active, .button1 span:active{background-image:url(../images/button_big_red_select.png);}

/*button2*/
.button2, .button2 span{font-size:16px; color:white; background-image:url(../images/button2.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.button2{padding:0px 0px 0px 5px; background-position:top left;}
.button2 span{height:34px; padding:13px 40px 0px 10px; background-position:top right;}

.button2:active, .button2 span:active{background-image:url(../images/button2_active.png);}

/*button3*/
.button3{height:18px; text-shadow:1px 1px 0 #FFFFFF; display:inline-block;  background:url(../images/button3.png) repeat-x top left; text-decoration:none;  color:black; font-size:12px; padding:5px 10px 0px 10px; border:1px solid #bbbbbb; line-height:normal;}
.button3:active{background:url(../images/button3_active.png) repeat-x top left; border:1px solid #717171; }
.button3:hover{border:1px solid #717171; -moz-box-shadow:0px 0px 5px #888888; }

/*button4*/
.button4, .button4 span{font-size:12px; color:black; font-weight:bold;  background-image:url(../images/button4.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.button4{padding:0px 0px 0px 15px; background-position:top left;}
.button4 span{height:30px; padding:8px 14px 0px 5px; background-position:top right;}

.button4:active, .button4 span:active{background-image:url(../images/button4_active.png);}


/************************************************************************************************************************************************************************************************/
/*footer*/
/************************************************************************************************************************************************************************************************/
.footer{height:106px; background:url(../images/footer.png) repeat-x top right;}
.footer > div{width:975px; height:48px; margin:0px auto 0px auto; background:url(../images/footer_div.png) no-repeat top left; text-align:center; padding:30px 0px 0px 0px; }
.footer ul{}
.footer ul li{padding:0px 5px 0px 5px; }
.footer ul li, .footer ul li a{color:#bcbcbc; font-size:12px; display:inline-block; }
.footer ul li a{}