html, body { 
 margin:0; 
 padding:0; 
 background-color:#1BA346; 
 color:#000000;
 font-family: helvetica, verdana; 
 } 

 /*****************
 ** resize stuff **
 *****************/
.width {
	width:100%;
	min-width:800px;
	background:#fff;
	height:100%;
}

.content {
	padding:0px;
}

* html .minwidth {
	padding-left:800px;
}

* html .container {
	margin-left:-800px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/

#prop {
    height:400px;
    float:right;
    width:1px;
    /*background-color:black;*/
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
  
  /*\*/
#withoutspacer {
  	width:99%;
}
  /**/
 /*********************
 ** end resize stuff **
 *********************/  
  
 
 
 /***********
 ** Header **
 ***********/  

#firmpromo{
	color:white;
	font-size: 16px; 
	font-weight:bold;
	margin-bottom:10px;
}

#firmname{
	font-size: 20px; 
	font-weight:bold;
}

#logo {
	float:left;
	position:absolute;
	margin-left:15px;
	margin-top:15px;
}

 /***********
 ** Header **
 ***********/  



 
/************** 
 **	  menu   ** 
 **************/
#taal{
	margin-bottom:5px;
	margin-right:10px;
	margin-left:45px;

}


#menu{
 	color:#ffffff;
 	background-color:#1BA346;
 	padding-top:80px;
 	padding-left:10px; 
 	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
 	font-weight: bold;
 	font-size:13px;
	line-height: 20px;
}




.menu_item {
	width:160px;
	float:left;
	background-image: url(./images/background/spijker_menu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-left:5px;
	margin-right:5px;
	color:#ffffff;
	cursor:hand;
}

.menu_item a:link {
	color:#ffffff;
	text-decoration:none;	
}

.menu_item a:active {
	color:#ffffff;
	text-decoration:none;	
}
.menu_item a:visited {
	color:#ffffff;
	text-decoration:none;
}

.menu_item:hover {
	background-image: url(./images/background/spijker_menu_over.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#ffffff;
	text-decoration:none;
	cursor:hand;
}





.menu_item_no_click {
	width:160px;
	float:left;
	background-image: url(./images/background/spijker_menu_over.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-left:5px;
	margin-right:5px;
	color:#ffffff;
}


.submenu_item {
	width:150px;
	float:left;
	background-image: url(./images/background/spijker_menu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-left:15px;
	margin-right:15px;
	cursor: hand;
}

.submenu_item a {
	color:#ffffff;
	text-decoration:none;	
}

.submenu_item a:active {
	color:#ffffff;
	text-decoration:none;	
	background-image: url(./images/background/spijker_menu_over.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.submenu_item a:visited {
	color:#ffffff;
	text-decoration:none;
}

.submenu_item:hover {
	background-image: url(./images/background/spijker_menu_over.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#ffffff;
	text-decoration:none;
	cursor: hand;
}






/************** 
 ** end menu ** 
 **************/

 .header_bottom {
 	background-image: url(./images/background/spijker_bottom_header.gif);
	background-repeat:repeat-x; 
	background-position:top;

 }
 
 .menu_boarder {
 	background-image: url(./images/background/spijker_left.gif);
 	background-repeat:repeat-y; 
	background-position:left;
 
 }

 .footer_boarder {
 	background-image: url(./images/background/footer_boarder.gif);
 	background-repeat:repeat-x; 
	background-position:bottom;
 
 }
 
 #bottom_left_corner {
 	background-image: url(./images/background/bottom_left_corner.gif);
 	background-repeat: no; 
	background-position:bottom;
 }
 
  #upper_left_corner {
 	background-image: url(./images/background/upper_left_corner.gif);
 	background-repeat: no; 
	background-position:top;
 }

 #contenttable {
 	position:relative;
 	margin-top:-40px;
 	margin-bottom:-55px;

 }

#welcome {
	margin-top:50px;
	margin-right:50px;
	font-size:12px;	
}

 
#maincontent{
padding-top:10px;
padding-left:10px;
font-size:12px;
/*background-color:blue;*/

}

#right{
/*background-color:green;*/
}

#footer{
 height:20px;  
 clear:both;
 font-size: 10px; 
 text-decration: none;
 color:#ffffff;
 margin-top:8px;
 margin-left:150px;
 } 
 
