@charset "utf-8";

/* Ecotax Global CSS
	Developed by Omines - www.omines.nl
	
	1) Global definitions
	2) Site layout definitions
	3) Layout definitions
	4) Company section definitions
	5) Content section definitions
	6) Meta section definitions
	7) Menu section definitions
		7.1) Mainmenu definintions
		7.2) Mainmenu hover visibility
		7.3) Submenu
	8) Adress section definitions
	9) Search section definitions
	10) Interact section definitions 
	11) Footer section definitions 
	12) Form definitions
	13)	Vacancies
*/

/* 1. Global definitions */
* {
	margin:0;
	padding:0;
}
body {
	font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:default;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a img {
	border:0;
}
a,a:hover{
	cursor:pointer;
}

/* 2. Site layout definitions */
div#layout {
	position:relative;
	width:1060px;
	min-height:265px;
	margin:0 auto;
}
div#section-company {
	position:absolute;
	height:257px;
	width:185px;	
	z-index:1;	
}
div#section-menu {
	position:absolute;
	width:600px;		
	height:257px;
	left:185px;
	z-index:10;
}
div#section-search {
	position:absolute;
	width:275px;
	height:50px;
	right:0;
}
div#section-interact {
	position:absolute;
	width:275px;
	height:202px;
	right:0;
	top:50px;
	z-index:1;
}
div#section-address {
	position:fixed;
	width:185px;
	bottom:0;
	padding-bottom:60px;
}
div#section-content {
	position:absolute;
	width:520px;
	min-height:250px;
	top:257px;
	left:185px;
	padding:25px 40px 50px 40px;
}
div#section-meta {
	position:absolute;
	width:275px;
	right:0;
	top:257px;
	padding-top:80px;
}
div#footer {
	position:fixed;
	width:1060px;
	height:41px;
	bottom:0;
}

/* 3. Layout section definitions */
body.home {
	background-repeat:repeat-x;
	background-image:url(/static/img/homepage-header-bg.png)
}
body.subpage {
	background-repeat:repeat-x;
	background-image:url(/static/img/subpage-header-bg.png)
}

/* 4. Company sections definitions */
div#section-company h2{
	padding:55px 0px 0px 55px;		
}
/* 5. Content sections definitions */
div#section-content{
	background-repeat:repeat-x;
}
div#section-content h1{
	font-size:14px;
	padding-bottom:5px;
}
div#section-content ul {
	margin-left:2em;
}
div#section-content p, div#section-content li {
	font-size:11px;
	line-height:1.7em;
}
div#section-content p.firstpar{
	font-size:11px;
	color:#470000;
	line-height:1.7em;
	font-weight:normal;
}
div#section-content p.subpar{
	/*width:385px;*/
	font-size:11px;
	line-height:1.7em;
}
div#section-content h2{
	font-size:14px;
	padding-bottom:5px;
}
div#section-content h2.sub{
	width:265px;
	font-size:11px;
	padding-bottom:5px;
}
div#section-content p{
	margin:7px 0;
}
div#section-content p img{
	margin:13px;
}
div#section-content div{
	padding-bottom:35px;
}
div#section-content a, div#section-content a:hover, div#section-content a:visited{
	text-decoration:underline;
}
div#section-content img.left{
	float:left;
	margin:10px 10px 0px 0px;
}
div#section-content img.right{
	float:right;
	margin:0px 0px 0px 0px;
}
div#section-content h1 span.arrow{
	background-repeat:no-repeat;
	background-position:center;
}
div#section-content h1 span.arrow span.hidden{
	visibility:hidden;
}

