/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl


	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT Jaarsma & De Boer B.V.	;-) 	*/


/* ontwikkeld tbv de website www.transferro.nl - november 2008 - FdB */




html 		{ 	height: 100%;
	background: #d3d3d9 url(../images/transferro-bg.png);
	background-position:center;}

body		{

				margin: 0 auto;
				height: 100%;
				font: 12px Helvetica, Arial, sans-serif; line-height:150%;
			}

td	,th		{font: 12px Helvetica, Arial, sans-serif;}
div, p 		{	margin: 0px; }

#container	{	width: 996px;
				margin-left: auto; margin-right: auto;
				background: #2b254b url(../images/container-bg.gif);
				/*background: #2b254b;*/
				color: #fff;
				border:0px solid gray;
				line-height: 130%;
				/* 100% hoogte */
				position: relative;
				min-height: 100%;
				height:auto; /* voor moderne browsers */
}

#header
{
padding:0;
background-color: #2b254b;
color: #fff;
border-bottom: 2px solid white;
}

#header h1
{
padding: 0;
margin: 0;
}

#leftnavheader
{
float: left;
width: 250px;
height: 140px;
margin: 0;
padding: 0;
background-color: #dba012;
overflow:hidden;
border-right: 2px solid white;
}

#contentheader
{
margin-left: 0px;
width: 900px;
height: 129px;
line-height:16px;

padding: 0;
}

#menu
{
margin: 0;
padding: 0;
padding-top: 18px;
padding-left: 18px;
font: Helvetica condensed, Arial, sans-serif;
}

#menu ul {
margin: 0;
padding: 0;
	list-style: none;
}

#menu li {
margin: 0;
padding: 0;
display: inline;
}



#menu a {
margin: 0;
padding: 0;
	text-align: left;
	text-decoration: none;
	color: #fff;
	padding-left: 10px;padding-right: 10px;
	border-right: 1px solid white;
	font-size: 12px;
	text-transform: uppercase;
}


#menu a:link#last {
margin: 0;
padding: 0;
	text-align: left;
	text-decoration: none;
	color: #fff;
	padding-left: 10px;padding-right: 10px;
	border-right: 0px solid white;
	font-size: 12px;
	text-transform: uppercase;
}

#menu a:hover, #menu a:hover#last{
margin: 0;
padding: 0;
	padding-left: 10px;padding-right: 10px;
	color: #dba012;
	text-decoration: none;
}

.headerimg{margin-top: 0px;}

#leftnav
{
float: left;
width: 195px;
background-color: #dba012;

margin: 0;
padding: 0;
z-index:1;
height:434px;
}

#leftnavdonker{
width: 195px;
background-color: #dba012;
border-bottom: 2px solid white;
margin: 0;
padding: 0;
}



#leftnavlicht{
width: 195px;
background-color: #e4b452;
border-bottom: 2px solid white;
margin: 0;
padding: 0;
}

#leftnavheellicht{
width: 195px;
background-color: #E6BD57;
border-bottom: 2px solid white;
margin: 0;
padding: 0;
}

