body {
	font-family: Arial, Verdana, san-serif;
	margin:0; padding:0;
	background: #fff url('images/layout/back-body.gif') top repeat-x;
	background-attachment: scroll;
	overflow: auto;
}

/*  MENU  */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin:0;
	list-style: none;
	line-height: 25px;
	letter-spacing: -1px;
	font-weight: bold;
}
#nav {
	padding: 42px 0 0 200px;
	}
#nav a {
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	text-align: center;
}
#nav a:hover {
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	height: 25px; 
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 100px;
	height: 25px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
li.blauw {
	margin: 0 8px 0 0;
	}
li.blauw a{
	color: #369;
	background: #fff url('images/layout/button-blauw.gif') -100px 0 no-repeat;
	font-size: 1em;
	}
li.blauw a:hover {
	color: #fff;
	background: #fff url('images/layout/button-blauw.gif') top left no-repeat;
	}
li.groen {
	margin: 0 8px;
	}
li.groen a{
	color: #369;
	background: #fff url('images/layout/button-groen.gif') -100px 0 no-repeat;
	font-size: 1em;
	}
li.groen a:hover {
	color: #fff;
	background: #fff url('images/layout/button-groen.gif') top left no-repeat;
	}
li.groensub a{
	color: #369;
	background: #fff url('images/layout/button-groen.gif') -100px 0 no-repeat;
	font-size: 0.8em;
	}
li.groensub a:hover {
	color: #fff;
	background: #fff url('images/layout/button-groen.gif') top left no-repeat;
	}	
li.oranje {
	margin: 0 7px;
	}
li.oranje a{
	color: #369;
	background: #fff url('images/layout/button-oranje.gif') -100px 0 no-repeat;
	font-size: 1em;
	}
li.oranje a:hover {
	color: #fff;
	background: #fff url('images/layout/button-oranje.gif') top left no-repeat;
	}
li.oranjesub a{
	color: #369;
	background: #fff url('images/layout/button-oranje.gif') -100px 0 no-repeat;
	font-size: 0.8em;
	}
li.oranjesub a:hover {
	color: #fff;
	background: #fff url('images/layout/button-oranje.gif') top left no-repeat;
	}	
li.rood {
	margin: 0 7px;
	}
li.rood a{
	color: #369;
	background: #fff url('images/layout/button-rood.gif') -100px 0 no-repeat;
	font-size: 1em;
	}
li.rood a:hover {
	color: #fff;
	background: #fff url('images/layout/button-rood.gif') top left no-repeat;
	}
li.roodsub a{
	color: #369;
	background: #fff url('images/layout/button-rood.gif') -100px 0 no-repeat;
	font-size: 0.8em;
	}
li.roodsub a:hover {
	color: #fff;
	background: #fff url('images/layout/button-rood.gif') top left no-repeat;
	}		
li.paars {
	margin: 0 0 0 7px;
	}
li.paars a{
	color: #369;
	background: #fff url('images/layout/button-paars.gif') -100px 0 no-repeat;
	font-size: 1em;
	}
li.paars a:hover {
	color: #fff;
	background: #fff url('images/layout/button-paars.gif') top left no-repeat;
	}		

/* CONTAINER EN HEADERS */

#container {
	margin: 0 auto 10px auto;
	width: 760px;
	background: #fff url('images/layout/back-container.gif') top repeat-y;
	}	
#headerblauw {
	width: 760px;
	height: 274px;
	background: url('images/layout/easyis-header-blauw.jpg') top left no-repeat;
	}
#headergroen {
	width: 760px;
	height: 274px;
	background: url('images/layout/easyis-header-groen.jpg') top left no-repeat;
	}
#headeroranje {
	width: 760px;
	height: 274px;
	background: url('images/layout/easyis-header-oranje.jpg') top left no-repeat;
	}
#headerrood {
	width: 760px;
	height: 274px;
	background: url('images/layout/easyis-header-rood.jpg') top left no-repeat;
	}
#headerpaars {
	width: 760px;
	height: 274px;
	background: url('images/layout/easyis-header-paars.jpg') top left no-repeat;
	}					

/* LINKERKOLOM OPMAAK */

