/* General layout */
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	background: #333333;
	text-align: center; 
}

/* Fonts */
p, td, th, div, a, font, textarea, input	{
	font-family: Sans-Serif, Verdana, Arial; 
	font-size: 12px; 
	color: #ffffff; 
	text-align: left; 
}

p	{
	margin: 4px; 
	color: #e5e5e5; /* #dbf1f6 */
}

a	{
	color: #89c6d4; 
	text-decoration: none; 
}

a:hover	{
	text-decoration: underline; 
}

strong	{
	font-weight: bold; 
	font-variant: small-caps; 
	color: #ffffff; 
}

h1, h2, h3	{
	font-family: Verdana;
}

h1	{
	font-size: 25px; 
	margin: 13px 4px 4px 4px; 
	color: #ff9600; 
}

h2	{
	font-size: 17px; 
	font-weight: normal; 
	margin: 9px 4px 4px 4px; 
	color: #ffe2b8;
}

h2 em	{
	font-size: 12px; 
	font-style: normal; 
}

h1 span.s1	{
	font-size: 51px; 
	font-weight: normal; 
	margin: 0 4px 0 4px; 
	color: #ff9600; 
}

h1 span.s1 em	{
	color: #ffcf8b;
	font-style: normal; 
}

h1 span.s2	{
	font-size: 37px; 
	font-weight: bold; 
	margin: 0 4px 0 4px; 
	color: #ff9600; 
	text-transform: uppercase; 
}

h1 span.s2	{
	margin: 0 10px 0 10px; 
}

h1 span.s3	{
	font-size: 63px; 
	font-weight: bold; 
	margin: 0; 
	color: #ffe2b8; 
	text-transform: uppercase; 
}

h1 span.s4	{
	font-size: 63px; 
	font-weight: normal; 
	margin-left: 0; 
	color: #ff9600; 
}

h2.home	{
	font-weight: normal; 
	font-size: 27px; 
	color: #8ae924;
	margin: 0 4px 4px 4px; 
}

h3.home	{
	font-weight: normal; 
	font-size: 27px; 
	color: #dbf1f6;
	margin: 10px 4px 4px 4px; 
}

div#sidebar h1	{
	margin: 4px; 
	font-size: 18px; 
	color: #8ae924;
	font-weight: bold; 
	font-variant: small-caps; 
}
div#sidebar h2	{
	margin: 4px; 
	font-size: 13px; 
	color: #8ae924; 
	font-weight: normal; 
	font-variant: small-caps; 
}

span.sms	{
	color: #cbf59e;
}

span.g	{
	color: #8ae924; 
}

span.i	{
	color: #9b9c9c;
}

span.visions	{
	color: #4a99d4;
}

div#menu1 p span, div#menu2 p span	{
	vertical-align: middle; 
	margin-top: 10px; 
	font-size: 18px; 
}

div#menu1 p	a, div#menu1 p a:hover	{
	font-size: 18px; 
	color: #ffffff; 
}

div#menu2 p a, div#menu2 p a:hover	{
	font-size: 18px; 
	color: #c2c2c2;
}

div#footer p, div#footer a, div#referenties p, div#referenties a	{
	font-size: 9px; 
}

div#footer p, div#referenties p	{
	text-align: center; 
	color: #aaaaaa; 
}

ul li	{
	margin: 4px 4px 4px 4px;
}

div.content div	{
	color: #000;
}
div.content div:hover	{
	color: #fff;
}

/* DIVs */
div#menuHeaderBackground	{	/* Background workaround for IEpngFIX */
	position: absolute; 
	top: 15px;
	left: 0; 
	width: 100%; 
	height: 55px; 
	z-index: 0; 
}

div#mainHeaderBackground	{	/* Background workaround for IEpngFIX */
	position: absolute; 
	top: 90px; 
	left: 0; 
	width: 100%; 
	height: 250px; 
	z-index: 0; 
}

div#container	{
	position: relative; 
	width: 900px;  
	margin: 0 auto 0 auto; 
}

div#menu	{
	position: absolute; 
	top: 23px; 
	left: 0; 
	height: 47px; 
	width: 100%; 
}

div#menu div#menu1	{
	float: left;
	height: 47px; 
}

div#menu div#menu2	{
	float: right; 
	margin-top: -13px; 
	height: 47px; 
}

div#mainHeader	{
	position: absolute; 
	top: 99px; 
	left: 0; 
	width: 100%; 
	height: 232px; 
}

div#sidebar	{
	float: left; 
	margin: 350px 0 20px 0; 
	width: 306px; 
}

div#sidebar.right	{
	float: right; 
}

div.buttonBig	{
	float: left; 
	width: 306px; 
	margin: 5px 0 5px 0; 
}

div#contentdiv	{
	float: left;
	padding: 0; 
	margin: 350px 0 20px 0; 
	width: 900px; 
}

div#contentdiv.smallLeft	{
	width: 580px; 
	margin-right: 14px; 
}

div#contentdiv.smallRight	{
	float: right; 
	width: 580px; 
	margin-left: 14px;
}

div#referenties	{
	float: left; 
	margin: 20px 0 0 0; 
	clear: both; 
	width: 900px; 
} 
	
div#footer	{
	float: left; 
	margin: 0 0 20px 0; 
	clear: both; 
	width: 900px; 
	border-top: 1px solid #555555
}

div.spacer	{
	clear: both; 
}

/* Ads */
div.adbox	{
	float: left; 
	width: 306px;
	margin: 4px 0;  
}

p.ad	{
	text-align: center; 
	margin-top: 8px; 
}

div#sidebar div.ad1, div.adbox div.ad1	{
	width: 298px; 
	height: 60px; 
	background: #555555; 
	margin: 4px; 
}

div#sidebar div.ad1 h1, div.adbox div.ad1 h1	{
	margin: 4px; 
	font-size: 18px; 
	color: #ff9600;
	font-weight: bold; 
	font-variant: small-caps;
}

div#sidebar div.ad1 p, div.adbox div.ad1 p	{
	color: #ffffff; 
}

/* Images */
img	{
	border: none; 
}

div#contentdiv.referenties img	{
	clear: both;
}

img.lineC, img.lineL, img.nolineL, img.lineR, img.nolineR	{	border: 2px #000000 solid; 	margin: 4px; }img.lineC	{	display: block; 	margin: 4px auto 4px auto; }img.nolineC	{	display: block; 	margin: 4px auto 4px auto; 	border: none; }img.lineL	{	float: left; }img.nolineL	{	float: left; 	border: none; }img.lineR	{	float: right;}img.nolineR	{	float: right; 	border: none; }

div#menu1 img, div#menu2 img	{
	margin: 0 -5px 0 10px; 
	vertical-align: middle; 
}

div#referenties img	{
	margin: 0 4px 0 4px;
}

iframe	{
	display: block; 
	width: 800px; 
	height: 600px; 
	margin: 15px auto 10px auto; 
	border: 1px #000000 solid; 
}

/* Forms */
textarea, input, select	{
	margin: 0 4px 4px 4px; 
	font-family: Verdana; 
	color: #000000; 
}

input	{
	border: 1px solid #000000; 
	background: #888888; 
	width: 150px; 
}

input.button	{
	background: #444444;
	width: 100px; 
	text-align: center; 
	color: #e3e3e3; 
}

input.checkbox	{
	width: 15px; 
	background: transparent; 
	border: none; 
}

textarea	{
	border: 1px solid #000000; 
	background: #888888; 
}


