html
{
	font-family:Arial;
	height:100%;
}

body
{
	margin:0;
	padding:0;
	height:100%;
	background:url(../img/bg.png) repeat-x top center;
}

a {
	color:#00b9f0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#container
{
	padding:0;
	margin:0;
	margin-top:136px;
	width:986px;
	height:auto;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/*top menu*/
#topmenu
{
	width:986px;
	height:66px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_topmenu.png) no-repeat left top;	
	position:relative;
}

#topmenu ul
{
	width:920px;
	margin:0;
	padding:0;
	margin-left:38px;
	margin-top:29px;
	float:left;	
}

#topmenu li, #topmenu li a
{
	float:left;
	margin:0;
	padding:0;
	margin-right:5px;
	font-size:14px;
	color:#8e8e8e;
	line-height:24px;
	text-decoration:none;
	list-style:none;
}


#topmenu li:hover, #topmenu li a:hover
{
	color:#fafafc;
}

a.home_button
{
	width:60px;
	height:24px;
	text-align:center;
}

a.home_button:hover
{
	width:60px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 845px 0px;
}

a.webhos_button
{
	width:99px;
	height:24px;
	text-align:center;
}

a.webhos_button:hover
{
	width:99px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 785px 0px;
}

a.webdev_button
{
	width:131px;
	height:24px;
	text-align:center;
}

a.webdev_button:hover
{
	width:131px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 686px 0px;
}

a.consul_button
{
	width:103px;
	height:24px;
	text-align:center;
}

a.consul_button:hover
{
	width:103px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 555px 0px;
}

a.app_button
{
	width:182px;
	height:24px;
	text-align:center;
}

a.app_button:hover
{
	width:182px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 452px 0px;
}

a.zoek_button
{
	width:194px;
	height:24px;
	text-align:center;
}

a.zoek_button:hover
{
	width:194px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 270px 0px;
}

a.cont_button
{
	width:76px;
	height:24px;
	text-align:center;
}

a.cont_button:hover
{
	width:76px;
	height:24px;
	background:url(../img/lay_topmenu_links.png) 76px 0px;
}
/*end top menu*/

#topheader
{
	width:986px;
	height:249px;
	float:left;
	padding:0;
	margin:0;
}

#top1
{
	width:624px;
	height:249px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/b_webdevelopment.png) no-repeat left top;
}

#top2
{
	width:362px;
	height:249px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top2.png) no-repeat left top;
}


#top2 ul
{
	width:332px;
	height:219px;
	float:left;
	padding:0;
	margin:0;
	margin-top:30px;
	margin-left:20px;
}

#top2 li
{
	margin:0;
	padding:0;
	width:291px;
	height:23px;
	margin-bottom:7px;
	list-style:none;
}

#top2 li a
{
	float:left;
	width:291px;
	height:23px;
	font-size:14px;
	color:#FFFFFF;
	line-height:23px;
	text-decoration:none;
	padding-left:5px;


}

#top2 li a:hover
{
	background: url(../img/lay_top2_1.png) no-repeat left top;
}


#top3
{
	width:624px;
	height:187px;
	float:left;
	padding:0;
	margin:0;
}

#portfolio
{
	width:624px;
	height:222px;
	float:left;
	padding:0;
	margin:0;
}

#portfolio1
{
	width:588px;
	height:222px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/portfoliobg.png) no-repeat left top;
}

#portfolio1 ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-left:1px;
}

#slideLeft {
	position:absolute;
	margin-top:40px;
	display:block;
	background:url(../img/sliderleft.png) no-repeat;
	height:80px;
	width:26px;
}

#slideRight {
	position:absolute;
	margin-top:40px;
	margin-left:562px;
	display:block;
	background:url(../img/sliderright.png) no-repeat;
	height:80px;
	width:26px;
}

#portfolioTekst {
	font-size:11px;
	color:#8e8e8e;
	padding:10px;
}

#portfolioTekst h1 {
	margin:0px;
	font-size:18px;
	color:#00b9f0;
	font-weight:normal;
}

#top3_1
{
	width:25px;
	height:187px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top3_1.png) no-repeat left top;
}

#top3_2
{
	width:586px;
	height:187px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top3_2.png) no-repeat left top;
}


/*login*/
#top4
{
	width:347px;
	height:97px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top4.png) no-repeat left top;
	padding-left:15px;
	padding-top:37px;
}

.login_title
{
	float:left;
	width:303px;
	padding:0;
	margin:0;
	margin-left:2px;
	color:#c5c5c5;
	font-size:11px;
	text-decoration:none;
	margin-bottom:12px;
}

.top4_links, .top4_links a
{
	float:left;
	width:auto;
	padding:0;
	margin:0;
	margin-right:10px;
	color:#c5c5c5;
	font-size:11px;
	text-decoration:none;
}

