/* Begin default CSS */

body {
	background-color: #a6d527;
	margin: 0px;
	background-image: url(../images/back.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
}

img {
	border: 0px;
}

strong {
	color: #ffffff;
}

a {
	color: #ffffff;
	text-decoration: underline;
}

div#pageText .textFranchise a {
	color: #000000;
}

a:focus
{
	outline: none;
}

em {
	font-weight: normal;
}

h1 {
	font-size: 23px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

div#pageText img.button {
	margin-right: 15px;
	margin-bottom: 20px;
}

div#pageText img.buttonRight {
	margin-right: 0px;
	margin-bottom: 20px;
}

div#pageText .textFranchise h1 {
	color: #6d0099;
}

h2 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

div#pageText .textFranchise h2 {
	color: #6d0099;
}

div#pageText .textFranchise strong {
	color: #6d0099;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	letter-spacing: 1px;
}

ul {
	list-style: square url(none);
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

ol {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

li {
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.clear {
	height: 0px;
	overflow: hidden;
	clear: both;
	line-height: 0px;
}

.pager td {
	padding: 4px;
}

.pagerFirst, .pagerPrevious {
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast {
	text-align: right;
	width: 10%;
}

.pagerSelection {
	text-align: center;
	width: 60%;
}

.pagerSelectionItem {
	text-align: center;
}

.pagerSelectionItemActive {
	text-align: center;
	font-weight: bold;
}

.pagerAbstract {
	font-weight: bold;
	text-align: center;
}

.cmsError {
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly {
	color: black;
	background-color: #D4D0C8;
}

div.cms-internal-error {
	color: #dd0000;
}

div {
    behavior: url(/resources/iepngfix.htc);
}

/* Einde default CSS */

div#wup {
	text-align: center;
}

div#siteContainer {
	width: 960px;
}

	div#menuContainer {
		width: 250px;
		float: left;
	}
	
		div#headerLogo {
			width: 230px;
			height: 100px;
			_height: 134px;
			padding: 34px 0px 0px 20px;
		}
	
		div#mainMenu {
			padding-left: 20px;
		}
		
			div#mainMenu img {
				padding-bottom: 2px;
			}
			
		div#openingstijden {}
		
	div#contentContainer {
		width: 710px;
		float: left;
	}
	
		div#headerContainer {
			width: 710px;
			height: 134px;
			background-image: url(../images/fohn.jpg);
			background-repeat: no-repeat;
			background-position: right bottom;
		}
			
			div#headerPersoneel {
				width: 660px;
				padding: 34px 0px 0px 50px;
			}
				
				div#headerPersoneel img {
					float: left;
					margin-right: 15px;
				}
				
		div#homeContainer {
			width: 710px;
		}
		
			div#homeHeader {
				width: 710px;
				background-image: url(../images/header_home_schaduw.gif);
				background-repeat: no-repeat;
				background-position: left top;
				text-align: right;
				padding-bottom: 20px;
			}
			
			div#homeText {
				width: 400px;
				padding: 0px 20px 20px 50px;
				float: left;
				font-weight: bold;
			}
			
				.textTop {}
			
				.textContainer {
					width: 360px;
					_width: 400px;
					min-height: 366px;
					background-image: url(../images/back_homeContent.gif);
					background-repeat: repeat-y;
					padding: 0px 20px;
				}
				
				.textBottom {}
			
			div#homeActies {
				width: 240px;
				float: right;
			}
			
				.actieContainer {
					color: #000000;
					text-align: justify;
				}
				
					.actieContainer img {
						padding-bottom: 5px;
					}
					
					.actieContainer a {
						color: #000000;
						text-decoration: underline;
					}

		div#pageContainer {
			width: 710px;
			padding: 34px 0px 0px 0px;
		}
		
			div#pageHeader {
				width: 710px;
				background-image: url(../images/header_home_schaduw.gif);
				background-repeat: no-repeat;
				background-position: left top;
				text-align: right;
			}
			
			div#pageText {
				width: 660px;
				_width: 710px;
				padding: 0px 0px 0px 50px;
				float: left;
			}
			
				.textTop {
					margin: 0px;
					padding: 0px;
				}
			
				div#pageText .textContainer {
					width: 620px;
					_width: 660px;
					background-image: url(../images/back_pageContent.gif);
					background-repeat: repeat-y;
					padding: 0px 20px 0px 20px;
					margin: 0px;
					font-weight: bold;
				}
				
				div#pageText .textFranchise {
					width: 620px;
					_width: 660px;
					background-color: #f57d20;
					padding: 20px 20px 20px 20px;
					margin: 0px;
					color: #000000;
					font-weight: bold;
					background-image: url(../images/back_franchiseText.gif);
					background-repeat: no-repeat;
				}
				
				.textBottom {
					margin: 0px;
					padding: 0px 0px 20px 0px;
				}
				
		div#pageFooter {
				width: 710px;
				text-align: right;
			}
				
/* Start formulier */
form#afspraak
{
	padding: 0px;
	margin: 0px;
}

table.formTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

tr.formRow 
{
	vertical-align: top;
}

td.formColumn {
	padding-bottom: 8px;
	color: #FFFFFF;
}

td.formColumnLeft 
{
	padding-right: 10px;
	width: 200px;
	color: #FFFFFF;
}

td.formColumnRight 
{
	padding-bottom: 8px;
}

input, select, textarea {
	color: #6e009a;
	font-size: 11px;
	height: 20px;
	background-color: #ffffff;
	border: 1px solid #6e009a;	
}

input.verstuurButton
{
	background-color: #6e009a;
	border: 1px none #6e009a;
	width: 110px;
	height: 30px;
	background-image: url(/images/button_verstuur.gif);
	background-repeat: no-repeat;
	border-style: none;
	cursor: pointer;
	margin-bottom: 10px;
}

input#naam {
	width: 300px;
}

input#email {
	width: 300px;
}

input#telefoon {
	width: 300px;
}

select#behandeling {
	width: 195px;
}

select#personen {
	width: 100px;
}

select#kapper {
	width: 100px;
}

select#dag {
	width: 100px;
}

select#maand {
	width: 92px;
}

select#uur {
	width: 100px;
}

select#minuten {
	width: 92px;
}

textarea#opmerkingen {
	width: 300px;
	height: 55px;
}

form#herinnering
{
	padding: 0px;
	margin: 0px;
}

input#adres {
	width: 300px;
}

input#pc {
	width: 100px;
}

input#plaats {
	width: 197px;
}

select#herinnering {
	width: 195px;
}

form#nieuwsbrief_aanmelden
{
	padding: 0px;
	margin: 0px;
}

form#nieuwsbrief_afmelden
{
	padding: 0px;
	margin: 0px;
}

hr.spacer {
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	color: #ffffff;
	margin: 10px 0px;
}
