/* Start of CMSMS style sheet 'Style2010' */
/*=================================
Kenis Internet Design 2010
=================================*/
html, body {
	margin: 0px;
	padding: 0px;
	color: #444;
	background: #e5e5e5;
}

a:active{outline: none;}
:-moz-any-link:focus {outline: none;}

body,td,th,input,select,textarea {
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	line-height: 18px;
}

input,textarea { line-height: normal; }

p { margin-bottom: 10px; }

a {
color: #444;
text-decoration: none;
}
a:hover {
color: #71ac01;
}
a:active {}
img { border: none; }
fieldset { border: none; }
caption { display: none; }

ul {}
ol {}

table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

dl dt {}
dl dd {}

strong { font-weight: bold; }
em { font-style: italic; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { }

h1 { font-size: 22px; margin: 0px; color: #71ac01;}
h2 { font-size: 16px; margin: 0px; color: #71ac01;}
h3 { font-size: 13px; margin: 0px; color: #fff;}
h4 { font-size: 14px; margin: 0px; color: #71ac01;}
h5 { font-size: 12px; margin: 0px; color: #4e4e4e;}

#wrapper{
	width: 950px;
	margin: 0 auto;
}

#header{
	width: 950px;
	height: 93px;
	float: left;
	background: url("../img/headerbg.jpg") no-repeat;
}

#logo{
	width: 300px;
	height: 93px;
	float: left;
}

#logo img{
	margin-top: 11px;
	margin-left: 30px;
}

#domeincheck{
	width: 467px;
	height: 46px;
	float: right;
}

#domeinchecklabel{
	width: 150px;
	float: left;
	color: white;
	margin-top: 10px;
	text-align: right;
}

#domeincheckform{
	width: 317px;
	float: right;
	color: white;
	margin-top: 5px;
}

input.domeincheckinput{
	width: 160px;
	float: left;
	border: 1px solid #517b00;
}

select.domeincheckselect{
	width: 55px;
	float: left;
	border: 1px solid #517b00;
	margin: 0px 5px 0px 5px;
}

input.domeinchecksubmit{
	width: 50px;
	height: 23px;
	float: left;
	border: 1px solid #517b00;
	color: #fff;
	background: url("../img/bdomeincheckbg.jpg") repeat-x;
}

#headermenu{
	width: 600px;
	height: 32px;
	float: right;
	padding: 15px 10px 0px 10px;
}

#headermenu ul{
	margin: 0px;
	padding: 0px;
	float: right;
}

#headermenu ul li {
	list-style: none;
	float: left;
}

#headermenu ul li a {
	display: block;
	text-decoration: none;
	color: #444;
	float: right;
	outline: none;
	font-size: 11px;
}

#headermenu a:hover{
	color: #71ac02;
}

#headermenu li.seperator{
	margin: 0px 3px 0px 3px;
}

#menu{
	width: 950px;
	height: 42px;
	float: left;
	background: url("../img/menubg.png") no-repeat;	
	margin: 10px 0px 10px 0px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu ul li {
	width: auto;
	list-style: none;
	float: left;
}

#menu ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #646464;
}

.bhome {width: 92px; height: 42px; background: url("../img/bhome.jpg") no-repeat;}
.bdesign {width: 108px; height: 42px; background: url("../img/bdesign.jpg") no-repeat;}
.bhosting {width: 100px; height: 42px; background: url("../img/bhosting.jpg") no-repeat;}
.bonsbedrijf {width: 130px; height: 42px; background: url("../img/bonsbedrijf.jpg") no-repeat;}
.bproducten {width: 123px; height: 42px; background: url("../img/bproducten.jpg") no-repeat;}
.boverigeoplossingen {width: 172px; height: 42px; background: url("../img/boverigeoplossingen.jpg") no-repeat;}
.bportfolio {width: 111px; height: 42px; background: url("../img/bportfolio.jpg") no-repeat;}
.bcontact {width: 114px; height: 42px; background: url("../img/bcontact.jpg") no-repeat;}

#main{
	width: 950px;
	float: left;
	background: url("../img/mainbg.jpg") no-repeat top #fff;	
}

#mainbottom{
	width: 950px;
	height: 10px;
	float: left;
	background: url("../img/mainbottombg.jpg") no-repeat;	
}

#mainleft{
	width: 617px;
	float: left;
	padding: 15px 20px 10px 20px;
}

#title{
	width: 617px;
	float: left;
	margin-bottom: 10px;
}

#text{
	width: 617px;
	float: left;
	margin-bottom: 10px;
}

#text input{
	border: 1px solid #6c6b5a;
width: 200px;
}

#text textarea{
	border: 1px solid #6c6b5a;
}

#text input.submit{
	width: 76px;
	height: 21px;
	float: left;
	color: #fff;
	border: 1px solid #517b00;
	background: url("../img/binloggen.jpg") repeat-x;
}

#portfolio{
	width: 587px;
	height: 220px;
	float: left;
	padding: 15px 15px 15px 15px;
	background: url("../img/portfoliobg.jpg") no-repeat #444;
}

#portfoliotitle{
	width: 577px;
	float: left;
	margin-bottom: 5px;
}

#ptitle{
	width: 200px;
	float: left;
}

#plink{
	width: 377px;
	float: left;
	text-align: right;
}

#portfolioitems{
	width: 590px;
	float: left;
}

