/*
	## GLOBAL ##
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url("data:image/png;base64,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") repeat-x;
	font: 14px "Arial", "Verdana", sans-serif;
	color: #343434;
	overflow: -moz-scrollbars-vertical;
}

p {
	line-height: 18px;
}

h1 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	color: #f7911e;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #08435f;
}

h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #343434;
}

a:hover {
	text-decoration: underline;
}

img, img a {
	border: none;
}

/*
	## ID ##
*/

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

#cartcontent {
	position: absolute;
	margin-top: -10px;
	margin-left: 50px;
}

#hostingbestekeuze {
	z-index: 1000;
	position: absolute;
	margin-top: 0px;
	margin-left: 570px;
}

#quick {
	float: right;
	padding-right: 20px;
	margin-top: 45px;
}
	#quick li {
		list-style-type: none;
		margin-top: 3px;
	}

	#quick img {
		margin-bottom: -2px;
	}

#header {
	padding-top: 45px;
	padding-left: 20px;
	height: 90px;
}

#navigation {
	height: 39px;
	background: transparent url("/ext/i/menu_background.png") no-repeat;
	padding-left: 20px;
}

	#navigation ul li {
		float: left;
		color: #fff;
		list-style-type: none;
		margin-right: 30px;

		padding-top: 10px;
		padding-bottom: 19px;
	}

	#navigation a {
		color: #fff;
		text-decoration: none;
	}

	#navigation li:hover {
		cursor: pointer;
		background: transparent url("/ext/i/menu_selected.png") no-repeat 50% 100%;
	}

	#navigation #active {
		background: transparent url("/ext/i/menu_selected.png") no-repeat 50% 100%;
	}



.service {
	background: transparent url("/ext/i/diensten/container_spacer.png") repeat-y;
	padding-top: 3px;
}
	.service #sum {
		margin-left: 30px;
		margin-top: 10px;
		font-size: 11px;
	}

	.service table {
		width: 100%;
	}

	.service .even {
		background-color: #f0f0f0;
	}

	.service table th {
		width: 25%
	}

	.service table th {
		font-weight: normal;
		text-align: left;
		padding: 4px 0px 4px 10px;
	}

	.service img {
		margin-top: 4px;
	}

.software {
	background: transparent url("/ext/i/diensten/container_spacer.png") repeat-y;
	padding-top: 3px;
}

.software p {
	margin-bottom: 15px;
	}

.software ul li {
	list-style-position: inside;
	}

#groupone {
	margin-top: 15px;
	margin-bottom: 15px;
}
	#eyecatcher {
		float: left;
		width: 639px;
		height: 139px;
		font: 12px "Arial", "Verdana", sans-serif;
	}

		#eyecatcher #switcher {
			position: absolute;
			margin-left: 580px;
			margin-top: 10px;
			font: bold 10px "Verdana", "Arial", sans-serif;
			color: #fff;
			text-shadow: #000 1px 1px 2px;
		}

		#eyecatcher #switcher span {
			float: left;
			width: 16px;
			height: 16px;
			cursor: pointer;
		}

		#eyecatcher #switcher .nocircle {
			width: 12px;
			height: 15px;
			padding-left: 4px;
			padding-top: 1px;
		}

		#eyecatcher #switcher .circle {
			background: transparent url("/ext/i/eyecatcher/circle.png") no-repeat;
			width: 12px;
			height: 15px;

			padding-left: 4px;
			padding-top: 1px;
		}

		#eyecatcher h4 {
			font-size: 12px;
			font-weight: bold;
			color: #f1f1f1;
			margin-bottom: 5px;
		}

		#eyecatcher #text {
			position: absolute;
			margin-top: 30px;
			margin-left: 20px;
			color: #d2d2d2;
			background: transparent url("/ext/i/eyecatcher/background-text.png") no-repeat;
			width: 269px;
			height: 109px;

			text-shadow: #000 1px 1px 1px;
		}

		#eyecatcher .eyecatchertext {
			position: absolute;
			margin-left: 10px;
			margin-top: 10px;
			width: 255px;
		}

	#domain {
		float: right;
		background: transparent url("/ext/i/eyecatcher/domain_background.png") no-repeat;
		width: 273px;
		height: 125px;
		padding: 7px;
	}
		#domain h1 {
			margin-bottom: 5px;
		}

		#domain .text {
			display: block;
			float: left;
			background: transparent url("/ext/i/eyecatcher/input_text.png") no-repeat;
			border: none;
			width: 191px;
			height: 25px;
			margin-right: 5px;
			font: 12px "Arial", "Verdana", sans-serif;
			padding-left: 5px;
		}

		#domain .button {
			display: block;
			float: left;
			cursor: pointer;
			background: transparent url("/ext/i/eyecatcher/button_check.png") no-repeat;
			border: none;
			width: 60px;
			height: 25px;
		}

		#domain .button:hover {
			background: transparent url("/ext/i/eyecatcher/button_check_hover.png") no-repeat;
		}


#service {
	background: transparent url("/ext/i/bottom/logo_background.png") no-repeat;
	height: 41px;
	width: 921px;
	padding-left: 10px;
	padding-bottom: 15px;
}

	#service ul li {
		float: left;
		list-style-type: none;
		margin-right: 83px;

		cursor: pointer;

		padding-top: 10px;
		padding-bottom: 19px;
	}

	#service .last {
		margin-right: 0px;
	}

	#service .servicecolor {
		color: #08435f;
	}

