@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #8560a8;
	
}
a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
#wrapper {
	width: 922px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/opzet19c.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
#container {
	width: 790px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFFFF;
	background-image: url(img/main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 324px;
	background-color: #BD0852;
	margin-top: 0px;
	margin-right: 66px;
	margin-bottom: 0px;
	margin-left: 66px;
	padding: 0px;
	} 
#header {
	background-color: #BD0852;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 324px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
} 

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/
#sidebar1 {
	float: left;
	width: 175px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


#mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 178px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 13px;
	letter-spacing: 0.1em;
} 
#footer {
	padding: 0 10px;
	background-color: #E69DBB;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}

#teller {
	position:absolute;
	left:117px;
	top:607px;
	width:104px;
	height:18px;
	z-index:1;
	font-size: 8px;
	visibility: hidden;
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
table.foot{}
.foot td {
	font-size: 10px;
	line-height: 30px;
	color: #000000;
}

.foot td a {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.foot td a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.foot td a:hover {
	text-decoration: underline;
	font-weight: normal;
}
table.nav {
	margin-left: 28px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.nav td {
	line-height: 21px;
	text-indent: 6px;
	font-size: 12px;
	color: #BD0852;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.nav td a {
	color: #FFFFFF;
	text-decoration: none;
	width: 146px;
	display: block;
	
}
.nav td a:visited {
	color: #FFFFFF;
	text-decoration: none;
	width: 146px;
	display: block;
	
}
.nav td a:hover {
	color: #BD0852;
	text-decoration: none;
	width: 146px;
	display: block;
	height: 21px;
	background-color: transparent;
	background-image: url(img/opague.png);
	background-repeat: repeat;
}
/* special styling for IE5.5 and IE6 - transparency is non validating*/ 
.nav td a:hover {
background:transparent filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
opacity:0.6;
}
.navcurrent {
	color: #BD0852;
	text-decoration: none;
	width: 146px;
	display: block;
	height: 21px;
	background-color: transparent;
	background-image: url(img/opague.png);
	background-repeat: repeat;
	font-size: 12px;
	font-weight: bold;
}
.navcurrent {
background:transparent filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity:0.7;
	width: 146px;
}
table.head {
	margin-left: 430px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 2px solid #FFFFFF;
	padding: 0px;
}
.head td{
	background-color: #FFFFFF;
}
table.headcontact {
	margin-left: 430px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;
}
.headcontact td{
	background-color: #FFFFFF;
}
h4 {
	font-size: 28px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h3 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
}
.toptekst {
	font-size: 28px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	padding-bottom: 40px;
	margin-bottom: 30px;
}
img.right {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
img.rightrand {
	float: right;
	border: 3px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0px;
}
img.rightrandhome {
	float: right;
	border: 3px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0px;
}
img.left {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
img.leftrand {
	float: left;
	border: 3px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	}
img.rand {border: 3px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0px;}
.titelbg {
	background-image: url(img/titelbg.gif);
	background-repeat: no-repeat;
}
.home {
	font-size: 20px;
	color: #000000;
}
table.agenda {
	background-image: url(img/kleurensalon.jpg);
	background-repeat: no-repeat;
	background-position: right 30px;
}

.agenda th {
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
	text-align: left;
	line-height: 26px;
}
.agenda td {
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.prijzen {}
.prijzen td {font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;}
table.sieraden {}

.sieraden th {
	font-size: 13px;
	color: #000000;
	text-align: left;
	font-weight: normal;
}
.sieraden td {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.sieraden td a {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.sieraden td a:visited {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.sieraden td a:hover {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
table.contact {}
.contact td {
	font-size: 12px;
	padding: 1px;
}
.size12{
	font-size: 11px;
	letter-spacing: 0.0em;
}
table.voorbeelden {}
.voorbeelden td {
	padding-top: 2px;
	padding-bottom: 5px;
}
table.prijslijst {
	border: 1px solid #FFFFFF;
}
.prijslijst td {
	padding-left: 5px;
}
.aanbieding {
	font-size: 20px;
	color: #24CECB;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.aanbiedingkl {
	font-size: 14px;
	color: #24CECB;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}