@charset "utf-8";
/* CSS Document */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
                
}

.Clearfix{display: inline-block;}
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}



/* force scrollbar */

html {
	height:100%;
	margin-bottom:1px;
	}


* {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

ul,li,th,td,tr {
	margin:0;
	padding:0;
	border:0;
	}

body {
	-x-system-font:none;
	font-family: arial, sans-serif;
	color:#666;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	margin:0;
	padding:0;
	background:#fff url(../images/layout/bg.jpg) repeat-x top left;
	}

h1 {
	font-size:2em;
	}

h2 {
	font-family:georgia, serif;
	font-size:1.8em;
	color:#155eac;
	margin:5px 0 15px 0;
	font-weight:normal;
	text-transform:capitalize;
	line-height:1.2em;
	}

h3 {
	font-family:georgia, serif;
	font-size:1.33em;
	font-weight:lighter;
	}

h4 {
	font-size:1.1em;
	color:#155eac;
	font-weight:normal;
	}

h5 {
	font-size:1em;
	}

h6 {
	font-size:0.85em;
	}


ul {
	list-style:inside;
	}

a {
	text-decoration:none;
	color:#155eac;
	}

a:hover {
	text-decoration:underline;
	}


/* wrapper */



#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	background:transparent;
}


/* header */


#header {
	height:360px;
	width:960px;
	background:transparent;
	position:relative;
	overflow:visible;
	}

#logo {
	position:absolute;
	top:8px;
	left:0;
	width:290px;
	height:111px;
	}

#aluchart {
	position:absolute;
	top:6px;
	right:50px;
	height:74px;
	width:95px;
	overflow:hidden;
	}

#aluchart img {
	position:absolute;
	top:-14px;
	left:0px;
	}
	
#aluprijs {
	position:absolute;
	top:30px;
	right:150px;
	display:block;
	height:50px;
	width:150px;
	text-align:right;
	}

#aluprijs a {
	font-family:"Trebuchet MS", trebuchet, arial, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:1.2em;
	color:#adbfbb;	
	}

#aluprijs a:hover {
	color:#155eac;
	}

#langnav {
	position:absolute;
	right:0;
	top:14px;
	}

#langnav a {
	display:block;
	width:20px;
	height:20px;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
	border:1px solid #155EAC;
	}
	
#langnav a span {
	position:absolute;
	margin-left:-9999px;
	}


#nl {
	background: url(../images/layout/nl.gif) top left no-repeat;
	}


#en {
	background: url(../images/layout/en.gif) top left no-repeat;
	}

#banner {
	position:absolute;
	top:125px;
	left:0px;
	height:232px;
	width:962px;
	border-top:1px solid #155eac;
	border-bottom:1px solid #155eac;
	overflow:hidden;
	}


#imgcontainer {
	height:230px;
	width:960px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	overflow:hidden;
	}
	
#imgcontainer img {
	height:230px;
	width:958px;
	border-left:1px solid #155eac;
	border-right:1px solid #155eac;
	}

/* menu=superfish.css */

#roundedcorner_left {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}
#roundedcorner_right {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	}


/* breadcrumbs */

#breadcrumb {
	height:52px;
	width:960px;
	margin-left:0px; /*20px*/
	position:relative;
	text-align:left;
	font-family:georgia, serif;
	font-size:18px;
	font-style:italic;
	line-height:50px;
	color:#89a39e;
	}

#breadcrumb a {
	color:#89a39e;
	text-decoration:none;
	padding-right:25px;
	background:url(../images/layout/breadcrumb_pijltje.gif) no-repeat 96% 4px;
	}

#breadcrumb a:hover {
	text-decoration:underline;
	}

#breadcrumb .pagenumber {
	font-family:impact, serif;
	font-style:normal;
	font-size:18px;
	color:#89a39e;
	padding-right:5px;
	}


/* content */

#content {
	float:left;
	width:960px;
	margin:0;
	background:#fff url(../images/layout/content_bg.jpg) top left repeat-x; 
	text-align:left;
	}

#leftcolumn {
	position:relative;
	overflow:hidden;
	width:720px;
	float:left;
	}

#rightcolumn {
	position:relative;
	overflow:hidden;
	width:240px;
	float:right;
	background:#fafafa url(../images/layout/rightcol_bg3.jpg) top left repeat-x;
	}



/* homepage only */

#homecontent {
	padding:20px 20px 20px 0;
	}


/* home buttons */

#homebuttoncontainer {
	margin-left:0px; /*18 px */
	}

.homebutton {
	position:relative;
	width:172px;
	height:157px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background: url(../images/layout/home_btn2.gif) no-repeat top left;
	}

