/*
-----------------------------------------------
voor:		pastora

auteur:		Marieke van de Pol, http://www.vandepolgrafischontwerp.nl
`				
versie:		februari 2007
----------------------------------------------- */



/*alle browsers lezen:*/
  html body { font-size:medium;}
/*alle versies IE volgen:*/
* html body { font-size:x-small;}
/* Internet Explorer 6 kan op zich al deze regels volgen, maar toont wat hem het laatst opgedragen wordt, dus alleen IE6 snapt:*/
* html body { f\ont-size:medium;}

/*
-----------------------------------------------
misc.
----------------------------------------------- */
body {
	background-color: #FDF6F7;
	margin:0;
	padding:0;
	scrollbar-3dlight-color: #E42B2B;
	scrollbar-arrow-color: #E42B2B;
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
}
img{
border: 0px;
}
.homeklik{
	position:absolute;
	top:0;
	left:0;
	z-index: 9000;
	width: 435px;
	height: 109px;
}
.foto{
border: 5px solid white;
margin:0 5px 10px 5px;
float:left;
}
body#lessen td{
border:1px solid #4D0004;
padding-left:8px;
padding-right:8px;
}
/*
-----------------------------------------------
einde misc.
----------------------------------------------- */



/*
-----------------------------------------------
typografie
----------------------------------------------- */
a:link{
	color:#DE4C4C;
	text-decoration: none;
}
a:visited{
	color:#DE4C4C;
	text-decoration: none;
}
a:hover{
	color: #4D0004;
	text-decoration: underline;
}

.tekst{
	font-family:"Century Gothic","Lucida sans unicode", Arial, Verdana, Helvetica;
	font-weight:bold;
	text-align: justify;
	line-height: 180%;
	color: #4D0004;
	font-size: 80%;
}/* structuur en plaatsing die bij tekst hoort staat verderop */
#gedicht{
	font-family:"Century Gothic","Lucida sans unicode", Arial, Verdana, Helvetica;
}
#gedicht em{
	font-weight:normal;
}

h1{
font-size:120%;
font-weight:bolder;
margin-bottom:0;
}
#footer a{
	color: #4D0004;
	text-decoration: none;
}
#footer a:hover{
	color:#DE4C4C;
	text-decoration:underline;
}
body#foto .tekst a:link,body#foto .tekst a:visited{color:#fff;}
body#contact .tekst a:visited,body#contact .tekst a:hover{
	color: #F7E4E0;
	text-decoration: underline;
}
/*
-----------------------------------------------
einde typografie
----------------------------------------------- */



/*
-----------------------------------------------
structuur
----------------------------------------------- */
.container {
position:relative;
z-index: 10;
width: 770px;
margin: 0 auto 25px auto;
}
#achterplaten{
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
	width:764px;
	padding:0 2px 0 2px;
	border-left:1px solid #E42B2B;
	border-right:1px solid #E42B2B;
}
#toponder{
	position:absolute;
	top:0;
	left:0;
	margin-top:25px;
	margin-left:2px;
	padding:0;
	z-index: 100;
	width: 766px;
	height: 147px;
	background-color: #FFF;
	filter: Alpha(Opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#topboven{
	position:absolute;
	top:0;
	left:0;
	margin-top:25px;
	margin-left:2px;
	padding:0;
	z-index: 200;
	width: 766px;
	height:154px;
	background: url(../plaatjes/pastora.gif) no-repeat left top;
	text-align:center;
}
#menu{
/*border:1px solid aqua;*/
	position:relative;
	z-index: 300;
	margin:111px auto 0 25px;
	padding:0;
}

