html, body
{
	font-family: Verdana;
	font-size: 11px;
	color: #797979;
	background-image: url(../img/bg.png);
	background-position: center top;
	background-repeat: repeat-y;
	background-color: #f3f3f3;
	margin: 0px 0px 0px 0px;
}

a, a:link, a:visited, a:active
{
	font-size: 11px;
	color: #636363;
	text-decoration: none;
}
a:hover
{
	font-size: 11px;
	color: #2d2d2d;
	text-decoration: underline;
}

img
{
	border: 0px;
}

.tbl0 {
	padding: 4px 4px 4px 4px;
	width: 100%;
}

.tbl1
{
	border: 1px solid #b9b7b7;
	background-color: #edebeb;
	padding: 7px 0px 7px 7px;
	width: 100%;
}

.tbl1 td
{
	padding: 2px;
}

.tbl0 td
{
	border-bottom: 1px solid #dfdfdf;
	height: 16px;
	padding: 4px 6px 2px 6px;
}

.tbl0 tr:hover
{
	background-color: #edebeb;
	cursor: pointer;
	color: #d8aa1f;
}

#error
{
	width: auto;
	padding: 5px 5px 5px 15px;
	/*
	background-color: #ffddc7;
	border: 1px solid #ff6600;
	color: #ff6600;
	*/
	border: 1px solid #b9b7b7;
	background-color: #edebeb;
	color: #797979;
	margin: 5px 0px 5px -11px;
}

#site
{
	width: 876px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 12px 2px 12px;
}

#tophead
{
	height: 95px;
	width: auto;
}
	#logo
	{
		width: 210px;
		height: 88px;
		float: left;
		margin-left: 10px;
	}
	
	#login
	{
		margin-top: 15px;
		margin-right: 15px;
		color: #797979;
		float: right;
		font-size: 10px;
	}
		#login table
		{
			border: 0px;
		}
		
		#login td
		{
			text-align: right;
			padding: 0px 2px 0px 2px;
		}
		
		#login input
		{
			width: 190px;
			height: 18px;
			border: 0px;
			font-size: 10px;
			float: right;
			color: #797979;
		}
		
		#submitinlog, #submitinlog a, #submitinlog a:link, #submitinlog a:active, #submitinlog a:visited
		{
			float: left;
			text-decoration: none;
			color: #797979;
			margin-left: 2px;
		}
		
		#submitpass, #submitpass a, #submitpass a:link, #submitpass a:active, #submitpass a:visited
		{
			float: right;
			text-decoration: none;
			color: #797979;
			margin-right: 2px;
		}

		#email
		{
			background-image: url(../img/login_email.png);
			background-repeat: no-repeat;
			background-color: #f3f3f3;
			padding-top: 5px;
			padding-left: 25px;
		}
		
		#pass
		{
			background-image: url(../img/login_pass.png);
			background-repeat: no-repeat;
			background-color: #f3f3f3;
			padding-top: 5px;
			padding-left: 25px;
		}

#head
{
	height: 131px;
	width: auto;
}
	#submenu
	{
		height: 96px;
		font-size: 12px;
		cursor: pointer;
	}
		#submenu a:link, #submenu a:active, #submenu a:visited
		{
			color: #715b1d;
			text-decoration: none;
		}
		
		#submenu a:hover
		{
			color: #3f3f3f;
			text-decoration: none;
		}
		
		#submenu ul
		{
			float: left;
			margin-top: 0px;
			margin-bottom: 0px;
			list-style-image: url(../img/bull_submenu.png);
		}
		
		#submenu li
		{
			margin: 0px 0px 4px 0px;
		}
		
		#onsaanbod {
			display: none;
			float: left;
			background-image: url(../img/submenu_bg.png);
			background-repeat: no-repeat;
			padding: 11px 0px 0px 0px;
			margin-left: 36px;
			margin-top: 23px;
			width: 500px;
			height: 62px;
			overflow: hidden;
			cursor: default;
		}
		
	#menu
	{
		height: 35px;
		background-image: url(../img/menu_bg.png);
		background-repeat: repeat-x;
	}
		#menu .left
		{
			float: left;
		}
		
		#menu .right
		{
			float: right;
			height: 35px;
		}
		
		#menuReferenties, #menuPortfolio, #menuOnsaanbod, #menuWebmail, #menuPhpmyadmin
		{
			display: block;
			cursor: pointer;
			height: 35px;
			float: left;
			margin-left: 3px;
		}
		
		#menuContacteerons
		{
			display: block;
			cursor: pointer;
			height: 35px;
			float: right;	
			margin-right: 3px;
		}

