html, body {
	background: #e0ebf8 url(background_overlay.png) repeat-x center top;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#container {
	width: 900px;
	padding: 0px 50px;
	min-height: 100%;
	margin: 0px auto;
	background: url(background.png) repeat-y center top;
}



/* BANNER */
/* Banner of the page */

#banner {
	height: 120px;
	background: url(banner_bg.png) repeat-x;
}
#banner_img {
	background: url(banner_img.png) no-repeat 15px 15px;
	height: 120px;
}



/* MAINMENU */
/* Mainmenu of the page */

#mainmenu {
	height: 69px;
	padding-left: 191px;
	background: url(mainmenu_bg.png) repeat-x;
}
#mainmenu .item {
	float: left;
	position: relative;
	width: 100px;
	text-align: center;
}
#mainmenu .item a {
	display: block;
	height: 33px;
	font: bold 11px/24px verdana;
	padding-top: 5px;
	text-decoration: none;
	color: #444444;
}
#mainmenu .item a:hover, #mainmenu .active a {
	background: url(mainmenu_bg.png) repeat-x 0px -138px;
}
#mainmenu .item .mirror {
	height: 25px;
	padding-top: 0px;
	font: bold 11px/24px verdana;
	color: #bbbbbb;
}
#mainmenu .item .overlay {
	height: 30px;
	width: 100px;
	position: absolute;
	top: 39px;
	left: 0px;
	background: url(mainmenu_overlay.png) repeat-x 0px -3px;
}
#mainmenu .sep {
	float: left;
	height: 69px;
	width: 3px;
	background: url(mainmenu_bg.png) no-repeat 0px -69px;
}



/* CONTENT */
/* Content of the page */

#content {
	padding-top: 10px;
	overflow: auto;
	padding-bottom: 40px;
}



/* SIDEBAR */
/* Sidebar of the page, contains menu's, ads, info and apps */

#sidebar {
	display: block;
	float: left;
	width: 200px;
	margin-left: 20px;
}
.sideBlock {
	margin: 0px 0px 20px 0px;
}
.sideBlock .title {
	height: 30px;
	background: url(sideblock_bg.png) no-repeat;
	font: italic bold 15px/30px arial;
	color: white;
	padding-left: 10px;
}
.sideBlock .menu {
	background: url(sideblock_bg.png) repeat-y -200px 0px;
	padding-top: 8px;
}
.sideBlock .body {
	background: url(sideblock_bg.png) repeat-y -200px 0px;
	font: 12px "trebuchet ms";
	color: #333333;
}
.sideBlock .body p {
	padding: 10px 10px 0px 10px;
	margin: 0px;
}
.sideBlock .body a {
	color: #2890d2;
	text-decoration: none;
}
.sideBlock .body a:hover {
	color: black;
}
.sideBlock .footer {
	height: 10px;
	background: url(sideblock_bg.png) no-repeat 0px -30px;
}
.sideBlock .menu a {
	display: block;
	font: 12px/24px "trebuchet ms";
	color: #555555;
	height: 24px;
	padding-left: 20px;
	text-decoration: none;
	background: url(pointer.png) no-repeat 10px 7px;
}
.sideBlock .menu a:hover {
	background-color: white;
}
.sideBlock .menu a.active {
	font-weight: bold;
	background-color: white;
	border: 1px solid #cccccc;
	border-right: none;
	border-left: none;
}
.sideBlock .menu a.indent {
	padding-left: 30px;
	background-position: 20px 7px;
}
#pv_container {
	position: relative;
	overflow: hidden;
	height: 162px;
}
.pv_block {
	position: absolute;
	top: 0px;
	left: 0px;
}
.pv_title {
	height: 15px;
	font: bold 12px "trebuchet ms";
	padding: 8px 0px 4px 10px;
}
.pv_img {
	display: block;
	width: 178px;
	height: 133px;
	border: 1px solid #cccccc;
	margin: 0px 0px 0px 10px;
	background-position: -1px -1px;
}



/* TEXT */
/* Text on the page */