.wit{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	z-index: 1000;
	background-color: #FFF;
	filter: Alpha(Opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
}
.tekst{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	z-index: 2000;
	margin:15px;
}/* typografie die bij tekst hoort staat verder naar onderen */
body#home .wit{
background-color:#4D0004;
	margin-top:230px;
	margin-left:335px;
	width: 410px;
	height: 535px;
	filter: Alpha(Opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
#ornament_home{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width: 864px;
	height:75px;
	z-index: 9000;
	margin-top:741px;
	margin-left:-46px;
	background: url(../plaatjes/ornament_home.gif) no-repeat left top;
}
body#home .tekst{
	width: 500px;
	margin-left:250px;
	margin-top:185px;
	color:#F7E4E0;
}
body#flamenco .wit{
	margin-top:268px;
	margin-left:55px;
	width: 400px;
	height: 545px;
}
#ornament_flamenco{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width: 864px;
	height:75px;
	z-index: 9000;
	margin-top:151px;
	margin-left:-46px;
	background: url(../plaatjes/ornament_flamenco.gif) no-repeat left top;
}
body#flamenco .tekst{
	width: 350px;
	margin-left:80px;
	margin-top:293px;
}
body#pastora .wit{
	margin-top:200px;
	margin-left:359px;
	width: 390px;
	height: 900px;
}
#ornament_pastora{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width: 864px;
	height:75px;
	z-index: 9000;
	margin-top:191px;
	margin-left:-46px;
	background: url(../plaatjes/ornament_pastora.gif) no-repeat left top;
}
body#pastora .tekst{
	width: 340px;
	margin-left:384px;
	margin-top:235px;
}
body#nieuws .wit{
	margin-top:245px;
	margin-left:15px;
	width: 430px;
	height: 1000px;
}
#ornament_nieuws{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width: 864px;
	height:75px;
	z-index: 9000;
	margin-top:235px;
	margin-left:-46px;
	background: url(../plaatjes/ornament_nieuws.gif) no-repeat left top;
}
body#nieuws .tekst{
	width: 380px;
	margin-left:40px;
	margin-top:280px;
}
body#lessen .wit{
	margin-top:280px;
	margin-left:33px;
	width: 700px;
	height: 830px;
}
#ornament_lessen{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width: 864px;
	height:75px;
	z-index: 9000;
	margin-top:258px;
	margin-left:-46px;
	background: url(../plaatjes/ornament_lessen.gif) no-repeat left top;
}
body#lessen .tekst{
	width: 650px;
	margin-left:58px;
	margin-top:320px;
}
body#foto .tekst{
	width: 700px;
	margin-left:45px;
	margin-top:210px;
}
body#contact .tekst{
	width: 500px;
	margin-left:400px;
	margin-top:225px;
	color:#F7E4E0;
}
/* zodat in FF de container mee-rekt met de langste floater binnenin:*/
.cleardiv {
clear: both;
height:3px;
}
#footer {
width:650px;
border:1px solid #4D0004;
clear:both;
	position: relative;
	bottom: 0;
	text-align: center;
	margin: 40px 0 5px 0;
}
/*
-----------------------------------------------
einde structuur
----------------------------------------------- */

/*
-----------------------------------------------
menu
----------------------------------------------- */
#menu ul{
	margin: 0;
	padding: 0;
}
#menu ul li{
	display: inline;
	list-style: none;
	margin: 0 15px 0 15px;
	padding: 0;
}
#menu ul li a{
	color: #E42B2B;
	font-size: 20px;
	font-family: Times, "MS Serif", "Times New Roman", serif;
	text-decoration: none;
}
#menu ul li a:hover{
	color: #4D0004;
	text-decoration: underline;
}
body#home #menu ul li a#menu_home,
body#nieuws #menu ul li a#menu_nieuws,
body#lessen #menu ul li a#menu_lessen,
body#flamenco #menu ul li a#menu_flamenco,
body#pastora #menu ul li a#menu_pastora,
body#foto #menu ul li a#menu_fotos,
body#contact #menu ul li a#menu_contact{
	color: #4D0004;
	text-decoration: none;
	cursor:text;
}

/*
-----------------------------------------------
einde menu
----------------------------------------------- */