/* 6. Meta section definitions */
div#section-meta div {
	color:#9f9f9f;
	font-size:11px;	
	padding:0 15px 70px 45px;
}
div#section-meta h3 {
	font-size:13px;
}
ul#contactinfo {
	padding:0 0 0 20px;
}
ul#contactinfo li {
	padding:2px 0 3px 5px;
}
li#contact-email {
	list-style-image:url(/static/img/icon-contact-email.gif);
}
li#contact-phone {
	list-style-image:url(/static/img/icon-contact-phone.gif);
}
li#contact-callme {
	list-style-image:url(/static/img/icon-contact-callme.gif);
}
li#contact-callme input {
	width:100px;
}
ul.deepcontent {
	padding:0 0 0 20px;
	font-size:10px;
}
ul.deepcontent li {
	padding:2px 0 3px 0;
}
li#contact-email a,
ul.deepcontent li a {
	color:#9f9f9f;
	font-size:11px;
}
ul.deepcontent li a:hover {
	color:#000000;
}

/* 7. Menu section definitions */

/* 7.1 Mainmenu definitions*/
ul#mainmenu {
	color:#777777;
	font-size:12pt;
	width:578px;
	background-image:url(/static/img/mainmenu-background.gif);
	background-repeat:repeat-x;
	height:55px;
	padding:0px 0px 0px 22px;
	list-style-type:none;
}
ul#mainmenu li {
	height:55px;
	line-height:54px;
	float:left;
	position:relative;
}	
ul#mainmenu a, ul#mainmenu a:visited {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 18px 0px 0px;
	color:#777777;
}
ul#mainmenu a:hover, ul#mainmenu :hover > a, ul#mainmenu a.selected{
	color:#000000;
}
ul#mainmenu ul{
	list-style-type:none;
	position:absolute;
	left:0px;
	top:55px;
	padding:15px 0px 10px 0px;
	background-image:url(/static/img/menu-arrow-vert.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
}
ul#mainmenu ul li {
	height:auto;
	line-height:1.5em;
	width:160px;
	font-size:10px;
}
ul#mainmenu ul a, ul#mainmenu ul a:visited {
	height:auto;
	font-size:10px;
	font-weight:normal;
	padding:4px 15px 4px 20px;
}
ul#mainmenu ul a:hover, #mainmenu ul :hover > a, #mainmenu ul ul ul a:hover{
	background-image:url(/static/img/menu-img.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#000000;
	text-decoration:underline;
}
ul#mainmenu ul ul {
	background-image:url(/static/img/menu-arrow-horz.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 0px;
	background-color:#d4d4d4;
	position:absolute;
	top:-15px;
	left:160px;
	width:160px;
	list-style-type:none;
}
ul#mainmenu ul ul a:hover {
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:underline;
}

ul#mainmenu ul ul ul{
	background-image:url(/static/img/menu-arrow-grey.gif);
	background-color:#FFFFFF;
	visibility:hidden;
}

/* 7.2 Mainmenu hover visibility*/
ul#mainmenu li:hover ul{
	visibility:visible;
}
ul#mainmenu a:hover ul{
	visibility:visible;
}
ul#mainmenu :hover ul :hover ul {
	visibility:visible;
}
ul#mainmenu :hover ul :hover ul :hover ul { 
	visibility:visible;
}
ul#mainmenu ul{
	visibility:hidden;
}
ul#mainmenu :hover ul ul{
	visibility:hidden;
}
ul#mainmenu :hover ul :hover ul ul{
	visibility:hidden;
}
/* 7.2 Submenu*/
ul#submenu {
	list-style-type:none;
	float:right;
	min-width:840px;
	max-width:1000px;
	margin-right:-275px;
	height:35px;
}
ul#submenu li{
	float:left;
	height:35px;
	line-height:34px;
}
ul#submenu a, ul#submenu a:visited {
	display:block;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	padding:0px 30px 0px 5px;
	color:#fff;
	margin:-3px 0 0 0;
}

ul#submenu a:hover, ul#submenu a.selected{
	color:#FFFFFF;
	background-image:url(/static/img/menu-img-white.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:underline;
}

/* 8. Adress section definitions */
div#section-address address {
	padding-left:10px;
	color:#878282;
	font-style:normal;
	line-height:2em;
	font-size:10px;
}
div#section-address address a {
	color:#878282;
	text-decoration:underline;
}