#linkerkolom {
	width: 200px;
	float: left;
	}
#linkerkolom p {
	color: #666;
	font-size: 0.7em;
	padding: 5px 5px 0 5px;
	margin: 0;
	}
#linkerkolom img{
	padding: 10px 5px 0 5px;
	}	
h5.date {
	color: #cad4dd;
	font-family: 'Arial Black', Arial, Verdana, san-serif;
	font-size: 2em;
	padding: 0 5px;
	margin: 0;
	}
h1.news {
	color: #369;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 5px;
	margin: 0;
	}

/* RECHTERKOLOM OPMAAK */

#rechterkolom {
	float: right;
	width: 560px;
	margin:0; padding:0;
	}
img{
	padding: 10px;
	border: 0;
	}
h1.blauw, h1.groen, h1.oranje, h1.rood, h1.paars {
	font-family: Arial, Verdana, san-serif;
	font-size: 1em;
	margin: 0;
	padding: 10px;
	}
h1.blauw, a.blauw, a:hover.blauw  {
	color: #369;
	}	
h1.groen, a.groen, a:hover.groen  {
	color: #477f16;
	}	
h1.oranje, a.oranje, a:hover.oranje  {
	color: #f90;
	}
h1.rood, a.rood, a:hover.rood  {
	color: #900;
	}
h1.paars, a.paars, a:hover.paars  {
	color: #606;
	}
p {
	color: #444;
	font-size: 0.8em;
	padding: 10px;
	margin: 0;
	}
p.fullwidth {
	width: 540px;
	height: 90px;
	}	
a.blauw, a.groen, a.oranje, a.rood, a.paars{
	text-decoration: none;
	}
a:hover.blauw, a:hover.groen, a:hover.oranje, a:hover.rood, a:hover.paars{
	text-decoration: underline;
	}	
img.floatleft {
	float: left;
	}			
img.hosting {
	padding:0 0 0 10px;
	}
/* FOOTER OPMAAK */

#footerblauw {
	clear: both;
	height: 24px;
	width: 760px;
	text-align: center;
	background: url('images/layout/back-footer.gif') top left no-repeat;
	color: #369;
	font-size: 0.7em;
	line-height: 24px;
	margin: 15px 0 0 0;
	}
#footerblauw a{
	color: #369;
	text-decoration: none;
	}
#footerblauw a:hover{
	color: #369;
	text-decoration: underline;
	}	

#footergroen {
	clear: both;
	height: 24px;
	width: 760px;
	text-align: center;
	background: url('images/layout/back-footer.gif') top left no-repeat;
	color: #477f16;
	font-size: 0.7em;
	line-height: 24px;
	margin: 15px 0 0 0;
	}
#footergroen a{
	color: #477f16;
	text-decoration: none;
	}
#footergroen a:hover{
	color: #477f16;
	text-decoration: underline;
	}	
	
#footeroranje {
	clear: both;
	height: 24px;
	width: 760px;
	text-align: center;
	background: url('images/layout/back-footer.gif') top left no-repeat;
	color: #f90;
	font-size: 0.7em;
	line-height: 24px;
	margin: 15px 0 0 0;
	}
#footeroranje a{
	color: #f90;
	text-decoration: none;
	}
#footeroranje a:hover{
	color: #f90;
	text-decoration: underline;
	}	
	
#footerrood {
	clear: both;
	height: 24px;
	width: 760px;
	text-align: center;
	background: url('images/layout/back-footer.gif') top left no-repeat;
	color: #900;
	font-size: 0.7em;
	line-height: 24px;
	margin: 15px 0 0 0;
	}
#footerrood a{
	color: #900;
	text-decoration: none;
	}
#footerrood a:hover{
	color: #900;
	text-decoration: underline;
	}	
	
#footerpaars {
	clear: both;
	height: 24px;
	width: 760px;
	text-align: center;
	background: url('images/layout/back-footer.gif') top left no-repeat;
	color: #606;
	font-size: 0.7em;
	line-height: 24px;
	margin: 15px 0 0 0;
	}
#footerpaars a{
	color: #606;
	text-decoration: none;
	}
