/* Element Specific CSS */

body
{	
	background-color: white;
	margin: 0px;
	padding: 0px;
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	text-align: center;
}

table
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

td
{
	vertical-align: top;
}

img
{
	border: 0px;
}

a
{
	text-decoration: none;
	color: #003399;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

a:hover
{
	color: #0033FF;
}

input
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;	
}

/* ID Specific CSS */

#header
{
	clear: both;
	position: relative;
	width: 755px;
	height: 120px;
	overflow: hidden;
	color: #FFF;
	padding: 0;
	margin: 0;
	background: #FFFFFF url('../images/header.jpg') no-repeat center;		
}

#menu
{
	font-size: 15px;
	font-family: 'Arial Black' , Arial;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;	
}

#menu a
{
	color: Black;
}

#menu a:hover
{
	color: #0033FF;
}	

#mainbody
{
	width: 755px;
	margin: 0 auto;
	padding: 0;
	/*
	margin-left: auto;
    margin-right: auto;
    */
    text-align: center;		
}

#index
{
	text-align: left;
	width: 755px;
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 12px;
	color: #003399;
}

#index h1
{
	font-size: 13px;
	font-family: 'Arial Black' , Arial;
	color: White;
}

#content
{
	width: 755px;
}	

#content h1
{
	font-weight:bold;
	font-size:26px;
	color: #003366;
	text-align: center;
}

#content h2
{
	font-weight:normal;
	font-size:14px;
	color: #003366;
	text-align: center;
}

#zoekers
{
	position: relative;
	top: 30px;
	left: 55px;
	width: 226px;
	height: 245px;
	padding-left: 10px;
	padding-right: 10px;	
}

#aanbieders
{
	position: relative;
	left: 450px;
	top: -219px;
	width: 226px;	
	height: 245px;
	padding-left: 10px;
	padding-right: 10px;	
}

#login
{
	position: relative;
	left: 450px;
	width: 226px;
	height: 245px;
	padding-left: 10px;	
	padding-right: 10px;
	font-size: 11px;
	color: Black;
}

#beheer
{
	position: relative;
	left: 55px;
	top: -30px;
	width: 226px;
	height: 245px;
	padding-left: 10px;	
	padding-right: 10px;
	font-size: 12px;
	color: #003399;
}

#aantallen
{
	position: relative;
	width: 226px;
	height: 300px;
	left: 450px;
	top: -285px;	
	padding-left: 10px;	
	padding-right: 10px;
	font-size: 11px;
	color: #003399;
}

#aantallen td
{ 
	padding: 0px;
	margin: 0px;
}

#logos
{
	width: 755px;
	height: 100px;
}

#logos td
{
	text-align: center;
}

#disclaimer
{
	width: 715px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;	
}

#vragen
{
	width: 755px;
	margin-top: 40px;
	margin-bottom: 40px;
}

#aanbiederDetails
{
	padding-top: 10px;
	padding-bottom:50px;
}

#zoeker
{
	padding-top: 10px;
	padding-bottom:50px;	
}

#zoeker a
{
	font-size: 13px;
	line-height: 2;
	font-family: 'Arial Black' , Arial;
}

#grid
{
	background: #efefef;
	color: #666666;
	width: 715px;
	margin-top: 20px;
	text-align: left;	
}

#grid table
{
	width: 715px;
	color: #000000;
}

#grid td
{
	border: 0px;		
}	
	
#footer
{		 
	clear: both;
	width: 755px;
	height: 120px;
	font-size: 11px;
	padding: 0px;
	color: Black;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	background: #FFFFFF url('../images/footer.jpg') no-repeat center;
}

/* Class Specific CSS */

.rij
{
	max-height: 245px;
}	

.grid
{
	background: #efefef;
	color: #666666;
	width: 715px;
	margin-top: 20px;
	margin-left: 20px;
	text-align: left;	
}

.gridLabel
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	width: 120px;
	vertical-align: top;
}

.gridField
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	width: 230px;
	vertical-align: top;
	color: Black;	
}

.gridEven
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	background-color: #ffffff;
	color: #003366;
	text-align: left;
}	

.gridOneven
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	background-color: #efefef;
	color: #003366;
	text-align: left;
}

.gridSelected
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	background-color: #ccccff;
	text-align: left;
	cursor: pointer;	
}	

.gridHeader
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	background: #003366;
	font-weight: bold;
	color: White;
	text-align: left;
}

.sortable th
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	padding: 2px;
	background: #003366;
	font-weight: bold;
	color: White;
	text-align: left;
}

.active
{
	float:right;
	
}


.gridFooter
{
	background: #003366;
	font-weight: bold;
	color: #003366;
}

.gridNaam
{
	width: 25%;
	cursor: pointer;
}

.gridAdres
{
	width: 20%;
	cursor: pointer;
}

.gridTel
{
	width: 20%;
	cursor: pointer;
}

.gridMail
{
	width: 25%;
	cursor: pointer;
}

.gridStatus
{
	width: 10%;
	cursor: pointer;
}	

.vraag
{
	width: 715px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;	
	background: #eeeeee;	
	text-align: left;	
}

.vraagA
{
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-indent: 15px;
}

.antwoord
{
	text-align: left;
	width: 675px;
	margin: 40px;
	display: none;	
}

.imgRight
{
	position: relative;
	border: 0px;
	float: right;
	vertical-align: top;
}

.zoekterm
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	width: 33%;
}	

.errors
{
	font-family: Sans-Serif, Verdana;
	font-variant: normal;
	font-size: 11px;
	text-align: left;
	color: red;	
}

.button
{
	font-size: 13px;
	font-family: 'Arial Black' , Arial;
	line-height: 2;
	color: #003399;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;
}

.submitbutton {
	font-size: 13px;
	font-family: 'Arial Black' , Arial;
	color: #003399;   
   	background-color: transparent;
   	border: none;
   	cursor: pointer;
   	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;   
}

.submitbutton:hover
{
	color: #0033FF;
}

.submitbutton_2 {
	font-size: 10px;
	font-family: 'Arial Black' , Arial;
	color: Red;   
   	background-color: transparent;
   	border: none;
   	cursor: pointer;
   	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;   
}

.submitbutton_2:hover
{
	color: Red;
}

.tableHeader
{
	position: relative;
}			