@import url(dhtml-horiz.css);
@import url(portal.css);

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font: 90% verdana, arial, helvetica, sans-serif;
	color:#FFFFFF;
	padding:0;
	margin:0;
	border:0;
	text-align: left; /* for IE */
	background-color: #000000;
/*	background: url(images/bg_body.gif) repeat-x;*/
	
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #DCDCDC;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #DCDCDC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #000000;
}

h1{
	font-size: 120%;
}

img {
	border:0;
}

h2{
	font-size: 110%;
}	

h3{
	font-size: 100%;
	font-style: bold;
	margin: 5px 0 5px 0;
}

a{
	color:#FFFFFF;
	text-decoration: none;
}

a:hover{
	color:#00A0AF;
	text-decoration:none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.master {
/*	margin-top: 2%; */
	position: absolute; /* important for layers */
	top: 0px;
	left: 0px;
	padding-top: 1%;
	width: 99%;
}

.main {
	margin: 0 auto;   /* align (center) for good browsers */
	text-align: left; /* counter the body center */
	padding-top: 0 0 0 0;
	width: 610px;
}

.logo {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 30%;
	margin-left: -64px; /* width of logo, company name same margin as content */
	z-index: 2;
/*
	width: 321px;
	height: 81px;
	background: top left url(images/hcverduyn.png) no-repeat;	
*/
}

.main_menu {
	float: right;
	text-align: right;
	margin-top: 4%;
	font: 80% verdana, arial, helvetica, sans-serif;
}

main_menu a {
	display: block;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 1% 1% 0 1%;
	text-decoration: none;
}

.main_menu li {
	display:inline;
	background: url(/templates/hcverduyn/images/tab.gif) no-repeat;
/*	background-color:#eee;*/
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;
	padding: .5em;
}

.main_menu a:hover {
	color: #000000;
}

.contact_home {
	margin-left: 0%;
	padding-top: 5%;
	padding-bottom: 5%;	
	padding-left: 20px;
	float: left;
	width: 40%;
	font: 80% verdana, arial, helvetica, sans-serif;
}

.content {
	height: 210px;
	padding-left: 20px;
	overflow: auto;
}

.content_left{
	float: left;
	width: 45%;	
}

.content_right{
	float: left;
	width: 45%;	
}

.news {
	float: left;
	width: 40%;
	padding-left: 20px;	
	overflow: auto;
}

.news_left {
	float: left;
	width: 70%;
}

.news_right {
	float: right;
	width: 29%;
	margin-top: 4%;
	text-align: right;
}

.news_right img {
	width: 80%;
}

.suppliers {
	float: right;
	width: 50%;
	padding-top: 2%;
	overflow: hidden;
}

.suppliers img {
	float: left; /* other objects will be placed next to the image */
	margin-right: 1%;
}

.sup_left {
	float: left;
	width: 51%;
}

.sup_left h1{
	font: 140% verdana, arial, helvetica, sans-serif;
	color: red;
	font-style: bold;
	margin: 0 0 1% 0;
}

.sup_right {
	float: right;
	width: 48%;
}

.sup_right h1{
	font: 140% verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-style: bold;
	margin: 0 0 1% 0;
}

.footer {
	font: 70% verdana, arial, helvetica, sans-serif;
	border-top: solid 1px #777777;
	margin-top: 3%;
	padding-top: 1%;
	text-align: right;	
	width: 99%;
}

.clear
{
	clear: both;
}