@media screen { 
	* {font-family: Arial, Univers, Verdana, sans-serif;}
	body, td {font-size:12px}

	body { margin: 0; padding: 0;    background-repeat: no-repeat; }
	a, .knop {color:#ee3424;}
	form {margin:0; padding:0;}
	hr {height:1px; border:1px solid #00;}
	h2+p {margin-top:0;}  
	h1+h2 {margin-top:16px;}
	h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 1em;  }

 	#raster {	position:fixed; left:0px; top:0px; width:100%; _width:auto;   
				background: url(../img/bg_raster.gif) repeat fixed;
					 height: 100%;
				}

	
	#showfoto {position: absolute; right: 0px; top:50px; cursor:pointer; float: right; }
	#website {    display: block; clear: both;   }
	#logotgcargo {position: relative; left:0px; top:10px; float: left;clear: both; }
	#hoofdmenu {position: relative; left:0px; top:50px;     width: 350px; clear: both; }
	
	.kolom {  position: relative;  top:85px;  }
	.kolom .marge { padding:10px 10px 30px 10px;  background:#fff;top:0px; }
	#kolom2 .marge {padding:5px;}
	#kolom2 .cmsDoc {padding:5px;}
	#kolom1 {left:0px; width:350px;   }
	#kolom2 {left:360px; width:300px; position: absolute;  top:140px;}
	#kolom3 {left:668px; width:185px; top:140px;  position: absolute;}
	#logohzt { left:668px; position: absolute;    top:495px; cursor:pointer; float: right;     }

	.menu {position: absolute; top:75px;margin-top: 31px; background:#fff; z-index:1000; display: none;}
	.menu .marge {margin:0 3px 0 3px;}
	#menu1 {left:0px; width:141px;   }
	#menu2 {left: 141px; width:122px;}
	#menu3 {left: 263px; width:87px;}
	.menu ul {margin:0; padding:0;}
	.menu li {list-style:none none; border-top:1px solid #f2655b;}
	.menu a {margin:1px 0 1px 0; padding:6px 2px 6px 4px; display:block; font-weight:bold; text-decoration:none;}
	.menu a:hover {background:#fce1de;}

	#submenu {margin-bottom:14px;}
	.submenuitem {margin-right:10px; float:left;}
	#submenu a {text-decoration:none;}
	#submenu a:hover {text-decoration:underline;}

	.knop {padding:8px; text-align:left; font-weight:bold; border:none; background:#fce1de; cursor:pointer;}
	
	img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
	}	
	html { overflow-y: scroll; }
	
	#CenterWebsite {  margin: 0 auto; display:block; position: relative;     width: 964px;     }
	
	 /* ie 6*/
	 body  { _position: relative;}
	 #CenterWebsite{ _position: absolute;   _left: 50%; _margin-left: -450px;  _top:0px; _width: 900px;    }

}



@media print {
 .content {widows: 3; orphans: 2;;}
 .noprint {display: none; page-break-after: avoid;}
 .table {page-break-inside: avoid; background-color: #eee;}
  body, td, a {	font-family: Verdana,Arial,Helvetica,sans-serif;	font-size: 10pt;	color: #000000;	background-color: #ffffff; margin: 1cm 0cm 0cm 0cm	;}
}


