/* Main elements */
html {
 overflow-y: scroll;
}

body {
	background: url(/images/header_background.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a8b99;
	line-height: 16px;
}

#container {
	width: 970px;
	margin: 0 auto;
}

#content {
	width: 970px;
}

.red {
	color: #9d3b4b;
	display: inline;
}

.red a:link, .red a:visited {
	color: #9d3b4b;
	text-decoration: none;
}

.disclaimer {
	font-size: 11px;
}

/* Links */
a:link, a:visited, a:hover {
	color: #962d3e;
	text-decoration: underline;
}

/* Forms */
input, select {
	width: auto;
	height: 17px;
	border: 1px solid #a5acb2;
	margin: 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a8b99;
	padding: 3px 2px 0;
}

select {
	height: 22px;
}

input.button, input.buttonright {
	margin: 0;
	width: auto;
	border: 0;
	height: auto;
	padding: 0;
}

input[type="radio"], input[type="checkbox"] {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* buttons */
p img.button {
	margin: 0 10px;
	vertical-align: middle;
}

.buttonright {
	float: right;
}

/* Header */
#header {
	position: relative;
	top: 0px;
	z-index: 1;
	height: 257px;
	width: 970px;
	background: url(/images/header_1.jpg) no-repeat top center;
}

#header .right {
	text-align: right;
	padding: 24px 0 0 0;
	color: #4a8b99;
}

#header .right a:link, #header .right a:visited {
	color: #4a8b99;
	text-decoration: none;
	margin: 0 5px;
}

#header h1 {
	float: left;
	margin: 61px 0 0 13px;
}

/* Menu */
#menu {
	position: absolute;
	bottom: 30px !important;
	bottom: 26px;
	left: 0px;
	list-style-type: none;
	height: 45px;
	margin: 0;
	padding: 0;
}

#menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
}

#menu .right {
	margin: 0 0 0 63px;
	padding: 0;
}

/* Sidebar */
#sidebar {
	float: left;
	clear: right;
	width: 230px;
	padding: 6px 0 0;
}

#sidebar h3 {
	margin: 0 0 3px;
}

#sidebar h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

#sidebar input {
	width: 212px;
}

#sidebar select {
	width: 218px;
}

#sidebar input.button {
	width: auto;
	height: auto;
	margin: 0 0 0 -4px;
}

#sidebar .line {
	font-size: 0px;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #d2d5d8;
	margin: 13px 0;
}

#sidebar ul {
	margin: 0 0 10px;
}

#sidebar ul li {
	margin: 2px 0 0;
	padding: 0 0 0 10px;
	background: url(/images/sidebar_list.gif) no-repeat left 2px;
}

#sidebar li a:link, #sidebar li a:visited, #sidebar li a:hover {
	color: #4a8b99;
	text-decoration: none;
}

#sidebar .actie {
	position: relative;
	top: 0px;
	background: #b9707c url(/images/sidebaractie_background.gif) no-repeat bottom;
	width: 222px;
	height: 139px;
}

#sidebar .actie a {
	color: #fff;
	display: block;
	position: absolute;
	z-index: 5;
	bottom: 15px;
	left: 15px;
}

/* Footer */
#footer {
	width: 970px;
	clear: both;
	border-top: 1px solid #a2c8cf;
	padding: 8px 0;
	margin: 20px 0;
}

#footer img {
	vertical-align: bottom;
	margin: -3px 7px 0 0;
	float: left;
}

/* Home */
#home {
	width: 730px;
	margin: 0 7px 0 0;
	border-right: #e5e5e5 solid 1px;
	float: left;
}

#sidebar.home {
	width: 218px;
	padding: 6px 4px 0 8px;
}

#hometopleft {
	position: relative;
	top: 0px;
	z-index: 1;
	height: 149px;
	width: 336px;
	float: left;
	margin: 0 7px 0 0;
	background: url(/images/hometopleft_background.gif) repeat-x bottom;
}

#hometopleft input {
	width: 191px;
}

#hometopleft select {
	vertical-align: bottom;
}

#hometopleft .content {
	padding: 5px 0 0 5px;
}