.top4_links a:hover

{
	text-decoration:underline;
}

#login_input
{
	width:303px;
	padding:0;
	margin:0;
}

.top4_text
{
	float:left;
	width:130px;
	padding:0;
	margin:0;
	color:#c5c5c5;
	font-size:11px;
	text-decoration:none;
}

#login_input input[type="text"] {
	float:left;
	margin:0;
	padding:0;
	width:85px;
	height:20px;
	border:0;
	color:#969696;
	font-size:11px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	background:url(../img/login.png) no-repeat left top;
	margin-right:15px;
	display:block;
}

#login_input input[type="password"] {
	float:left;
	margin:0;
	padding:0;
	width:85px;
	height:25px;
	border:0;
	color:#969696;
	font-size:11px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	position:relative;
	background:url(../img/login.png) no-repeat left top;
	margin-right:15px;
	display:block;
}

#login_input input[type="submit"] {
	float:left;
	margin:0;
	padding:0;
	width:42px;
	height:25px;
	border:0;
	background:url(../img/login_submit.png) no-repeat left top;
	display:block;
}

/*end login*/

#top5
{
	width:624px;
	height:68px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top5.png) no-repeat left top;
}

/*fastlinks*/
#top6_1
{
	width:349px;
	height:53px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top6_1.png) no-repeat left bottom;
}

#top6_2
{
	width:349px;
	float:left;
	padding:0;
	margin:0;
	margin-top:-35px;
	background:url(../img/lay_top6_2.png) repeat-y left top;
}

#top6_3
{
	width:349px;
	height:126px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top6_3.png) repeat-y left top;
}

#top6
{
	width:349px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top6_2.png) no-repeat left top;
}


#top6 ul
{
	float:left;
	padding:0;
	margin:0;
	padding-left:25px;
	width:288px;
	height:90px;
}

#top6 li, #top6 li a
{
	margin:0;
	padding:0;
	margin-left:5px;
	font-size:11px;
	text-decoration:none;
	color:#8e8e8e;
	line-height:18px;
}

#top6 li a:hover
{
	color:#00b9f0;
	text-decoration:underline;
}


/*end fastlinks*/

#top7
{
	width:624px;
	height:96px;
	float:left;
	padding:0;
	margin:0;
	padding-left:25px;
	background:url(../img/lay_top7.png) no-repeat left top;
}

#top7_1 a
{
	width:43px;
	height:96px;
	float:left;
	padding:0;
	margin:0;
	margin-right:14px;
	background:url(../img/lay_top7_1.png) no-repeat left top;
}

.top7_2
{
	width:75px;
	height:75px;
	float:left;
	padding:0;
	margin:0;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
}

.top7_2 img
{
	border:0;
}

#top7_3 a
{
	width:43px;
	height:96px;
	float:left;
	padding:0;
	margin:0;
	margin-left:-12px;
	background:url(../img/lay_top7_3.png) no-repeat left top;
}
/*domeincheck*/
#top8
{
	width:334px;
	height:85px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top8.png) no-repeat left top;
	padding-left:15px;
	padding-top:44px;
}

#domein_input
{
	width:314px;
	padding:0;
	margin:0;
}

.top8_text
{
	float:left;
	width:130px;
	padding:0;
	margin:0;
	color:#8e8e8e;
	font-size:11px;
	text-decoration:none;
}

#domein_input input[type="text"] {
	float:left;
	margin:0;
	padding:0;
	width:165px;
	height:22px;
	border:0;
	color:#8e8e8e;
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	padding-top:5px;
	background:url(../img/domain_name.png) no-repeat left top;
	display:block;
}

#domein_input select {
	float:left;
	margin:0;
	padding:0;
	width:64px;
	height:25px;
	border:0;
	color:#8e8e8e;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	padding-right:4px;
	padding-top:4px;
	margin-right:8px;
	background:url(../img/domain_dropdown.png) no-repeat left top;
	display:block;
}

#domein_input input[type="submit"] {
	float:left;
	margin:0;
	padding:0;
	width:45px;
	height:25px;
	border:0;
	background: url(../img/domain_submit.png) no-repeat left top;
	display:block;
}

/*end domeincheck*/

/*logged_in*/
#top_logged_in
{
	width:334px;
	height:145px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/admin.jpg) no-repeat left top;
	padding-left:15px;
	padding-top:44px;
}

.top_logged_in
{
	float:left;
	width:250px;
	padding:0;
	margin:0;
	color:#8e8e8e;
	font-size:11px;
	text-decoration:none;
}

#top_logged_in ul
{
	float:left;
	padding:0;
	margin:0;
	padding-left:8px;
	width:288px;
	height:170px;
}

#top_logged_in li, #top_logged_in li a
{
	margin:0;
	padding:0;
	margin-left:5px;
	font-size:11px;
	text-decoration:none;
	color:#8e8e8e;
	line-height:18px;
}

