/* CSS Systemworks
-------------------------------------------------- */

/* Kleuren
--------------------------------------------------
-- zwart			000
-------------------------------------------------- */

/* Reset
-------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-size: 100%;font-family:Verdana, Arial, Helvetica, sans-serif;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* Algemeen
-------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	min-width: 800px;
	text-align: center;
	font-size: 62.5%;
}
body, a, p, td, li, span, h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
}
#wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1.2em;
}
#header {
	height: 215px;
	padding-top: 120px;
}
.header_home {
	background: url(../img/header_home.gif) no-repeat bottom;
}
.header_diensten {
	background: url(../img/header_diensten.gif) no-repeat bottom;
}
#diensten {
	height: 215px;
	padding-top: 120px;
	background: url(../img/header_diensten.gif) no-repeat bottom;
}

#header_small {
	height: 6px;
	padding-top: 120px;
	background: url(../img/header_small.gif) no-repeat bottom;
}
#header ul {
	width: 500px;
	position: absolute;
	top: 80px;
	padding-left: 20px;
}
#header ul li {
	display: inline;
}
#header ul li a {
	text-decoration: none;
	line-height: 25px;
	height: 27px;
	display: block;
	float: left;
	width: 80px;
	text-align: center;
	color: #6d6e71;
	background: #fff url(../img/menu_bg.gif) no-repeat top left;
}
#header ul li a:hover {
	color: #f7941e;
}
#header ul li a.menu_nu {
	color: #fff;
	background: #f7941e url(../img/menu_bg.gif) no-repeat bottom left;
}
#header h1 {
	margin-left: 600px;
	position: absolute;
	top: 30px;
	height: 64px;
	width: 179px;
	text-indent: -10000px;
	background: url(../img/logo.gif) no-repeat;
}
#crumb {
	height: 32px;
	line-height: 32px;
	text-align: right;
	padding-right: 20px;
	background: #edf0f7 url(../img/crumb_bg.gif) bottom no-repeat;
}
#crumb a {
	color: #6d6e71;
	text-decoration: none;
	padding-left: 10px;
	margin-left: 5px;
	background: url(../img/arrow.gif) no-repeat left 5px;
}
#crumb a.first {
	background: none;
}

h2 {
	color: #6d6e71;
	font-size: 1.4em;	
	height: 30px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
h3 {
	color: #f7941e;
	font-size: 1.2em;	
	font-weight: bold;
	margin-bottom: 10px;
}
p, li, td {
	color: #6d6e71;
	line-height: 16px;	
}
.bedrag {
	text-indent: -10000px;
}
.domeinnaam, .webhosting, .webdesign {
	float: left;
	width: 214px;
	height: 153px;
	padding: 20px;
	background: #edf0f7 url(../img/kader.gif) no-repeat;
}
.domeinnaam p, .webhosting p, .webdesign p {
	color: #999;
}
.domeinnaam h2, .webhosting h2, .webdesign h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.domeinnaam .btns_fixed {
	background: url(../img/prijs_domein.gif) no-repeat;
}
.webhosting .btns_fixed {
	background: url(../img/prijs_hosting.gif) no-repeat;
}
.btns_fixed {
	position: absolute;
	top: 497px;
	width: 214px;
}
.btns_fixed a {
	text-decoration: none;
	float: right;
	clear: right;
	line-height: 25px;
	height: 27px;
	display: block;
	width: 87px;
	padding-left: 12px;
	margin-top: 5px;
	text-align: left;
	color: #fff;
	font-size: 0.9em;
	background: #f7941e url(../img/btn_bg.gif) no-repeat top left;
}
.btns_fixed a:hover {
	background: #fff url(../img/btn_bg.gif) no-repeat bottom left;
}
.domeinnaam {
	margin: 19px 19px 19px 0px;
}
.webhosting {
	margin: 19px 19px 19px 0px;
}
.webdesign {
	margin: 19px 0px;
}
.portfolio_breed {
}
.portfolio {
	width: 390px;
	margin: 0px 20px 20px 0px;
	float: left;
}
.portfolio a, .portfolio_breed a {
	width: 390px;
	height: 110px;
	display: block;
	margin-top: 20px;
	text-indent: -10000px;
}
.port_left {
	float: left;
	margin-right: 20px;
	width: 390px;
}
.port_right {
	float: left;
}
.nieuws {
	width: 370px;
	padding-left: 20px;
	float: left;
}
.nieuws_item {
	margin-top: 20px;
	border-bottom: solid 1px #f2f2f2;
	padding-bottom: 15px;
}
.nieuws_item h3 {
	color: #f7941e;
	height: 25px;
}
.nieuws_item span {
	font-size: 0.9em;
	color: #ccc;
	float: right;
}
.nieuws_item p {
	font-size: 0.9em;
	color: #999;
}
.nieuws_item a {
	font-size: 0.9em;
	float: right;
	margin-top: 10px;
	text-decoration: none;
	color: #f7941e;
}
#footer {
	text-align: center;
	border-top: solid 5px #f2f2f2;
	padding: 20px 0px;
	margin-top: 40px;
	height: 50px;
}
#footer div {
	width: 452px;
}

.diensten_menu {
	width: 200px;
	float: left;
	margin-top: 20px;
}
.diensten_menu ul {
}
.diensten_menu ul li a {
	color: #6d6e71;
	line-height: 30px;
	height: 30px;
	width: 175px;
	padding-left: 5px;
	display: block;
	text-decoration: none;
	border-bottom: dotted 1px #ccc;
}
.diensten_menu ul li a.menu_nu {
	background: url(../img/diensten_btn_bg_nu.gif) #fff no-repeat center;
}
.diensten_menu ul li a:hover {
	color: #333333;
	background: url(../img/diensten_btn_bg.gif) #fff no-repeat center;
}
.bestel_btn {
	line-height: 50px;
	height: 50px;
	display: block;
	margin-top: 20px;
	padding-left: 20px; 
	width: 160px;
	text-decoration: none;
	color: #fff;
	font-size: 1.6em;
	background: url(../img/bestel_btn.gif) #f7941e no-repeat top;
}
.bestel_btn:hover {
	background: url(../img/bestel_btn.gif) #f7941e no-repeat bottom;
}
div.diensten_inhoud {
	margin-left: 200px;
	padding-left: 20px;
	border: solid 1px #fff;
	padding-top: 20px;
}
.diensten_inhoud p {
	 margin: 20px 0px;
	 line-height: 20px;
}
.diensten_inhoud h2 {
	margin-top: 0px;
}
.diensten_inhoud h3 {
	color: #f7941E;
	width: 100%;
	border-bottom: solid 1px #edf0f7;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.diensten_inhoud li {
	list-style: disc;
	margin-left: 20px;
}
.diensten_inhoud ul {
	margin-bottom: 15px;
}


.diensten_inhoud table {
	min-width: 300px;
}
.diensten_inhoud table thead tr td {
	border-bottom: solid 3px #edf0f7;
}
.diensten_inhoud table tr td {
	vertical-align: top;
	border-bottom: solid 1px #edf0f7;
	line-height: 20px;
	padding: 4px;
}
.tabs {
	height: 28px;
	margin: 20px 0px;
	background: url(../img/tab_bg.gif) repeat-x bottom;
}
.tabs li {
	float: left;
	margin-left: 10px;
	list-style: none;
}
.tabs a {
	line-height: 27px;
	height: 27px;
	padding: 0px 15px;
	display: block;
	color: #6d6e71;
	text-decoration: none;
}
.tabs a.menu_nu {
	border-left: dotted 1px #ccc;
	border-top: dotted 1px #ccc;
	border-right: dotted 1px #ccc;
	border-bottom: solid 1px #fff;
	background-color: #fff;
}

.prijzen {
	width: 100%;
}
.prijzen thead tr td {
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.prijzen td {
	width: 20%;
	padding: 5px 0px;
	color: #6d6e71;
	border-bottom: dotted 1px #f2f2f2;
}
.prijzen_getal {
	font-size: 1.6em;
}
.msg {
	color: #000;
	font-weight: bold;
}

a.footer_sw, a.footer_bas, a.footer_am, a.footer_sd {
	display: block;
	float: left;
	width: 93px;
	height: 34px;
	text-indent: -10000px;
	margin-right: 20px;
}
.footer_sw {
	background: url(../img/logo_footer_sw.gif) no-repeat top;
}
.footer_sw:hover {
	background: url(../img/logo_footer_sw.gif) no-repeat bottom;
}
.footer_bas {
	background: url(../img/logo_footer_bas.gif) no-repeat top;
}
.footer_bas:hover {
	background: url(../img/logo_footer_bas.gif) no-repeat bottom;
}
.footer_am {
	background: url(../img/logo_footer_am.gif) no-repeat top;
}
.footer_am:hover {
	background: url(../img/logo_footer_am.gif) no-repeat bottom;
}
.footer_sd {
	background: url(../img/logo_footer_sd.gif) no-repeat top;
}
.footer_sd:hover {
	background: url(../img/logo_footer_sd.gif) no-repeat bottom;
}

.domain_bezet {

}

.domain_bezet strong {
	font-weight: bold;
}
.domain_bezet {
	height: 35px;
	display: block;
	padding-top: 15px;
	margin-top: 20px;
	padding-left: 20px; 
	width: 230px;
	text-decoration: none;
	color: #fff;
	background: url(../img/domain_bezet.gif) #f7941e no-repeat top;
}



.domain_vrij strong {
	font-weight: bold;
}
.domain_vrij {
	line-height: 18px;
	height: 43px;
	display: block;
	padding-top: 7px;
	margin-top: 20px;
	padding-left: 20px; 
	width: 230px;
	text-decoration: none;
	color: #fff;
	background: url(../img/domain_ok_order.gif) #7ee82d no-repeat top;
}
.domain_vrij:hover {
	background: url(../img/domain_ok_order.gif) #7ee82d no-repeat bottom;
}

#main p {
	margin-bottom: 10px;
}
.contact_adres {
	float: right;
	background: url(../img/contact.gif) no-repeat right top;
	width: 230px;
	padding-left: 180px;
	height: 299px;
	margin-top: 20px;
}

.tbl_contact {
	background-color: #f1f1f1;
	border: solid #f1f1f1 10px;
	margin: 20px 0px 0px 10px
}
.tbl_contact input, .tbl_contact textarea {
	width: 250px;
}
.tbl_contact tr td {
	padding: 4px 0px;
}
input.frm_btn {
	float: right;
	width: 98px;
	border: none;
	text-decoration: none;
	line-height: 25px;
	height: 27px;
	display: block;
	color: #fff;
	font-size: 0.9em;
	background: #f7941e url(../img/btn_bg.gif) no-repeat top left;
}
input.frm_btn:hover {
	background: #f7941e url(../img/btn_bg.gif) no-repeat bottom left;
}