/* CSS 247HAIR by Ronnie Kalicharan Copyright by 247HAIR */

/*Main onderdelen*/
body, html {margin:0; padding:0; height:800px; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; text-align:center; background:url("../../images/bg.png") repeat-x #FFF;}

img, img a {border:0;}

a {color:#681c66;}

#container {margin:0 auto; width:946px; height:100%; overflow:hidden; text-align:left;}

/*Top - Menu - Logo's*/
#top {height:106px !important; height:80px; float:left; margin:20px 0 0 0 !important; margin:30px 0 0 0; }
#top #logos {height:50px; width:100%; float:left;}
#top h1 {text-indent:-999em;}
#top #logos #logo {float:left; background: url("../../images/logo.png") left no-repeat; width:208px; height:40px;}
#top #logos #logo2 {float:right; background: url("../../images/loreal.png") right no-repeat; width:143px; height:43px;}
#top #menu {margin:70px 0 0 0 !important; margin:0; width:100%; height:36px; background:#681c66; overflow:hidden; border-bottom:1px solid #e3e3e3;}
#top #menu ul {margin:0; padding:10px 0 0 0px; font-family: Arial; font-size:12px; font-weight:bold; }
#top #menu ul li{display:inline; height:11px;}
#top #menu ul li.home a {background:none;}
#top #menu ul li a {text-decoration:none; color:#323232; background:url("../../images/btn-dot.png") no-repeat 5px 4px; padding: 0 0 0 20px; margin: 0 0 0 0px; color:#FFF;}

#top #menu ul li a:hover {text-decoration:none; color:#323232; background:url("../../images/btn-dot.png") no-repeat 5px 4px; padding: 0 0 0 20px; margin: 0 0 0 0px; color:#CCC;}
/*#top #menu ul li a:active {background:#a0ce42; text-decoration:underline;}*/

#top #menu ul li.home a:hover {background:none;}
#top #menu span {display:none;}

/*Main area*/
#content {float:left; width:100%; height:500px;}

/*Links - Flash area - Overige content*/
#content-left {float:left; width:735px; height:500px; border-right:1px solid #e7e7e7;}
#content-left img.pijl {width:13px; height:11px; margin:1px 0 0 5px;}

#content-left a.links {float:left; margin:0 0 0 0; text-decoration:none; border-bottom:1px solid #681c66;}
#content-left a.linkss {float:left; margin:0 0 0 0; text-decoration:none; border-bottom:1px solid #681c66;}
#content-left a.rechts {float:left;}
#content-left a.linksmid {float:left; margin:0 0 0 20px; text-decoration:none; border-bottom:1px solid #681c66;}
#content-left a.rechtsmid {float:left; margin:0px;}

#content-left-top {float: left; height:360px; background:url("../../images/belafspraak.png") no-repeat bottom left #95c837; overflow:hidden; }
#content-left-top h5 {float:right;}
#content-left-left {float:left; width:375px; height:142px; background:#e0d1e0;}
#content-left-left h2 {margin:10px 0 0 0; padding:0; font-size:14px; color:#681c66; font:Verdana; }
#content-left-left p {margin:10px 10px 0 0; padding:0;}
#content-left-left a {}
#content-left-left a img {float:left; height:142px; margin:0 10px 0 0; width:150px;}

#content-left-right {float:left; width:360px; height:142px; background:#FFF;}
#content-left-right h2 {margin:10px 0 0 146px; padding:0 0 0 10px; font-size:14px; color:#681c66; font:Verdana;}
#content-left-right p {margin:10px 5px 0 157px;}
#content-left-right p#front {margin:0px; float:left; width:142px;}
#content-left-right a img {float:left; height:142px; margin:0 10px 0 250px; width:150px;}


/*Right - Login - Extra*/
#content-right {float:left; width:210px;}
#content-right #login {height:225px; background:#c8b3c6;}
#content-right #login h2 {margin:0; padding:0; font-size:14px; color:#681c66; margin:10px 0 0 10px;}
#content-right #login form {margin:10px 0 0 10px;}
#content-right #login form label{display:block}
#content-right #login input {border:1px solid #982995;}
#content-right #login input#login {background:url("../../images/inloggen.png") no-repeat; width:70px; height:22px; border:0; cursor:pointer; margin:5px 0 0 73px;}
#content-right #login ul {margin:15px 15px 0 10px; padding:10px 0 0 0px; font-family: Arial; font-size:10px; font-weight:bold; border-top:1px solid #b595b4;}
#content-right #login ul li {list-style:none;}
#content-right #login ul li a {background:url("../../images/btn-form.png") no-repeat 5px 4px; padding: 0 0 0 20px; margin: 0 0 0 0px; color:#681c66;}
#content-right #login ul li a:hover {background:url("../../images/btn-form.png") no-repeat 5px 4px; padding: 0 0 0 20px; margin: 0 0 0 0px; color:#9e2b9b;}
#content-right #login img {margin:10px 0 0 10px; }
#content-right #login img#terecht {margin:5px 0 0 8px;}
#content-right #login p {margin:0 0 0 12px; font-size:14px;}

#content-right #extra {height:277px; background:#d7c4d7;}
#content-right #extra h2 {margin:0; padding:0; font-size:14px; color:#681c66; margin:10px 0 0 10px;}
#content-right #extra img {position:relative; top:20px; left:5px}
#content-right #extra table {margin:10px 0 0 10px;}
#content-right #gebruik {height:108px;}

#footer {display:block; float:left; height:10px; background:#681c66; width:100%;}
#footer2 {clear:both; height:10px; background:none; color:#ccc;}

/*Overlay*/
#overlay {position: absolute; height: 650px; top: 0; left: 0; width: 100%;}
#overlayw {z-index:100; width: 800px; height: 600px; background-color: #000;	margin: 50px auto 0 auto; padding:0; filter:alpha(opacity=80); -moz-opacity: .80; opacity: .80;}
#overlayw2 {position: absolute;	top: 0; left: 0; z-index:100; width: 100%;  eight: 100%; margin:0; padding:0;}
#overlaycontent {margin: 200px auto 0 auto;	background-color:#FFFFFF; width:400px; padding: 10px; border:1px solid #000;}

/*Shop - Map*/
#content-left-top img.map {margin:40px 0 0 120px;}

/*Informatie*/
#content-left-top p.info {margin:20px 40px 0 30px; font-size:11px; color:#000; padding:0; float:left; width:350px; }
img.informatie {float:right; }

/*Contactformulier*/
#content-left-top form {margin:0 0 0 110px !important; margin: 20px 0 0 110px; padding:20px 0 0 0 !important; padding:0; }
#content-left-top textarea {height:100px; width:300px; border:1px solid #982995;}
#content-left-top input {border:1px solid #982995; background:#FFF;} 
#content-left-top input[type=submit] {border:1px solid #000;}
p.bedankt {margin:0 0 0 40px;}

#content-left-top h2 {margin:0; padding:0; margin:40px 0 0 40px;}

/*Fotoalbum*/

p.foto {margin:25px 40px 0 30px; padding:0; float:left; width:700px}

img.centreren {
    vertical-align:left;
    margin: 5px;
    border: 0px;
}
img.map {
    vertical-align:left;
    margin: 5px;
    border: 0px;
}
.map {float:left; margin:0 20px 0 0; }
h2 {margin:20px 0 0 0; padding:0; font-size:14px;}

img.thumbs {
    vertical-align:left;
    border: 0px;
    margin: 10px;
}

img.groot {
    vertical-align:left;
    border: 0px;
} 

hr {width:100px;}
.nav {width:400px;}
.enkel {width:400px;}
.thumbs {width:100px;}
#content-left-photo {float:left; width:735px; height:500px; border-right:1px solid #e7e7e7;}


#content-left-photo-top {float: left; padding:0 0 0 11px; height:360px; background:url("../../images/belafspraak.png") bottom left no-repeat #95c837; z-index:-9999; width:724px; overflow:hidden; }
#contentphoto {float:left; width:735px; }
#content-left-photo {}
#content-left-photo {}