/* 

*/

/* ========= Globals ========= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  background: transparent;}

html, body {height: 100%;}
body {font: 75%/1.5em arial, verdana, sans-serif; background: #F5F8F9; color: #074b88;}
table {border-collapse: collapse;}

div.container {width: 82.50em; height:100%; margin: 0 auto; display: block;  position: relative; background: #F5F8F9 }
table#table1	{width: 100%; height:100%;}
table#table1	td {vertical-align: middle;}

div#site {height: 60em; background: #DDD url(../img/panel_right.jpg) right bottom no-repeat;}

div#bar_yellow {width: 0.5em; height: 100%; background: #FDEE1E; float: left}
div#bar_white {width: 0.1em; height: 100%; background: #DDD; float: left}
div#bar_left{width: 13em; height: 100%; background: ; float: left; overflow: hidden; background: #9B9B9B url(../img/panel_left.jpg) left bottom no-repeat;}
div#content {width: 47em; height: 100%; background: #094163; float: left}
	div#view {height: 55em; margin: 2.5em 2.75em 1.5em 2em; display: block; overflow: hidden;}
		div#txt {height: 45em;  line-height: 1.5em; color: #EEE; }
			div#txt a {color: #AADDFF; font-weight: bold; text-decoration:none; }
			div#txt a#email_contact { margin-right: 22em;  width: 5em; float: right; padding:0em 0 0 2.4em; display: block; color: #EEE; font-weight: normal; background: transparent url(../img/icons/mail.gif) top left no-repeat;}
			div#txt a#email_contact:hover { color: #AADDFF; font-weight: normal; background: transparent url(../img/icons/mail_over.gif) top left no-repeat;}
			div#txt a#print {width: 5em; height: 2em; display: block; font-weight: normal; color: #EEE; background: transparent url(../img/btn/btn_print.gif) top left no-repeat; margin-top: 2em; padding:0.5em 0 0 2em; }
			div#txt a#print:hover {color: #AADDFF; background: transparent url(../img/btn/btn_print_over.gif) top left no-repeat;}
			div#txt a#downloads_pdf { width: 8em; padding:0em 0 0 2.4em; display: block; color: #EEE; font-weight: normal; background: transparent url(../img/icons/icon-pdf.gif) top left no-repeat;}
			div#txt a#downloads_pdf:hover  { color: #AADDFF; font-weight: normal;}
			div#txt a#downloads_avi { width: 14em; padding:0em 0 0 2.4em; display: block; color: #EEE; font-weight: normal; background: transparent url(../img/icons/icon-avi.gif) top left no-repeat;}
			div#txt a#downloads_avi:hover { color: #AADDFF; font-weight: normal;}
			h1 {font-size: 2.1em; font-weight: bold; margin: 0em 0em 0.6em 0em; line-height: 1em; letter-spacing: -1px; color:#FFF;}
			h2 {font-size: 1.6em; margin: 0.8em 0em 0.3em 0em; line-height: 1em; color:#FFF;}
			h3 {font-size: 1.4em; margin: 1em 0em 0.3em 0em; line-height: 1em; color:#C1D82F;}

div#extImgLink 	{display: inline; color: #AADDFF; font-weight: bold; cursor: pointer;}		
ul#dot_list {list-style-type: disc; list-style-position: outside; color:#EEE; padding: 1em 0 0.5em 1.3em;}
ul#dot_list li {padding-left: 0.5em;}
			
div#bar_right{width: 14.5em; height: 100%; margin-right: 0.1em; background: #094163; float: left; overflow: visible;}

div#image_screen {width: 20em; height: 14.5em; margin: 6.2em 0 0 0.1em; border: 1px solid #222; background: #000; }
div#image_screen  img {width: 20em; height: 14.5em; cursor: pointer;}
div#image_overlay {width: 20em; height: 14.5em; position: fixed; z-index: 15; background: #000;}
div#image_txt_mask {width: 20em; height: 3em; margin-top: 11.5em ; position: fixed; z-index: 14; overflow: hidden;}
div#image_txt_layer {width: 20em; height: 3em; margin-top: 0; visibility: hidden; background: #000; position: absolute}
div#image_description {width: 19.3em; font-size: 0.9em; color: #DDD; margin: 0.4em 0 0 0.8em; line-height: 1.2em; vertical-align: middle;}

div#date {margin-top:3em; }
	div#datetxt {color: #EEE; margin-right: 1em; margin-top: 0.2em; float: right}
	span#yellow_piece_route {width: 0.5em; height: 2em; margin-left: 0.4em; background: #FDEE1E; float: right; }
	
div.menu {min-height: 25em; padding-top: 2.7em; background: #000000;}	

table#box { border-collapse: collapse; background: #AAA url(../img/box_background.jpg) top center no-repeat; float: right;}
table#box  td {height: 3.5em; border-left: 1px  solid #000; border-bottom: 1px  solid #000; border-right: 1px  solid #000;}
table#box  img{width: 3.5em; height: 3.5em; display:block; cursor: pointer;}

/*

*/