#text {
	width: 630px;
	margin-left: 250px;
	padding-bottom: 20px;
	font-family: "trebuchet ms";
	color: #333333;
}
#text h1 {
	margin: 0px 0px 10px 0px;
	font: bold 18px "trebuchet ms";
}
#text p {
	font: 13px/20px "trebuchet ms";
	margin: 0px 0px 10px 0px;
}
#text p.right {
	float: right;
	width: 300px;
}
#text p i.pre {
	display: inline-block;
	width: 160px;
	text-align: right;
	padding-right: 10px;
}
#text h2 {
	font: bold 16px "trebuchet ms";
	margin: 20px 0px 6px 0px; 
}
h3 {
	font: bold 14px "trebuchet ms";
	margin: 20px 0px 4px 0px; 
}
#text a {
	color: #2890d2;
}
#text a:hover {
	color: black;
}
#text ul {
	padding-left: 8px;
	margin: 0px 0px 16px 0px;
	list-style-type: none;
}
#text ul li {
	background: url(pointer.png) no-repeat 0px 9px;
	font: 13px "trebuchet ms";
	color: #333333;
	padding: 3px 0px 3px 10px;
	margin: 0px;
}
#text .button {
	display: block;
	width: 110px;
	height: 24px;
	padding-left: 10px;
	background: url(button_blue.png) no-repeat 0px 0px;
	font: bold 12px/24px "trebuchet ms";
	text-decoration: none;
	color: white;
}
#text input.button {
	border: none;
	text-align: left;
	width: 120px;
	cursor: pointer;
}
#text .button:hover {
	background-position: 0px -24px;
	color: white;
}
#text pre.code {
	border-left: 2px solid green;
	color: green;
	padding: 0px 10px;
}
#text p.ster {
	color: #555555;
	font: italic 11px "trebuchet ms"; 
}
#text .fc_item {
	padding: 10px;
	width: 596px;
	border: 2px solid #999999;
	background: #f4f4f4;
	font: bold 14px trebuchet ms;
}
#text .fc_item h3 {
	margin: 0px;
	font: bold 14px "trebuchet ms";
}
#text .fc_item p {
	font: 12px "trebuchet ms";
	margin: 4px 0px 10px 0px;
}
#text .fc_item ul {
	padding-left: 8px;
	margin: 0px 0px 8px 0px;
	list-style-type: none;
}
#text .fc_item ul li {
	background: url(pointer.png) no-repeat 0px 50%;
	font: 12px "trebuchet ms";
	color: #333333;
	padding-left: 10px;
	margin: 0px;
}
#text .fc_item_gray {
	padding: 3px 0px;
	width: 100px;
	margin-left: 250px;
	background: #999999;
	font: bold 14px trebuchet ms;
	text-align: center;
	color: white;
}
#text .fc_arrow_down {
	width: 0px;
	height: 0px;
	border: 10px solid white;
	border-top: 10px solid #999999;
	margin: 0px 0px -10px 290px;
}
#text .contact_form {
	padding: 10px 0 0 0;
}
#text .contact_form i.pre {
	display: block;
	font: italic 11px "trebuchet ms";
	color: #555555;
	margin: 16px 0 0 0;
}
#text .contact_form .input_text, #text .contact_form .input_text_long {
	width: 240px;
	font: 12px "trebuchet ms";
	color: #333;
}
#text .contact_form .input_text_long {
	width: 320px;
}
#text .contact_form textarea {
	width: 400px;
	height: 200px;
	font: 12px "trebuchet ms";
	padding: 4px 6px;
	color: #333;
	margin: 0 0 10px 0;
}
#text .contact_form .textarea_long {
	width: 600px;
	height: 300px;
}
#text #sitemap a, #text #sitemap b {
	display: block;
	font: 12px "trebuchet ms";
	text-decoration: none;
	background: url(pointer.png) no-repeat 0px 9px;
	padding: 3px 0px 3px 10px;
	margin: 0px;
}
.tutorial_block {
	border: 1px solid #eeeeee;
	padding: 6px 10px;
	height: 78px;
	margin-top: 10px;
}
#text .tutorial_block h2 {
	margin: 0px;
}
.tutorial_block h2 a {
	text-decoration: none;
}
#text .tutorial_block p {
	margin: 10px;
}
.tutorial_block img {
	border: 1px solid #cccccc;
	width: 40px;
	height: 40px;
	float: left;
	display: block;
	margin: 10px 10px 10px 0;
}



/* REPLIES */
#replies {
	width: 630px;
	margin-left: 250px;
	padding-bottom: 20px;
	font-family: "trebuchet ms";
	color: #333333;
}
#replies .title {
	margin: 0px 10px 0px 10px;
	height: 30px;
	background: url(block_bg.png);
}
#replies .title div {
	height: 30px;
	margin-left: -10px;
	background: url(block_bg.png) no-repeat 0% -30px;
}
#replies .title div div {
	height: 30px;
	font: italic bold 15px/30px arial;
	color: white;
	padding-left: 20px;
	margin-right: -10px;
	background: url(block_bg.png) no-repeat 100% -60px;
}
#replies .block {
	border: 1px solid #cccccc;
	border-top: none;
	background: #f4f4f4;
	padding-top: 10px;
}
#replies .reply {
	margin: 0px 10px 10px 10px;
	background: white;
	border: 1px solid #dddddd;
	font: 12px "trebuchet ms";
}
#replies .reply .reply_head {
	margin: 0px 10px;
	font: italic 11px/24px "trebuchet ms";
	border-bottom: 1px solid #dddddd;
	color: #999999;
}
#replies .reply .reply_head span {
	float: right;
}
#replies .reply p {
	margin: 10px;
	font: 12px "trebuchet ms";
}
#replies h2 {
	font: bold 16px "trebuchet ms";
	margin: 20px 10px 10px 130px;
	border-bottom: 1px solid #dddddd;
}
#replies .input_pre {
	float: left;
	width: 120px;
	text-align: right;
	padding: 3px 10px 0px 0px;
	font: 11px "trebuchet ms";
}
#replies .input_text, #replies textarea {
	display: block;
	font: 12px "trebuchet ms";
	padding: 2px 4px;
	width: 200px;
	border: 1px solid #dddddd;
	margin: 0px 0px 6px 0px;
}
#replies textarea {
	width: 400px;
	height: 160px;
}
#replies .ps {
	font: italic 11px "trebuchet ms";
	margin: 10px 0px 10px 130px;
}
#replies .button {
	display: block;
	height: 24px;
	margin-left: 130px;
	padding-left: 10px;
	background: url(button_blue.png) no-repeat 0px 0px;
	font: bold 12px/24px "trebuchet ms";
	text-decoration: none;
	color: white;
	border: none;
	text-align: left;
	width: 120px;
	cursor: pointer;
}
#replies .button:hover {
	background-position: 0px -24px;
	color: white;
}
#replies p.error, #replies p.succes {
	margin: 0px 10px 10px 10px;
	padding: 10px;
	background: #ffcccc;
	border: 1px solid #cccccc;
	font: bold 12px "trebuchet ms";
}
#replies p.succes {
	background: #ccffcc;
}



