/******************************************************************************/
/** general all site setting **************************************************/
/******************************************************************************/
/* forces a vertical scrollbar to be displayed even on short pages (stops page shifting)*/
:root { overflow-y: scroll; }

html, body {
border:0;
margin:0;
padding:0;
height:100%;
}
body{
font-family: Verdana, Geneva, sans-serif;
font-size:100%;
color:#404040;
text-align:left;
background-color:#FFF;
margin-left:auto;
margin-right:auto;
width:1000px;
}
#document{
position:relative; /* needed for popups to work */
}

img{
border:0;
}
.clear {
clear:both;
height:0;
overflow:hidden;
}
.left{
float:left;
}
.right{
float:right;
}
.bold{
font-weight:bold;
}
.hide{
display:none;
}
.green{
color: green;
}
.red{
color: red;
}
.smalltext{
font-size:smaller;
}
#footer{
position:fixed;
bottom:10px;
width:1000px;
z-index:0;
}
#footer_back{
position: relative;
float:left;
z-index:100;
}
#footer_home{
position: relative;
float:right;
z-index:100;
}
#content{
height:400px;
}
#menu{
padding-left:3em;
}
#menu a{
position: relative;
z-index:20;
text-decoration:none;
color:#000;
}
#menu li{
list-style-type:none;
padding-left:2em;
padding-bottom:0.5em;
}
.pos_absolute{
position:absolute;
left:22em;
top:2em;
}
.transbox{
height:30em;
width:40em;
float:right;
overflow:auto;
background-color:#C0C0C0;
border:1px solid black;
/* CSS3 standard */
opacity:0.85;
z-index:2;
}
.transbox h3{
margin-top:1em;
margin-left:1.5em;
font-weight:bold;
color:#000;
}
.transbox p{
margin-top:1.5em;
margin-left:1.5em;
color:#000;
}

/******************************************************************************/
/** adminintration *********************************************************/
/******************************************************************************/
#admin{
width:100%;
}
#adminleft{
width: 35%;
vertical-align:top;
}
#adminright{
width: 70%;
vertical-align:middle;
}

#adminmenu{
padding-left:3em;
}
#adminmenu .mainsection{
font-weight:bold;
padding:0.5em;
}
#adminmenu a{
position: relative;
z-index:20;
text-decoration:none;
color:#000;
}
#adminmenu li{
list-style-type:none;
padding-bottom:0.5em;
}

/******************************************************************************/
/** background images *********************************************************/
/******************************************************************************/
.therapie{
background:url(../images/background/therapie.png) no-repeat;
}
.contact{
background:url(../images/background/contact.png) no-repeat;
}
.opvang{
background:url(../images/background/opvang.png) no-repeat;
}
.reiki{
background:url(../images/background/reiki.png) no-repeat;
}
.uitlaatservice{
background:url(../images/background/uitlaatservice.png) no-repeat;
}
/******************************************************************************/
/** about setting *************************************************************/
/******************************************************************************/
#about_content{
padding:1em;
margin-left:2em;
margin-right:2em;
}
#about_text{
background:url(../images/gaatiemee_logo.png) no-repeat center;
}
/******************************************************************************/
/** foto's****************** **************************************************/
/******************************************************************************/
.fotos{
position:absolute;
z-index:1;
}
.pics{
position:absolute;
z-index:0;
}
.frames{
position:relative;
z-index:1;
}
/**************************/

#foto1{
top:30px;
left:30px;
}
#pic1{
top:33px;
left:38px;
width:115px;
height:145px;
}
/**************************/
#foto2{
top:40px;
left:250px;
}
#pic2{
top:35px;
left:12px;
width:115px;
height:135px;
}
/**************************/
#foto3{
top:40px;
left:725px;
}
#pic3{
top:40px;
left:30px;
width:140px;
height:200px;
}
/**************************/
#foto4{
top:255px;
left:220px;
}
#pic4{
top:30px;
left:12px;
width:75px;
height:120px;
}
/**************************/
#foto5{
top:145px;
left:450px;
}
#pic5{
top:40px;
left:12px;
width:225px;
height:140px;
}
/**************************/
#foto6{
top:345px;
left:690px;
}
#pic6{
top:37px;
left:17px;
width:115px;
height:135px;
}
/**************************/
#foto7{
top:425px;
left:225px;
}
#pic7{
top:25px;
left:33px;
width:115px;
height:145px;
}
/**************************/
#foto8{
top:375px;
left:450px;
}
#pic8{
top:40px;
left:12px;
width:225px;
height:140px;
}


/**************************/
#fotonavlink{
top:425px;
left:325px;
}