body {margin:0; padding:0; font-size:0.7em; background: url("/Images/header-bg-black.gif") repeat-x top; font-family:tahoma,arial,helvetica; color:Black; line-height:1.6em;}
form {margin:0; padding:0;}
img {border:0;}

body, form {height:100%}


a {color:gray;}

#centersite {float:none; margin:0 auto 0 auto; width:980px;}
#sitecontainer {float:left; width:980px;}
#sitecontainer div#headercontainer {float:left; width:980px; height:122px;}
#sitecontainer div#contentcontainer {float:left; width:980px;}
#sitecontainer div#footercontainer {float:left; width:640px; height:150px; padding-left:340px; color:Gray; font-size:0.8em;}

#sitecontainer div#headercontainer div.headnav {float:left; width:680px; height:33px; padding-top:56px;}

.headnav ul {margin:0; padding:0}
.headnav ul li {display:inline; float:left;}


#sitecontainer div#headercontainer div.printlangnav {float:left; width:300px; height:118px; padding-top:4px;}
#sitecontainer div#headercontainer div.printlangnav div.print {float:left; width:230px; border-bottom:solid 1px #bbb;}
#sitecontainer div#headercontainer div.printlangnav div.print a {float:left; padding-left:20px; font-size:0.8em; color:#bbb; text-decoration:none; background: url("/Images/picto-print.gif") no-repeat left top;}
#sitecontainer div#headercontainer div.printlangnav div.print a:hover {color:White; text-decoration:none; background: url("/Images/picto-print-over.gif") no-repeat left top;}
#sitecontainer div#headercontainer div.printlangnav div.lang {float:right; width:70px; text-align:right; text-decoration:none; border-bottom:solid 1px #bbb;}
#sitecontainer div#headercontainer div.printlangnav div.lang div {float:right; padding-left:5px;}
#sitecontainer div#headercontainer div.printlangnav div.lang a {float:left; font-size:0.8em; color:#bbb; text-decoration:none;}
#sitecontainer div#headercontainer div.printlangnav div.lang a:hover {color:White; text-decoration:none;}
#sitecontainer div#headercontainer div.printlangnav div.slogan {float:left; width:300px; padding-top:33px;}

#sitecontainer div#contentcontainer div.subnavcontainer {float:left; width:300px; padding-right:40px;}
#sitecontainer div#contentcontainer div.subnavcontainer h1 {font-size:1.4em; line-height:normal;}
#sitecontainer div#contentcontainer div.content {float:left; width:640px; min-height:480px;}
#sitecontainer div#contentcontainer div.content div.hometitle {float:left; width:67px; height:403px; background:#817575;}
#sitecontainer div#contentcontainer div.content div.homeimage {float:left; width:573px; height:403px; padding-bottom:2px;}
#sitecontainer div#contentcontainer div.content div.homefootercolor {float:left; width:640px; height:28px;}
#sitecontainer div#contentcontainer div.content h1 {font-size:2em; font-weight:normal; line-height:normal;}
#sitecontainer div#contentcontainer div.content h2 {font-size:1.4em; font-weight:bold; line-height:normal;}
#sitecontainer div#contentcontainer div.content h3 {font-size:1em; font-weight:bold; line-height:normal; margin:0;}


#sitecontainer div#contentcontainer div.subnavcontainer div.logo {float:left; padding-bottom:20px; width:300px;}
#sitecontainer div#contentcontainer div.subnavcontainer div.subnav {float:left; width:300px;}
#sitecontainer div#contentcontainer div.subnavcontainer div.subnav ul {margin:0; padding:0;}
#sitecontainer div#contentcontainer div.subnavcontainer div.subnav ul li {float:left; width:300px; list-style:none;}
#sitecontainer div#contentcontainer div.subnavcontainer div.subnav ul li a {float:left; width:292px; padding:4px; border-bottom:dotted 1px gray; text-decoration:none;}
#sitecontainer div#contentcontainer div.subnavcontainer div.subnav ul li a:hover {background:gray; color:White;}
#sitecontainer div#contentcontainer div.subnavcontainer div.subnav ul li a.active {background:gray; color:White;}
#sitecontainer div#contentcontainer div.subnavcontainer div.smallpics {float:left; width:300px; height:140px;}
#sitecontainer div#contentcontainer div.subnavcontainer div.smallpics div.pict {float:left;}
#sitecontainer div#contentcontainer div.subnavcontainer div.smallpics div.pict img {border:solid 2px gray;}
#sitecontainer div#contentcontainer div.subnavcontainer div.smallpics div.pict div {text-align:center; width:94px;}
#sitecontainer div#contentcontainer div.subnavcontainer div.smallpics div.pict div a {font-weight:bold; text-decoration:none; text-transform:uppercase;}

