/*Dit is het css formulier om foto's rechts op de Inhoudspagina's te plaatsen.
De afmetingen van de foto's moeten 165pixels breed zijn om volledig in het kader te vallen, de hoogte moet opgegeven worden ivm liggende of staande foto's.
Bepaal met de opdracht: "margin-top: **px; de hoogte tussen de vorige, en de volgende foto.
Bepaal met de opdracht: "background: url(****.***) no-reapeat;" welk plaatje er in moet komen.
Zorg dat deze plaatjes altijd in het mapje "img" staan van de respectivelijke map "inhoud".
LET OP: dat de plaatjes niet lager dan de lengte van de pagina komen, anders onstaat er onderaan een witte balk!
Sla dit formulier na het wijzigen altijd op in de map 'CSS'*/ 
/* Pieter van Campen - 2008 */
/*-----------------------------------------------------------------------------------------------*/

#fotokader {position:absolute; padding:0px; Top:440px; right:0px; width:170px; height:auto; background: transparent; border:none;}
/*-----------------------------------------------------------------------------------------------*/

/*Vanaf hier kan de naam van de foto ingevuld worden*/
/* Elk van de 5 inhoudspagina's heeft 10 foto posities. (Je kunt deze posities hier gewoon laten staan,
als ze niet gebruikt worden op de inhoudspagina's zie je ook niets verschijnen.);
inhoud_introductie.htm = .foto1 t/m .foto10
inhoud_werkplaatsbeeldhouwen.htm = .foto11 t/m .foto20
inhoud_groepen.htm = .foto21 t/m .foto30
inhoud_bezinningenverwerking = .foto31 t/m .foto40
inhoud_beeldvandezaak.htm = .foto41 t/m .foto50
*/
/*-----------------------------------------------------------------------------------------------*/
/*BEGIN BLOK - INTRODUCTIE: */

.foto1 {margin-top:20px; height:386px; background: url('../Introductie/inhoud/img/creapoelkavogelsmal.jpg') no-repeat; }

.foto2 {margin-top:40px; height:97px; background: url('../Introductie/inhoud/img/houtwerkplaats.jpg') no-repeat; }

.foto3 {margin-top:35px; height:112px; background: url('../Introductie/inhoud/img/bankje.jpg') no-repeat; }

.foto4 {margin-top:35px; height:112px; background: url('../Introductie/inhoud/img/werkplaatsovergroot.jpg') no-repeat; }

.foto5 {margin-top:90px; height:224px; background: url('../Introductie/inhoud/img/marianneokt.jpg') no-repeat; }

.foto6 {margin-top:10px; height:112px; background: url('../Introductie/inhoud/img/mariannefebr06.jpg') no-repeat; }

.foto7 {margin-top:60px; height:224px; background: url('../Introductie/inhoud/img/lucduitsland.jpg') no-repeat; }

.foto8 {margin-top:10px; height:112px; background: url('../Introductie/inhoud/img/lucfebr06.jpg') no-repeat; }

.foto9 {margin-top:20px; height:224px; background: url('../Introductie/inhoud/img/') no-repeat; }

.foto10 {margin-top:20px; height:112px; background: url('../Introductie/inhoud/img/') no-repeat; }