#hometopleft .button {
	vertical-align: bottom;
	margin: 0 0 -1px 0;
	width: auto;
}

#hometopleft h2, #hometopleft p {
	margin: 0 0 7px 0;
}

#hometopleft .lastline {
	margin: 43px 0 0 0;
}

#homeactie {
	position: relative;
	top: 0px;
	z-index: 0;
	height: 149px;
	width: 336px;
	float: left;
	background: #b9707c url(/images/homeactie_background.gif) no-repeat bottom;
}

#homeactie a {
	color: #fff;
	display: block;
	position: absolute;
	z-index: 5;
	bottom: 15px;
	left: 15px;
}

#sharedhostinghome {
	clear: left;
	background: url(/images/sharedhostinghome.jpg) no-repeat center center;
}

#colocatedhostinghome {
	background: url(/images/colocatedhostinghome.jpg) no-repeat center center;
}
#virtualhome {
	background: url(/images/virtualhome.jpg) no-repeat center center;
}

#dedicatedservershome {
	background: url(/images/dedicatedservershome.jpg) no-repeat center center;
}

.bottomhome {
	position: relative;
	top: 0px;
	margin: 7px 7px 0 0;
	width: 215px;
	height: 249px;
	float: left;
	padding: 8px 0 0 6px;
}
.bottomhome .content {
	z-index: 1;
	padding: 8px 0 0 6px;
	width: 205px;
	display: block;
}

.bottomhome .button {
	position: absolute;
	left: 10px;
	top: 95px;
}



/* Leftcolumn */
#leftcolumn {
	width: 720px;
	margin: 6px 7px 0 0;
	float: left;
}

#leftcolumn .leftcolumn {
	width: 250px;
	float: left;
}

#leftcolumn .menu {
	margin: 15px 0 0 17px;
}

#leftcolumn .menu li {
	margin: 2px 0 0;
	padding: 8px 0 7px 10px;
	background: url(/images/sidebar_list.gif) no-repeat left 9px;
	border-bottom: 1px solid #ccc;
}

#leftcolumn .menu li a:link, #leftcolumn .menu li a:visited {
	color: #4a8b99;
	text-decoration: none;
}

#leftcolumn p {
	margin: 0 0 15px;
	padding: 0 30px 0 0;
}

#leftcolumn p.lined {
	padding: 7px 0;
	margin: 0 0 10px 7px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#leftcolumn p.underlined {
	padding: 7px 0 4px 0;
	margin: 0 17px 10px;
	display: block;
	clear: both;
	border-bottom: 1px solid #ccc;
}

#leftcolumn .rightcolumn {
	width: 470px;
	float: left;
}

#leftcolumn .rightcolumn h2 {
	margin-bottom: 10px;
}

#leftcolumn .rightcolumn h3, #leftcolumn .rightcolumn p {
	clear: both;
	padding: inherit !important;
	padding: 0; 
	margin-left: 17px;
}

#leftcolumn .rightcolumn p.column {
	width: 240px;
	float: left;
	clear: none;
	margin-left: 17px !important;
	margin-left: 9px;
}

#leftcolumn .rightcolumn p.fill {
	width: 190px;
	float: left;
	clear: none;
	margin: inherit !important;
	margin: 0;
}

#leftcolumn .rightcolumn p.number {
	width: 54px;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
}

#leftcolumn .rightcolumn .reason {
	width: 380px;
	display: block;
	float: left;
	clear: right;
	margin-top: 3px;
}

#leftcolumn .rightcolumn .line {
	clear: both;
	font-size: 0px;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #d2d5d8;
	margin: 13px 10px;
}



#leftcolumn ul.column {
	float: left;
	width: 336px;
	margin: 0 0 25px 18px;
}

#leftcolumn ul.column li {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 5px 15px;

}

#leftcolumn p.lined .right {
	float: right;
	vertical-align: middle;
	margin: -3px 7px 0;
}

#leftcolumn h2, #leftcolumn h3, #leftcolumn p {
	margin-left: 17px;
}

#leftcolumn table {
	margin-left: 17px;
}