#pitem1{
	width: 135px;
	height: 135px;
	float: left;
}

#pitem2{
	width: 135px;
	height: 135px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

#pitem3{
	width: 135px;
	height: 135px;
	float: left;
	margin-right: 15px;
}

#pitem4{
	width: 135px;
	height: 135px;
	float: left;
}

.img{
	width: 135px;
	float: left;
	margin-bottom: 5px;
}

.itemtitle{
	width: 135px;
	float: left;
	font-weight: bold;
	color: #71ac02;
}

#mainright{
	width: 293px;
	height: 488px;
	float: left;
	color: #fff;
}

#klantenpaneel{
	width: 293px;
	height: auto;
	float: left;
	background: url("../img/klantenpaneelbg.jpg") no-repeat;
	margin-bottom: 1px;
}

#webdesign{
	width: 293px;
	height: 281px;
	float: left;
	background: url("../img/webdesignbg.jpg") no-repeat;
}

#klantenpaneel ul{
	margin: 0px;
	padding: 0px;
	float: left;
}

#klantenpaneel ul li {
	width: auto;
	list-style: none;
	float: left;
}

#klantenpaneel ul li a {
	width: 293px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color: #fff;
}

#klantenpaneel ul li a:hover{
	color: #444;
}

#klantenpaneel ul li a.active{
	font-style: italic;
	font-weight: bold;
}

#klantenpaneeltitle{
	width: 273px;
	float: left;
	padding: 8px 10px 5px 10px;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}

#klantenpaneeltext{
	width: 273px;
	float: left;
	padding: 5px 10px 10px 10px;
}

#webdesigntitle{
	width: 273px;
	float: left;
	padding: 8px 10px 5px 10px;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}

#webdesigntext{
	width: 273px;
	float: left;
	padding: 5px 10px 10px 10px;
}

#webdesigntext a{
	color:#fff;
}

input.username{
	width: 200px;
	height: 23px;
	float: left;
	border: 1px solid #517b00;
}

input.password{
	width: 200px;
	height: 23px;
	float: left;
	border: 1px solid #517b00;
	margin-bottom: 5px;
}

input.submit{
	width: 76px;
	height: 21px;
	float: left;
	color: #fff;
	border: 1px solid #517b00;
	background: url("../img/binloggen.jpg") repeat-x;
}

.mainrightemail{
	width: 200px;
	float: left;
}

.mainrightemail input{
	width: 200px;
	height: 23px;
	float: left;
	border: 1px solid #517b00;
}

.mainrightwachtwoord{
	width: 200px;
	float: left;
}

.mainrightwachtwoord input{
	width: 200px;
	height: 23px;
	float: left;
	border: 1px solid #517b00;
margin-bottom: 4px;
}

.mainrightsubmit{
	width: 200px;
	float: left;
}

#reclame{
	width: 293px;
	height: 77px;
	float: left;
	background: url("../img/bekijkonzehostingpaketten.jpg") no-repeat;
	text-align: center;
}

#nieuwstitle{
	width: 273px;
	float: left;
	padding: 8px 10px 5px 10px;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}

#nieuwstext{
	width: 293px;
	float: left;
}
#nieuwstext a {
color: #fff;
text-decoration: none;
}
#nieuwstext a:hover {
color: #fff;
}
#nieuws{
	width: 293px;
	height: 245px;
	float: left;
	background: url("../img/nieuwsbg.jpg") no-repeat;
}

.nieuwsitem{
	width: 273px;
	float: left;
	border-bottom: 1px dotted #fff;
	padding: 5px 10px 10px 10px;
}

.nieuwsiteminfo{
	width: auto;
}

.nieuwsitemleesmeer{
	width: 273px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#footer{
	width: 950px;
	float: left;
	margin-bottom: 10px;
}

#balk{
	width: 950px;
	height: 140px;
	float: left;
	background: url("../img/balkbg.jpg") no-repeat;
	margin: 10px 0px 10px 0px;
}

#diensten{
	width: 740px;
	float: left;
	padding: 15px;
}

.diensten{
	width: 100px;
	float: left;
	padding: 10px;
	margin-right: 1px;
}

.dienstentitle{
	width: 100px;
	float: left;
	font-weight: bold;
	color: #4e4e4e;
}

.dienstentext{
	width: 100px;
	float: left;
}

.dienstentext ul{
	margin: 0px;
	padding: 0px;
	float: left;
}

.dienstentext ul li {
	width: auto;
	list-style: none;
	float: left;
}

.dienstentext ul li a {
	width: 120px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	color: #646464;
}

.dienstentext a:hover{
	color: #71ac01;
}

#adresgegevens{
	width: 149px;
	float: right;
	font-size: 11px;
	text-align: right;
	padding-top: 3px;
	padding-right: 30px;
}

#adresgegevens a{
	color: #71ac01;
}

#adresgegevens a:hover{
	color: #444;
}

.kidvet{
	width: 169px;
	float: left;
	font-weight: bold;
	color: #71ac01;
}

.adres{
	width: 169px;
	float: left;
}

.adres2{
	width: 169px;
	float: left;
	margin-bottom:3px;
}

#copyright{
	width: 950px;
	float: left;
	text-align: center;
	background: url("../img/kid.jpg") no-repeat right;
}

#copyright a{
	color: #444;
	font-weight: bold;
}

#copyright a:hover{
	color: #71ac01;
}

/* End of 'Style2010' */