.zoeken, .inloggen {text-transform: uppercase; padding:12px; padding-bottom: 12px;}
.nieuws {padding:12px;}
.nieuwstitel {color:#2b254b;}
.tekst2 {font-size:12px; color:#2b254b;}



#content
{
margin-left: 205px;
width: 785px;
/*border-left:  2px solid white;*/
padding: 0;
/*background-color: #2B254B;*/
min-height:710px;
height:auto !important; /* voor moderne Browser */
height:434px; /*voor IE6 */
}

/*#contentvak {line-height: 150%;margin-left: 28px; margin-top:30px;margin-right: 28px;}*/
#contentvak {line-height: 150%;margin-left: 28px; margin-top:30px;margin-right: 28px;}

#footer
{
text-align: right;
background: #2b254b url(../images/container-bg.gif);
width: 1000px;
clear: both;
padding: 0;
color: #fff;
/* 100% hoogte */
position: absolute;
bottom: 0; /* heel belangrijk */
}

.footercontent {
background: #2b254b url(../images/container-bg.gif);
width: 986px;
text-align: right;
padding:5px;
padding-top:20px;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: .5em 0 0 0; color: #dba012; font-size:14px; font-weight:bold;}
#content h2 a {margin: 0;padding: 0;text-align: left;color: #dba012;padding-left: 0;font-size: 14px;text-decoration:underline;}
#content h2 a:hover{text-decoration:underline;}
#content a {margin: 0;padding: 0;text-align: left;text-decoration: none;color: #dba012;padding-left: 0;font-size: 12px;}
#content a:hover{text-decoration:underline;}

.linkwit		{margin: 0; padding: 0; text-decoration: none; color: #fff; font-size: 12px; text-transform: uppercase;}
.linkwit:link  		{ color: #ffffff; text-decoration: none; }
.linkwit:visited  	{ color: #ffffff; text-decoration: none; }
.linkwit:active  	{ color: #ffffff; text-decoration: none; }
.linkwit:hover 		{ text-decoration: none;  color: #dba012;}

.linkinloggen		{margin: 0; padding: 0; text-decoration: none; color: #2b254b; font-size: 12px; text-transform: uppercase;}
.linkinloggen:link  		{ color: #2b254b; text-decoration: none; }
.linkinloggen:visited  	{ color: #2b254b; text-decoration: none; }
.linkinloggen:active  	{ color: #2b254b; text-decoration: none; }
.linkinloggen:hover 		{ text-decoration: underline;  color: #2b254b;}

.linknieuws {
margin: 0; padding: 0; text-decoration: none; color: #fff; font-size: 12px; text-transform: uppercase;
}

.linknieuws:hover{
text-decoration: underline;  color: #fff;
}


label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


input
{
color: #2b254b;
font-size:12px;
}

option, select
{
color: #2b254b;
background: #fff;
font-size:12px;
padding:0;
margin:0;
}

input[type="radio"], input[type="checkbox"]
{
color: #2b254b;
background-color: #2b254b;
font-size:12px;
padding:0;
margin:0;
}

textarea
{
color: #2b254b;
background: #fff;
border: 0px solid #fff;
font: 12px Helvetica, Arial, sans-serif;
padding:4px;
}

.tekstvak{width:680px;height:200px;}

#submit, .submitcontent
{
color: #2b254b;
background: #ffffff;
border: 0px;
font: 12px Helvetica, Arial, sans-serif;
margin-left: 0px;
margin-bottom:0px;
text-transform: uppercase;
cursor:pointer;
height:24px;
border: 2px solid #dba012;
padding-bottom:2px;
line-height:18px;
}

#leftnav input
{
color: #2b254b;
background: #fff;
border: 0px solid #fff;
font-size:12px;
width: 142px;
padding:4px;
margin-bottom:10px;
}

.login
{
margin-top:0px;
}

#wachtwoord, #login
{
color: #2b254b;
background: #fff;
border: 0px solid #fff;
font-size:12px;
width: 142px;
padding:4px;
font: 12px Helvetica, Arial, sans-serif;
margin-bottom:0px;
}

#leftnav #submit
{
color: #fff;
background: #2b254b;
border: 0px;
font: 12px Helvetica, Arial, sans-serif;
width: 63px;
padding:2px;
margin-left: 8px;
margin-bottom:10px;
text-transform: uppercase;
cursor:pointer;
}

.lijst{
	width: 350px;
	font: 12px Helvetica, Arial, sans-serif;
	/*width: 100%;*/
	color:#000000;
	background:white;
	border-width:1;
	border-style:solid;
	border-color:#000000;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #D4D0C8;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #D4D0C8;
	scrollbar-darkshadow-color: #D4D0C8;
	scrollbar-track-color: #D4D0C8;
	scrollbar-face-color: #D4D0C8;
}

.submitcontent2
{
color: #2b254b;
background: #ffffff;
border: 0px;
font: 12px Helvetica, Arial, sans-serif;
padding:2px;
margin-left: 0px;
margin-bottom:10px;
text-transform: uppercase;
cursor:pointer;
height:18px;
}

.vacatures table {
	border-collapse: collapse;
	width: 720px;
}
.vacatures table th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #dba012;
	border-collapse: collapse;
	background-color: #dba012;
	color:#2b254b;
	padding:3px;
	text-align:left;
	font-weight:bold;
}
.vacatures table td {
	border-width: 1px;
	color:#2b254b;
	padding:3px;
	border-style: solid;
	border-color: #dba012;
	border-collapse: collapse;
	background-color: white;
	vertical-align:top;
}

.cvshome table {
	border-collapse: collapse;
	width: 415px;
}
.cvshome table th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #dba012;
	border-collapse: collapse;
	background-color: #dba012;
	color:#2b254b;
	padding:3px;
	text-align:left;
	font-weight:bold;
}
.cvshome table td {
	border-width: 1px;
	color:#2b254b;
	padding:3px;
	border-style: solid;
	border-color: #dba012;
	border-collapse: collapse;
	background-color: white;
	vertical-align:top;
}

#content .cvshome table td a{
	color:#2b254b;
}

/*select"*/
.pulldown{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-style: normal;
	color:#000000;
	background:white;
	border-width:1px solid #000000;
	width:350px;
}

.zoektekst{
	color: #2b254b;
	background: #fff;
	border: 0px solid #fff;
	font: 12px Helvetica, Arial, sans-serif;
	padding:4px;
	width:340px;
}

.error{color:red;font-weight:bold;font-size:13px;}

.paginatitel{font: 16px Helvetica, Arial, sans-serif;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}

.knop1, .knop1:link, .knop1:visited, .knop1:active	{color:#2B254B;width:301px;height:31px;background: #221d40 url(../images/knop1.gif);display:block;text-decoration:none;}
.knop1:hover{text-decoration:none; background: #221d40 url(../images/knop12.gif);color:#2B254B;}

.knop2, .knop2:link, .knop2:visited, .knop2:active	{color:#2B254B;width:301px;height:31px;background: #221d40 url(../images/knop2.gif);display:block;text-decoration:none;}
.knop2:hover{text-decoration:none; background: #221d40 url(../images/knop22.gif);color:#2B254B;}

.knop3, .knop3:link, .knop3:visited, .knop3:active	{color:#2B254B;width:301px;height:31px;background: url(../images/knop3.gif);display:block;text-decoration:none;}
.knop3:hover{text-decoration:none; background: #221d40 url(../images/knop32.gif);color:#2B254B;}

#knoppen{width:300px;float:left;height:140px;}
#afbeeldingen{width:425px;float:left;height:140px;line-height:100%;}
/*#afbeeldingen img{margin-left:8px;}*/

#master0, #master1, #master2, #master3{margin-left:17px;}

.ondertekst{margin:12px 0 0 27px;font: 18px Helvetica, Arial, sans-serif;font-weight:bold;text-transform:uppercase;color:#DBA112;}

.spacer{margin-left:40px;}

.loginnaam{width:160px;display:block;float:left;padding-top:4px;}

.gebruikersnaam{margin-top:5px;}

.aantal{color: #2b254b;}

/*.metaalunielogo{position:absolute;top:565px;left:0px;z-index:10;}*/
.metaalunielogo{}

/*.getallen{position:absolute;top:489px;left:0px;z-index:10;width:185px;padding:5px;text-align:center;}*/
.getallen{width:185px;padding:5px;text-align:center;display:block;height:30px;}

.headerimg img{float:left;margin-left:28px;margin-right:55px;}
.headerimg a{margin: 0;padding: 0;text-align: left;text-decoration: underline;color: #ffffff;padding-left: 0;}
.headerimg a:hover{text-decoration:underline;}

.nieuwevacature, .nieuwevacature:link, .nieuwevacature:visited, .nieuwevacature:active	{color:#2B254B;width:301px;height:30px;background: url(../images/nieuwevacature1.gif);display:block;text-decoration:none;}
.nieuwevacature:hover{text-decoration:none; background: #221d40 url(../images/nieuwevacature2.gif);color:#2B254B;}

.terug, .terug:link, .terug:visited, .terug:active	{color:#2B254B;width:301px;height:30px;background: url(../images/terug1.gif);display:block;text-decoration:none;}
.terug:hover{text-decoration:none; background: #221d40 url(../images/terug2.gif);color:#2B254B;}

.zoekkandidaten{width:97px;padding:0;cursor:pointer;}
.verlengen{width:62px;float:right;padding:0;cursor:pointer;}
.verwijderen{width:70px;padding:0;cursor:pointer;}
.aanpassen{width:68px;padding:0;cursor:pointer;}

#grotelink a{margin: 0;padding: 0;text-align: left;text-decoration: none;color: #dba012;padding-left: 0;font-size: 14px;}
#grotelink a:hover{text-decoration:underline;}

.tekstvakklein{width:600px;height:100px;}
.tekstvakkleiner{width:400px;height:100px;}

.tekstveld{width:70px;}

.inputformulier{width:200px;}

.acquisitietekst{padding-left:13px;padding-right:13px;padding-top:5px;}

.homelinks{float:left;width:289px;padding-right:28px;}
.homerechts{float:left;width:412px;}
.homerechts .titel{font:bold 18px Helvetica,Arial,sans-serif; color:#DBA112;margin-bottom:3px;}

.nieuwsitem{padding-bottom:10px;}
.nieuwsitem .titel{color:#DBA012;font-weight:bold;}