.homebutton .buttontitle {
	position:absolute;
	display:block;
	top:7px;
	left:7px;
	height:45px;
	width:148px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	line-height:45px;
	text-indent:10px;
	text-decoration:none;
	cursor:pointer;
	}

.homebutton a {
	display:block;
	}
	
.homebutton a:hover .buttontitle {
	background: url(../images/layout/home_btn_on.jpg) repeat-x top left;
	}

.homebutton a .buttontitle {
	background:transparent;
	}


#maincontent .homebutton img, #homecontent .homebutton img, #productcontent .homebutton img{
	position:absolute;
	display:block;
	height:84px;
	width:148px;
	top:56px;
	left:7px;
	padding:0;
	border:none;
	}

/* boxes header */

#boxes .boxheader {
	position:absolute;
	top:12px;
	left:18px;
	font-size:15px;
	font-family:georgia, serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	}

#boxes .search, #boxes .newsletter  {
	font-size:9px;
	top:8px;
	}


#boxes .infotext {
	position:relative;
	top:7px;
	left:10px;
	line-height:1em;
	}


/* home newsbox */

#boxes #newsbox {
	position:relative;
	overflow:hidden;
	width:222px;
	height:198px;
	margin-left:20px;
	color:#fff;
	font-size:11px;
	background:url(../images/layout/news_frame.gif) no-repeat top left;
	}

#boxes #newsbox #newstext {
	overflow:hidden;
	width:150px;
	height:135px;
	margin:40px 20px 0 20px;
	}

#boxes #newsbox #newstext .newsitem {
	margin:0 0 5px 0;
	}
	
#boxes #newsbox #newstext .newsitem a{
	color:#fff;
	text-decoration:none;
	}


/* boxes */


#boxes .inputbox {
	position:relative;
	margin-left:20px;
	width:222px;
	height:76px;
	background:url(../images/layout/normal_frame.gif) no-repeat;
	}

#boxes .inputbox img.inputtext {
	position:absolute;
	top:9px;
	left:5px;
	}

#boxes .inputbox input.field, #a_email {
	position:absolute;
	width:137px;
	height:19px;
	top:30px;
	left:20px;
	padding:2px;
	background:url(../images/layout/input_bg.jpg) no-repeat;
	} 

#boxes .inputbox input.button {
	position:absolute;
	left:162px;
	top:32px;
	} 


#fotobox {
	position:relative;
	margin:0 0 5px 20px;
	width:222px;
	height:193px;
	background:url(../images/layout/picture_frame.gif) no-repeat;
	}


#fotobox img#references_txt {
	position:absolute;
	top:15px;
	left:8px;
	}

#fotobox #fotocontent {
	position:absolute;
	top:45px;
	left:5px;
	width:177px;
	height:134px;
	overflow:hidden;
	}

#fotobox #fotocontent a {
	display:block;
	width:177px;
	height:134px;
	}

#fotobox #fotocontent img {
	width:177px;
	height:134px;
	}

#loginbox .logincontent {
	position:absolute;
	overflow:hidden;
	top:45px;
	left:5px;
	width:178px;
	height:131px;
	padding-top:5px;
	background-color:#8aa39f;
	font-size:11px;
	color:#fff;
}

#loginbox form {
	position:absolute;
	top:30px;
	left:0px;
	width:178px;
	}

#loginbox form label {
	padding-left:15px;
	}

#loginbox form input {
	width:137px;
	height:19px;
	padding:2px;
	margin-left:13px;
	border:none;
	background:url("../images/layout/input_bg.jpg") no-repeat top left;
	}

#loginbox .error {
	padding:2px 15px;
	font-size:11px;
	line-height:1em;
}

#loginbox #loginsubmit {
	position:absolute;
	bottom:24px;
	right:5px;
	height:auto;
}

#prev_image {
	position:absolute;
	top:16px;
	left:19px;
	}

#next_image {
	position:absolute;
	top:16px;
	left:160px;
	}


/* mainpage only */

#maincontent {
	padding:20px 20px 20px 0;
	}


#maincontent img {
	padding:3px;
	border:1px solid #ccc;
	}

#map {
	margin-top:20px;
	padding:3px;
	border:1px solid #ccc;
	}

#infobox, #loginbox {
	position:relative;
	margin:0 0 15px 20px;
	width:222px;
	height:193px;
	background:url(../images/layout/picture_frame.gif) no-repeat;
	}
	
#infotext {
	position:absolute;
	overflow:hidden;
	top:5px;
	left:5px;
	width:178px;
	height:176px;
	background-color:#8aa39f;
	font-size:11px;
	color:#fff;
	}

#infotext a {
	display:block;
	color:#fff;
	}

#infotext a:hover {
	text-decoration:none;
	}

#infotextframe {
	padding:10px 5px 0px 10px;
	}

#infotext ul {
	list-style-position:inside;
	}
	