#leftcolumn .full h2 {
	margin-left: 7px;
}

#leftcolumn .standard {
	width: 698px;
	height: 155px;
	margin: 15px 0;
}

#leftcolumn .large {
	width: 698px;
	height: auto;
	margin: 15px 0;
}

#leftcolumn .text {
	width: 698px;
	height: auto;
	margin: 15px 0;
	margin-bottom: 15px;
}

#leftcolumn .text p {
	width: 650px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
}

#leftcolumn .standard .product {
	float: left;
}

#leftcolumn .standard .standardcontent {
	width: 318px;
	padding: 15px 15px 0 15px;
	font-size: 14px;
	line-height: 18px;
	float: left;
}

#leftcolumn .standard .standardcontent p {
	display: block;
	margin: 25px 0;
}

#leftcolumn .standard ul li {
	margin: 5px 0 0;
}

#leftcolumn .standard .side {
	display: block;
	width: 178px;
	padding: 10px 0 0 0;
	float: left;
/*1 regel van dick:*/
	clear: right;
}

#leftcolumn .standard .sider {
	display: block;
	width: 178px;
	padding: 10px 0px 0px 1px;
	text-align: center;
	float: right;
}

#leftcolumn .standard table {
	margin-top: 30px;
	float: left;
}

#leftcolumn .standard table th {
	padding: 6px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#leftcolumn .standard table td {
	padding: 3px 0;
}

#leftcolumn .standard table .price {
	text-align: right;
}

#leftcolumn .standard table .price input {
	margin: 15px 0 5px;
	height: 45px;
	padding: 0;
	display: block;
	float: right;
}

#leftcolumn .standard table img {
	vertical-align: middle;
}

#leftcolumn .standard select {
	width: 300px;
}

#leftcolumn .standard .button {
	text-align: right;
	clear: both;
}

#leftcolumn .standard .column {
	float: right;
	width: 527px;
}

#leftcolumn .standard input {
	margin: 30px 0 0;
	height: auto;
	border: 1px solid;
}

.price img {
	margin: 0 4px 0 0;
}

#leftcolumn .full {
	width: 698px;
	height: 68px;
	margin: 0 0 15px;
}

#leftcolumn .full span {
	margin: 0 0 0 25px;
}

#leftcolumn .full input {
	vertical-align: middle;
	width: 331px;
}

#leftcolumn .full select {
	vertical-align: bottom;
}

#leftcolumn .full .content {
	padding: 5px 0 0 0;
}

#leftcolumn .full .button {
	vertical-align: bottom;
	margin: 0 0 -1px 0;
	width: auto;
}

#leftcolumn .full p {
	margin: 0;
	padding: 0 0 0 6px;
}

/* Toggle */
.lined td.plus {
	text-align: right;
}

#hostingspecs table {
	margin: 15px 8px 0 15px !important;
	margin: 15px 8px 0 10px;
	float: left;
}

#contactform th {
	padding: 20px 0 0;
}

#contactform td {
	vertical-align: top;
	padding: 5px 0 0;
}

#contactform input {
	width: 326px;
}

#contactform input.buttonright {
	width: auto;
}

#contactform textarea {
	width: 328px;
}

#contactform select {
	width: 332px;
}

#contactform input.street {
	width: 269px;
}

#contactform input.small {
	width: 47px;
}

#contactform input.code {
	width: 76px;
}

#contactform input[type="radio"], #contactform input[type="checkbox"] {
	border: 0;
	margin: 0 15px;
	padding: 0;
	vertical-align: bottom;
	width: auto;
}

.extra {
	background: #edf3f5;
}

.extra p {
	margin: 5px;
}

.extra ul li {
	float: left;
	margin: 5px 40px 5px 5px;
}

.extra ul li input {
	margin: 0 5px 0 0;
	border: 0;
}

td img.button {
	vertical-align: middle;
}

.lined {
	margin: 15px 0 20px;
}

th {
	border-bottom: 1px solid #ccc;	
}

.lined td {
	padding: 2px 0 3px 0;
	border-bottom: 1px solid #dbe8eb;
}

