@charset "utf-8";
/* CSS Document  @ author= EBMEDIA - ebmedia.be */

/* main */
html,body{ height:100%; margin:0; padding:0;}
*{ margin: 0; padding: 0; }
*:focus { outline: none;}
body, input, textarea{font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-weight:normal;}
ul{ list-style-type: none; }
img{ border: 0; }
.break{display:block; clear:left; height:1px; overflow:hidden; font-size:1px;background:#dedede;}
.clear{display:block; clear:left; height:0px; overflow:hidden; font-size:1px; }
.h15{height:15px;}
.center{margin:auto; text-align:left; width:960px;} 
body{font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; background:#2b2b2b; font-size:12px; overflow: -moz-scrollbars-vertical; color:#ccc;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666; font-size:22px;}

/* positions */
#wrap{ text-align:center; display:block;}
#container {width:100%;}

/* header 143 + 45 */
.header {height:90px; text-align:left; width:960px; margin:auto;} 
.header .nav{ margin:0px; width:960px; overflow:hidden;}
.header .nav .logo {padding:30px 0 0 0; width:500px; float:left;}
.header .nav .logo a{border:0px;}
.header .nav .logo a img{border:0px;}
.header .nav ul{float:left; width:460px; padding-top:38px;}
.header .nav ul li{float:right; }
.header .nav ul li a{ display:block; height:26px; padding:9px 31px 0px 30px; font-size:13px; color:#fff; text-decoration:none; background:url(img/contact_top.png) no-repeat 0 5px; color:#f0f0f0; text-decoration:underline; }
.header .nav ul li a:hover{text-decoration:underline; color:#6390ba;}

/* content */
#content {padding:0 0 0 0; display:block; width:960px; margin:0px auto; background:#fff; position:relative; height:auto; }
#content a.rssme, #content a.rssme:hover{background:url(img/rss.gif) no-repeat 0 0; width:50px; height:48px; position:absolute; right:0; top:-10px; display:block; border:0px;}
#content a.rssme:hover{background:url(img/rss.gif) no-repeat 0 -48px; }
#content .ins{display:block;  width:960px; text-align:left;}
#content .close-content{height:17px; display:block; overflow:hidden; width:960px;}
#content p{ color:#ccc;}
#content a{color:#6390ba; text-decoration:none; border-bottom:1px dotted #6390ba;}
#content a:hover{color:#6390ba; text-decoration:none; border-bottom:1px solid #6390ba;}

.sidebar .bar_popu{}
.sidebar .bar_categories{}

/* .content */
#content .content{width:640px; float:left; display:block; overflow:hidden; padding-top:15px;}
#content .content h1{color:#424242; font-size:22px; font-weight:normal; margin:0; padding:0; margin-left:60px;}
#content .content h2{color:#037ba7; font-size:25px; font-weight:normal; margin:0; padding:0; margin-left:60px;}
#content .content h6{color:#87c0db; font-size:11px; font-weight:normal; margin-left:60px;}
#content .content .cleartitle{border-top:1px #ccc solid; height:1px; display:block; width:537px; margin-left:60px;}


/* page stuff */
#content .wh{width:898px; display:block; border:6px #fff solid; background:#f0f0f0; padding:18px 25px 18px 25px;}
#content .wh h1{color:#424242; font-size:22px; font-weight:normal; margin:0; padding:0; line-height:130%;}
#content .wh h1 em{color:#6390ba; font-style:normal;}
#content .wh h1 strong{color:#858585; font-style:normal; font-weight:normal;}

#content .chalk{display:block; width:960px; background:#2b2b2b url(img/chalk.jpg) repeat-y 0 0;}
#content .chalk .clear{height:22px;}
#content .chalk .form .clear{height:6px;}
#content .chalk ul{display:block; width:935px; padding:18px 0 18px 25px;}
#content .chalk ul.services{padding-top:45px; background: url(img/chalk_do.jpg) no-repeat 0 0; }
	#content .chalk ul.services li.design{background: url(img/serv_des.png) no-repeat 2px  18px;}
	#content .chalk ul.services li.dev{background: url(img/serv_dev.png) no-repeat 2px  18px;}
	#content .chalk ul.services li.seo{background: url(img/serv_seo.png) no-repeat 2px  16px;}
	#content .chalk ul li.contact_place{background: url(img/contact_place.png) no-repeat 2px  15px;}
#content .chalk ul li{display:block; float:left; width:215px; padding:18px 25px 0px 60px;}
#content .chalk ul li.dubbel{width: 537px; background: url(img/contact_form.png) no-repeat 2px  17px;}
#content .chalk h2{color:#f0f0f0; padding:0 0 12px 0; font-size:20px;}
#content .chalk p{color:#ccc; line-height:180%;}


#content .wh ul.work li{ display:block; float:left; width:276px; padding:18px 25px 0px 0px;}
#content .wh ul.work li.last{padding:18px 0px 0px 0px;  float:left;}
#content .wh ul.work li img{display:block; height:250px;}
#content .wh ul.work li h6{padding: 16px 0 6px 60px; color:#424242; font-size:17px;}
#content .wh ul.work li p{padding: 4px 0 4px 60px; color:#666666; line-height:180% !important;}

/* blog messages bm bd bb  537 + 60 */
#content .content .bm{width:597px; padding:25px 0 14px 0;}
#content .content .bd{width:60px; float:left; background:url(img/blog-date.gif) no-repeat 0 0; height:85px;}
	#content .content .bd p{width:43px; text-align:center; color:#fff; font-size:12px; padding:0px;}
	#content .content .bd p strong{font-size:22px; font-weight:normal;  line-height:25px; display:block; height:33px; padding:0;}
	#content .content .bd p em{font-size:13px; font-style:normal; line-height:15px; display:block; height:18px;}
	#content .content .bd p span{ line-height:12px; display:block;}
#content .content .bb{width:537px; float:left;}
	#content .content .bb h1{margin-left:0;}
	#content .content .bb h2, #content .content .bb h2 a{color:#037ba7; font-size:20px; font-weight:normal; margin:0; padding:0; text-decoration:none; line-height:130%; border-bottom:0px;}
	#content .content .bb h2 a:hover{color:#ec2893; text-decoration:none; border-bottom:0px;}
	#content .content .bb p{line-height:160%; text-align:justify; font-size:12px;}
	#content .content .bb p.ph2{font-size:11px; color:#12345; padding:2px 0 9px 0; color:#87c0db;}
	#content .content .bb p.ph2 a, #content .content .bb p.ph2 a:hover{color:#87c0db; border-bottom-color:#87c0db;}
	#content .content .bb a.bi{display:block; border:1px #6caece solid; margin-bottom:10px;}
	#content .content .bb a.bi:hover{display:block; border:1px #ec2893 solid;}
	#content .content .bump{padding-top:10px;}
	
	/* related blogs */
	#content .content .relart{ width:537px; padding:25px 0 30px 60px;}
	#content .content .relart h2{font-size:19px; font-weight:normal; margin:0; padding:0 0 0px 0; }
	#content .content .relart ul{padding:0; margin:auto;}
	#content .content .relart ul li{padding:19px 0 10px 0; margin:auto; clear:left; list-style-type:none; background:none;}
	#content .content .relart .relb{float:left; width:424px; }
	#content .content .relart h3{font-size:14px; font-weight:normal; margin:0; padding:1px 0 7px 15px; }
	#content .content .relart p{padding:1px 0 2px 15px; line-height: 160%; }
	#content .content .relart ul li a.imglink{width:110px; float:left; display:block; border:1px #6caece solid;}
	#content .content .relart ul li a.imglink:hover{display:block; border:1px #ec2893 solid;}
	#content .content .fblike{padding-left:60px;}
	/* addthis */
	#content .content .addthis_toolbox .hover_effect{width:537px; padding: 0px 0px 5px 60px; height:48px;}
	#content .content .addthis_toolbox .hover_effect div{float: left; padding-right:3px; padding-left:3px; border-left:1px #ccc solid;}
	#content .content .addthis_toolbox .hover_effect div.addtitle{ border-left:0px;}
	#content .content .addthis_toolbox .hover_effect div.addtitle p{font-size:17px; color:#037ba7; float:left; padding: 4px 6px 0 0;}
	#content .content .addthis_toolbox .hover_effect a{font-size:11px; border: 1px solid #ececec; padding: 6px 6px 6px 23px; background-postion:0px 20px; position: relative; text-decoration: underline; float:left; display:block; color: #037BA7;}
	#content .content .addthis_toolbox .hover_effect a:hover{ border: 1px solid #87C0DB; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f2f2f2; color: #037BA7; text-decoration: none;}
	#content .content .addthis_toolbox .hover_effect span{position: absolute; width: 16px; height: 16px; top: 5px; left: 3px;}
	/* pagelinks */
	#content .content .pagelinks{display:block; width:537px; padding:25px 0 30px 60px; height:40px;}
	#content .content .pagelinks a  { float:left; color:#ec2893; text-decoration:none; border-bottom:1px dotted #ec2893; font-size:17px;}
	#content .content .pagelinks a:hover{color:#ec2893; text-decoration:none; border-bottom:1px solid #ec2893;}
	#content .content .pagelinks a.right{float:right;}
	/* bnames */
	#content .content .bnames{ width:537px; padding:5px 0 30px 60px;}
	#content .content .bnames h3{color:#fff; font-size:15px; font-weight:normal; margin:0; padding:3px 0 3px 5px; margin-bottom:6px; margin-top:15px; background:#c1cdd2;}
	#content .content .bnames p{line-height:180%; padding:0;}
	#content .content .bnames .bnamesright{width:265px; float:left; display:block;} #content .content .bnames .bnamesright p{color:#037BA7}
	#content .content .bnames .bnamesleft{width:260px; float:left; padding-left:5px;  display:block;} #content .content .bnames .bnamesleft p{color:#EC2893; }
	/* inset */
	#content .content .inset{ width:537px; padding:5px 0 5px 60px;}
	#content .content .inset p{line-height:160%; text-align:justify; font-size:12px;}
	#content .content .inset h2{color:#037ba7; font-size:25px; font-weight:normal; margin:0; padding:0 0 12px 0;}
	/* blink */
	#content .content .blink {display:block; border-bottom:1px #ccc solid; padding:12px 0 12px 0;}
	#content .content .blink .blink_img{display:block; width:80px; float:left;}
	#content .content .blink .blink_img a{ border:1px #6caece solid ; display:block; width:60px; height:60px; overflow:hidden;}
	#content .content .blink .blink_img a:hover{ border:1px #ec2893 solid;}
	#content .content .blink .blink_content{display:block; width:435px; float:left; padding-top:3px;}
	#content .content .blink h4, #content .content .blink h4 a{color:#037ba7; font-weight:bold; font-size:13px; padding:0 0 3px 0; text-decoration:none; border-bottom:0px}
	#content .content .blink h4 a:hover{color:#EC2893; font-weight:bold; text-decoration:underline; border-bottom:0px}
	#content .content .blink p{line-height:160%;}
	#content .content .regtext p{line-height:180%; padding-bottom:18px;}
	
/* sidebar */
#content .sidebar{width:320px; float:left; display:block;}
#content .sidebar .bar{width:258px; overflow:hidden; padding-left:30px; height:auto;}
#content .sidebar .bar_about, #content .sidebar .bar_popu, #content .sidebar .bar_categories{ width:258px; display:block;}
	
	/* about */
	#content .sidebar .bar_about{background:url(img/top_about.gif) no-repeat 0px 0px; margin-top:20px;}
	#content .sidebar .bar_about h1{padding:7px 0 0 30px;; color:#037ba7; font-size:17px; font-weight:normal; height:40px; overflow:hidden;}
	#content .sidebar .bar_about h1 a{color:#037ba7; text-decoration:none; border-bottom:none;}
	#content .sidebar .bar_about h1 a:hover{color:#037ba7; text-decoration:underline; border-bottom:none;}
	#content .sidebar .bar_about p{background:#c2ced2; padding:0px 18px 0px 18px; color:#fff; font-size:14px; line-height:166%; text-align:justify;}
	#content .sidebar .bar_about p strong{color:#037ba7; font-weight:normal;}
	#content .sidebar .close_bar_about{background:url(img/bottom_about.gif) no-repeat 0 0; width:258px; height:15px; display:block; overflow:hidden;}
	
	/* names */
	#content .sidebar .bar_popu{background:url(img/top_names.gif) no-repeat 0px 0px; margin-top:25px; }
	#content .sidebar .bar_popu h1{padding:7px 0 0 30px;; color:#fff; font-size:17px; font-weight:normal; height:40px; overflow:hidden;}
	#content .sidebar .bar_popu h1 a{color:#fff; text-decoration:none; border-bottom:none;}
	#content .sidebar .bar_popu h1 a:hover{color:#fff; text-decoration:underline; border-bottom:none;}
	#content .sidebar .bar_popu ul{background:url(img/line_names.gif); padding:0px; width:258px; padding-top:4px; }
	#content .sidebar .bar_popu ul li{float:left; width:93px; display:block; padding:0 18px 0 18px;}
	#content .sidebar .bar_popu ul li p{color:#6caece; font-size:13px; padding:6px 0 6px 0;}
	#content .sidebar .bar_popu ul li.m{width:92px; border-right:1px #d3e7f0 solid;}
	#content .sidebar .bar_popu ul li.m p{color:#ec2893;}
	#content .sidebar .close_bar_popu{background:url(img/bottom_names.gif); width:258px; height:17px; display:block; overflow:hidden;  margin-bottom:15px;}
	#content .sidebar .bar_popu ul h5.allnames{display:block; padding:8px 0 0 18px;  font-size:13px; font-weight:normal;}

	/* search */
	#content .sidebar .search{height:33px; width:258px; overflow:hidden; background:url(img/search.gif) no-repeat 0 0; margin-top:20px;}
	#content .sidebar .search:hover{background-position:0 -33px;}
	#content .sidebar .search form{margin:auto 0; padding:0; position:relative; display:block; width:256px; height:33px;}
	#content .sidebar .search form .text, #content .sidebar .search form .submit{position:absolute;}
	#content .sidebar .search form .text{top:0; left:0; width:157px; font-size:14px; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-color:#585E60; padding:8px 10px 0 10px; border:0 !important; background:none !important; outline:none;}
	#content .sidebar .search form .submit{top:0; left:177px; width:82px; height:33px !important; padding:0 !important; border:0; border:none; background:none !important; cursor:pointer;}
	
	/* categories */
	#content .sidebar .bar_catogries{background:url(img/top_categories.gif) no-repeat 0px 0px; margin-top:30px;}
	#content .sidebar .bar_catogries h1{padding:7px 0 0 18px; color:#037ba7; font-size:17px; font-weight:normal; height:40px; overflow:hidden;}
	#content .sidebar .bar_catogries ul{ padding:0px; width:258px; padding-top:4px;}
	#content .sidebar .bar_catogries ul li{float:left; width:111px; display:block; padding:0 18px 0 0px;}
	#content .sidebar .bar_catogries ul li a{display:block; padding:7px 0 7px 18px; background:url(img/li_sidebar.gif) no-repeat 5px 12px; color:#525251; border-bottom:none; font-size:12px; border-bottom:1px #cbcecc solid;}
	#content .sidebar .bar_catogries ul li a:hover{color:#ec2893; text-decoration:underline; border-bottom:1px #cbcecc solid;}
	#content .sidebar .bar_catogries ul li a.active{color:#ec2893; text-decoration:none !important;}
	
	/* advertising */
	#content .sidebar .advertising{display:block;}
	#content .sidebar .advertising a{width:125px; height:125px; display:block; border:0px;  float:left;   margin-top:8px;}
	#content .sidebar .advertising a.fa{ margin-right:8px;}
	
	#content .sidebar .share{background:url(img/share.gif) no-repeat 0px 0px; margin-top:25px; height:34px; width:258px; overflow:hidden;}
	#content .sidebar .share h3{padding:7px 0 0 18px; color:#037ba7; font-size:17px; font-weight:normal; height:40px; overflow:hidden; width:140px; float:left;}
	#content .sidebar .share a{float:left; width:20px; height:20px; display:block; border:0px; margin-top:7px; margin-right:10px;} 
	
	
/* footer */
#footer {width:100%; font-size:11px;}
#footer .footer{width:960px; margin:0 auto;}
#footer .footer p{padding:25px 0 25px 0; color:#999;}
#footer .footer p a{color:#999; text-decoration:underline;}
#footer .footer ul{width:210px; float:left; margin-right:40px; padding:15px 0 0 0;}
#footer .footer ul.last{margin-right:0px;}
#footer .footer ul li{}
#footer .footer ul li a {display:block; padding:8px 10px 8px 18px; border-bottom:1px #8fc8dc dotted; color:#fff; text-decoration:none;}
#footer .footer ul li a:hover {border-bottom:1px #037ba7 dotted; color:#037ba7;} 
#footer .footer ul.last li a{text-decoration:underline;}

/* form result related */


/* form related */
.form{}
.form .break{margin-bottom:8px;}

.form h4{color:#424242; font-size:13px; font-weight:bold; padding:0px 0px 14px 0px;}
.form textarea{font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;} 
.form fieldset { margin: 0px 0 20px 0; padding: 25px; *padding-top:0px; border:#999 1px solid; display:block; background:#f0f0f0 url(img/bg_fieldset.png) repeat-x; } 
.form h3{font-size: 13px; border-bottom: 1px solid #ddd;}
.form h5{font-size: 14px; margin:0; padding:0 0 8px 0;}
.form legend{font-size: 11px; color: #424242; font-weight: normal; *margin-top:-9px;  *margin-bottom:15px;}
.form hr{border-bottom:1px #fff solid; border-top:1px #ccc solid; background:#000; height:1px; display:block; margin: auto auto 7px auto; clear:left; border-left:0px;}
.form label{padding:6px 0px 6px 0px; text-align:left; float:left; display:block; width:60px; font-size:13px;}
.form p.formlinks{display:block; float:left; width:500px;}
.form #fb{margin-bottom:10px;}
.form .fb_ins{display:block; margin-bottom:5px;}
.form .fck_small{display:block; float:left; width:670px; margin-bottom:15px; height:400px;}
.formloader{height:32px; width:32px; display:block; margin:9px auto; float:left; background:url(img/formloader.gif) no-repeat 0 0;}
.text, .submit, .dropdown{ font-size:14px; margin-bottom:5px; float:left; display:block; width:250px; color:#666666;}
.minitext{width:170px;}
.checkbox{margin-top:7px; margin-bottom:14px;}
.text{background:#fff; border:1px #2e2e2e solid; padding:7px 7px 7px 7px; }
.text:hover{border:1px #6390ba solid;}
.dropdown{background:#fff; border:1px #c1c1c1 solid; padding:6px; width:263px; }
.submit{background:#6390ba; font-size:13px; font-weight:bold; color:#fff; border:1px #2e2e2e solid; height:34px; width:120px; cursor:pointer;  margin-top:0px;}
.submit:hover{background:#6390ba; border:1px #6390ba solid;}

	/* form bindings */
	.form .col_1 {width:307px; padding: 15px 18px 5px 18px;  margin-right:0px; float:left;}
	.form .col_1 label{width:65px;}
	.form .col_1 .text{width:190px;}
	/* form bindings */
	.form .col_2 {width:648px; padding: 5px 18px 15px 18px; background:f0f0f0; float:left;}
	.form .col_2 label{width:65px;}
	.form .col_2 .text{width:230px;}
	.form .col_2 .dropdown{background:#fff; border:1px #c1c1c1 solid; border:1px #c1c1c1 solid; padding:4px 4px 4px 4px;; width:240px; }
	/* form checktable */
	.form table.checktable{}
	.form table.checktable tr td{padding:0px 50px 10px 3px;  text-align:left; text-align:left; vertical-align:center;}
	.form table.checktable tr td.box{width:18px; padding-right:3px;}
	
/* form result related */
.form_error{background:#f1dada; border:1px #ff0000 solid; padding:12px; color:#ff0000; display:block; margin-left:60px; width:390px;}
.form_ok{background:#d9ffc3; border:1px #46cb30 solid; padding:12px; color:#339900; display:block; width:450px;}
.form_error h5, .form_ok h5{font-size:14px; font-weight:normal; padding:0 0 8px 0;}
.form_error h5{color:#ff0000;}
.form_ok h5{color:#339900;}
#content .chalk .form .form_error ul {padding:0 !important; }
.form_error ul li, .form_ok ul li {padding: 3px 0 3px  0px !important; color:#424242; line-height:160%; float:none !important; width:300px !important;}
#content .chalk ul li .form .form_error ul li, #content .chalk ul li .form .form_ok ul li{padding: 3px 0 3px  0px !important; color:#424242; line-height:160%; float:none !important; width:300px !important;}
/* css3 ux */
.text, .dropdown, .form_error, .form_ok{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.submit {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}