/* div-frames */ 
#achtergrond { width: 754px; height: auto; position: fixed; top: 87px; left: 130px; bottom: 0px; overflow-x: hidden; overflow-y: hidden; z-index:-1; }
#menu { width: 130px; height: auto; position: fixed; top: 0px; left: 0px; bottom: 0px; background-color:#000066; overflow-x: hidden; overflow-y: hidden; }
#boven { width: 754px; height: 61px; position: fixed; left: 130px; top: 0px;  overflow-x: hidden; overflow-y: hidden;}
#submenu { width: 754px; height: 26px; position: fixed; left: 130px; top: 61px; background-color:#3366ff;  overflow-x: hidden; overflow-y: hidden; }
#main { width: 674px; height: auto; padding: 40px; position: fixed; top: 87px; left: 130px; bottom: 0px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-family: Arial; color: #000000; font-size: 13px; line-height: 15px; }
#rechts { width: 100%; height: 100%; position: fixed; top: 0px; left: 884px; overflow-x: hidden; overflow-y: hidden; }



/* Index-pagina */
#index { position: absolute;top: 50%; left: 50%; height: 590px; width: 900px; margin: -295px 0 0 -450px; border: 1px solid #003C02; background: url('achtergronden/achtergrond_index.jpg'); }
#kader { width: 894px; height: 584px; position: absolute; top: 2px; left: 2px;  border: 1px solid #003C02; background: none; }
#scherm { width: 900px; height: 590px; position: absolute; top: 0px; left: 0px;  border: 0px; background: none; }
#f_links { width: 94px; height: 470px; position: absolute; top: 60px; left: 28px;  border: 0px; background: none; }
#boek_links { width: 130px; height: 195px; position: absolute; top: 93px; left: 181px;  border: 1px solid #003C02; background: none; }
#logo { width: 105px; height: 200px; position: absolute; top: 138px; left: 345px;  border: 0px; background: none; }
#boek_rechts { width: 130px; height: 195px; position: absolute; top: 93px; left: 580px;  border: 1px solid #003C02; background: none; }
#f_rechts { width: 94px; height: 470px; position: absolute; top: 60px; left: 769px;  border: 0px; background: none; }
#tekstveld { width: 636px; height: 209px; position: absolute; top: 333px; left: 127px;  border: 0px; background: none; font-family: Arial; color: #003C02; font-size: 13px; line-height: 15px; }




/* fotogalerij */
#fotogallery { padding: 15px; width: 650px; }
#fotogallery ul { list-style: none; padding: 10px; }
#fotogallery ul li { display: inline; padding: 10px; }
#fotogallery ul img { border: 1px solid #3366ff; border-width: 1px 1px 1px 1px; }
#fotogallery ul a:hover img { border: 1px solid #FF3000; border-width: 1px 1px 1px 1px; }



/* fotogalerij 2 afbeeldingen */
#gallery1 { padding: 0px; width: 490px; }
#gallery1 ul { list-style: none; padding: 0px; }
#gallery1 ul li { display: inline; padding: 0px; }
#gallery1 ul img { border: 1px solid #3366ff; border-width: 1px 1px 1px 1px; }
#gallery1 ul a:hover img { border: 1px solid #FF3000; border-width: 1px 1px 1px 1px; }



/* fotogalerij 2 afbeeldingen */
#gallery2 { padding: 0px; width: 490px; }
#gallery2 ul { list-style: none; padding: 0px; }
#gallery2 ul li { display: inline; padding: 0px; }
#gallery2 ul img { border: 1px solid #3366ff; border-width: 1px 1px 1px 1px; }
#gallery2 ul a:hover img { border: 1px solid #FF3000; border-width: 1px 1px 1px 1px; }



/* fotogalerij 3 afbeeldingen */
#gallery3 { padding: 0px; width: 650px; }
#gallery3 ul { list-style: none; padding: 0px; }
#gallery3 ul li { display: inline; padding: 0px; }
#gallery3 ul img { border: 1px solid #3366ff; border-width: 1px 1px 1px 1px; }
#gallery3 ul a:hover img { border: 1px solid #FF3000; border-width: 1px 1px 1px 1px; }



/* fotogalerij 4 afbeeldingen */
#gallery4 { padding: 0px; width: 650px; }
#gallery4 ul { list-style: none; padding: 0px; }
#gallery4 ul li { display: inline; padding: 0px; }
#gallery4 ul img { border: 1px solid #3366ff; border-width: 1px 1px 1px 1px; }
#gallery4 ul a:hover img { border: 1px solid #FF3000; border-width: 1px 1px 1px 1px; }



/* tabellen */
.tablefoto {border-size: 4px; border-style: solid; border-color: #3366ff;}
.tdfoto {border-size: 1px; border-style: solid; border-color: #3366ff;}

.table1 {border-size: 1px; border-style: solid; border-color: #3366ff;}
.td1 {border-size: 1px; border-style: solid; border-color: #3366ff;}

.table2 {border-size: 2px; border-style: solid; border-color: #3366ff;}
.td2 {border-size: 2px; border-style: solid; border-color: #3366ff;}

.table3 {border-size: 3px; border-style: solid; border-color: #3366ff;}
.td3 {border-size: 3px; border-style: solid; border-color: #3366ff;}

.tabelkader {border-style: solid; border-color: #3366ff;}



/* foto opaciteit */
.imgopacity
{opacity:1.0; filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0;}

.imgopacity:hover
{opacity:0.5; filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}



 /* lettergrootte definitie Arial */
.text0b {font-family: Arial; color: #000000; font-size:9px; line-height:11px;} /* grootte -3 */
 
.text1b {font-family: Arial; color: #000000; font-size:11px; line-height:13px;} /* grootte -2 */

.text2b {font-family: Arial; color: #000000; font-size:13px; line-height:15px; } /* grootte 2 */

.text3b {font-family: Arial; color: #000000; font-size:16px; line-height:18px; } /* grootte 3 */

.text4b {font-family: Arial; color: #000000; font-size:18px; line-height:20px; } /* grootte 4 */

.text5b {font-family: Arial; color: #000000; font-size:24px; line-height:22px; } /* grootte 5 */

.text6b {font-family: Arial; color: #000000; font-size:32px; line-height:34px; } /* grootte 6 */

.text7b {font-family: Arial; color: #000000; font-size:34px; line-height:36px; } /* grootte +3 */



 /* tussenregel */
.texttussen {font-family: Arial; color: #000000; font-size:2px; line-height:4px;}



 /* kleuren */
.colorred {color: #FF3000;}
.colorbl {color: #0000FF;}
.colorwt {color: #FFFFFF;}



 /* copyright regels */
.copyrightb {font-family: Arial; font-size:10px; color: #000000;}



 /* horizontale lijn */
hr {color: #000000;}



 /* links */
a{text-decoration: underline}
a{color: #0000FF}
a:hover {color: #FF3000}
a:hover {text-decoration: underline}
a:active {color: #878787}