.features {
	margin: 5px 0 20px;
	font-size: 14px;
}

.data {
	margin: 5px 0 20px;
	border-top: 1px solid #ccc;
}

.features td, .data td {
	padding: 10px 0;
}

.features td.right, .data td.right {
	text-align: right;
}

.data td {
	border-bottom: 1px solid #dbe8eb;
}

/* Rounded corners */
.roundcorners {
	padding: 10px;
}

.roundcorners .top {
	background: url(/images/roundcornertop.png) repeat-x;
	height: 10px;
}

.roundcorners .middle .left {
	background: url(/images/roundcornerleft.png) repeat-y;
	width: 10px;
}

.roundcorners .content {
	float: left;
}

.roundcorners .middle .right {
	background: url(/images/roundcornerright.png) repeat-y;
	width: 10px;
}

.roundcorners .left {
	float: left;
}

.roundcorners .right {
	float: right;
}

.roundcorners .bottom {
	background: url(/images/roundcornerbottom.png) repeat-x;
	height: 10px;
	clear: both;
}

.redroundcorners {
	padding: 10px;
}

.redroundcorners .top {
	background: url(/images/redroundcornertop.png) repeat-x;
	height: 10px;
}

.redroundcorners .middle .left {
	background: url(/images/redroundcornerleft.png) repeat-y;
	width: 10px;
}

.redroundcorners .content {
	float: left;
}

.redroundcorners .middle .right {
	background: url(/images/redroundcornerright.png) repeat-y;
	width: 10px;
}

.redroundcorners .left {
	float: left;
}

.redroundcorners .right {
	float: right;
}

.redroundcorners .bottom {
	background: url(/images/redroundcornerbottom.png) repeat-x;
	height: 10px;
	clear: both;
}

/* some other usefull classes */

.blue {
	background: #fff url(/images/bluegradient_background.gif) repeat-x bottom;
}

.bluereverse {
	background: #fff url(/images/bluegradient_background_reverse.gif) repeat-x top;
}

.contentimage {
	float: left;
	margin: 0 5px 5px 0;
}


/* hostingtool */

#hostingtool {
	width: 699px;
	height: 241px;	
	position: relative;
	top: 0px;
	z-index: 2;
	margin: 50px 0 6px 0;
}

#hostingtool .hostingcontent {
	width: 300px;
	padding: 15px 15px 0 200px;
	font-size: 14px;
	line-height: 18px;
	float: left;
}

#hostingtool .hostingcontent p {
	margin: 15px 0 5px 0;
	display: block;
}

#hostingtool .hostingcontent ul li {
	height: 23px;
	list-style-position: inside;
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#hostingtool .side {
	margin: 0;
	padding: 15px 0 0 0;
	width: 178px;
	float: left;
}

#hostingtool .sider {
	margin: 0;
	padding: 15px 0 0 0;
	width: 178px;
	float: right;
}

#hostingtool .side img {
	margin: 0 0 5px;
}

#hostingtool ul.tabs {
	background: url(../images/hostingtool_tabs_background.gif) repeat-x;
	position: absolute;
	top: -25px;
	left: 10px;
	display: inline;
	width: 600px;
	text-align: left;
}

/* hostingtool specs */
#hostingtool .specsbutton {
	width: 144px;
	height: 33px;
	position: absolute;
	bottom: 4px !important;
	bottom: -71px;
	left: 193px;
}

#hostingspecs {
	background: url(/images/specs_background.gif) repeat-x top;
	width: 672px;
	height: 282px;
	margin: 0 auto;
	position: relative;
	top: -10px;
	z-index: 2;
}

/* Tabs */

ul.tabs {
	width: 703px;
	display: block;
	height: 30px;
	background: url(/images/tabs_background.gif) repeat-x;
	padding: 0 5px;
	margin: 0 0 15px 0;
	clear: both;
	float: none;
	list-style-position: inside;
	list-style-type: none;
}

ul.tabs li {
	margin: 0 0 0 10px !important;
	margin: 0 0 0 5px;
	padding: 8px 16px 0;
	float: left;
	height: 22px;
	background: url(/images/tabs_middle.gif) repeat-x;
	white-space: nowrap;
	text-align: center;
}

