@import url("../../../css/site.css");

table.home-buttons {
	position: absolute;
	left: 295px;
	top: 380px;
	z-index: 3;
}

table.home-buttons td {
	padding: 0 5px;
}

table.home-buttons td img {
	vertical-align: bottom;
}


/* --- Highlights ------------------------------- */


div.hilites ul li a:link, 
div.hilites ul li a:visited {
	background-image: url(../gfx/hilite-button-out.gif);
}

div.hilites ul li a:hover, 
div.hilites ul li a:active {
	background-image: url(../gfx/hilite-button-over.gif);
}

div.page-title h1 {
    color: #DD1936;
    background-color: transparent;
}

html {
   /*overflow: hidden;*/
   height: 100%;
   color: #FFFFFF;
   background-color: #BFD6E4;
   background-image: url("../gfx/faux-gradient.jpg");
   background-position: top left;
   background-repeat: repeat-x;
}

body {
   /*overflow: hidden;*/
   height: 100%;
}

/* --- Page ------------------------------------- */

div.page {
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 1000px;
	margin-left: -500px;
}

div.page-title{
   position: absolute;
   top: 170px;
   left: 300px;
   color: #000;
   z-index: 1;
   
}

/* --- Header ----------------------------------- */

div.page-header {
   margin: 10px 7px 10px 0;
   background-image: url("../gfx/header-left.gif");
   background-position: top left;
   background-repeat: no-repeat;
}

div.page-header div.banner-wrapper {
   height: 48px;
   background-image: url("../gfx/header-right.gif");
   background-position: top right;
   background-repeat: no-repeat;
}

div.page-header div.banner {
	left: 20px;
	font-weight: bold;
}

div.page table.home-buttons td.home-button-contact {
	padding-bottom: 20px;
}


div.banner p.headline {
	width: 500px;
	left: 400px;
}

/* --- Logo ------------------------------------- */

img.logo {
	position: absolute;
	right: 40px;
	top: 78px;
}

/* --- Navigation ------------------------------- */

#root-nav ul {
   position: absolute;
   top: 58px;
   right: 20px;
   text-transform: lowercase;
   z-index: 6;
}

#root-nav ul li {
   position: relative;
   display: inline;
}

#root-nav ul li a {
   margin: 0 1px;
   padding: 0 2px;
   font-weight: bold;
   text-decoration: none;
}

#root-nav ul li a:link,
#root-nav ul li a:visited {
color: #666666;
   background-color: transparent;
}

#root-nav ul li:hover,
#root-nav ul li a:hover,
#root-nav ul li a:active {
    color: #FFFFFF;
    background-color: #DD1936;
}


#root-nav ul li ul li {
   display: block;
}

#root-nav ul li ul li:hover {
   color: inherit;
   background-color: transparent;
}


#root-nav ul li ul li a {
   display: block;
   margin: 0 2px;
   padding: 0 4px;
   font-size: 11px;
}

#root-nav ul li ul li a:link,
#root-nav ul li ul li a:visited {
   color: #666666;
   background-color: transparent;
   font-weight: normal; 
}

#root-nav ul li ul li a:hover,
#root-nav ul li ul li a:active {
   color: #DD1936;
   background-color: transparent;
   font-weight: bold;
}

#root-nav ul li ul li ul {
   top: -4px;
   right: -144px;
}

/* --- Content ---------------------------------- */

div.content-wrapper {
	position: absolute;
	top: 190px;
	left: 285px;
	width: 710px;
	height: 408px;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url("../gfx/content_bg.png");
   background-position: top left;
   background-repeat: no-repeat;
}


/* --- Footer ----------------------------------- */



div.page-footer p {
	margin: 0;
	color: #666666;
	font-size: 11px;
	text-transform: lowercase;
}

div.page-footer p strong {
	font-weight: normal;
	text-transform: none;
}

div.page-footer p span.separator {
	visibility: hidden;
}

div.page-footer  a {
	padding: 0 4px;
	text-decoration: none;
}

div.page-footer p a:link,
div.page-footer p a:visited {
	color: #666666;
	background-color: transparent;	
}

div.page-footer p a:hover,
div.page-footer p a:active {
	color: #000000;
	background-color: #FFD030;	
}

div.page-footer span.copyright-link {
bottom:0;
font-size:11px;
left:0;
position:absolute;
color: #666666;
}

#bottom-nav ul {
	width: 500px;
	
}

#bottom-nav ul li {
	position: relative;
	text-decoration: none;
	font-size: 11px;
}	


#bottom-nav ul li ul li ul {
	bottom: -13px;
	right: 3px;
}
	
#bottom-nav ul li ul li a {
	display: block;	
	margin: 0 2px;
    padding: 0 4px;
    font-size: 11px;
    text-decoration: none;
}

