/* CSS stylesheet for the HHCE website */
/* Created by Henk Hendriks             */

/* a couple of generic styles           */
BODY, TD, P, SELECT, INPUT, DIV {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	color:#000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 18px;
}

h1 {
	font-size:11px;
	font-weight:bold;
	display:inline;
}

p.center {
	text-align:center;
}

.banner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100%;
	background-repeat: repeat-x;
}

.pagetitle {
	position:absolute;
	left:480px; 
	top:30px; 
	color:#ffffff;
	background-color:transparent;

}

.bodytext {
	position: absolute;
	top: 90px;
	left: 214px;
	width: 55%;
	height: 88%;
	margin-left: 30px;
	z-index: 100;
}

.colorbar {
	position: relative;
	float: left;
	top: -2px;
	height: 20px;
	z-index: 20;
}



/* heading styles  */

.home h1 {
	color:#99CC33;
}

.trans h1 {
	color:#ff6600;
}


.services h1 {
	color:#9933ff;
}

/* banner styles */
.home .banner {
	background-image:url('../img/trans_bg.gif');
}

.home .colorbar {
	width: 216px;
	background-color: #336699;
}


.trans .banner {
	background-image:url('../img/trans_bg.gif');
}

.trans .colorbar {
	width: 90%;
	background-color: #ff6600;
}

A:link.translink {
	color:#ff6600;
	font-weight:bold;
}

A:visited.translink {
	color:#ff9966;
	font-weight:bold;
}


.services .banner {
	background-image:url('../img/trans_bg.gif');
}

.services .colorbar {
	width: 90%;
	background-color: #9933FF;
}

A:link.serviceslink {
	color: #9933FF;
	font-weight:bold;
}

A:visited.serviceslink {
	color:#9999ff;
	font-weight:bold;
}


/* the left hand menu */
.menu {
	position: absolute;
	top: 70px;
	left: 0px;
	height: 88%;
	width: 214px;
	z-index: 50;
	border-right-style: double;
	border-right-color: #cccccc;
	z-index: 50;
}


/* the right hand menu */

/* define container for floating menu to right */
div.container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 30;
}


div.funcs {
	position: relative;
	top: 50px;
	float: right;
	height: 80%;
	width: 144px;
	background-color: #ffffff;
}



/* popups */
.popup {
	line-height: 12px;
}

.greybg {
	background-color:#999999;
}

.trans .popuptitle {
        color:#ffffff;
	background-color:#ff6600;
	font-style:italic;
}



/* all the function page styles */

/* first general function page styles */
.function .colorbar {
	width: 90%;
	background-color: #99cc33;
}

/* specific function page styles */
div.addressbanner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100%;
	background-image:url('../img/col_bg.gif');
	background-repeat: repeat-x;
	z-index: 10;
}

.addresstitle {
	color:#009900;
	font-weight:bold;
        text-decoration:none;
}

/* customer styles                     */
div.customersbanner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100%;
	background-image:url('../img/cust_bg.gif');
	background-repeat: repeat-x;
	z-index: 10;
}

.custtitle {
	color:#660066;
	font-weight:bold;
    text-decoration:none;
}

.custpopuptitle {
        color:#ffffff;
	background-color:#666699;
	font-style:italic;
}


/* logon styles                     */
div.logonbanner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100%;
	background-image:url('../img/logon_bg.gif');
	background-repeat: repeat-x;
	z-index: 10;
}

.logontitle {
	color:#666699;
	font-weight:bold;
        text-decoration:none;
}


/* mail form styles                     */
.mailaddress {
        color:#336699;
}

.mailbody {
        color:#ff6600;
}

.mailexit {
        color:#ffffff;
	background-color:#ff6600;
}

.mailsubmit {
	background-color:#99cc33;
        color:#ffffff;
}

/* method styles also used for the tips of the Dutch site  */
div.methodbanner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100%;
	background-image:url('../img/method_bg.gif');
	background-repeat: repeat-x;
	z-index: 10;
}

.methodtitle {
	color:#cc6600;
	font-weight:bold;
	text-decoration:none;
}

/* quotations styles                     */
div.quotebanner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100%;
	background-image:url('../img/quote_bg.gif');
	background-repeat: repeat-x;
	z-index: 10;
}

.quotetitle {
	color:#cc3300;
	font-weight:bold;
        text-decoration:none;
}


.quotebody { 
	color:#cc3300;
        text-decoration:none; 
}


/* miscellaneous styles                     */
.transongrey { 
	text-decoration:none;
	color:#FF6600;
	background-color:#999999; 
	font-weight: bold;
}

.whiteongrey { 
	text-decoration:none; 
	color:#FFFFFF; 
	background-color:#999999; 
	font-weight: bold;
}

.greyonwhite { 
	text-decoration:none; 
	color:#999999; 
	background-color:#FFFFFF; 
}


/* link styles                          */
A:link {		
        text-decoration:none;
}

A:visited {
        text-decoration:none;
}

A:active {
        text-decoration:none;
}


A:link.weblink {
	color:#9933ff;
	font-weight:bold;
}

A:visited.weblink {
	color:#9999ff;
	font-weight:bold;
}

A:link.funclink {
	color:#99cc33;
	font-weight:bold;
}

A:visited.funclink {
	color:#99cc99;
	font-weight:bold;
}