ul.tabs li.active {
	background: url(/images/tabs_active_middle.gif) repeat-x;
}

ul.tabs li .tableft {
	float: left;
	background: url(/images/tabs_left.gif) no-repeat;
	width: 8px;
	height: 30px;
}

ul.tabs li.active .tableft {
	background: url(/images/tabs_active_left.gif) no-repeat;
}

ul.tabs li a, ul.tabs li a:visited {
	color: #fff;
	text-decoration: none;
}

ul.tabs li.active a, ul.tabs li.active a:visited {
	color: #4a8b99;
	text-decoration: none;
}

ul.tabs li .tabmiddle {
	background: url(/images/tabs_right.gif) no-repeat right;
	height: 22px;
	color: #fff;
	padding: 8px 12px 0 4px;
	display: block;
	text-align: center;
}

ul.tabs li.active .tabmiddle {
	background: url(/images/tabs_active_right.gif) no-repeat right;
}

/* hostingtool tabs */

#hostingtool ul.tabs li {
	width: 93px;
	text-align: left;
}

#hostingtool ul.tabs li.active {
	background: url(/images/hostingtool_tabs_active_middle.gif) repeat-x;
}

#hostingtool ul.tabs li.active  .tableft {
	background: url(/images/hostingtool_tabs_active_left.gif) no-repeat;
}

#hostingtool ul.tabs li.active .tabmiddle {
	background: url(/images/hostingtool_tabs_active_right.gif) no-repeat right;
}

/* Sidebar blocks */
#colocatedhostingsidebar {
	background: url(/images/colocatedhostingsidebar.jpg) no-repeat center center;
}

#sharedhostingsidebar {
	background: url(/images/sharedhostingsidebar.jpg) no-repeat center center;
}

#dedicatedserverssidebar {
	background: url(/images/dedicatedserverssidebar.jpg) no-repeat center center;
}

.sidebarblock {
	position: relative;
	top: 0px;
	z-index: 1;
	margin: 7px 7px 0 0;
	width: 222px;
	height: 214px;
	float: left;
	padding: 8px 0 0 6px;
}

.sidebarblock .content {
	padding: 8px 0 0 6px;
	width: 205px;
	display: block;
}

.sidebarblock .button {
	position: absolute;
	left: 10px;
	top: 95px;
}

.sidebarblockother {
	margin: 7px 7px 0 0;
	width: 222px;
	height: auto;
	float: left;
	height: 165px;
	padding: 8px 0 0 6px;
	background: url(/images/sidebarblock_background.gif) #fff no-repeat center bottom;
}

.sidebarblockother p {
	padding: 0 0 5px 0;
}

.sidebarblockother .content {
	position: relative;
	top: 0px;
	z-index: 1;
	padding: 8px 0 0 6px;
	width: 205px;
	display: block;
}

#vacatures {
	margin: 0 0 0 17px;
	border-top: 1px solid #ccc;
}

#vacatures p {
	margin: 0 0 15px;
	padding: 0;
}

#vacatures .title {
	color: #9d3b4b;
	font-weight: bold;
}

#vacatures div {
	border-bottom: 1px solid #ccc;
	padding: 7px 0;
}

#vacatures .title img {
	float: right;
	margin: 0 10px;
}

#vacatures a:link, #vacatures a:visited {
	text-decoration: none;
}

.offerteform td {
            vertical-align: top;
            padding: 5px 0 0;
            margin: 0px;
}

 

#leftcolumn .standard .offerteform tr td input {
            width: 280px;
            border: 1px solid #a5acb2;
            margin: 3px 0;
            position: relative;
            top: 0px;
}

 

#leftcolumn .standard .offerteform #imageField {
            width: auto;
            border: 0px;

}

.toolbar { background: #edf3f4; font: bold 11px Arial, Helvetica, sans-serif; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display:inline-block; }
    /* IE Mac Hide \*/
.clearfix { display:block; }
    /* IE Mac Hide End */