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

html {
	height: 100%;
}

* html #left {
  left: 142px;
}

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

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

#top {
	display:none;
}

#main {

	width: 100%;
}

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

#left {
	display:none;

}

#lefttop {
	display:none;
}

#mid {
	width: 100%;
	margin-left: 0px;
	_margin-left: -3px;
}

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

#right {
	display:none;
}

#footer {
	display:none;
}


/* DE REST */

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

#hoofdmenu {
	display:none;
}

#hoofdmenu a {
	display:none;
}
#hoofdmenu a:link,
#hoofdmenu a:visited,
#hoofdmenu a:active {
}

#hoofdmenu li li {
	display:none;
}

#hoofdmenu ul ul{
	display:none;
}

#hoofdmenu li a:hover {
	display:none;
}

#submenu {
	display:none;

}

#submenu ul {
	display:none;

}

#submenu li {
	display:none;
}

#submenu li a:hover  {
	display:none;
	
}

#submenu a {
	display:none;
}

#logincenter {
	display:none;
}

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

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

.xList ul {
}

.xList li {
	display:none;
}

.xList a,
.xList a:link,
.xList a:visited,
.xList a:active {
	display:none;
}

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;
	background-color:white;
	color:black;
}

textarea
{
	font-family: Verdana;
	font-size:10px;
	background-color:white;
	color:black;			
}

select
{
	font-family: Verdana;
	font-size:10px;
	background-color:white;
	color:black;			
}

#paragrafen {
	overflow: hidden;
}

#breaker
{
	clear:both;
	font-size:0px;
}

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

.textarea_normal
{
	width:400px;
	background-color:white;	
}


/* Algemeen formulier. */


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


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

/* Custom formulieren. */
#form_payrolling label
{
    width: 150px;
    display: block;
    float:left;
    padding-right: 20px;
}

#form_payrolling input
{
	background-color:white;
}

#keuzevak_wit
{
	background-color:white;
	width:150px;
	border:solid 1px black;
	padding:2px;
}

.handtekeningvak
{
	background-color:white;
	width:250px;
	height:40px;
	border:solid 1px black;
	margin-top:5px;
}

#payroll_header
{
	background-color:white;
	font-weight:bold;
	width:99%;
	padding:5px;
	color:black;
	border:solid 1px black;
}

.payroll_td_opdrachtgever
{
	background-color:#C2C2C2;
}

.payroll_td_medewerker
{
	background-color:#B5B5B5;
}

#textblok
{
	width:500px;
	padding-top:10px;
	padding-bottom:10px;
}



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

#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:70%;
}

#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
{
	display:none;
}

#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
{
display:none;
}

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

#table_general
{
	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
{
	vertical-align:top;
}

/* De edit en delete knoppen */
#table_general #options
{
display:none;		
}

#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
{
	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
{
display:none;		
}

#table_jobs
{
	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
{
	text-align:left;
	vertical-align:text-top;
	font-size:9px;
}

#table_list thead
{
	font-weight:bold;

}

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

#table_list tfoot
{
	text-align:right;
}

#table_list td
{
	background-color:white;
}

/* De edit en delete knoppen */
#table_list #options
{
display:none;	
}

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

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

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

#flash
{
display:none
}

/* 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
{
display:none
}

/* Fouten*/
.formError
{
display:none
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
	float: left;
	margin-right: 10px;
	
}

td div {
	clear:left;
}

td div div {
	clear: none;
}

#print
{
	display:none;
}

#payroll_title
{
	display:none;
}

#flash
{
	display:none;
}
#backlink
{
	display:none;
}

#footer_options
{
	display:none;
}

#beheer_opties
{
	display:none;
}

#zoekinput{
	display:none;
}

#paginatielinks
{
	display:none;
}

#field
{
	display:none;
}

#operator
{
	display:none;
}

#searchValueField
{
	display:none;
}

#currentWhereClauses
{
	display:none;
}

#clear
{

}

.vac_inactief
{
	display:none;
}

#beheer_tabs
{
	display:none;
}

#table_general
{
	width:300px !important;
}

textarea
{
	border:none;
}