/* 
===============================
				Website TOPWORK 
===============================
*/

html {
	height: 100%;
}

* html #left {
  left: 142px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 62.5%;
	color: #000;
	height: 100%;
	min-width: 550px;
	
}

#container {
	position: relative;
	min-height: 100%;
	text-align: left;	
}

#top {
	height: 75px;
	background:url(/images/topwork/top-bg.gif) repeat-x;
}

#main {
	padding-left: 150px;
	padding-right: 135px;
	font-size: 10pt;
}

#main .column {
  float: left;
  position: relative;
}

#left {
	width: 142px;
	margin-left: -100%;  
	right: 150px;	
	*right: -136px;
}

#lefttop {
	width: 142px;
	height: 48px;
	text-align:center;
	padding-top:25px;
	background:url(/images/topwork/onderlogo.gif) left top no-repeat;
	
}

#mid {
	width: 100%;
	margin-left: 0px;
	_margin-left: -3px;
	background:url(/images/topwork/main-bg.gif) no-repeat #F2F2F2;
	font-size: 10pt;
}

#content {
	padding: 10px;
 	min-height:500px;
  	height:auto !important;
  	height:500px;	
	width:800px;
}

#right {
	  width: 150px;
	  margin-left:-155px;
	  background-color:#F2F2F2;
	  font-size:8px;
	  *font-size:10px;
	  padding-top:20px;
}

#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	height: 87px;
	width: 100%;
	background:url(/images/topwork/footer-bg.gif) repeat-x;
}


/* DE REST */

a,
a:link,
a:visited,
a:active {
	color: #000000;
}

#hoofdmenu {
	margin-top: -10px;
	*margin-top: 0px;
	_margin-top: -3px;		
	height: 15px;
	padding: 0px;
	padding-left: 100px;
	background:url(/images/topwork/hoofdmenu.gif) left no-repeat #F88667;
}

#hoofdmenu a {
	border-right: solid 1px #FFFFFF;
	height: 15px;
	color:#343434;
	font-weight: bold;
	padding-right: 30px;
	padding-left: 29px;	
	text-decoration: none;
}
#hoofdmenu a:link,
#hoofdmenu a:visited,
#hoofdmenu a:active {
}

#hoofdmenu li li {
	border-right: solid 2px #FFFFFF;
}

#hoofdmenu ul ul{
	display:none;
}

#hoofdmenu li a:hover {
	color:#fff;
}

#submenu {
	padding-left: 2px;
	background:#cecece;
	border: 1px solid #cecece;

}

#submenu ul {
	width: 138px;
	margin-left:-40px;

}

#submenu li {
	height: 20px;
	text-align:left;
	font-weight: bold;
	background:#cecece;
	list-style: none;
	font-size: 10px;
}

#submenu li a:hover  {
	background-color:#EB5044;
	color:white;
	
}

#submenu a {
	padding-top: 5px;
	padding-bottom: 5px;	
	display: block;
	color: darkred;
	text-decoration: none;	
}

#logincenter {
	text-align: center;
}

.selected {
	font-weight: bold;
	background-color: #FF0000;
}

.breaker {
	clear: both;
	font-size: 0;
}

.xList ul {
}

.xList li {
	display: inline;
	list-style-type: none;
}

.xList a,
.xList a:link,
.xList a:visited,
.xList a:active {
	display: block;
	float: left;
}

h1 {
	font-size:12px;
	font-weight: bold;
	color: #000;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #A9A9A9;
}

h3 {
	font-size:29px;
	font-weight: bold;
	color: #E51737;
}

h4 {
	font-size: 15px;
	font-weight: bold;
	color: #E51737;
}

input
{
	font-family: Verdana;
	font-size:10px;
}

textarea
{
	font-family: Verdana;
	font-size:10px;	
}

select
{
	font-family: Verdana;
	font-size:10px;	
}

#paragrafen {
	overflow: hidden;
}

/* 
===============================
					Formulieren 
===============================
*/

.textarea_normal
{
	width:400px;
}

#form_general textarea
{
}

/* Algemeen formulier. */
#form_general
{

}

#form_general label
{
    width: 150px;
    display: block;
    float:left;
    padding-right: 20px;
    padding-left: 10px;
    font-weight: bold;
}

#form_general submit
{

}

#form_general ul
{
	list-style-type:none;
}

/* Custom formulieren. */

#form_without_padding label
{
    width: 150px;
    display: block;
    float:left;
    padding-right: 20px;
    font-weight: bold;
}

#form_general_aanmeldenvacature label
{
    width: 200px;
    display: block;
    float:left;
    padding-right: 20px;
    padding-left: 10px;
    font-weight: bold;
}

#form_general_aanmeldenvacature ul
{
	list-style-type:none;
}

#form_vacature_beheer
{
	/*border:solid 1px black;*/
}

#form_vacature_beheer label
{
    width: 200px;
    display: block;
    float:left;
    padding-right: 20px;
    padding-left: 10px;
    font-weight: bold;
}

/* Voor als lange teksten toch netjes uitgelijnd moeten worden. Volg deze door een breaker*/
#divlongtxt
{
    width: 400px;
    float:left;
}

#form_vacature_beheer ul
{
	list-style-type:none;
}

#form_cv
{
	padding:5px;
}

#form_cv label
{
    width: 200px;
    display: block;
    float:left;
    padding-right: 20px;
    font-weight: bold;
}

#form_cv ul
{
	list-style-type:none;
}
#form_cv hr
{
	width:50%;
	border:solid 2px gray;
	align:left;
}

#form_cv #thin_line
{
	width:50%;
	border:solid thin gray;
	align:left;	
}