div#address { width: 13em; height: 16em; font-size: 0.9em; color: #EEE;  line-height: 1.3em; margin: 6em 0 0 1em; padding: 1.95em 0 0 1.7em; letter-spacing: 2px; background: transparent url(../img/adresvenster.gif) top left no-repeat;}
div#address a { font-size: 1em; display: block; margin: 0 0 2em 0; padding-left: 4.7em; text-decoration: none; color: #FFF} 

#nav {width: 13em; background-color: #000000;}
#nav ul {list-style: none;}
#nav li {padding-left: 0;}
#nav li#active {background-color: #AA885D;}
#nav ul li a#active {color:#EEE; background: #333333 url(../img/btn/yellow_piece.gif) top left no-repeat;}
#nav a#active:hover, #nav a#active:focus {background: #333333 url(../img/btn/yellow_piece.gif) top left no-repeat; color:#EEE;}
#nav a:hover, #nav a:focus {background-color: #333333; color: #EEE}
#nav a.sub:hover, #nav a.sub:focus {color:#EEE;}
#nav ul li a {display: block; padding: 0.05em 0 0.05em 1.2em; border-bottom: 1px solid #333; color:#CCC; width: 100%; text-decoration: none;}
#nav ul li a.sub {display: block; padding: 0.05em 0 0.05em 1.8em; border-bottom: 1px solid #333; color:#CCC; width: 100%;text-decoration: none;}
div#yellow_piece_item {width: 0.5em; height: 1.61em; background: #FDEE1E; float: right}

div#js_box {width:100%; height:100%; left:0; top: 0; position: fixed; display: none; z-index: 20;} /* Opera needs height and width  */
div#transparent_layer{ width:100%; height:100%; background:#000; /* for IE */filter:alpha(opacity=80); opacity: 0.8;  }
div#wrap_layer{ width:100%; height:100%; left: 0; top: 0; background: transparent; position: fixed; z-index: 30; }
table#transtable {width:100%; height:100%; }
table#transtable	td {vertical-align: middle; text-align: center }
div#transcanvas {cursor: pointer; margin: 0 auto; background: #FFF; position: relative;}
img#js_box_img { top: 0; left: 0; position: relative}
div#js_box_txt  {margin:0.2em 0 0 2em; font-weight: bold; color:#000; float: left}
div#js_box_close  { width: 3em; height: 1.5em; padding: 0.1em 2em 0.1em 1em; font-weight: bold; color:#000; float: right; background: transparent url(../img/btn/btn_close.gif) top right no-repeat}

div#onderkant_box {width: 14.4em; height: 1em; background: transparent url(../img/onderkant_box.gif) top right no-repeat; float: right;}

a#route {width: 7.7em; height: 5em; display: block; color: #EEE; margin-top: 7.7em; padding-top: 1.1em; background: transparent url(../img/nederland.gif) top right no-repeat; float: right; text-decoration: none}
a#route:hover {background: transparent url(../img/nederland_over.gif) top right no-repeat;}	
div#yellow_piece_route {width: 0.5em; height: 2em; margin-left: 0.4em; background: #FDEE1E; float: right}


div#scroll {margin-top: 5.3em; margin-left: 0.6em; width: 3.8em; height: 9em; float: left; }
div#scroll_up{width: 3.75em; height: 3.75em; cursor: pointer; background: #BBB url(../img/btn/scroll_up.gif) top right no-repeat;}
div#scroll_down {width: 3.75em; height: 3.75em; cursor: pointer; margin-top: 1em; background: #BBB url(../img/btn/scroll_down.gif) top right no-repeat;}

img.img_float_left {float: left; margin: 0.6em 0.8em 0.6em 0;}
img#img_keurmerken {margin-top: 2em; margin-left: 1em;}
img#img_bedrijfslogos {margin-left: 1em;}
div#projects_page {margin-left: 0em;}
div#projects_page a{color: #AADDFF; font-weight: bold; text-decoration: none}
div#projects ul{margin: 1em 1em 1.5em 1.5em; list-style: none;}
div#projects li#project_name {color: #C1D82F; font-weight: bold}

div#projects_goto {color: #AADDFF; margin: 0 0 2em 0;}
div#projects_goto ul {list-style-type: none; margin-left:0;}
div#projects_goto ul li {display: inline;}
div#projects_goto ul li a {border-right:1px solid #AADDFF; font-weight: bold; margin-right:0.5em; padding-right:0.5em; text-decoration:none; }
div#projects_goto ul li a#outside {border-right: none;}

div#flashContent {margin: 2em 0 1em 0; z-index: 0;}
div#vididoc_swf{margin: 2em 0 1em 0;}
form#login input {display: block}
form#login li {padding:1em 0 0 0;}