.floatleft {float:left;}
.clear {clear:both;}

.languagecontainer {font-size:2em; font-weight:normal; color:#fff; background:url("/Images/black30.png") repeat;}
.languagecontainer a {color:#fff; text-decoration:none;}
.languagecontainer a:hover {color:#282425;}


ul.overview {float:left; margin:0; padding:0;}
ul.overview li {float:left; width:160px; list-style:none; margin-bottom:25px;}
ul.overview li a {float:left;}
ul.overview li a img {float:left; border:solid 1px #dcdcdc; padding:2px;}


div.productimage {float:left; width:450px;}
div.producttext {float:left; width:180px;}
div.products {float:left; width:640px; padding:20px 0 0 0;}

div.producttext span.numbers {float:left; width:160px; margin-bottom:10px;}
div.producttext span.numbers  a {width:20px; text-align:center; height:20px; display:block; float:left;}
div.producttext span.numbers a:hover {background:silver; color:White;}
div.producttext span.numbers a.active {background:silver; color:White;}
div.producttext span.text {padding:0 0 0 15px; float:left;}

a.goto {clear:both; float:left; height:20px;}
a.submit {clear:both; float:left; height:20px; width: 100px; color: #ffffff; background-color: #282425; text-align: center; vertical-align: middle; text-decoration: none;}

body#popup {padding:20px; background:none; text-align: center; vertical-align: middle;}
body#popup div.content h1 {font-size:2em; font-weight:normal; line-height:normal;}
body#popup div.content h2 {font-size:1.4em; font-weight:bold; line-height:normal;}
body#popup div.content h3 {font-size:1em; font-weight:bold; line-height:normal; margin:0;}

#imgContainer img {float:left; border:solid 1px #dcdcdc; padding:2px;}

ul.files {padding:0; margin:0; float:left;}
ul.files li {background-repeat:no-repeat; background-position:1px 2px; list-style-type:none; padding-left:25px; height:20px;}

.png {}

.virtueelkapsalon {width: 210px; height: 118px; float: left;}
#video {}
#rond {margin-left: 5px;}
#interactiefplan {margin-left: 5px;}

.virtueelkapsalonTitle {width: 210px; height: 20px; float: left;}
#videoTitle {}
#rondTitle {margin-left: 5px;}
#interactiefplanTitle {margin-left: 5px;}

.txtbold {font-weight:bold;}
.txtblack {color:Black;}


.taalFR a
{
    color: #ffffff; padding: 5px 29px; border:1px solid black;background: #000000; vertical-align: middle;text-decoration: none; display: inline-block ; width: 39px;}    

.taalFR a:hover 
{
    color: #000000; padding: 5px 29px; border:1px solid black;background: #ffffff;vertical-align: middle; text-decoration: none;}    

    
.taalNL a
{
    padding: 5px 23px; background: #000000; border:1px solid black;color:#ffffff;vertical-align: middle;text-decoration: none;display: inline-block;width: 49px;}


.taalNL a:hover
{
    padding: 5px 23px; background: #ffffff; border:1px solid black;color:#000000;vertical-align: middle;text-decoration: none;}


#horizon
{
    text-align: center;
    position: absolute;
    top: 50%;
    left:0;
    width: 100%;
}

#content
{
    margin-left: -200px;
    position: absolute;
    top: -180px;
    left: 50%;
    width: 400px;
    height: 360px;   
}

#overlaylink
{
    position:absolute;
    float:left;
    top:494px;
    width:319px;
    height:75px;
    background:white;
    filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
    
    
}