#bottom {
	margin-top: 10px;
	font-size: 10px;
	color: #618190;
	text-align: center;
	width: 931px;
}
	#bottom p {
		line-height: normal;
	}

	#bottom li {
		float: left;
		list-style-type: none;
		margin: 5px 116px 0px 0px;
		height: 33px;
	}

	#bottom #last {
		margin-right: 0px;
	}

	#bottom p {
		margin-top: 10px;
	}

#servicetext {
	position: absolute;
	color: #d2d2d2;
	text-shadow: #000 1px 1px 1px;
	width: 339px;
	height: 99px;
	margin-top: 30px;
	margin-left: 20px;

	padding: 10px 15px 0px 10px;
	background: transparent url("/ext/i/eyecatcher/background-big-text.png") no-repeat;
}
	#servicetext h4 {
		font-size: 15px;
		font-weight: bold;
		color: #f1f1f1;
		margin-bottom: 5px;
	}

#headerservices {
	width: 921px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-left: 10px;
	height: 38px;
	background: transparent url("/ext/i/diensten/service_menu_bg.png") no-repeat;
}
	#headerservices ul {
		margin-bottom: 0px;
	}

	#headerservices li {
		float: left;
		list-style-type: none;
		margin-right: 120px;
		padding-top: 5px;
		padding-bottom: 18px;
	}

	#headerservices li:hover {
		cursor: pointer;
		background: transparent url("/ext/i/diensten/service_selected.png") no-repeat 50% 100%;
	}

	#headerservices li:hover {
		cursor: pointer;
		background: transparent url("/ext/i/diensten/service_selected.png") no-repeat 50% 100%;
	}

	#headerservices #activeservice {
		background: transparent url("/ext/i/diensten/service_selected.png") no-repeat 50% 100%;
	}

	#headerservices #activeservice h1 {
	}

	#headerservices .last {
		margin-right: 0px;
	}

	#headerservices h1 {
		color: #08435f;
	}

	#headerservices a {
		color: #08435f;
		text-decoration: none;
	}

#servicesh1 {
	margin-left: 10px;
	margin-bottom: 5px;
}

#helpdeskleft {
	float: left;
	width: 190px;
	padding-top: 10px;
}
	#helpdeskleft li {
		font-weight: bold;
		list-style-type: none;
	}

	#helpdeskleft ul ul {
		margin-bottom: 10px;
	}

	#helpdeskleft li li {
		list-style-type: circle;
		list-style-position: inside;
		font-weight: normal;
		padding-left: 10px;
	}

#helpdeskright {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	width: 710px;
}
	#helpdeskright .large {
		width: 600px;
		margin-bottom: 40px;
		margin-top: 15px;
	}

	#helpdeskright h2 {
		margin-bottom: 10px;
	}

	#helpdeskright p {
		margin-bottom: 10px;
	}

#bubblediv {
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	top: -100;
	padding: 5px;
	background-color: #fff;
	color: #343434;

	border: 2px solid #f7911e;
	border-radius: 5px;
	-moz-border-radius: 5px;

	margin-left: 10px;
}


/*
	## CLASSES ##
*/

.container_top {
	height: 13px;
	background: transparent url("/ext/i/diensten/container_top.png") no-repeat;
}

.container_bottom {
	height: 13px;
	background: transparent url("/ext/i/diensten/container_bottom.png") no-repeat;
	margin-bottom: 15px;
}

.clear {
	clear: both;
}

.pointer {
	cursor: pointer;
}

.textright {
	text-align: right;
	width: 30px;
	cursor: help;
}



/* FancyBox stuff? */

.input {
	width: 300px;
	border: 1px solid #cacaca;
	padding: 2px;
}

	.input_tiny {
		width: 30px;
		border: 1px solid #cacaca;
		padding: 2px;
	}

	.input_less_tiny {
		width: 50px;
		border: 1px solid #cacaca;
		padding: 2px;
	}

	.input_medium {
		width: 60px;
		border: 1px solid #cacaca;
		padding: 2px;
	}

	.input_large {
		width: 230px;
		border: 1px solid #cacaca;
		padding: 2px;
	}

	.input_small {
		width: 100px;
		border: 1px solid #cacaca;
		padding: 2px;
	}

.textarea {
	width: 294px;
	height: 100px;
	border: 1px solid #cacaca;
	padding: 2px;
}

.orderproduct {
	padding: 25px;
	border: 3px solid #f7911e;
	border-radius: 7px;
	-moz-border-radius: 7px;
	background-color: #fff;
}
	.orderproduct p {
		margin-bottom: 20px;
	}

	.orderproduct .input {
		width: 400px;
		margin-bottom: 8px;
	}

	.orderproduct h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.orderproduct h2 .orange {
		color: #f7911e;
	}

	.orderproduct .submitbutton {
		margin: 15px 0px 0px 340px;
	}

#fancybox-content {
	background-color: transparent !important;
}


/* moar of Kompjoe's fail-stuff */

.input_with_icon {
	width: 307px;
	border: 1px solid #cacaca;
	padding: 2px;
}

.icon_with_input {
	width: 16px;
	height: 16px;
	margin-left: 2px;
}

#domain_selection {
	width: 65px;
}

.helpdeskinfopane {
	margin-top: 50px;
	font-size: 10px;
	color: #616161;
	padding: 10px 0px 10px 15px;
	border: 1px solid #e5e5e5;
	background-color: #fffee6
}
	.helpdeskinfopane img {
		margin-top: -2px;
	}