#top_logged_in li a:hover
{
	color:#00b9f0;
	text-decoration:underline;
}

/*end logged_in*/

/*server links*/
#top9_1
{
	width:349px;
	height:45px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top9_1.png) no-repeat left top;
}

#top9_2
{
	width:322px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top9_2.png) repeat-y left top;
	padding-left:17px;
	padding-bottom:20px;
}

#top9_3
{
	width:349px;
	height:52px;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top9_3.png) no-repeat left bottom;
}


#top9
{
	width:322px;
	min-height:227px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	background:url(../img/lay_top9.png) no-repeat left bottom;
}

.top9_title
{
	width:300px;
	height:15px;
	float:left;
	padding:0;
	margin:0;
	font-size:11px;
	color:#8e8e8e;
	font-weight:bold;
}

.top9_wrap
{
	width:301px;
	height:20px;
	float:left;
	padding:0;
	margin:0;
}

.top9_server
{
	width:251px;
	height:20px;
	line-height:20px;
	float:left;
	padding:0;
	margin:0;
	font-size:11px;
	color:#8e8e8e;
	background:url(../img/line1.png) repeat-x left bottom;
}

.top9_status
{
	width:50px;
	height:20px;
	line-height:20px;
	float:left;
	padding:0;
	margin:0;
	font-size:11px;
	color:#6ab400;
	background:url(../img/line1.png) repeat-x left bottom;
}

.top9_indent
{
	width:322px;
	height:15px;
	float:left;
	padding:0;
	margin:0;
}

#mid_lay_wrap1
{
	float:left;
	width:624px;
	min-height:462px;
	height:auto;
	margin:0;
	padding:0;
}


#top10
{
	float:left;
	width:624px;
	height:37px;
	margin:0;
	padding:0;
	background:url(../img/lay_top10.png) no-repeat left top;
}

#top11
{
	float:left;
	width:484px;
	min-height:349px;
	height:auto;
	margin:0;
	padding:0;
	padding-left:45px;
	padding-right:95px;
	background:url(../img/lay_top11.png) repeat-y left top;
}


#top11_image
{
	margin:0;
	padding:0;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#top11_text
{
	width:545px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	font-size:11px;
	line-height:18px;
	color:#8e8e8e;
}

#top12
{
	float:left;
	width:624px;
	height:73px;
	margin:0;
	padding:0;
	background:url(../img/lay_top12.png) no-repeat left top;
}

#footer
{
	float:left;
	width:100%;
	height:196px;
	margin:0;
	padding:0;
	background:url(../img/footer_bg.png) repeat-x left top;
}

#f_content
{
	width:871px;
	height:171px;
	margin:0;
	padding:0;
	background:url(../img/footer_bg2.png) repeat-x left top;
	margin-left:auto;
	margin-right:auto;
	padding-left:45px;
	padding-top:25px;
	padding-right:45px;
}

#f_content_row1
{
	float:left;
	width:150px;
	height:135px;
	margin:0;
	padding:0;
}

#f_content_row2
{
	float:left;
	width:170px;
	height:135px;
	margin:0;
	padding:0;
}

#f_content_row3
{
	float:left;
	width:160px;
	height:135px;
	margin:0;
	padding:0;
}

#f_content_row4
{
	float:left;
	width:160px;
	height:135px;
	margin:0;
	padding:0;
}

#f_content_row5
{
	float:left;
	width:220px;
	height:135px;
	margin:0;
	padding:0;
}

.f_content_row_title
{
	width:190px;
	height:20px;
	font-size:12px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.f_content_row_links
{
	margin:0;
	padding:0;
}

.f_content_row_links ul
{
	margin:0;
	padding:0;
	padding-left:15px;
}

.f_content_row_links li
{	
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

.f_content_row_links li a
{
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
}
 
.f_content_row_links li:hover, .f_content_row_links li a:hover
{	
	text-decoration:none;
}

.f_content_row_links2
{
	margin:0;
	padding:0;
	width:900px;
	height:36px;
}

.f_content_row_links2 ul
{
	width:900px;
	height:36px;
	margin:0;
	float:left;
	padding:0;
	font-size:11px;
	line-height:36px;
	padding-left:100px;
	margin-left:-50px;
	color:#FFFFFF;
}

.f_content_row_links2 li
{	
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.f_content_row_links2 li a
{	
	margin:0;
	padding:0;
	padding-right:25px;
	padding-left:0px;
	margin-right:20px;
	font-size:11px;
	line-height:36px;
	text-decoration:none;
	color:#FFFFFF;
	list-style:none;
	float:left;
	background:url(../img/bullet.png) no-repeat right top;
}

.f_content_row_links2 li a:hover
{	
	text-decoration:underline;
}