/* INDUSTRY STYLES */

/* the basis is done in main.css
 some of the below styles overwrite main.css */ 

#container #header {
	background: url('/shared/images/custom/industry_02.gif') no-repeat left top;
	width:770px; /* 772 - left/right border */
	height:54px;
	border-left:1px solid white;
	border-right:1px solid white;
	line-height:100px;
}

#container #header a {
	display:block;
	/*background:*//* done inline */
	/*width:*//* done inline */
	height:34px;
	margin-top:20px;
	float:right;
}

#container #buttonbar {
	background: url('/shared/images/custom/industry_03.jpg') no-repeat left top;
	width:770px; /* 772 - left/right border */
	height:148px; /* the image is 164px heigh but Kuhne requested to cut off 16px of the header.. */
	border-left:1px solid white;
	border-right:1px solid white;
}

#container #buttonbar table
{
	width:100%;
	height: 34px;
	border-collapse:collapse;
}
#container #buttonbar table td {
    text-align:center;
	height: 34px;
}

#container #buttonbar a {
	font: bold 11px Arial;
	color:white;
	text-decoration:none;
	height:34px;
	line-height:34px;
}


#container #buttonbar a:hover,#container #buttonbar a.selected {
	color:#FFC617;
}

#container #buttonbar #flags {
	padding-right:20px;
}

#container #buttonbar #flags a.flag { /*overwrites the above styles*/
	display:block;
	height:17px;
	width:27px;
	margin:7px;
	float:right;
	
	/*Done inline: */
	/*
	background:
	*/
}

#container #content {
	width:770px; /* 772 - 2x1px left/right border*/
	min-height:262px; /*545 - (header + buttonbar + footer) - 2x30px padding, ofc this will not work in IE */
	border-left:1px solid white;
	border-right:1px solid white;
	padding:0; /* overwrites main.css */
	overflow:hidden;
}

#container #content #left {
	width:164px;
	min-height:321px;
	padding-top:1px;
	float:left;
}

#container #content #left span {
	display:block;
	background:url('/shared/images/custom/industry_39.gif') repeat-x left top;
	width:144px; /* 164 - 2x 10px padding */
	height:30px;
	line-height:30px;
	color:white;
	font-family:Tahoma,Verdana,Arial;
	font-size:14px;
	font-weight:bold;
	padding:0px 10px;
}

#container #content #left a {
	display:block;
	background:url('/shared/images/custom/industry_21.gif') repeat-x left top;
	width:144px;
	height:25px;
	line-height:25px;
	color:white;
	text-decoration:none;
	padding:0px 10px;
	border-bottom:1px solid #404e70;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
}


#container #content #left a.selected, #container #content #left a.productlijn.selected {
	background-image:url('/shared/images/custom/assortiment_03.gif');
	color:#FFC617;
}

#container #content #left a.selected.p_selected { /*overwrite above styles */
	color:white;
}

#container #content #left a:hover,#container #content #left a.selected.p_selected:hover {
	color:#FFC617;
}

#container #content #left a.productlijn { /* overwrites ' #container #content #left a ' */
	width:134px;
	padding-left:20px;
	background:url('/shared/images/custom/assortiment_03.gif') repeat-x left top;
	border-bottom-color:#2d6b97;
}

#container #content #left a#vacants { /* NOTICE: this overwrites"#container #content #left a " */
	display:block;
	background:#e31e26 url('/shared/images/custom/industry_42.gif') no-repeat 144px 13px;
	width:144px;
	height:38px;
	line-height:38px;
	color:white;
	text-decoration:none;
	padding:0px 10px;
	border-bottom:0;
	font-weight:bold;
}

#container #content #left a#vacants:hover {
	text-decoration:underline;
}

#container #content #left a#workfor { /* NOTICE: this overwrites"#container #content #left a " */
	display:block;
	background:url('/shared/images/custom/industry_39.gif') repeat-x left top;
	width:144px; /* 164 - 2x 10px padding */
	height:30px;
	line-height:30px;
	color:white;
	font-family:Tahoma,Verdana,Arial;
	font-size:14px;
	font-weight:bold;
	padding:0px 10px;
	margin-top:10px;
	border-bottom:0;
}

#container #content #left a#workfor:hover {
	text-decoration:underline;
}


#container #content #right {
	width:546px;
	min-height:262px;
	padding:30px;
	padding-bottom: 0px; /* as requested by Kuhne */
	float:left;
	overflow:hidden;
}

#container #footer {
	background:url('/shared/images/custom/footer_1.gif') repeat-x left top;
	width:770px; /* 772 - left/right border */
	height:21px;
	border-left:1px solid white;
	border-right:1px solid white;
}

#container #footer a {
	display:block;
	/*background:*//* done inline */
	height:21px;
	line-height:21px;
	/*padding-left:*//* done inline */
	margin-left:0px; /* overwriten inline for some buttons */
	margin-right:10px;
	text-decoration:none;
	color:white;
	float:left; /* overwriten inline for some buttons */
}

#container #footer a:hover {
	text-decoration:underline;
}