#popupWindowFoto {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 900;}
      * html #popupWindowFoto {position: absolute; top: 20%;}
      #popupWindowFoto .blur {position: absolute; background-color: #000000; opacity: 0.4; filter: alpha(opacity = 40); height:100%; width:100%; left: 0px;}
      * html #popupWindowFoto .blur {background-color: transparent;}   
      #popupWindowFoto .window {position: absolute; border: 1px solid #E6E6E6; background: #ffffff; left: 30%; top: 5%; width: auto; height: auto; text-align: left;}
      * html #popupWindowFoto .window {border: 1px solid #555; width: 530px;}
      #popupWindowFoto .titel {height: 25px; margin: 0px;}
      #popupWindowFoto .titel a {float: right; margin-right: 15px; margin-top: 3px; font-weight: bold; color: #972786;}
      #popupWindowFoto .titel span {float: left; margin: 5px 0px 0px 5px; font-weight: bold; color: #FFFFFF; color: #972786; font-size: 14px;}
      #popupWindowFoto .content {padding: 5px;}
      #popupWindowFoto .content img {padding: 0;}
      #popupWindowFoto .content #ajaxFotoDescription {padding: 3px 0 0px 2px; text-align: left; color: #444;}

      /* overig */
      #afbeeldingViewer_navButton {background: #777; z-index: 10; height: 95px; width: 13px; opacity: 0.7; filter: alpha(opacity = 70); padding: 3px; cursor: pointer;}

      #av_gridTable td {padding: 5px;}
      
      
      
      #pagecontent, #editPagecontent { margin: 0px; position: relative; text-align: left; overflow: hidden; z-index: 1;}
      
      
         #calendarLoadingDiv { position: fixed; top: 15px; left: 15px; background: #FFF; padding: 10px;}
         #calendarLoadingDiv img { vertical-align: middle; }
         
         #calendarDiv td { padding: 3px; text-align: center; cursor: default; }
         #calendarDiv .otherMonth, #calendarTable .otherMonth a { color: #666; }
         #calendarDiv .today { border: 1px solid #999; }
         #calendarDiv .event { background: #2b3890; }
         a span.eventname { border: 1px solid #000; max-width: 300px; position:absolute; display: none; background: #FFF; color: #000; text-decoration: none; padding: 3px; margin: 20px 0px 0px 0px; text-align: left;}
         a:hover span.eventname { display: block; } 
      
      .status {padding: 3px 0; margin-left: 4px; vertical-align: middle;}
      .status img {vertical-align: middle;}
      /* reset */
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%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* standaard dingetjes*/
body {background: #151923 url(img/top_bg.jpg) no-repeat; background-position: top center; font-family: arial; font-size: 12px; text-align: center;}
* {font-size: 12px;}

::selection { background: #151923; color:#505b6e; }
::-moz-selection { background: #151923; color:#505b6e; }

H1, .titel {font-size: 26px; font-weight: bold; margin-top: 8px; margin-bottom: 6px; color: #151923;}
H2 {font-size: 16px; font-weight: bold; color: #151923; border-bottom: 1px solid #151923;}
H3 {font-size: 14px; font-weight: bold; color: #151923;}
H4 {font-size: 14px; padding: 5px; color: #000; border: 1px solid #151923;}

.geel {color: #ffd51d;}
.blauw {color: #505b6e;} /*373F4C*/
.groen {color: #A3A660;}
.grijs {color: #666;}
.zwart {color: #000;}

/* input opmaak */
input {font-family: arial;}
textarea {padding: 1px; font-family: arial; font-size: 12px; height: 200px; width: 450px;}

/* links */
a, a:link,a:active,a:visited {text-decoration: underline; color: #505b6e;} 
a:hover,a:active:hover,a:visited:hover {text-decoration: none; color: #505b6e;} 

/* tooltip */
a span.tooltip {position:absolute; width:0px; height:1px; overflow:hidden; background: #FFFFFF;}
a:hover span.tooltip {max-width: 250px; width: auto; height: auto; border: 2px solid #F00; background: #FFFFFF; color: #000000; text-decoration: none; padding: 3px; margin: 25px 0px 0px -20px; text-align: left;} 
* html a:hover span.tooltip {width: 250px;}

#wrapper { width: 960px; padding: 0; margin: 0 auto; text-align: center; position: relative;}
   #menu { background: #151923 url(img/menu_bg.gif) no-repeat; height: 34px; /*52-2*8*/ margin: 204px 0 0 0; padding: 7px 0 8px 15px; }
      #menu ul li { float: left; margin: 0 10px 0 10px;}
      #menu ul a { background: url(img/menu_item_bg.gif) no-repeat; padding: 6px 0 8px 0; width: 110px; display: block; text-align: center; color: #000; font-weight: bold; text-decoration: none;}
      #menu ul a:hover, #menu ul a.active { background-position: -111px 0; color: #F3F8FF; }
   #page { background: #F3F8FF url(img/page_bottom_bg.gif) no-repeat; background-position: bottom center; padding: 0 10px 15px 10px; text-align: left; }
   #pagecontent { padding-bottom: 3px; }
   #footer { padding: 20px; color: #505b6e; text-align: center;}