#content
{
	height: auto;
	width: auto;
	margin-top: 10px;
}
	#contentText
	{
		width: auto;
		float: left;
		margin-left: 45px;
		margin-right: 10px;
	}
		#pagenavigator
		{
			font-size: 11px;
			color: #797979;
			margin-left: -30px;
		}
		
		#pagenavigator a:link, #pagenavigator a:visited, #pagenavigator a:active
		{
			color: #797979;
			text-decoration: none;
		}
		
		#pagenavigator a:hover
		{
			color: #797979;
			text-decoration: underline;
		}
		
		#contentText h1
		{
			margin: 15px 0px 10px -45px;
			padding-left: 30px;
			height: 22px;
			color: #272727;
			font-size: 18px;
			text-transform: capitalize;
			background-image: url(../img/bull.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			font-weight: normal;
		}
		
		#contentText .link
		{
			cursor: pointer;
		}
		
		#contentText h1:first-letter
		{
			color: #d8aa1f;
		}
		
		#contentText h2
		{
			color: #d8aa1f;
			margin: 15px 0px 5px -10px;
			font-size: 13px;
			text-transform: capitalize;
			font-weight: bold;
		}
		
		#contentText .input
		{
			color: #000000;
			padding: 2px 2px 2px 2px;
			font-size: 11px;
			border: 1px solid #b9b7b7;
			background-color: #f3f3f3;
		}
		
		#contentText .input:hover
		{
			border: 2px solid #dbad22;
			margin: -1px;
			background-color: #edebeb;
		}
		
		#contentText #bedrijf, #contentText #domeinnamen, #contentText .forrm
		{
			padding: 2px 2px 2px 15px;
		}
		
		#contentText b
		{
			color: #d8aa1f;
		}
		
		#contentText .orang
		{
			border: 1px solid #797979;
		}
		
		#contentText .orang:hover
		{
			border: 1px solid #d8aa1f;
		}
		
	#contentPromo
	{
		width: 216px;
		float: right;
	}
		#livechat
		{
			width: 216px;
			height: 51px;
			cursor: pointer;
		}
		
		.packageItem
		{
			width: 216px;
			height: 131px;
			margin-top: 10px;
			cursor: pointer;
		}
			.packageItemTop
			{
				background-image: url(../img/package_bg.png);
				background-repeat: no-repeat;
				font-size: 12px;
				height: 86px;
				padding: 8px 6px 2px 6px;
				color: #585858;
			}
				.packageItemTop h1
				{
					text-transform:uppercase;
					font-size: 18px;
					font-weight: bold;
					margin: 0px 0px 3px 3px;
					text-align: left;
					color: #343434;
				}
				
				.packageItemTop img
				{
					margin-left: 15px;
				}
			
			.packageItemBottom
			{
				height: 20px;
				text-align: right;
				padding: 7px 6px 8px 6px;
				color: #797979;
				font-size: 10px;
			}
				.packageItemBottom b
				{
					font-size: 20px;
					font-weight: bold;
					color: #272727;
				}
			
			#packageItemBottomBlue
			{
				background-image: url(../img/package_blue.png);
				background-repeat: no-repeat;
			}
			
			#packageItemBottomGreen
			{
				background-image: url(../img/package_green.png);
				background-repeat: no-repeat;
			}
			
			#packageItemBottomOrange
			{
				background-image: url(../img/package_orange.png);
				background-repeat: no-repeat;
			}
			
			#packageItemBottomRed
			{
				background-image: url(../img/package_red.png);
				background-repeat: no-repeat;
			}

#bottom
{
	width: auto;
	height: auto;
	text-align: center;
	color: #b9b7b7;
	font-size: 10px;
}
	.linehidden
	{
		margin: 20px -12px 0px -12px;
	}
	
	.line
	{
		margin: 0px -12px 0px -12px;
		border-top: 1px solid #b9b7b7;
	}

#top
{
	width: auto;
	height: auto;
	margin-left: 15px;
	margin-right: 15px;
}
	#top .logo { cursor: pointer; color: #444; font-size: 35px; font-weight: bold; }
	#top .logo1 { cursor: pointer; font-size: 35px; font-weight: bold; color: #d8aa1f; }
	#top .logo2 { cursor: pointer; font-size: 35px; font-weight: bold; color: #BDBDBD; }
	#top .logo3 { cursor: pointer; font-size: 35px; font-weight: bold; color: #E6E6E6; }
	#top .linehidden
	{
		margin: 12px -12px 0px -27px;
	}
	#top .line
	{
		margin: 0px -12px 0px -27px;
		border-top: 1px solid #b9b7b7;
	}


.preloadimg {
	display: none;
}

#promotop {
	background-color: #d8aa1f;
	height: auto;
	width: auto;
	color: #eee;
	font-size: 14px;	
	text-align: center;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
}

#promotop a,#promotop a:link,#promotop a:hover,#promotop a:active,#promotop a:visited  {
	color: #eee;
	text-decoration: underline;
	font-size: 14px;
}

#promotop strong {
	color: #444;
	font-size: 14px;
}