#bottom-nav ul li ul li a:hover,
#bottom-nav ul li ul li a:active {
	background-color: transparent;
	color: #DD1936;
	font-weight: bold;
	text-decoration: none;
}



/* --- Panels ----------------------------------- */

div.news,
div.panel {
   width: 260px;
}

div.news {
   position: absolute;
   left: 10px;
   top: 302px;
}

div.news h2,
div.panel h2 {
   margin: 0;
   padding: 10px 0 4px 10px; 
   color: #666666;
   text-transform: lowercase;
}

/* --- Highlights ------------------------------- */

div.hilites {
	position: absolute;
	top: 78px;
	left: 10px;
	width: 268px;
	height: 110px;
	padding: 0 0 0 2px;
	background-image: url(../gfx/panel-blue.gif);
   background-position: top left;
   background-repeat: no-repeat;
   z-index: 2;
}




div.hilites ul li a:link,
div.hilites ul li a:visited {
	color: #666666;
	background-color: transparent;
	background-image: url("../gfx/hilite-button-out.gif");
}

div.hilites ul li a:hover,
div.hilites ul li a:active {
	color: #fff;
	background-color: transparent;
	background-image: url("../gfx/hilite-button.gif");
}




div.hilites ul li.item3 ul {
   background-color: #FFFFFF;
   background-image: url('../gfx/menu-top-item3.gif');
   width: 260px;
   z-index:10;
   margin: 0 0 0 4px;
}



div.hilites ul li ul li a:link,
div.hilites ul li ul li a:visited {
   color: #666666;
   background-color: transparent;
	background-image: none;
   font-weight: normal;
}

div.hilites ul li ul li a:hover,
div.hilites ul li ul li a:active {
	color: #DD1936;
    background-color: transparent;
	background-image: none;
   font-weight: bold;
}


div.hilites ul li.item3 ul li.last {
   width: 260px;
   background-image: url("../gfx/menu-bottom-item3.gif");
   z-index: 10;
}


/* --- News ------------------------------------- */

div.news {
   position: absolute;
   left: 10;
   top: 302px;
   background-image: url("../gfx/panel-news-bg.gif");
   background-position: top left;
   background-repeat: no-repeat;
   margin: 0;
   width: 267px;
   height: 133px;
}


div.news div.news-item p.read-more a {
	color: #fff;
	background-color: transparent;
}

div.news div.news-item p.read-more a:link,
div.news div.news-item p.read-more a:visited {
	text-decoration: none;
}

div.news div.news-item p.read-more a:hover,
div.news div.news-item p.read-more a:active {
	text-decoration: underline;
}

/* --- Newsletter ------------------------------- */

div.newsletter {
   position: absolute;
   left: 10px;
   top: 191px;
   padding: 0 0 1px 0;
   width: 267px;
   height: 108px;
   background-image: url("../gfx/hoogteblijven.gif");
   background-position: top left;
   background-repeat: no-repeat;
}

div.newsletter p {
   padding-left: 10px;
   padding-top: 4px;
   font-size: 11px;
	text-transform: lowercase;
}

div.newsletter form {
	margin: -10px 8px;
}

div.newsletter table {
	border-collapse: collapse;
	margin: 0 0 3px 0;
}

div.newsletter table th {
	padding: 0 10px 0 0;
	line-height: 19px;
}

div.newsletter table td {
	padding: 1px 0;
}

div.newsletter label {
	font-size: 11px;
	font-weight: normal;
}

div.newsletter input {
	width: 120px;
	border-width: 0;
	border-style: none;
	font-size: 11px;
}

div.newsletter input.button {
	width: 61px;
	height: 20px;
}

div.newsletter p.buttons {
	border-width: 0;
	border-style: none;
	position: absolute;
	right: 15px;
	bottom: 5px;
}

/* --- Address ---------------------------------- */

div.address {
	position: absolute;
	left: 10px;
	top: 440px;
	width: 267px;
	height: 158px;
	background-image: url("../gfx/address.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

div.address img.visual {
	position: absolute;
	left: 0;
	top: -10px;
}

div.address table.address {
	width: 240px;
	margin: 65px 10px 5px 10px;
	border-collapse: collapse;
}

div.address table.address td {
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	white-space: nowrap;
}

div.address table.address td.left {
	padding: 0 12px 0 0;
	text-align: left;
}

div.address table.address td.right {
	text-align: right;
}

div.address table.address td img {
	margin: 4px 0 0 0;
	border-width: 0;
}

div.address table.address td a {
	color: #fff;
	font-weight: bold;
	background-color: transparent;
}

div.address table.address td a:link,
div.address table.address td a:visited {
	text-decoration: none;
}

div.address table.address td a:hover,
div.address table.address td a:active {
	text-decoration: underline;
}


/* CUSTOM */
.logo_left {
position:absolute;
right:-96px;
top:-11px;
}