/* 9. Search section definitions */
div#section-search form{
	padding:17px 0px 0px 100px;
}
div#section-search input {
	border:1px solid #d6d6d6;
	color:#b3a9a6;
	background-color:#ffffff;
}
div#section-search input#searchfield {
	background-image:url(/static/img/search-background.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:2px 3px 2px 20px;
	font-size:9px;
	height:14px;
	width:69px;
}
div#section-search input#btnSearch {
	font-weight:bold;
	text-align:center;
	width:60px;
	font-size:9px;
	height:20px;
	padding-bottom:2px;
	margin-left:1px;
}

/* 10. Interact sections definitions */
div#section-interact form{
	padding-top:50px;
}

dl#dl-login {
	height: 50px;
	font-size:9px;
}
dl#dl-login dt {
	width: 90px;
	padding-right:10px;
	text-align:right;
	float:left;
	line-height:21px;
	height:21px;
	color:#777777;
}
dl#dl-login dd {
	float:left;
	clear:right;
	text-align:right;
	padding-bottom:3px;
}
dl#dl-login dd input {
	border:1px solid #d6d6d6;
	background-color:#ffffff;
	color:#b3a9a6;
}
dl#dl-login dd input.login {
	width:86px;
	height:14px;
	padding:2px 3px;
	font-size:9px;
}
dl#dl-login dd input#btnLogin {
	margin-left:5px;
	height:20px;
	font-weight:bold;
	text-align:center;
	width:60px;
	font-size:9px;
	padding-bottom:2px;
}
ul#user-options,
ul#login-options {
	padding-left: 110px;
	list-style-position:inside;
	list-style-type:square;
	font-size:9px;
	color:#777777;
}
ul#user-options {
	padding-left:60px;
	font-size:1em;
}
ul#user-options a,
ul#login-options a {
	text-decoration:none;
	color:#777777;
}
ul#user-options a:hover,
ul#login-options a:hover {
	text-decoration:underline;
}

/* 11. Footer section definitinos */
div#footer{
	background-color:maroon;
	background-repeat:repeat-x;
	background-position:bottom;
	color:white;
	line-height:41px;
	text-align:center;
	font-size:10px;
}
div#footer a, div#footer a:hover, div#footer a:visited{
	color:white;
	text-decoration:none;
} 

/* 12. Form definitions */
form.windowed fieldset {
	margin: 10px 0;
	padding: 10px 15px;
}
form.windowed fieldset legend {
	padding: 0 5px;
	font-weight: bold;
}
form.windowed fieldset dl dt {
	width:175px;
	margin:0 10px 5px 0;
	text-align:right;
	float:left;
}
form.windowed fieldset dl dd {
	clear:right;
	margin:0 0 5px 0;
}
form.windowed fieldset dl dd.submit {
	text-align:center;
	padding-left:30px;
}
form.windowed fieldset dl dd.submit input {
	width:150px;
}

/* 13. Vacancies */
table.vacancy-respond {
	margin:25px 0;
	width:100%;
}
table.vacancy-respond,
table.vacancy-respond th,
table.vacancy-respond td {
	border:1px solid #B7B7B7;
	border-collapse:collapse;
	color:#7A7A7A;
	font-size:11px;
	padding:10px;
	vertical-align:top;
}
table.vacancy-respond th,
table.vacancy-respond td.submit {
	text-align: center;
}

/* 14. Random stuff */
ul#searchresults {
	list-style-type:none;
}
ul#searchresults li {
	margin-bottom:15px;
}
ul#searchresults li span.pagetitle {
	border-bottom:1px solid #ccc;
	display:block;
}
ul#searchresults li span.pagetitle a {
	text-decoration:none;
	font-style:normal;
}
ul#sitemap {
	color:#D8080D;
	list-style-type:disc;
}
ul#sitemap li, ul#sitemap a {
	font-size:11px;
	line-height:1.5em;	
}
ul#sitemap ul {
	margin-left:25px;
	list-style-type:disc;
}
#extranetlink, #logoutlink {
	font-size: 10px; 
}

table.formtable,
table.formtable td {
	color:#7A7A7A;
	font-size:11px;
	padding:5px;
	vertical-align:top;
}
table.formtable th {
	color:black;
	padding:10px;
	text-align:left;
}