body{
	background-image:url(/images/page/bg.gif);
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;}
	
	
a{
color:#006699;
text-decoration:none;
}

a:hover{

color:#990033;
text-decoration:underline;}


#frame.home{
	background-image: url(/images/page/frame_home.png);
	height: 646px;
	width: 803px;
	margin:0 auto;
}


#frame.openingsuren{
	background-image: url(/images/page/frame_openingsuren.png);
	height: 646px;
	width: 803px;
	margin:0 auto;
}


#frame.fotogallerij{
	background-image: url(/images/page/frame_fotogallerij.png);
	height: 646px;
	width: 803px;
	margin:0 auto;
}


#frame.contact{
	background-image: url(/images/page/frame_contact.png);
	height: 646px;
	width: 803px;
	margin:0 auto;
}


#frame.geschiedenis{
	background-image: url(/images/page/frame_geschiedenis.png);
	height: 646px;
	width: 803px;
	margin:0 auto;
}

#frame.kappers{
	background-image: url(/images/page/frame_kappers.png);
	height: 646px;
	width: 803px;
	margin:0 auto;
}


#contentleft{
	padding-top:270px;
	margin-left:40px;
	height:380px;
	width:260px;
	float: left;
}


.txthighlight{
color:#b7800e;
}




/* NAVIGATIE*/

#navigatie .start {

	background-image: url(/images/page/btn_startpagina.png);
	background-repeat:no-repeat;
	list-style:none;
	height:50px;
	border-bottom:1px #ddad34 solid;
}

#navigatie .start a{
 	width:250px;
	height:50px;
	display:block;
}

#navigatie .start a:hover{
 	width:250px;
	height:50px;
	display:block;
	background-image:url(/images/page/btn_startpagina_over.png);
	background-repeat:no-repeat;
}


#navigatie .openingsuren {

	background-image: url(/images/page/btn_openingsuren.png);
	background-repeat:no-repeat;
	list-style:none;
	height:50px;
	border-bottom:1px #ddad34 solid;
}

#navigatie .openingsuren a{
 	width:250px;
	height:50px;
	display:block;
}

#navigatie .openingsuren a:hover{
 	width:250px;
	height:50px;
	display:block;
	background-image:url(/images/page/btn_openingsuren_over.png);
	background-repeat:no-repeat;
}


#navigatie .fotogallerij {

	background-image: url(/images/page/btn_fotogallerij.png);
	background-repeat:no-repeat;
	list-style:none;
	height:50px;
	border-bottom:1px #ddad34 solid;
}

#navigatie .fotogallerij a{
 	width:250px;
	height:50px;
	display:block;
}

#navigatie .fotogallerij a:hover{
 	width:250px;
	height:50px;
	display:block;
	background-image:url(/images/page/btn_fotogallerij_over.png);
	background-repeat:no-repeat;
}



#navigatie .contact {

	background-image: url(/images/page/btn_contact.png);
	background-repeat:no-repeat;
	list-style:none;
	height:50px;
	border-bottom:1px #ddad34 solid;
}

#navigatie .contact a{
 	width:250px;
	height:50px;
	display:block;
}

#navigatie .contact a:hover{
 	width:250px;
	height:50px;
	display:block;
	background-image:url(/images/page/btn_contact_over.png);
	background-repeat:no-repeat;
}



#navigatie .geschiedenis {

	background-image: url(/images/page/btn_geschiedenis.png);
	background-repeat:no-repeat;
	list-style:none;
	height:50px;
	border-bottom:1px #ddad34 solid;
}

#navigatie .geschiedenis a{
 	width:250px;
	height:50px;
	display:block;
}

#navigatie .geschiedenis a:hover{
 	width:250px;
	height:50px;
	display:block;
	background-image:url(/images/page/btn_geschiedenis_over.png);
	background-repeat:no-repeat;
}


#navigatie .kappers {

	background-image: url(/images/page/btn_kappers.png);
	background-repeat:no-repeat;
	list-style:none;
	height:50px;
	border-bottom:1px #ddad34 solid;
}

#navigatie .kappers a{
 	width:250px;
	height:50px;
	display:block;
}

#navigatie .kappers a:hover{
 	width:250px;
	height:50px;
	display:block;
	background-image:url(/images/page/btn_kappers_over.png);
	background-repeat:no-repeat;
}

/* EINDE NAVIGATIE*/


#contentright{

width:400px;
height:300px;
float:right;
margin-right:54px;
margin-top:240px;
overflow-x: hidden;
overflow-y: scroll;

}


#contentright p{
padding-left:0px;
}

.gesch{
width:340px;}


h1{
color:#2b0660;
font-size:13px;
padding-top:0;
margin-top:0px;

}



#footer{
color:#999999;
font-size:9px;
width:360px;
float:right;
margin-right:100px;
margin-top:20px;
}

#footer .right{
padding-left:85px;
}

#footer a{
color:#666666;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}



table {
padding: 0px;
border: 1px solid #fdb727;
margin: 0px;
font-size: 11px;
}

th {

color: white;

text-align: center;
border: 1px solid #fdb727;
}

td {
padding: 0px 1px 0px 1px;
text-align: left;
border: 1px solid #fdb727;

}

.imgleft{

padding:5px;
background-color:#fdb727;

}

.imgtxt{
float:left;
margin-right:5px;
}

.imgtxt2{
float:right;
margin-left:5px;
margin-right:15px;
}












/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 36px;background:  url(/images/page/scrollbar.png) -36px 0px no-repeat;}
.vscrollerbarbeg {height:0px !important;width: 36px;background: url(/images/page/scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 0px;width: 36px;background: url(/images/page/scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background:  url(/images/page/scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(/images/page/scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(/images/page/scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}

.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */

