/* standaard dingetjes*/
body {background: #FFFF99 url(img/page_bg.gif) repeat; font-family:arial; font-size:12px; text-align: center; padding: 0px; margin: 5px;}

H1	 {font-size: 15px; font-weight: bold; padding: 0px; margin-top: 0px;}
H2	 {font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; text-decoration: underline;}
H3	 {}
H4	 {} 
H5	 {}
H6	 {}
.rood {color: #FF0000;}
.oranje {color: #FF6600;}
.grijs {color: #666666;}
.zwart {color: #000000;}

img {border: 0px solid;}

a img {border: 0px solid;}
a, a:link,a:active,a:visited {text-decoration: none;/* color: #0066CC; */} 
a:hover,a:active:hover,a:visited:hover {text-decoration: underline; color: #000000;}

textarea {font-family: arial; font-size: 12px; /*border: 1px solid #666666;*/ width: 300px; height: 100px;}
input {width: 200px;}
.inputtitle {font-size: 15px; font-family: arial; font-weight: bold; border: 0px solid; width: 100%;}
.input_datum_left {width: 20px; border: 1px solid #A5ACB2; border-right: 1px dashed #A5ACB2; margin-right: -3px; padding-left: 5px;}
.input_datum_center {width: 20px; border: 1px solid #A5ACB2; border-left: 0px solid; border-right: 0px solid; padding-left: 5px;}
.input_datum_right {width: 35px; border: 1px solid #A5ACB2; border-left: 1px dashed #A5ACB2; margin-left: -3px; padding-left: 5px;}  

td {vertical-align: top;}

/*set kleuren van verschillende achtergronden en randen, tabs en buttons*/
.one {background: #0099FF;}
.two {background: #FFD400;}
.tree {background: #FF6600;}
.for {background: #00CC00;}
.five {background: #FF3333;}
.six {background: #003399;}


.pageone {border: 1px solid #0099FF;}
.pageone a {color: #0099FF;}
.pagetwo {border: 1px solid #FFD400;}
.pagetwo a {color: #0099FF;}
.pagetree {border: 1px solid #FF6600;}
.pagefor {border: 1px solid #00CC00;}
.pagefive {border: 1px solid #FF3333;}
.pagefive a {color: #0099FF;}
.pagesix {border: 1px solid #003399;}

.headerone {border: 1px solid #0099FF; border-top: 0px solid; border-bottom: 0px solid;}
.headertwo {border: 1px solid #FFD400; border-top: 0px solid; border-bottom: 0px solid;}
.headertree {border: 1px solid #FF6600; border-top: 0px solid; border-bottom: 0px solid;}
.headerfor {border: 1px solid #00CC00; border-top: 0px solid; border-bottom: 0px solid;}
.headerfive {border: 1px solid #FF3333; border-top: 0px solid; border-bottom: 0px solid;}
.headersix {border: 1px solid #003399; border-top: 0px solid; border-bottom: 0px solid;}

.linkone a {background: #0099FF; background-image: url(img/linkbg1.gif);}
.linktwo a {background: #FFD400; background-image: url(img/linkbg5.gif);}
.linktree a {background: #FF6600; background-image: url(img/linkbg3.gif);}
.linkfor a {background: #00CC00; background-image: url(img/linkbg4.gif);}
.linkfive a {background: #FF3333; background-image: url(img/linkbg2.gif);}
.linkfive a.help {padding: 0px;}
.linksix a {background: #003399; background-image: url(img/linkbg6.gif);}

.buttonone {background: #C1D2EE; width: auto;}
.buttontwo {background: #FFD400; width: auto;}
.buttontree {background: #FF6600; width: auto;}
.buttonfor {background: #00CC00; width: auto;}
.buttonfive {background: #FF3333; width: auto;}
.buttonsix {background: #003399; width: auto;}

/*body*/
#body {width: 700px; padding: 0px; margin: 0px auto; border: 0px solid #0066CC; text-align:left; position: relative;}

/*navigatie*/
#navigatie {padding: 0px 0px 0px 0px; margin: 0px;}
#navigatie ul li {padding: 0px 0px 0px 0px; float: left; position: relative; margin: 4px 1px 0px 0px; list-style: none;}
#navigatie ul li a {padding: 3px 15px 3px 15px; display: block; text-decoration: none; color: #FFFFFF; font-weight: bold;}
#navigatie ul .activepage {margin: 0px 1px 0px 0px; background-image: none;}
#navigatie ul .activepage a {padding: 5px 20px 5px 20px; margin-top: 0px; background-image: none;}


/*header (logo)*/
#header {padding: 0px; margin: 0px; float: left; clear: both; width: 698px; height: 100px; vertical-align: middle; background: #FFFFFF;}
#header img {padding: 0px; margin: 0px;}

/*eigenlijk pagina*/
#mainpage {padding: 5px; padding-right: 0px; margin: 0px; float: left; clear: both; width: 693px;/* 700 -2*1 (border) -2*5 (padding)*/ background: #FFFFFF; border-top: 0px solid;}

/*footer*/
#footer {padding: 3px 0px 3px 0px; margin: 0px; float: left; clear: both; width: 100%; text-align: center; font-size: 10px;}

/*kolommen*/
.kolom_links {float: left; width: 450px; padding: 0px; margin: 0px;}
.kolom_rechts {width: 200px; float: right; padding: 0px; margin-right: 7px;}

/* home */
/*.home_sponsors {float: right; background: url(img/home_sponsors.jpg); width: 140px; height: 120px; margin: 5px 0px 5px 5px; padding: 60px 1px 20px 35px; overflow: hidden;}*/
.home_sponsors {border: 1px solid #0099FF; border-top: 0px solid; padding: 5px 3px 5px 3px; text-align: center;}
.home_sponsors_title {background: url(img/linkbg1.gif); padding: 3px; font-weight: bold; color: #FFFFFF;}

/*agenda*/
#kalender td {text-align: center;}
#kalender .active {background: #FFD400;}
#kalender .gray {background: #cccccc;  text-decoration: none;}

.titel {background: url(img/agenda_titelbg.gif); border: 1px solid #66CCFF/*FFFF66*/; height: 15px; padding: 2px 4px 3px 4px;  margin: 1px 0px 0px 0px;}
.titel .rechts {float: right; font-size: 11px; margin-top: 1px;}
.titel .rechts a {color: #666666; margin-right: 7px;}
.titel .links {color: #000000; float: left;}
.titel .links a {color: #000000;}

.bericht {padding: 4px 4px 4px 4px; margin: 0px 0px 10px 0px; border: 1px solid #66CCFF/*FFFF66*/; border-top: 0px solid;}

.add_item_agenda td {vertical-align: top;}
.add_item_agenda textarea {border: 1px solid #A5ACB2; width: 400px; height: 100px;}

/*gastenboek*/
#gastenboek_nav td {text-align: center; width: 20px;}
#gastenboek_nav .active {background: #FF3333;}
#gastenboek_nav .gray {background: #cccccc;  text-decoration: none;}


         /* afbeeldingViewer popups */
         #popupWindowUpload {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 900;}
         * html #popupWindowUpload {position: absolute; top: 20%;}
         #popupWindowUpload .blur {position: absolute; background-color: #000000; opacity: 0.4; filter: alpha(opacity = 40); height:100%; width:100%; left: 0px;}
         * html #popupWindowUpload .blur {background-color: transparent;}   
         #popupWindowUpload .window {position: absolute; border: 1px solid #E6E6E6; background: #ffffff; left: 35%; top: 20%; width: 500px; height: auto; text-align: left;}
         * html #popupWindowUpload .window {border: 1px solid #555;}
         #popupWindowUpload .titel {height: 25px; margin: 0px; background: #fff; border: 0px solid;}
         #popupWindowUpload .titel a {float: right; margin-right: 15px; margin-top: 3px; font-weight: bold; color: #000;}
         #popupWindowUpload .titel span {float: left; margin: 5px 0px 0px 5px; font-weight: bold; color: #000; font-size: 14px;}
         #popupWindowUpload .content {padding: 5px;}
         #popupWindowUpload .content input {width: auto;}
         
         #popupWindowEdit {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 900;}
         * html #popupWindowEdit {position: absolute; top: 20%;}
         #popupWindowEdit .blur {position: absolute; background-color: #000000; opacity: 0.4; filter: alpha(opacity = 40); height:100%; width:100%; left: 0px;}
         * html #popupWindowEdit .blur {background-color: transparent;}   
         #popupWindowEdit .window {position: absolute; border: 1px solid #E6E6E6; background: #ffffff; left: 35%; top: 20%; width: 500px; height: auto; text-align: left;}
         * html #popupWindowEdit .window {border: 1px solid #555;}
         #popupWindowEdit .titel {height: 25px; margin: 0px; background: #fff; border: 0px solid;}
         #popupWindowEdit .titel a {float: right; margin-right: 15px; margin-top: 3px; font-weight: bold; color: #000;}
         #popupWindowEdit .titel span {float: left; margin: 5px 0px 0px 5px; font-weight: bold; color: #000; font-size: 14px;}
         #popupWindowEdit .content {padding: 5px;}
         #popupWindowEdit .content img {padding: 0;}
         #popupWindowEdit .content input {width: auto;}
         
         #imgThumbRow a .editLinks, #av_gridTable a .editLinks {display: none; color: #000; text-align: center; opacity: 0.7; filter: alpha(opacity = 70); background: #777; padding: 2px;}
         * html #imgThumbRow a .editLinks, * html #av_gridTable a .editLinks {display: block;}
         #imgThumbRow a:hover .editLinks, #av_gridTable a:hover .editLinks {display: block;}
         #imgThumbRow a .editLinks img, #av_gridTable a .editLinks img {vertical-align: middle;}
         
      #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; background: #fff; border: 0px solid;}
      #popupWindowFoto .titel a {float: right; margin-right: 15px; margin-top: 3px; font-weight: bold; color: #000;}
      #popupWindowFoto .titel span {float: left; margin: 5px 0px 0px 5px; font-weight: bold; color: #FFFFFF; color: #000; 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;}
      
      .status {padding: 3px 0; margin-left: 4px; vertical-align: middle;}
      .status img {vertical-align: middle;}