#footerpaars a:hover{
	color: #606;
	text-decoration: underline;
	}	

/* HOSTING TABEL */

#hostingtabel {
	margin: 9px;
	width: 540px;
	background: #f90 url('images/layout/back-hostingtabel.gif') repeat top left;;
	color: #444;
	font-size: 0.8em;
	padding: 0;
	border: 1px solid #ddd;
	}
.kolom1 {
	width: 135px;
	padding: 0 0 0 5px;
	float: left;
	background: inherit;
	margin: 0;
	line-height: 20px;
	}
#hostingtabel a{
	color: #444;
	text-decoration: none;
	}
#hostingtabel a:hover{
	color: #444;
	text-decoration: none;
	}		
.kolom2345 {
	width: 100px;
	margin: 0; padding: 0;
	float: left;
	text-align: center;
	background: inherit;
	line-height: 20px;
	}
.kolom6 {
	width: 120px;
	margin: 0; padding: 0;
	float: left;
	text-align: center;
	background: inherit;
	line-height: 20px;
	}	
.kolom2345 img {
	padding: 0; margin: 0;
	vertical-align: middle;
	}
#hostingextra {
	margin: 9px;
	width: 260px;
	background: #f90 url('images/layout/back-hostingtabel.gif') repeat top left;;
	line-height: 20px;
	color: #444;
	font-size: 0.8em;
	border: 1px solid #ddd;
	clear: both;
	}
#domeintabel {
	margin: 10px;
	width: 385px;
	background: #f90 url('images/layout/back-hostingtabel.gif') repeat top left;;
	line-height: 20px;
	color: #444;
	font-size: 0.8em;
	border: 1px solid #ddd;
	clear: both;
	}
.domeincel {
	width: 120px;
	text-align: left;
	float: left;
	padding: 0 0 0 5px;
	background: inherit;
	}
			
.titel {
	clear: both;
	width: 100%;
	line-height: 20px;
	background: #f90;	
	}					
.titel1 {
	padding: 0 0 0 5px;
	}
.spacer {
	clear: both;
	margin: 10px;
	height: 10px;
	width: 500px;
	}
.check {
	float: left;
	background: url('images/layout/hosting-check.gif') 50% no-repeat;
	height: 20px;
	width: 100px;
	}			
/* SITEMAP */									

ul#sitemap {
	padding: 0;
	font-size: 0.8em;
	}
li.map {
	color: #444;
		
	}
li.map a {
	color: #444;
	text-decoration: none;
	}
li.map a:hover {
	background: #369;
	color: #fff;
	text-decoration: none;	
	}		
li.submap {
	}	
li.submap a {
	color: #369;
	text-decoration: none;
	}
li.submap a:hover {
	background: #369;
	color: #fff;
	text-decoration: none;	
	}	
form {
	color: #444;
	font-size: 0.8em;
	padding: 10px;
	margin: 0;
	}
form#domain	{
	padding: 5px;
	}
.result {
	padding: 0;
	margin: 10px 0 0 5px;
	font-size: 0.7em;
	}
.entry {
	width: 120px;
	float: left;
	padding: 0;
	margin: 0;
	}
.valueY {
	width: 70px;
	float: left;
	padding: 0; margin: 0;
	color: #090;
	}
.valueY a {
	text-decoration: none;
	color: #090;
	}
.valueY a:hover {
	text-decoration: underline;
	color: #090;
	}		
.valueN {
	width: 70px;
	float: left;
	padding: 0; margin: 0;
	color: #f00;
	}		
#cleardomain {
	width: 195px;
	height: 1px;
	clear: both;
	}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { 
	position:absolute;
	z-index:1000;
	width:220px;
	background:#0A2347;
	border:2px double #fff;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
	}
body div#toolTip p {
	margin: 10px 5px 0 5px;
	padding:0;
	color:#fff;
	font:11px/12px verdana,arial,sans-serif;
	}
body div#toolTip p em {
	display:block;
	margin-top:3px;
	color:#0A2347;
	font-style:normal;
	font-weight:bold; 
	}
body div#toolTip p em span { 
	font-weight:bold;
	color:#fff; 
	}