@charset "utf-8";

/* ================================== start alle paginas ======================================== */

body {
margin-left: 0px;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:  #FFF594;
background-color: #000000;
background-image: url(images/bg.gif);
background-position: center;
background-repeat: repeat-y;
background-color: #000000;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFF594;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #34073F;
scrollbar-face-color: #34073F;
scrollbar-highlight-color: #FFF594;
scrollbar-shadow-color: #FFF594;
scrollbar-track-color: #000000;
}

a:link { color: #FFF594; text-decoration: none; border: none; }
a:visited { color: #FFF594; text-decoration: none; border: none; }
a:hover { color: #FFF594; text-decoration: underline; border: none; }
a:active { color: #FFF594; text-decoration: underline; border: none; }

.content {
margin: 0 auto;
width: 1012px;
}
.header {
height: 120px;
border: 1px solid #FFF594;
margin-top: 5px;
background-color: #34073F;
background-image: url(images/hdr.gif);
background-position: center;
background-repeat: no-repeat;
 -moz-border-radius:10px; -webkit-border-radius:10px;
}
.headertest {
height: 120px;
border: 1px solid #FFF594;
margin-top: 5px;
background-color: #34073F;
 -moz-border-radius:10px; -webkit-border-radius:10px;
text-align: center;


font-size: 90px;
text-shadow: 0 0 17px #FFF594;
font-variant: small-caps;
}
.menu {
height: 30px;
margin-top: 7px;
font-size: 16px;
text-align: center;
line-height: 30px;
border: 1px solid #FFF594;
background-color: #34073F;
letter-spacing: 1px;
font-weight: bold;
 -moz-border-radius:10px; -webkit-border-radius:10px;
}
.main {
position: absolute;
width: 990px;
height: 616px;
border: 1px solid #FFF594;
margin-top: 7px;
background-color: #34073F;
padding: 10px;
 -moz-border-radius:10px; -webkit-border-radius:10px;
}
.footer {
position: relative;
height: 25px;
border: 1px solid #FFF594;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
line-height: 23px;
background-color: #34073F;
margin-top: 652px;
 -moz-border-radius:10px; -webkit-border-radius:10px;
}
.splitleft {float: left;width: 50%;height: 616px;}
.splitright {float: left;width: 50%;height: 616px;}

.smalltext { font-size: 9px; letter-spacing: 0px; }
.underlined {text-decoration: underline; }

.button {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #900;
}
.select {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #900;
}
/* ================================== eind alle paginas ========================================= */

/* ================================== start home ================================================ */
.home1 {
width: 470px;
height: 108px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

.home2 {
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

#indexslideshow { position: relative; width: 470px; height: 387px; padding: 0px;}
#indexslideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

.home3 {
width: 470px;
height: 46px;
padding: 5px 10px 10px  10px;
background-color: #000000;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

#agenda { position: relative;}
#agenda > div { position: absolute;}

.agenda1 {font-weight: bold;}
.agenda2 {font-weight: normal; margin-bottom: 5px; padding-bottom: 5px;}

.home4 {
width: 470px;
height: 596px;
padding: 10px;
margin-left: 5px;
background-color: #000000;
overflow: hidden;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
/* ================================== eind home ================================================= */

/* ================================== start portfolio =========================================== */
#pageContainer {background-color: Black; margin: 0 auto; width: 980px;}
#slideshow {margin: 0 auto; width: 980px; height: 616px; background: transparent; position: relative;}
#slideshow #slidesContainer {margin: 0 auto; width: 980px; height: 616px; overflow: hidden; position: relative;}
#slideshow #slidesContainer .slide {margin: 0 auto; width: 740px; height: 655px;}
.control {display:block;width:200px;height:616px;text-indent:-10000px;position:absolute;cursor: pointer;z-index: 10;}
#leftControl {top:0;left:0;background-image: url(images/slider-left.png);background-repeat: repeat-y;}
#rightControl {top:0;right:0;background-image: url(images/slider-right.png);background-repeat: repeat-y;}
.slide img {float: right; margin: 0 auto; z-index: 1;width: 410px; height: 616px;}

.portfoliomenu {
position: absolute;
width: 170px;
heigth: 200px;
margin: 5px 0 0 10px;
padding: 5px;
z-index: 600;
font-size: 14px;
border: 1px solid #FFF594;
 -moz-border-radius:10px; -webkit-border-radius:10px;
background-color:#34073F;color:#fff;opacity:0.5;
background-color:#34073F;color:#fff;filter: alpha(opacity=50);
background-color:#34073F;color:#fff;-moz-opacity:0.5;
-webkit-transition: all .4s ease-in-out;
-webkit-transform: scale(0.5);
-webkit-transform-origin-x: 0px;
-webkit-transform-origin-y: 0px;
}

.portfoliomenu:hover {
-webkit-transform: scale(1.3);
}

.portfolioinfo {
margin: 500px 0 0 500px;
width: 200px;
height: 100px;
background-color: White;
z-index: 85;
color: Black;
}
/* ================================== eind portfolio ============================================ */

/* ================================== start voorna ============================================== */
.voor {
float: left;
width: 470px;
height: 596px;
padding: 10px;
background-color: #000000;
margin-right: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.na {
float: left;
width: 470px;
height: 596px;
padding: 10px;
background-color: #000000;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

#slideshowvoor { position: relative; width: 470px; height: 387px; padding: 0px;}
#slideshowvoor > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

#slideshowna { position: relative; width: 470px; height: 387px; padding: 0px;}
#slideshowna > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
/* ================================== eind voorna =============================================== */

/* ================================== start bruiloften ========================================== */
.bruiloften1 {
float: left;
width: 470px;
height: 596px;
padding: 10px;
background-color: #000000;
margin-right: 10px;
text-align: justify;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.bruiloften2 {
float: left;
width: 470px;
height: 179px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
background-image: url(images/imgbruiloften.jpg);
background-position: center;
background-repeat: no-repeat;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.bruiloften3 {
float: left;
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
text-align: center;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

#weddingslideshow { position: relative; width: 470px; height: 387px; padding: 0px;}
#weddingslideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
/* ================================== eind bruiloften =========================================== */

/* ================================== start nagelstyling ======================================== */
.nagelstyling1 {
float: left;
width: 470px;
height: 179px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.nagelstyling2 {
float: left;
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
margin-left: 10px;
margin-bottom: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.nagelstyling3 {
float: left;
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
margin-top: -208px;
overflow: auto;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.nagelstyling4 {
float: left;
width: 470px;
height: 169px;
padding: 10px;
background-color: #000000;
margin-left: 10px;
overflow: auto;
border-bottom: solid #000 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

#nagelslideshow { position: relative; width: 470px; height: 387px; padding: 0px;}
#nagelslideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
/* ================================== eind nagelstyling ========================================= */

/* ================================== start workshops =========================================== */
.workshops1 {
float: left;
width: 470px;
height: 179px;
padding: 10px;
background-color: #000000;
margin-right: 10px;
-moz-border-radius:5px; -webkit-border-radius:5px;
background-image: url(images/imgworkshops.jpg);
background-position: center;
background-repeat: no-repeat;
}
.workshops2 {
float: left;
width: 470px;
height: 596px;
padding: 10px;
background-color: #000000;
text-align: left;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.workshops3 {
float: left;
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
margin-top: -407px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}

#workshopsslideshow { position: relative; width: 470px; height: 387px; padding: 0px;}
#workshopsslideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
/* ================================== eind workshops ============================================ */

/* ================================== start contact ============================================= */
.contact1 {
float: left;
width: 470px;
height: 179px;
padding: 10px;
background-color: #000000;
margin-right: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.contact2 {
float: left;
width: 470px;
height: 596px;
padding: 10px;
background-color: #000000;
text-align: right;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.contact3 {
float: left;
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
margin-top: -407px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.contactform {
position: absolute;
width: 700px;
height: 545px;
top: 221px;
left: 50%;
margin-left: -351px;
z-index: 50;
}
.formfield { background-color: #FFF594; color: #34073F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.formbutton { background-color: #FFF594; color: #34073F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#contactslideshow { position: relative; width: 470px; height: 387px; padding: 0px;}
#contactslideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
/* ================================== eind contact ============================================== */

/* ================================== start gastenboek ========================================== */
.gastenboek1 {
float: left;
width: 470px;
height: 596px;
padding: 10px;
background-color: #000000;
margin-right: 10px;
overflow: auto;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.gastenboek2 {
float: left;
width: 470px;
height: 179px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
background-image: url(images/imggastenboek.jpg);
background-position: center;
background-repeat: no-repeat;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.gastenboek3 {
float: left;
width: 470px;
height: 387px;
padding: 10px;
background-color: #000000;
text-align: right;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.gastenboekkader {
height: 580px;
overflow: hidden;
}
.gastenboeknavigatie {
text-align: center;
font-size: 12px;
}
.berichtentabel {
border: 1px solid #FFF594; 
}
.gastenboekbericht {
text-align: left;
}
.gastenboeknaam {
background-color: #FFF594;
}
.gastenboekdatum{
color: #000000;
background-color: #FFF594;
}
.zwart {
color: #000000;
font-weight: bold;
}
.grijs {
color: #222222;
}
.paars {
color: #F9C;
}
.lila {
color: #D69CD7;
}
/* ================================== eind gastenboek =========================================== */

/* ================================== start links =============================================== */
.links1 {
float: left;
width: 470px;
height: 178px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
margin-right: 10px;
background-image:url(images/links/links-1fotograaf.jpg);
background-position: center;
background-repeat: no-repeat;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.links2 {
float: left;
width: 470px;
height: 178px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.links3 {
float: left;
width: 470px;
height: 178px;
padding: 10px;
background-color: #000000;
margin-right: 10px;
background-image:url(images/links/links-2model.jpg);
background-position: center;
background-repeat: no-repeat;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.links4 {
float: left;
width: 470px;
height: 178px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px;
} 
.links5 {
float: left;
width: 470px;
height: 178px;
padding: 10px;
background-color: #000000;
margin-bottom: 10px;
margin-right: 10px;
background-image:url(images/links/links-3overige.jpg);
background-position: center;
background-repeat: no-repeat;
 -moz-border-radius:5px; -webkit-border-radius:5px;
} 
.links6 {
float: left;
width: 470px;
height: 178px;
padding: 10px;
background-color: #000000;
 -moz-border-radius:5px; -webkit-border-radius:5px;
}
.links1a {
float: left;
width: 156px;
}
.links1b {
float: left;
padding-left: 5px;
}
.links3a {
float: left;
width: 156px;
}
.links3b {
float: left;
width: 156px;
padding-left: 5px;
}
.links3c {
float: left;
padding-left: 5px;
}

.links5a {
float: left;
width: 156px;
}
.links5b {
float: left;
padding-left: 5px;
}
.thumbnail_links1 img { margin: 0 5px 5px 0; }
.thumbnail_links1:hover {  }
.thumbnail_links1:hover img { border: none;  }
.thumbnail_links1 span { position: absolute; visibility: hidden; display: none; }
.thumbnail_links1 span img {  }
.thumbnail_links1:hover span { position: absolute; left: 520px; top: 20px; visibility: visible; z-index: 0; display: block; }

.thumbnail_links2 img { margin: 0 5px 5px 0; }
.thumbnail_links2:hover {  }
.thumbnail_links2:hover img { border: none;  }
.thumbnail_links2 span { position: absolute; visibility: hidden; display: none; }
.thumbnail_links2 span img {  }
.thumbnail_links2:hover span { position: absolute; left: 520px; top: 228px; visibility: visible; z-index: 0; display: block; }

.thumbnail_links3 img { margin: 0 5px 5px 0; }
.thumbnail_links3:hover {  }
.thumbnail_links3:hover img { border: none;  }
.thumbnail_links3 span { position: absolute; visibility: hidden; display: none; }
.thumbnail_links3 span img {  }
.thumbnail_links3:hover span { position: absolute; left: 520px; top: 437px; visibility: visible; z-index: 0; display: block; }

.thumbnail_ver img { margin: 0 4px 5px 0; } /* top right bottom left */
.thumbnail_ver:hover {  }
.thumbnail_ver:hover img { border: none;  }
.thumbnail_ver span { position: absolute; visibility: hidden; display: none; }
.thumbnail_ver span img {  }
.thumbnail_ver:hover span { position: absolute; left: 490px; top: 20px; visibility: visible; z-index: 0; display: block; }

.thumbnail_hor img { margin: 0 4px 5px 0; } /* top right bottom left */
.thumbnail_hor:hover {  }
.thumbnail_hor:hover img { border: none;  }
.thumbnail_hor span { position: absolute; visibility: hidden; display: none; }
.thumbnail_hor span img {  }
.thumbnail_hor:hover span { position: absolute; left: 394px; top: 120px; visibility: visible; z-index: 0; display: block; }
/* ================================== eind links ================================================ */