#footer a:link{
 color:#ffffff;
 font-decoration:none;
 } 
 
 #footer a:active{
 color:#ffffff;
 font-decoration:none;
 } 
 
 #footer a:visited{
 color:#ffffff;
 font-decoration:none;
 } 
 #footer a:hover{
 color:#ffffff;
 font-decoration:underline;
 } 
 
 
 
.imglink{
	border:none;
}
.rightimg {
	width:165px;

	text-align:center;
	float:right;
	clear:both;
}




.imgright{
	border:none;
	padding:1px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	
}

#contactgegevens {
	font-size:12px;
}

#contactsmall{
	font-size:12px;
	
}
 
#contactform{
	font-size:12px;
	margin-top:-10px;
}

#error {
	font-size:12px;
	color:red;
	margin-top:-10px;
	margin-bottom:12px;
}

#success {
	font-size:12px;
}

.contactred {
	color:red;
}

#history {
	font-size:12px;
	margin-right:10px;
	margin-left:0px;
}

#prepage {
	position:absolute;
}

/**********
** lists **
**********/ 

#tr_head {
}

#toptable{
 	border-bottom:1px;
 	border-color:black;
 }




#list_nl{
	FONT-FAMILY: verdana; 
}
#list_nl td{
	font-size: 12px;
}

#td_aantal{
	text-align:center;
}
#th_aantal{
	text-align:center;
}

#td_naam a{
	color:#000000;
	font-size: 12px;
}
#list_nl th{
	font-size:12px;
	/*border-left: 1px solid black;*/
}
#th_naam{
	text-align:left;
}
#th_kleur{
	text-align:left;
}
#td_bloeitijd{
	text-align:right;
}
#th_bloeitijd{
	text-align:right;
}
#td_hoogte {
	text-align:right;
}
#th_hoogte{
	text-align:right;
}
#td_extra {
	text-align:center;
}
#th_extra {
	text-align:center;
}
#td_overnaam{
	padding-left:10px;
}
#td_overaantal{
	text-align:right;
}
#th_overaantal{
	text-align:right;
		font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid black;
}

#th_overnaam{
	font-size:12px;
	padding-left:10px;
	font-weight:bold;
	/*border-left: 1px solid black;*/
	border-bottom: 1px solid black;

}
#th_oversize{
	font-size:12px;
	font-weight:bold;
	/*border-left: 1px solid black;*/
	border-bottom: 1px solid black;

}


#td_newname{
	background-image: url(./images/spijker_bg.jpg);
 	background-repeat: repeat;
 	background-position:bottom;
 	font-size: 12px;
 	font-weight: bold;
 	padding-bottom:2px;
 	padding-top:2px;
}



#listheader{
	width:100%;
	
}

#listtitle{
	width:100%;
	FONT-SIZE: 20px; 
	COLOR: #000000; 
	text-alignment: center;
}
#listtext{
	width:100%;
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	text-alignment: center;
}

#camera{
	border:none;
	width:10px;
	height:10px;
}

/**************
** end lists **
**************/ 



/**************
** scrollbar **
**************/

#scrollbody {
	overflow-y:scroll;
	overflow-x:hidden;
	height:300px;
}



a {outline: none; }
a img {outline: none; }

/******************
** end scrollbar **
******************/

/* datTable for styling only */
table.dataTable {
    margin: 0;
    padding: 0;
}

table.dataTable th {
    margin: 0;
	font-weight: normal;
	font-weight: bold;
}

table.dataTable td {
    margin: 0;
}

/* This makes the scrolling table work */

div.scrollTableContainer {
	height: 285px;	
    overflow: auto;
	width: 100%;
	margin: 15px 0 0 0;
	position: relative;
}

html>/**/body div.scrollTableContainer {
   	height: 285px;	
   	overflow: hidden;
	width: 100%;
	margin: 0px 0 0 0;
	position: relative;
}


/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
	width: 96%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 100%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    height: 250px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr	{
	position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}