html,body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#464645;
	padding-top:25px;
}

img{
	border:0;
}

#header1{
	height:109px;
}

#header2{
	height:108px;
	white-space:nowrap;
	width:867px;
	margin-top:0px;
}

#container{
	width:867px;
	text-align:left;
}

#kapperconsument{
	width:360px;
	float:left;
}

#logo{
	float:right;
	height:109px;
	width:507px;
	background-image:url(images/index_05.png);
	
}

#kapper{
	float:left;
	height:109px;
	width:179px;
}

#consument{
	float:right;
	height:109px;
	width:181px;
}

#werkprijs{
	float:left;
	width:360px;
}

#scroller{
	float:right;
	width:507px;
	height:108px; 
	background-image:url(images/index_09.png);
}

#werk{
	float:left;
}

#prijs{
	float:right;
}










 body {
  behavior:url("csshover.htc");
 } 
  .folder ul {
   font-family:arial,tahoma,verdana,helvetica;
   font-size:12px;
   background:#fffcf0;
  }
 
 p.intro {
  font-weight:bold;
  font-style:italic;
 }

 h1 { 
   font-size:140%; 
 }
 
 h2 { 
   font-size:125%;
 }

 a {
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
 }
  a:hover {
   color:#FFFFFF;
  }
  
 /* algemene positionering */

 -div#content {
  margin-left:200px;
  width:400px;
 }


 /* Het 100% CSS menu */

 ul, li {
  margin:0;
  padding:0;
  display:block;
 }  

 ul {
  list-style:none;
  width:150px;
  padding:0px;
  border:0;
 } 

 li {
  position:relative;
  padding:0px;
  border:0;
  z-index:9;
 }

li li{
	padding:3px;
}
 
 li.folder {
   border-right-color:#FFFFFF;
  }

  /* decoratieve hover */

  li li:hover {
   border:0px solid transparent;
   background:#fffcf0;
   z-index:15;
  }

 /* Alle subnavigatie verbergen */
  
 ul ul {
  border:1px solid gray;
  position:absolute;
  display:none;
  right:-152px;
  top:4px;
 }
  
  /* :hover, met specificity */
  
  li:hover ul ul {
   display:none;
  }

  li:hover ul, li:hover li:hover ul {
   display:block;
  }

/*************************************
		     Kapper
*************************************/

#kapper .menu li li:hover{
	font-weight:bold;
}

#kapper .menu li a:hover{
	font-weight:bold;
}


#kapper .menu li li:hover a{
	font-weight:bold;
}

#kapper .menu li li{
	background-color:#026963;
	color:#FFFFFF;
	position:relative;
	z-index:100;
}


/*************************************
		     Consument
*************************************/

#consument .menu{
	position:relative;
	z-index:2;
}

#consument .menu ul li ul{
	z-index:99;
}

#consument .menu li li{
	background-color:#2E0927;
	color:#FFFFFF;
}


/*************************************
		     Prijs&Acties
*************************************/

#prijs .menu{
	position:relative;
	z-index:1;
	left:-31px;
}

#prijs .menu ul li ul{
	z-index:99;
}

#prijs .menu li li{
	background-color:#D40000;
	color:#FFFFFF;
}






#tekstmenu, #tekstmenu a{
	color:#FFFFFF;
	text-align:center;
	white-space:nowrap;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
}


#bovenbalk{
	height:18px;
	width:867px;
	background-image:url(images/index_12.png);
	background-position:center;
	background-repeat:no-repeat;
}

#nieuwsbalk{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
	background-image:url(images/index_10.png);
	background-repeat:no-repeat;
	height:20px;
	padding-top:43px;
}

#content{
	width:847px;
	position:relative;
	background-image:url(images/index_13.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000066;
	padding:5px 10px 0px 10px;
	border-bottom:1px solid #FFFFFF;
	text-align:justify;
}

#content a {
  font-weight:bold;
  text-decoration:none;
  color:#0033FF;
}

#content a:hover {
   color:#FF0000;
}

#onderbalk {
	height:17px;
	padding-top:3px;
	width:867px;
	background-image:url(images/index_14.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#onderbalk a{
	color:#333333;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}


h3{
	color:#4A4E8D;
}



/*************************************
    Gewone lijsten herstellen
*************************************/

div#content > ul, div#afspraak > ul{
	width:auto;
	list-style-type: square;
	list-style-position:inside;
}

div#content > li, div#afspraak > li{
	list-style-type: square;
	list-style-position:inside;
}



/*************************************
    overige opmaak
*************************************/

.verplicht{
	color:red;
}

fieldset{
	width:90%;
}

legend{
	color:black;
	font-weight:bold
}


.news-list-item > h3{
	background-color:#333333;
	font-size:1.1em;
}


.link > a {
	color:#FFFFFF !IMPORTANT;
}

.link > a:hover {
	color:#CCCCCC !IMPORTANT;
}



/*************************************
    overige opmaak
*************************************/

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#header1, #header2, #tekstmenu, #nieuwsbalk, #bovenbalk, #onderbalk {display:none;} 
#content{
	width:100%; 
	float:none;
	background-color:#FFFFFF;
}
body{
	background-color:#FFFFFF;
}
}