/* MESSAGES */
.message_error, .message_succes, .message_warning {
	margin: 10px 0px;
	padding: 8px 10px 10px 68px;
	background: #fdeded url(icons/cancel_48.png) no-repeat 8px 6px;
	border: 1px solid #ec5555;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.message_succes {
	background: #e5fbe0 url(icons/succes_48.png) no-repeat 8px 6px;
	border: 1px solid #12bc05;
}
.message_warning {
	background: #fbf3e0 url(icons/error_48.png) no-repeat 8px 6px;
	border: 1px solid #bc8a05;
}
.message_error h3, .message_succes h3, .message_warning h3 {
	margin: 0px 0px 6px 0px;
	font: bold 16px arial;
}
.message_error p, .message_succes p, .message_warning p {
	margin: 0px;
	font: 12px trebuchet ms;
}



/* WHOIS BLOCK */
.whois_button {
	margin-left: 140px;
}
#whois_input {
	display: block;
	border: 1px solid #cccccc;
	height: 22px;
	width: 120px;
	float: left;
	padding: 0px 5px;
	font: bold 12px/24px "trebuchet ms";
	color: #333333;
}
#whois_block {
	padding: 6px 0px 0px 0px;
}
.whois_item {
	display: none;
	border: 1px solid #eeeeee;
	font: 11px/24px "trebuchet ms";
	color: #555555;
	height: 24px;
	padding: 0px 2px 0px 26px;
	background: url(whois_status.png) no-repeat 24px 24px;
	margin: 2px 0px;
	width: 230px;
}
.whois_item div {
	float: right;
	width: 60px;
}
.whois_status_vrij {background-position: 0px -48px;}
.whois_status_onbekend {background-position: 0px 0px;}
.whois_status_bezet {background-position: 0px -24px;}



/* PROJECT BLOCK */
/* Projecten tegels op de projecten pagina */
.pb_block {
	margin: 20px 0px 0px 5px;
}
.pb_item {
	float: left;
	width: 182px;
	height: 157px;
	margin: 0px 18px 18px 0px;
	background: #eeeeee;
	padding: 5px;
}
.pb_item_last {
	margin-right: 0;
}
.pb_item h3 {
	font: bold 14px "trebuchet ms";
	margin: 0;
	height: 20px;
}
.pb_item a {
	display: block;
	height: 135px;
	width: 180px;
	border: 1px solid #cccccc;
}



/* PAKKET BLOCK */
/* Kolommen om een bepaald pakket aan te duiden */

.pk_block {
	overflow: auto;
	padding: 20px 0px;
}
.pk_col {
	float: left;
	width: 200px;
	margin-right: 10px;
}
.pk_body {
	background: url(sideblock_bg.png) repeat-y -200px 0px;
	padding: 10px 4px;
}
.pk_body p {
	font: 11px/18px "trebuchet ms" !important;
	padding: 0px 6px;
}
#text .pk_body li {
	font: 11px/24px "trebuchet ms";
	background-position: 0px 50%;
}
.pk_block h3 {
	height: 30px;
	background: url(sideblock_bg.png) no-repeat -400px 0px;
	font: italic bold 15px/28px arial;
	color: white;
	padding: 0px 10px;
	margin: 0px;
}
.pk_block .pk_prijs {
	background-position: -400px -40px;
	text-align: right;
}
.pk_block .pk_prijs i {
	font-size: 11px;
}
.pk_block .pk_prijs i:first-child {
	padding-right: 10px;
}





/* FOOTER */
/* Footer of the page */

#footer {
	height: 29px;
	padding: 11px 15px 0px 15px;
	width: 870px;
	background: url(footer_bg.png) repeat-x;
	margin: -40px auto 0px auto;
	font: 11px "trebuchet ms";
	color: #555555;
}
#footer_right {
	float: right;
	text-align: right;
}
#footer_left {
	float: left;
}
#footer_center {
	width: 400px;
	margin-left: 235px;
	text-align: center;
}
#footer_center a {
	text-decoration: none;
	color: #555555;
}
#footer_center a:hover {
	text-decoration: underline;
	color: black;
}