#form_cv table
{
	width:40%;
}

#form_cv thead
{
	font-weight:bold;

}

#form_cv tbody
{
	vertical-align:text-top;
}

#form_cv td
{
}

#form_login label
{
    width: 50px;
    display: block;
    float:left;
    padding-right: 10px;
    font-weight: bold;
}

#form_login
{
	font-size:10px;
}

#form_login_kandidaat label
{
    width: 100px;
    display: block;
    float:left;
    padding-right: 10px;
    font-weight: bold;
}

#form_login_kandidaat
{
	font-size:11px;
}

/* 
===============================
			  Formulier knoppen 
===============================
*/

.button_general
{
	background-color:#F88667;
	font-weight:bold;
	color:white;
	border:solid 1px black;
	margin-top:5px;
}

/* 
===============================
						Tabellen 
===============================
*/
/* Standaard tabellen. */

#table_general
{
	width:100%;
	text-align:left;
	vertical-align:text-top;
	font-size:11px;
}

#table_general label
{
    width: 200px;
    display: block;
    float:left;
    padding-right: 0px;
    padding-left: 5px;
    font-weight: bold;
}

#table_general ul
{
    width: 150px;
    margin-left:205px;
}

#table_general thead
{
	font-weight:bold;

}

#table_general tbody
{
	vertical-align:top;
}

#table_general tfoot
{
	text-align:right;
}

#table_general td
{
	background-color:lightgray;
	vertical-align:top;
}

/* De edit en delete knoppen */
#table_general #options
{
	width:20px;
	vertical-align:text-top;
	text-align:center;		
}

#table_general input
{
	/*font-family: Arial;*/
	font-size:11px;	
}

#table_general textarea
{
	/*font-family: Arial;*/
	font-size:11px;	
}

#table_general select
{
	/*font-family: Arial;*/
	font-size:11px;	
}

/* Custom tabellen. */

#table_computers
{
	width:90%;
	text-align:left;
	vertical-align:text-top;
}

#table_computers thead
{
	font-weight:bold;

}

#table_computers tbody
{
	vertical-align:text-top;
}

#table_computers tfoot
{
	text-align:right;
}

#table_computers td
{
	background-color:white;
}

/* De edit en delete knoppen */
#table_computers #options
{
	width:20px;
	vertical-align:text-top;
	text-align:center;		
}

#table_jobs
{
	width:60%;
	text-align:left;
	vertical-align:text-top;
}

#table_jobs thead
{
	font-weight:bold;
}

#table_jobs tbody
{
	vertical-align:text-top;
}

#table_search_job select
{
	width:200px;
}



/* 
===============================
					    Lijsten
===============================
*/


#table_list
{
	width:100%;
	text-align:left;
	vertical-align:text-top;
	font-size:11px;
}

#table_list thead
{
	font-weight:bold;

}

#table_list tbody
{
	vertical-align:text-top;
}

#table_list tbody tr
{
    background:white;
}


#table_list tbody tr:hover
{
    background: #FFE5E5;
}


#table_list tfoot
{
	text-align:right;
}

#table_list td
{
	//background-color:white;
}


/* De edit en delete knoppen */
#table_list #options
{
	width:20px;
	vertical-align:text-top;
	text-align:center;		
}

#table_list select
{
	/*font-family: Arial;*/
	font-size:11px;	
}

/* 
===============================
			 Tabs in het beheer
===============================
*/

#beheer_tabs td a
{
	color:white !important;
	text-decoration:none;
	font-weight:bold;	
}

#beheer_tabs td a:hover
{
	color:#D9D9D9 !important;
	text-decoration:none;
	font-weight:bold;	
}



/* 
===============================
					     Overig
===============================
*/

#form_general_blok_float_beheer
{	width:500px;
	border:solid 1px red;
	float:left;
}

#form_general_blok_beheer
{	width:500px;
	border:solid 1px green;
}

#flash
{
	color:white;
	background-color:#F88667;
	font-weight:bold;
	width: 50%;
	padding:5px;
}

/* Er zijn geen contacten gevonden etc*/
#no_results
{
	font-style:italic;
	padding:10px;
}

/* Sorteerbare tabellen. */
.sortable thead:hover
{
	cursor: pointer;
	 
}

/* Sorteerbare tabellen. */
.sortable thead a
{
	text-decoration: none;	
	 
}
/* Nieuwe opdrachtgever, Nieuwe...*/
#add_link
{
	padding-top:10px;
	padding-bottom:10px;
}

/* Fouten*/
.formError
{
	font-weight:bold;
	color:red;
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
	border: 1px solid red;
	float: left;
	margin-right: 10px;
	background-color:#FFBC8F;	
}

td div {
	clear:left;
}

td div div {
	clear: none;
}

#paginatielinks
{
	background-color:#FFE0CC;
	font-weight:normal !important;
}

.tip {
    background-color: #FFBC8F;
    color: black;
    padding: 5px;
    border:solid 2px black;
    width:300px;
}

.helpimage
{
cursor: hand; 

}

#clear
{
    clear:both;
}

.contact_down
{
	display:inline;
	cursor:hand;	
}

.contact_down img
{
	display:inline;
	cursor:hand;
}

.contact_up
{
	display:none;
	cursor:hand;	
}

.contactwindow
{
	z-index:20;
	position:absolute;
	background-color:white;
	border:solid 2px black;
	width:600px;
}

.contactwindow div
{
	background-color:#f6f6f6;	
	font-weight:bold;
}

.contactwindow table
{
	border:solid 0px;
	width:100%;
}

.contactwindow table tr
{
	background-color:#FFEBC2;	
}