/* productpage only */

#productcontent {
	padding:20px 20px 20px 0;
	overflow:hidden;
	}

#productcontent.table{
	padding:20px 0 20px 0;
	overflow:hidden;
	}

.productdescription {
	position:relative;
	/* float:left; */
	overflow:hidden;
	margin:1em 0 1em 0;
	padding:0 20px 1em 0;
	/* border-top:1px solid #ccc; */
	border-bottom:1px solid #ccc;
	}

.productdescription h4 {
	margin-top:2px;
	font-size:1.6em;
	}
	
.productframe {
	position:relative;
	float:left;
	width:178px;
	height:164px;
	margin-right:20px;
	background:url(../images/layout/product_frame.gif) top left no-repeat;
	}

.productframe img {
	position:absolute;
	top:12px;
	left:12px;
	width:150px;
	height:135px;
	}

a.acrobatlink {
	display:block;
	float:left;
	height:22px;
	padding-left:22px;
	margin-top:1em;
	line-height:21px;
	background:url(../images/layout/acrobat_icon.gif) top left no-repeat;
	}
	
.producttable {
	width:720px;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:10px 0 20px -1px;
	float:left;
	}

.producttable th, .producttable td {
	border-left:1px solid #ccc;
	text-align:center;
	}

.producttable th {
	font-weight:normal;
	color:#155eac;
	text-transform:capitalize;
	font-size:16px;
	height:40px;
	line-height:39px;
	}

.producttable tr.even {
	background-color:#f0f4f3;
	}

.producttable tr.uneven {	
	background-color:#fff;
	}

/* chartpage only */

#charts a img {
	margin:0;
	padding:0;
	}

/* projectpage only */

#projectviewer {
	width:720px;
	height:152px;
	margin-top:1em;
	background:#fff;
	border-top:1px solid #0079C2;
	border-bottom:1px solid #0079C2;
	}

#slidecontainer {
	margin:1px 0;
	width:720px;
	height:150px;
	background:#fff;
	}

.projectslide {
	overflow:hidden;
	width:720px;
	height:150px;
	}

#maincontent .projectslide img {
	margin:6px 0 0 0;
	padding:0;
	float:left;
	}

.projectslide_content {
	display:block;
	margin:2px 20px 0 200px;
	}

.projectslide_content h3 {
	color:#0079C2;
	}

.projectslide_content a {
	display:block;
	color:#0079C2;
	}

.projectslide_content a:hover {
	color:#666;
	}
	
#projectnav {
	position:absolute;
	left:0;
	bottom:0;
	width:720px;
	}

#projectnav a {
	display:block;
	float:left;
	padding:0;
	margin-right:5px;
	width:15px;
	height:15px;
	line-height:14px;
	text-align:center;
	border:1px solid #fff;
	color:#666;
	}

#projectnav a.activeSlide, #projectnav a:hover {
	border:1px solid #0079C2;
	color:#0079C2;
	text-decoration:none;
	}

/* subnavigation */

#subnavigation {
	width:230px;
	margin:0 0 25px 10px;
	}

#subnavigation h3 {
	padding:10px 0 10px 15px;
	color:#155eac;
	}

#subnavigation ul{
	list-style:none;
	list-style-position:outside;
	}

#subnavigation ul li {
	display:block;
	margin:0;
	}

#subnavigation ul li a {
	display:block;
	padding-left:15px;
	text-decoration:none;
	font-family:"Trebuchet MS", trebuchet, arial, sans-serif;
	font-style:normal;
	color:#7f908a;
	}


#subnavigation ul li a:hover, #subnavigation ul li.current a {
	color:#155eac;
	background:url(../images/layout/lili_active.gif) no-repeat 5px 6px;
	}

/* 2de niveau */

#subnavigation ul li.current ul li a {
	color:#7f908a;
	background:none;
	} 

#subnavigation ul ul li a {
	padding-left:30px;
	}

#subnavigation ul li.current li a:hover, #subnavigation ul li.current li.current a {
	color:#155eac;
	}

/* 3e niveau */

#subnavigation ul li.current li.current li a {
	color:#7f908a;
	background:none;
	} 

#subnavigation ul li li li a {
	padding-left:50px;
	}

#subnavigation ul li.current li.current li a:hover, #subnavigation ul li.current li.current li.current a {
	color:#155eac;
	}

/* 4de niveau */

#subnavigation ul li.current li.current li.current li a {
	color:#7f908a;
	background:none;
	} 

#subnavigation ul li li li li a {
	padding-left:70px;
	}

#subnavigation ul li.current li.current li.current li a:hover, #subnavigation ul li.current li.current li.current li.current a {
	color:#155eac;
	}


/* searchresults */

#searchResults li {
	margin-bottom:5px;
	}

