/* SERVER CACHE */
/* CSS FOR A2O ARCHITECTEN - GENERAL */
/* --------------------------------- */
/* GENERAL */
* { margin: 0; padding: 0; border: none; }
html { height: 100%; width: 100%; }
body { margin: 0; padding: 0; /*font-family: "Arial Narrow", Arial, Helvetica, sans-serif;*/ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 136%; text-align: left; color: #000; background: #FFF; height: 100%; width: 100%;}
h1 { font-size: 13px; text-transform: uppercase; font-weight: normal; margin: 0 0 20px 0; }
a { color: #000; }
/* TABLE: OUTER */ 
table#outer { vertical-align: middle;}
table#outer td { }
/* TABLE: CONT */
table#cont {width: 950px; height: 650px;}
/* TABLE: PAGEIMAGE */
table#pageimage { float: left; }
table#pageimage, table#pageimage td {width: 775px; height: 650px; text-align: right;}
/* TABLE: R-COL */
table#r-col {float: left; text-align: left; width: 175px; height: 650px; }
table#r-col td { width: 175px; height: 650px; position: relative; }
div.right { position: relative; width: 175px; height: 650px; }
a#logo { width: 50px; height: 20px; position: absolute; top: 0px; left: 14px; }
/* NAVIGATION */
div#topnavigation { position: absolute; bottom: -3px; left: 0px; line-height: 115%; padding: 0 14px; }
div#topnavigation a { display: block; color: #9A9A9A; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
div#topnavigation a:hover, div#topnavigation a.active { color: #000; }
div#projectnavigation { position: absolute; top: 47px; left: 0px; width: 175px; height: 200px; line-height: 115%; padding: 0 14px; voice-family: "\"}\""; voice-family: inherit; width: 147px; }
div#projectnavigation a { display: block; color: #9A9A9A; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
div#projectnavigation a:hover, div#projectnavigation a.active { color: #000; }
div#projects { position: absolute; top: 335px; left: 14px; width: 161px; }
div#projects a { float: left; margin: 0 8px 8px 0; }
div#projects a.dim img { filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20; }
div#projects img { width: 43px; height: 31px; }
div#projecttitle { position: absolute; top: 285px; left: 14px; width: 161px; height: 40px; line-height: 110%; color: #9A9A9A; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
div#projecttitle-detail { position: absolute; top: 285px; left: 14px; width: 161px; height: 40px; line-height: 110%; color: #000; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
div#projecttitle-hover { position: absolute; top: 455px; left: 14px; width: 161px; height: 40px; line-height: 110%; color: #9A9A9A; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
div#imgnav { position: absolute; top: 320px; left: 14px; width: 161px; height: 12px; }
div#imgnav ul { list-style: none; }
div#imgnav ul li { display: inline; float: left; margin: 0 5px 0 0; }
div#imgnav ul li a { color: #9A9A9A; text-decoration: none; }
div#imgnav ul li.selected a { color: #000; }
div.loader { background: url("http://a2o-architecten-nl.browsbox.be/templates/a2o-architecten/images/loader.gif") no-repeat center; width: 775px; height: 650px }
/*div#slideshow-adv { width: 775px; height: 650px }*/
div#txt, div#pdf { position: absolute; top: 320px; right: 15px; font-size: 10px; text-transform: uppercase; color: #9A9A9A; }
div#txt { right: 41px }
div#txt a, div#pdf a { text-decoration: none; color: #9A9A9A; }
div#txt a:hover, div#pdf a:hover { color: #000; }
div#projecttext { position: absolute; top: 285px; left: 537px; width: 215px; height: 315px; }
div#projecttext-background { position: absolute; top: 0px; left: 0px; width: 215px; height: 315px; background: #000; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
div#projecttext-text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; color: #FFF; position: absolute; top: 25px; left: 0px; width: 210px; height: 270px; padding: 0 10px 0 18px;voice-family: "\"}\""; voice-family: inherit; width: 182px; }
div#projecttext a#projecttext-close { color: #FFF; display: block; position: absolute; top: 5px; right: 5px; width: 11px; height: 9px; background: url("http://a2o-architecten-nl.browsbox.be/templates/a2o-architecten/images/btn_close.png") no-repeat top left;}
* html body div#projecttext a#projecttext-close { cursor: pointer; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://a2o-architecten-nl.browsbox.be/templates/a2o-architecten/images/btn_close.png',sizingMethod='crop'); }
/* LANGUAGES */
div#languages { font-family: Arial, Helvetica, sans-serif; position: absolute; bottom: -4px; right: 0px; font-size: 9px; display: none; }
div#languages a { color: #9A9A9A; text-decoration: none; }
div#languages a:hover { color: #000; }
div#downloads { text-align: left; width: 775px; /*height: 650px;*/ }
div.documents { /*margin: 50px 0 0 0;*/ }
table#downloads2 tr td { text-align: left; width: 387px; }
div.documents a, table#downloads2 tr td a { display: block; height: 21px; margin: 0 0 10px 0; color: #9A9A9A; text-decoration: none; padding: 2px 0 0 35px; voice-family: "\"}\""; voice-family: inherit; height: 19px; }
div.documents a:hover, table#downloads2 tr td a:hover { color: #000; }
div.documents a.pdf, table#downloads2 tr td a { background: url("http://a2o-architecten-nl.browsbox.be/templates/a2o-architecten/images/icon-pdf.gif") no-repeat top left; }
/* DOWNLOADS */
table#downloads2 {  }