/* CSS Anneke Kuyper */ /* DIT IS styleAK.css */ /* grote site elementen */ body { width: 100%; font-family: "ariel", "optima", sans-serif ; font-size: 12px; } #siteContainer { position: relative; left: 0px; top: 10px; width: 840px; height: 800px; margin: 0 auto; } #kopContainer { } #kop { position: fixed; top: 0px; width: 840px; height: 180px; text-align: center; z-index: 1 ; background: #ededed; } #kopENmenu { position: fixed; top: 0px; width: 840px; height: 170px; text-align: center; z-index: 1 ; background: #ededed; } #kopTXT { position: absolute; left: 0px; top: 0px; width: 600px; height: 40px; text-align: center;} #kopDetails { position: fixed; top: 0px; width: 840px; height: 90px; text-align: center; z-index: 1 ; background: #ededed; } #indexIMG { position: absolute; left: 0px; top: 170px; width: 600px; height: 700px; text-align: center; } #knopENG { position: absolute; left:700px; top: 0px; width: 50px; height: 50px; text-align: center; z-index: 2; } #knopNL { position: absolute; left:770px; top: 0px; width: 50px; height: 50px; text-align: center; z-index: 2; } #ContainerZoekvenster { position: absolute; left: 10px; top: 100px; width: 725px; height: 20px; padding: 5px 0px 0px 0px ; } #ZVtekstLinks { position: absolute; left: 10px; top: 0px; width: 420px; height: 25px; font-size: 9px; padding: 5px; } #ZVtekstRechts { position: absolute; left: 420px; top: 0px; width: 200px; height: 20px; font-size: 9px; text-align: left; } #zoekVenster { position: absolute; left: 300px; top: 100px; width: 400px; height: 20px; text-align: left; z-index: 2; } #zoekVenster1 { position: absolute; left: 400px; top: 0px; width: 350px; height: 20px; text-align: left; z-index: 2; } #zoekVenster2 { position: absolute; left: 50px; top: 0px; width: 350px; height: 25px; text-align: left; z-index: 2; } #intro { position: relative; top: 0px; width: 840px; height: 500px; } #intropagPIX1 { position: absolute; left: 10px; top: 30px; width: 360px; max-height: 440px; text-align: center; padding: 10px; } #intropagPIX2 { position: absolute; left: 500px; top: 30px; width: 160px; height: 200px; text-align: right; } #intropagTXT { position: relative; left: 410px; top: 35px; width: 320px; height: 435px; text-align:justify; vertical-align: middle; line-height: 16px; padding: 10px; } #introCaption { position: absolute; left: 40px; top: 420px; width: 270px; height: 50px; text-align: left; font-size: 9px; } #home { position: absolute; left: 90px; top: 105px; width: 30px; height: 30px; } #homeArchief { position: absolute; left: 30px; top: 70px; width: 30px; width: 100%; height: 30px; } #menu { position: absolute; left: 10px; top: 50px; width: 110px; height: 400px; text-align: right; } #menuHorizon { position: fixed; top: 80px; width: 840px; height: 60px; text-align: center; z-index: 1 ; background: #ededed ; } #containerTXTtitel { position: absolute; left: 160px; top: 40px; width: 725px; height: 30px; font-size: 14px; line-height: 14px; padding: 5px 5px 5px 5px; } #containerTXT { position: absolute; left: 20px; top: 130px; width: 760px; height: 630px; font-size: 12px; line-height: 18px; } #containerTXT2 { position: absolute; left: 10px; top: 130px; width: 700px; height: 630px; font-size: 12px; line-height: 18px; } #containerPagina { position: absolute; left: 20px; top: 80px; width: 720px; height: 680px; font-size: 12px; line-height: 14px; } /* Info aan de linker zijde daar door worden sommig afbeeldingen te klein #containerDetails { position: absolute; left: 0px; top: 70px; width: 840px; height: 600px; font-size: 12px; line-height: 18px; } #contDetailsTXT { position: absolute; left: 0px; top: 0px; width: 837px; font-size: 12px; line-height: 18px; border: 1px solid #ededed; } #contDetailsIMG { position: absolute; top: 80px; width: 840px; text-align: center; } */ #contDetails { position: absolute; left: 0px; top: 90px; width: 840px; height:600px; font-size: 12px; line-height: 18px; margin: auto; } #contDetailsIMG { position: relative; left: 0px; top: 50px; width: 840px; height: 100%; font-size: 12px; line-height: 18px; text-align: center;} #contDetailsTXTboven { position: absolute; left: 10px; top: 0px; width: 840px; height: 50px; font-size: 14px; line-height: 18px; } #contDetailsTXTbeschr { position: relative; left: 10px; top: 30px; width: 840px; hei ght: 100%; font-size: 14px; line-height: 18px; text-align: justify; } #footer { position: absolute; left: 20px; top: 470px; width: 840px; height: 40px; } #tekst { position: relative; width: 700px; height: 25px; overflow: hidden; padding: 3px 0px 3px 0px; border-bottom: solid 1px #DDD; } #tekstDetails { position: relative; width: 700px; height: 25px; overflow: hidden; padding: 5px 0px 5px 0px; } #tekst2 { position: relative; width: 200px; height: 15px; overflow: hidden; padding: 0px 0px 0px 0px; } #tekst3 { position: relative; width: 150px; height: 110px; overflow: hidden; padding: 0px 0px 0px 0px; text-align: left; } #thumbnail { position: relative; width: 40px; height: 40px; } #zoekResultaat { position: relative; top: 170px; width: 840px; height: 100%; } #backbutton { position: absolute; left: 10px; top: 80px; width: 60px; height: 30px; z-index: 2 ; } #next { position: absolute; left: 75px; top: 10px; width: 60px; height: 30px; } #previous { position: absolute; left: 130px; top: 10px; width: 60px; height: 30px; } #image { position: relative; text-align: center; width: 100%; } #imageRight { position: relative; float: right; text-align: right; padding: 5px; } #imageLeft { position: relative; float: left; padding: 5px; } #imageFoto { position: absolute; width: 440px; height: 600px; text-align: center; padding: 10px 10px 10px 10px; } #imageKunst { position: absolute; left: 80px; top: 230px; width: 600px; height: 450px; text-align: center; overflow: hidden; } .imgDetails { display: bock; width: 400px; height: 350px; } .img { text-align: center; } .img2 { display: bock; width: 160px; max-height: 250px; } .imgFit { float: center; object-fit: contain; max-width: 350px; hei ght: 100%; } #imgTxtCont { position: relative; float: left; width: 200px; height: 350px; text-align: center; } #imgCont { display: table-cell; width: 200px; height: 250px; text-align: center; vertical-align:middle; } #txtCont { position: relative; width: 200px; height: 100px; font-size: 9px; text-align: left; pad ding: 5px; } /* Kolommen */ #kolomLinks { position: absolute; left: 20px; top: 0px; width: 370px; height: 550px; font-size: 12px; line-height: 15px; text-align: left; padding:10px; } #kolomRechts { position: absolute; left: 410px; top: 0px; width: 370px; height: 550px; font-size: 12px; line-height: 15px; text-align: left; } #kolomRechtsIndex { position: absolute; left: 630px; top: 170px; width: 155px; height: 740px; font-size: 12px; line-height: 15px; text-al ign: justify; z-index: 3; background: #999999; padding:15px; } #kolomLinksIndex { position: absolute; left: 0px; top: 230px; width: 500px; height: 400px; font-size: 12px; line-height: 15px; z-index: 1; } #boek { position: absolute; left: 10px; top: 540px; width: 100px; height: 200px; z-index: 3; } /* pagina Kunst (was - detailskunst) Dit zijn de onderdelen*/ #kolomKunstLinks { position: absolute; left: 10px; top: 10px; width: 400px; height: 400px; border: 1px solid gray; } #kolomTXTrechts { position: absolute; left: 420px; top: 10px; width: 400px; height: 400px; border: 1px solid gray; } #captionPagKunst { position: absolute; left: 10px; top: 500px; width: 800px; height: 40px; font-size: 9px; line-height: 11px; text-align: left; border: 1px solid gray; } /* fotoonderschriften op de diverse pagina's WEL IN DE FOOTER*/ #caption4 { position: absolute; left: 0px; top: 0px; width: 310px; height: 40px; font-size: 9px; line-height: 11px; text-align: left; } #caption5 { position: absolute; left: 170px; top: 0px; width: 155px; height: 55px; font-size: 9px; line-height: 11px; text-align: left; } #caption6 { position: absolute; left: 420px; top: 0px; width: 155px; height: 40px; font-size: 9px; line-height: 11px; text-align: left; } #caption7 { position: absolute; left: 390px; top: 0px; width: 300px; height: 80px; font-size: 9px; line-height: 12px; text-align: left; } /* tekst elementen*/ p { font-size: 10px; font-weight: normal; line-height: 12px; color: #000000; text-align: left; } p2 { font-size: 10px; font-weight: normal; line-height: 12px; color: #000000; text-align: left; } p3 { font-size: 10px; font-weight: normal; line-height: 12px; color: #000000; text-align: left; } i { font-size: 10px; font-weight: normal; color: #000000; text-align: left; } i.right { font-size: 10px; font-weight: normal; color: #000000; text-align: right; } i.groter { font-size: 12px; font-weight: normal; color: #000000; text-align: left; } h { font-size: 10px; font-weight: normal; line-height: 12px; color: #000000; text-align: left; } h.bold { font-size: 10px; font-weight: bold; line-height: 12px; color: #111111; text-align: left; } h1 { font-size: 12px; font-weight: normal; line-height: 14px; color: #000000; text-align: left; } h1.bold { font-size: 12px; font-weight: bold; line-height: 14px; color: #444444; text-align: left; } h2 { font-size: 14px; font-weight: normal; line-height: 20px; color: #000000; text-align: left; } h2.bold { font-size: 14px; font-weight: bold; line-height: 18px; color: #111111; text-align: left; } h2.center { font-size: 14px; font-weight: normal; line-height: 16px; color: #000000; text-align: center; } h3 { font-size: 48px; font-weight: normal; line-height: 48px; color: #999999; text-align: center; } h3.white { font-size: 48px; font-weight: normal; line-height: 48px; color: #ffffff; text-align: center; } h3.bold { font-size: 18px; font-weight: bold; line-height: 18px; color: #111111; text-align: left; } h3.centerWhite { font-size: 48px; font-weight: normal; line-height: 48px; color: #ffffff; text-align: center; } /* lijn element */ hr { color: #ccc; height: 0.5px; } /***************************TABELLEN***tr en td ******************************/ /* table elementen */ table { vertical-align: top; table-layout: fixed; width: 100%; } table.bio { padding: 20px; } tr { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align: left; } tr.search { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align:center; background-color: #9b9300; color: #fff; height: 50px; } tr.archief { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align: left; padding: 5px; } td { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align: left; } td.afbeelding { text-align: center; font-size: 9px; } td.archief { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align: left; padding: 5px 5px 2px 5px; overflow: hidden; } td.archief2 { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align: center; padding: 5px 5px 2px 5px; overflow: hidden; } td.archiefTitel { font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; text-align: left; padding: 2px 5px 2px 5px; overflow: hidden; } td.titel { font-size: 16px; font-weight: normal; line-height: 24px; vertical-align: top; text-align: left; } .intro { float: left; width: 800px; height: 520px; background-color: #ffffff; } .fArchiefPIX { width: 80px; height: 200px; float: left; text-align: left; background-color: #ffffff; padding: 5px 10px 10px 10px; overflow: hidden; border: 1px solid #ededed;} .large { border: 5px solid white; float: left; width: 800px; height: 350px; width: 200px; text-align: left; background-color: #ffffff; } .f { border: 5px solid white; float: left; height: 350px; width: 200px; text-align: center; background-color: #ffffff; } .k { border: 3px solid white; float: left; height: 215px; width: 158px; text-align: center; background-color: #ededed; padding: 10px 10px 10px 10px; overflow: hidden; } /***************************TABELLEN******************************/ /* link elementen */ a { color: #444; font-size: 12px; line-height: 14px; text-decoration: none;} a.href { color: #444; font-size: 12px; line-height: 14px; text-decoration: none; } a:hover { color: #444; font-size: 12px; line-height: 14px; text-decoration: none; } a:link { color: #444; font-size: 12px; line-height: 14px; text-decoration: none; } a.visited { color: #444; font-size: 12px; line-height: 14px; text-decoration: none; } a.white { color: #ffffff; font-size: 12px; line-height: 14px; text-decoration: none; } a.archief { color: #444; font-size: 12px; line-height: 14px; text-decoration: underline; } /* dit is de active van het menu*/ a.active { color: #F33; font-size: 18px; line-height: 14px; text-decoration: none; } /* a.home { font-size: 12px; line-height: 14px; text-decoration: none; text-align: left; } a:hover { color: #03F; font-size: 12px; line-height: 14px; text-decoration: none; } a.menu { color: #777; font-size: 12px; line-height: 14px; text-decoration: none; } */ .shadow { -moz-box-shadow: 5px 5px 5px #999; /* Firefox/Mozilla */ -webkit-box-shadow: 5px 5px 5px #999; /*Safari/Chrome */ box-shadow: 10px 10px 10px #999; /* Opera & hoe het zou moeten */ /* Voor IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')"; /* Voor IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999'); } .shadow1 { /* margin: 40px;*/ background-color: rgb(255,255,255); /* Needed for IEs */ -moz-box-shadow: 5px 5px 15px rgba(10,10,10,0.4); -webkit-box-shadow: 5px 5px 15px rgba(10,10,10,0.4); box-shadow: 5px 5px 15px rgba(10,10,10,0.4); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } .shadow2 { /* margin: 40px;*/ background-color: rgb(255,255,255); /* Needed for IEs */ -moz-box-shadow: 5px 5px 5px rgba(5,5,5,0.2); -webkit-box-shadow: 5px 5px 5px rgba(5,5,5,0.2); box-shadow: 5px 5px 5px rgba(4,4,4,0.1); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } .shadow3 .content { position: relative; /* This protects the inner element from being blurred */ padding: 100px; background-color: #DDD; }