html{
height:100%;
}


body { background:#e2efef;
  margin:0px;
  padding:0px 0px;
  border:0;
  height:100%;
  font:x-small/1.5em Verdana,Arial,Sans-serif,"Trebuchet MS";
  color:#000;
  width:100%;
  overflow:auto;
  font-size:13px;}
  
  div#container {
	position:relative; /* needed for footer positioning*/
	margin:0px; /* center, not in IE5 */
	width:100%;
	background:#e2efef;
	overflow:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
  
div#header{
  clear: both;
  background : url(../img/Tools_1280.jpg) 0 0 no-repeat;
  height : 149px; 
  width : 100%;
}

li#menu_conversions, li#menu_databases, li#menu_links,li#menu_about, li#menu_abbreviations {background-image: url(../images/hoofdmenustreepje.png); background-position: 3px 2px; background-repeat: no-repeat;}
div#menu form {position : relative; width : 135px; left : 820px;top: 90px;}

/* Links
----------------------------------------------- */
div#menu a:link {
  color:#900;
  font-weight:bold;
  font-size:16px;
  }
div#menu a:visited {
  color:#900;
  font-weight:bold;
  font-size:16px;
  }
div#menu a:hover {
  color:#f30;
  font-weight:bold;
  font-size:16px;
  }
  
a img {
  border-width:0px;
  }

a:link {
  color:#900;
  font-size:13px;
  }
a:visited {
  color:#900;
  font-size:13px;
  }
a:hover {
  color:#f30;
  font-size:13px;
  }


/** popups **/
ul#hoofdmenu {z-index: 999;}
div#menu ul#conversions_popup {position :absolute; left :50px; top : 17px;}
div#menu ul#databases_popup {position :absolute; left :120px; top : 17px;}
div#menu ul.hidepop {list-style-type: none; display: none; background-color : #ffffff; border-color : #b9ccdf; border-style : solid; border-width : 1px 1px 0px 1px; z-index : 1220px; width : 180px;}
div#menu ul.hidepop li {display : list-item; font-size : 12px;}
div#menu ul.showpop {list-style-type: none; display:block; background-color : #ffffff; border-color : #b9ccdf; border-style : solid; border-width : 1px 1px 0px 1px; z-index : 1220px; width : 180px; padding : 0px 0px 0px 0px;}
div#menu ul.showpop li {display : list-item; font-size : 12px;  background-color : #ffffff; border-color : #b9ccdf; border-style :solid; border-width : 0px 0px 1px 0px;}
div#menu ul.showpop a:link  {text-decoration : none; color : #000000; font-size : 12px;}
div#menu ul.showpop a:visited  {text-decoration : none; color : #000000;font-size : 12px;}
div#menu ul.showpop a:hover  {text-decoration : underline; color : #000000;font-size : 12px;}

div#menu ul {list-style-type: none;position : relative; width : 900px; left : 15px;top: 121px;}
div#menu ul li {display: inline;padding-left:8px; font-size:12px;}


  
div#content {
    margin:0px 0px 0px;
	overflow:auto;
	height:72%;
    padding:0px 0px 0px;
    font-size:13px;
    line-height:1.5em;
    border-top: 2px solid gray;
    text-align:center;
width:100%;
    }
    
div#content_noheader {
    margin:0px 0px 0ox;
	overflow:auto;
	height:90%;
    padding:0px 0px 0px;
    font-size:13px;
    line-height:1em;
    text-align:center;
    }    

div#footer {
	position:absolute;
	width:100%;
	color: #000;
	bottom:0px; /* stick to bottom */
	background:#d0dfdf;
	border-top:6px double gray;
        text-align:center;
        height:22px;	
}
	div#footer p {
		padding:2em;
		margin:0px;
	}

div#footer_links {
	position:relative;
	width:100%;
	color: #000;
	bottom:0px; /* stick to bottom */
	background:#e2efef;
        text-align:center;
        height:22px;	
}

div#50_procent 
{
width:50%;
}

table
{
border: 1px solid #C0C0C0; margin: 8px 0px 0px; font:x-small/1.5em Verdana,Arial,Sans-serif,"Trebuchet MS"; font-size: 13px;
}

table#searchShip
{
border: 0px; margin: 8px 0px 0px;
}

#searchShip td
{
border: 0px; padding: 4px;
}

table#links
{
border: 0px; margin: 8px 0px 0px; width:70%; text-align:center;
}

table#news
{
font:x-small/1em Verdana,Arial,Sans-serif,"Trebuchet MS"; border: 0px; margin: 8px 0px 0px; width:100%; height:93%; text-align:left; margin-left: auto; margin-right: auto; text-align:center;
}

table#news a:hover {
  color:#f30;
  font-size:13px;
  }

table#main
{
border: 0px; margin: 0px 0px 0px; width:240px; text-align:left;
}

table#quicklinks
{
border: 0px; margin: 0px 0px 0px; text-align:center;
}

#quicklinks td
{
 border: 0px;padding-left: 20px; padding-bottom: 20px;
}

#main td
{
 border: 0px;
}
/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:auto;	/* This chops off any overhanging divs */
height:100%;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
height:100%;
}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0px 0px 1em 0px;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
                                text-align:center;
.col3 {
height:100%;
}

	}
	/* 3 Column settings */
	.threecol {
height:75%;
				/* right column background colour */
	}
	.threecol .colmid {
		right:32%;				/* width of the center column */
				/* center column background colour */
	}
	.threecol .colleft {
		right:42%;				/* width of the left column */
				/* left column background colour */
	}
                .threecol .col1 {
		width:30%;				/* width of center column content (column width minus padding on either side) */
		left:115%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:40%;				/* Width of left column content (column width minus padding on either side) */
		left:45%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
height:100%;
		width:25%;				/* Width of right column content (column width minus padding on either side) */
		left:78%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

	
div#about
{
text-align:left; margin: 6px 6px 0px; width:50%
}

h1#news
{
text-align:center;
}

table#abbreviations
{
border: 1px  solid #C0C0C0; margin: 8px 0px 0px; width:70%;}

#abbreviations td#abb
{
width: 15%;
}

#abbreviations td
{
width: 100%;
}

#links td#link
{
border: 0px;
}

#news td#link
{
border: 0px; width:100%;
}


#news td#link a:link {
  color:#900;
  font-weight:normal;
  font-size:12px;
  line-height:1.5em;
  }
#news td#link a:visited {
  color:#900;
  font-weight:normal;
  font-size:12px;
  line-height:1.5em;
  }
#news td#link a:hover {
  color:#f30;
  font-weight:normal;
  font-size:12px;
   line-height:1.5em;
  }

table, td
{
border: 1px solid #C0C0C0; border-collapse: collapse; padding: 0px 4px 0px 4px;
}

th
{
border: 1px solid #C0C0C0; border-collapse: collapse; padding: 0px 4px 0px 4px;
font-weight:bold;
font-style:italic;
}

h1
{
font-size: 20px; text-align:center; margin-top: 5px;
}

h2
{
font-size: 16px; text-align:center; margin-top: 5px;
}

label#result
{
font-weight:bold;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

iframe {
		height: auto !important;
		height: 100%;
		min-height: 100%; }