/*

Go Forward


www.go-forward.nl













*/


/* main page items */

html { 
	border: 0pt none ; 
	margin: 0pt; 
	padding: 0pt; 
	height: 100%; 
	max-height: 100%; 
	overflow: hidden;  }

body { 
	background: #ffffff;
	border: 0pt none ; 
	margin: 0pt; 
	padding: 0pt; 
	height: 100%; 
	max-height: 100%;
	font-family: 'lucida sans unicode', arial, sans-serif; 
	font-size: 14px;
	color: #000000;
	overflow: hidden; }
	
#header {
	position: absolute;
	background: #FFFFFF url(/images/hibiscus-upperleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	left: 0px; top: 0px; bottom: 0px; right: 101px;
	height: 80px; 
	z-index: 4;
	overflow: hidden; 
	display: block; }
	
* html #header { 
	border-right: 101px solid #FFFFFF; 	
	top: 0px; bottom: 0px; left: 0px; right: 0px;	
	width: 100%;	}
		
#left { 
	position: absolute;
	display: block;	
	background: #FFFFFF;
	background-repeat: no-repeat;
	left: 0px; top: 80px; bottom: 0px; 
	z-index: 3; 
	overflow: auto; 
	float: left;
	width: 220px;
	height: 100%; }
	
#middle { 
	position: absolute;
	background: #FFFFFF;
	overflow: auto; 	
	z-index: 2;
	top: 80px; bottom: 0px; left: 220px; right: 101px; 
	padding: 5px; }

* html #middle { 
	border-top: 80px solid #FFFFFF;
	border-left: 220px solid #FFFFFF; 
	border-bottom: 0px solid #FFFFFF;  
	border-right: 101px solid #FFFFFF; 
	top: 0pt; left: 0pt; right: 0pt; bottom: 0pt; 
	height: 100%; 
	max-height: 100%; 
	width: 100%; }
	
#right { 
	position: absolute;
	display: block;
	background: #9CC3CE url(/images/lucht-220-800.jpg);
	background-repeat: no-repeat;
	top: 0px; bottom: 0px; right: 0px;
	width: 100px; 
	overflow: hidden; 
	border-left: 1px solid #000000; 
	float: right;
	height: 100%;
	z-index: 5; }
	
/* text styles */	

.heading {
	font-size: 20px;
	display: block;
	color: #F7007B;
	margin-top: 53px;
	margin-left: 222px;	}
	
.title	{
	font-size: 16px;
	display: block;
	color: #F7007B;
	margin-top: 20px;
	margin-bottom: 10px;	}
	
.subject	{
	font-size: 15px;	}
	
.error {
	position: absolute;
	top: 100px;
	font-size: 30px;
	color: #F7007B; }

.newline {
	display: block;
	clear: left;
	height: 10px;	}

.disclaimer {
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	bottom: 10px; 
	margin-left: 10px; }
	
/* menu styles */	
	
.menu {
	position: absolute;
	top: 30px;
	left: 5px;
	display: block;
	margin-left: 5px;
	color: #5C5C5C;	}
	
.menuitem	{
	overflow: hidden;
	display: block;
	width: 179px;
	font-size: 13px;
	height: 16px;
	color: #597E99;
	text-decoration: none;
	vertical-align: top;
	border: 0px none #FFFFFF;
	border-bottom: 1px solid #597E99;
	margin: 0px 0px 4px 5px;
	padding: 5px 0px 2px 3px;	}
	
* html .menuitem	{
	height: 27px;
	margin: auto;
	padding: auto;	}
	
.menuitem:hover {
	border: 0px none #FFFFFF;
	padding-bottom: 1px;
	border-bottom: 2px solid #F87501;	
	color: #395E79;	}
	
* html .menuitem:hover	{
	padding: auto;	}	

/* links */	
	
.homelink {
	display: block;
	border: 0px none #000000;
	padding-left: 4px;
	padding-right: 2px;
	position: absolute;
	top: 10px;
	font-size: 12px;
	right: 15px;	}
	
.link, a.homelink {
	border: 0px none #000000;
	color: #597E99;
	text-decoration: underline; }	
	
a.link:hover, a.homelink:hover {
	color: #395E79;	}	
	
.preview {
	display: block;
	float: left;
	border: 1px solid #000000;
	width: 150px;
	height: 116px;
	margin-right: 7px; }
	
.floatleft {
	display: inline;
	float: left;
	border: 0px solid #000000;	}	

.floatright {
	display: inline;
	float: right;
	border: 0px solid #000000;	}

/* free forms */

.vcard	{
	visibility:	hidden;	}

/* image locators */	
	
.back {
	display: inline;
	float: left;
	border: 0px solid #000000;	}	

a.forward, img.forward {
	display: inline;
	float: right;
	border: 0px solid #000000;	}
	
/* images */	
	
.logo {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(/images/logo-white-119-46.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	bottom: 94px;
	left: 15px;
	width: 119px;
	height: 46px; }
	
* html .logo {
	bottom: 84px;	}
	
/* colors */
	
.black	{
	color: #000000;	}
	
.grey	{
	color: #5C5C5C;	}
	
.fuchsia	{
	color: #F7007B;	}
	
.light-blue	{
	color: #597E99;	}
	
.dark-blue	{
	color: #395E79;	}	
	
.orange	{
	color: #F87501;	}