/* AUTOMOTIVE STYLES */

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

#container #header {
	background: url('/shared/images/custom/header_1.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/automotive_06.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;
	text-align:center;
}

#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 {
	background:url('/shared/images/custom/industry_21.gif') repeat-x left top;
    display: block;
	width:144px;
	height:25px;
	line-height:25px;
	color:white;
	text-decoration:none;
	padding:0px 10px;
	border-bottom:1px solid #404e70;
	font-weight:bold;
}


#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 #left a#atr { /* NOTICE: this overwrites"#container #content #left a " */
	display:block;
	background:white url('/shared/images/custom/atr.jpg') no-repeat left top;
	width:45px;
	height:44px;
	padding:0px 10px;
	border-bottom:0;
	margin-top:10px;
	margin-bottom:20px;
	margin-left: 60px;
}

#container #content #left a#twitter { /* NOTICE: this overwrites"#container #content #left a " */
	background:white url('/shared/images/custom/twitter.jpg') no-repeat left top;
    display: block;
	width:144px;
	height:40px;
	border-bottom:0;
	margin-bottom:10px;
    margin-left: 50px;
}

#container #content #left #twitter-div { /* NOTICE: this overwrites"#container #content #left a " */
    margin: 0 5px 0 5px;
    text-align: left;
}

#container #content #left #twitter-div a {
    background: none;
    line-height: normal;
    color: #1F2F5B;
    width: 144px;
    font-weight: normal;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

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

#container #content #left #twitter-div .twitter-date {
    font-weight: bold;
    margin: 15px 0 5px 0;
    text-transform: lowercase;
}

#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;
}