.foto1, .foto2, .foto3, .foto4, .foto5, .foto6, .foto7, .foto8, .foto9, .foto10 {margin-left:0px; border:1px solid; border-color:#E9BC4E;
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; color: #404040;}
/* -EINDE BLOK -INTRODUCTIE- */
/*//////////////////////////////////////////*/

/*BEGIN BLOK -WERKPLAATS BEELDHOUWEN: */

.foto11 {margin-top:100px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/liesweb010.jpg') no-repeat; }

.foto12 {margin-top:100px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/ardoweb.jpg') no-repeat; }

.foto13 {margin-top:225px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/torsovrouwweb.jpg') no-repeat; }

.foto14 {margin-top:25px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/betsieweb023.jpg') no-repeat; }

.foto15 {margin-top:125px; height:158px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/zomercreapoelka.jpg') no-repeat; }

.foto16 {margin-top:50px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/stierdinyweb.jpg') no-repeat; }

.foto17 {margin-top:250px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/frankportretweb.jpg') no-repeat; }

.foto18 {margin-top:250px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/allinthefam005.jpg') no-repeat; }

.foto19 {margin-top:600px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/wilweb.jpg') no-repeat; }

.foto20 {margin-top:175px; height:224px; background: url('../WerkplaatsBeeldhouwen/inhoud/img/ingridweb003.jpg') no-repeat; }

.foto11, .foto12, .foto13, .foto14, .foto15, .foto16, .foto17, .foto18, .foto19, .foto20 {margin-left:0px; border:1px solid; border-color:#E0AB69;
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; color: #404040;}
/* -EINDE BLOK -WERKPLAATS BEELDHOUWEN- */
/*//////////////////////////////////////////*/

/*BEGIN BLOK -GROEPEN: */

.foto21 {margin-top:90px; height:116px; background: url('../Groepen/inhoud/img/bedrijfsuitjebierman003.jpg') no-repeat; }

.foto22 {margin-top:70px; height:112px; background: url('../Groepen/inhoud/img/mergeljoep2.jpg') no-repeat; }

.foto23 {margin-top:100px; height:224px; background: url('../Groepen/inhoud/img/beeldmergel2.jpg') no-repeat; }

.foto24 {margin-top:35px; height:224px; background: url('../Groepen/inhoud/img/beeldmergel.jpg') no-repeat; }

.foto25 {margin-top:50px; height:112px; background: url('../Groepen/inhoud/img/binnennaarbuiten.jpg') no-repeat; }

.foto26 {margin-top:50px; height:116px; background: url('../Groepen/inhoud/img/bedrijfsuitjebierman007.jpg') no-repeat }

.foto27 {margin-top:50px; height:112px; background: url('../Groepen/inhoud/img/trapjetuin.jpg') no-repeat; }

.foto28 {margin-top:50px; height:224px; background: url('../Groepen/inhoud/img/mensfiguurjolande.jpg') no-repeat; }

.foto29 {margin-top:50px; height:112px; background: url('../Groepen/inhoud/img/hartlicht.jpg') no-repeat; }

.foto30 {margin-top:90px; height:224px; background: url('../Groepen/inhoud/img/werkplaats002.jpg') no-repeat; }

.foto21, .foto22, .foto23, .foto24, .foto25, .foto26, .foto27, .foto28, .foto29, .foto30 {margin-left:0px; border:1px solid; border-color:#B3B955;
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; color: #404040;}

/* -EINDE BLOK -GROEPEN- */
/*//////////////////////////////////////////*/

/*BEGIN BLOK -BEZINNING EN VERWERKING: */

.foto31 {margin-top:50px; height:248px; background: url('../BezinningVerwerking/inhoud/img/bokmetsteen.jpg') no-repeat; }

.foto32 {margin-top:25px; height:112px; background: url('../BezinningVerwerking/inhoud/img/werkplaatsjoep.jpg') no-repeat; }

.foto33 {margin-top:75px; height:224px; background: url('../BezinningVerwerking/inhoud/img/ineweb.jpg') no-repeat; }

.foto34 {margin-top:25px; height:224px; background: url('../BezinningVerwerking/inhoud/img/vijverzicht.jpg') no-repeat; }

.foto35 {margin-top:75px; height:126px; background: url('../BezinningVerwerking/inhoud/img/golfmarjanweb.jpg') no-repeat; }

.foto36 {margin-top:75px; height:270px; background: url('../BezinningVerwerking/inhoud/img/madonnaweb.jpg') no-repeat; }

.foto37 {margin-top:75px; height:259px; background: url('../BezinningVerwerking/inhoud/img/antoinetteklein.jpg') no-repeat; }

.foto38 {margin-top:150px; height:224px; background: url('../BezinningVerwerking/inhoud/img/inekefleuren.jpg') no-repeat; }

.foto39 {margin-top:150px; height:224px; background: url('../BezinningVerwerking/inhoud/img/hans.jpg') no-repeat; }

.foto40 {margin-top:400px; height:224px; background: url('../BezinningVerwerking/inhoud/img/zonsondergangweb.jpg') no-repeat; }

.foto31, .foto32, .foto33, .foto34, .foto35, .foto36, .foto37, .foto38, .foto39, .foto40 {margin-left:0px; border:1px solid; border-color:#D5B1CA;
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#404040;}
/* -EINDE BLOK -BEZINNING EN VERWERKING- */
/*//////////////////////////////////////////*/

/*BEGIN BLOK -BEELD VAN DE ZAAK: */

.foto41 {margin-top:230px; height:161px; background: url('../Beeldvandezaak/inhoud/img/kleinesteentjesschaal.jpg') no-repeat; }

.foto42 {margin-top:50px; height:126px; background: url('../Beeldvandezaak/inhoud/img/trainersdag.jpg') no-repeat; }

.foto43 {margin-top:115px; height:126px; background: url('../Beeldvandezaak/inhoud/img/trainersdag2.jpg') no-repeat; }

.foto44 {margin-top:50px; height:126px; background: url('../Beeldvandezaak/inhoud/img/gereedschap.jpg') no-repeat; }

.foto45 {margin-top:50px; height:224px; background: url('../Beeldvandezaak/inhoud/img/beelda.jpg') no-repeat; }

.foto46 {margin-top:50px; height:224px; background: url('../Beeldvandezaak/inhoud/img/beeldb.jpg') no-repeat; }

.foto47 {margin-top:50px; height:253px; background: url('../Beeldvandezaak/inhoud/img/mergelhanden.jpg') no-repeat; }

.foto48 {margin-top:50px; height:112px; background: url('../Beeldvandezaak/inhoud/img/mergeloog.jpg') no-repeat; }

.foto49 {margin-top:50px; height:112px; background: url('../Beeldvandezaak/inhoud/img/steenwerkplaatsoverklein.jpg') no-repeat; }

.foto50 {margin-top:90px; height:224px; background: url('../Beeldvandezaak/inhoud/img/houtmetsteen.jpg') no-repeat; }

.foto41, .foto42, .foto43, .foto44, .foto45, .foto46, .foto47, .foto48, .foto49, .foto50 {margin-left:0px; border:1px solid; border-color:#D07364;
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; color: #404040;}

/* -EINDE BLOK -BEELD VAN DE ZAAK- */
/*//////////////////////////////////////////*/
/*EINDE*/