#searchResults strong {
	margin-bottom:5px;
	font-family:georgia, serif;
	font-size:1.3em;
	color:#155eac;
	}


/* Harmonica pages*/


#harmonica {
	text-align:left;
	width:720px;
	overflow:hidden;
	}

a.harmonicatitle {
	display:block;
	overflow:hidden;
	width:695px;
	height:20px;
	margin:0;
	padding-left:25px;
	background: #0079C2 url(../images/layout/harmonica_up.gif) 5px 3px no-repeat;
	color:#fff;
	border-bottom:1px solid #fff;
	}

a.harmonicatitle span {
	display:none;
}


a.harmonicatitle:hover {
	background: #0087d8 url(../images/layout/harmonica_down_hover.gif) 5px 3px no-repeat;
	text-decoration:none;
	}

div.harmonicacontent {
	display:block;
	overflow:hidden;
	width:698px;
	margin:0;
	padding:0 10px 10px 10px;
	}

a.ui-state-active {
	background: #0079C2 url(../images/layout/harmonica_down.gif) 5px 3px no-repeat;
	}

a.ui-state-active:hover {
	background: #0087d8 url(../images/layout/harmonica_down_hover.gif) 5px 3px no-repeat;
	text-decoration:none;
	}

/* logos */

ul#logos {
	list-style-type:none;
	list-style-position:inside;
	}

ul#logos li {
	position:relative;
	display:block;
	height:112px;
	padding-top:5px;
	border-bottom:1px solid #ccc;
	}

ul#logos img {
	float:left;
	margin:0 10px 0 0;
	}


/* newspage */

.newsdate {
	color: #666;
	}
	
.newsitem {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:15px;
	}

.readmore {
	display:block;
	width:700px;
	text-align:right;
	}

#archivelink {
	display:block;
	width:700px;
	text-align:left;
	margin-top:1em;
	}

/* three different tables to use in the tiny mc */


.technictable, .smallfonttechnictable {
	float:left;
	width:720px;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:10px 0 20px 0;
	font-size:12px;
	}

.technictable th, .technictable td, .smallfonttechnictable td, .smallfonttechnictable th {
	border-left:1px solid #ccc;
	text-align:center;
	padding:0 5px;
	}

.technictable thead td, .technictable th, .smallfonttechnictable thead td, .smallfonttechnictable th {
	font-weight:normal;
	color:#155eac;
	text-transform:capitalize;
	font-size:16px;
	height:40px;
	line-height:1em;
	background-color:#fff;
	}

.technictable tr.even, .smallfonttechnictable tr.even {
	background-color:#f0f4f3;
	}

.technictable tr.uneven, .smallfonttechnictable tr.uneven {	
	background-color:#fff;
	}

.smallfonttechnictable {
	font-size:11px;
	}


.smallfonttechnictable thead td, .smallfonttechnictable th {
	font-size:12px;
	}

.texttable {
	width:720px;
	border-collapse:collapse;
	margin:10px 0 20px 0;
	float:left;
	}

.texttable th, .texttable td {
	text-align:left;
	vertical-align:top;
	padding:5px 0 5px 20px;
	border-bottom:1px solid #ddd;
	}

.texttable thead td, .texttable th {
	font-weight:normal;
	color:#fff;
	background:#0079C2;
	text-transform:capitalize;
	font-size:16px;
	height:20px;
	line-height:19px;
	}

/* login */

#garfield-login-form {
	padding:0;
	}

#garfield-login-table td {
	padding-right:20px;
	}

#garfield-login-table input {
	border:1px solid #ddd;
	width:200px;
	}
	
#garfield-login-table #loginsubmit {
	width:auto;
	margin-top:10px;
	padding:2px 5px;
	background:#8AA39F;
	border:none;
	color:#fff;
	cursor:pointer;
	}

.error {
	font-weight:bold;
	color:#155EAC;
	padding:5px 0;
	}

/* footer */


#footer {
	height:150px;
	background:url(../images/layout/bottom_bottom_bg.jpg) top left repeat-x;
	}

#footercontent {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:60px;
	text-align:center;
	line-height:1.5em;
	color:#454639;
	}

#disclaimer {
	position:absolute;
	width:960px;
	top:75px;
	left:0;
	font-size:11px;
	text-align:center;
	}

#disclaimer a {
	color:#454639;
	text-decoration:none;
	}

#disclaimer a:hover {
	text-decoration:underline;
	}

#waxlogo a {
	position:absolute;
	top:75px;
	right:5px;
	display:block;
	width:26px;
	height:21px;
	background-image: url(../images/layout/wax_logo_transp50.png);
	cursor:pointer;
	}

#waxlogo a:hover {
	background-image: url(../images/layout/wax_logo.png);
	}