body, body * {
	margin: 0;
	padding: 0;
	border: none;
	color: #fff;
	font-size: 11pt;
	line-height: 150%;
}

h1 {
	font-size: 13pt;
}

h2{
	font-size: 12pt;
}

p {
	margin-bottom: 15px;
}

form input,
form textarea {
	border: 1px solid #666;
	color: #000;
	padding: 3px 2px;
}


/* colors */
.bg_dark-purple {
	background-color: #43164f;
}

.dark-purple {
	color: #43164f;
}

.bg_light-purple {
	background-color: #81346a;
}

.light-purple {
	color: #81346a;
}

.bg_pink {
	background-color: #a26891;
}

.pink {
	color: #a26891;
}

.bg_green {
	background-color: #9ca435;
}

.green {
	color: #9ca435;
}

.white {
	color: #fff;
}

.strong {
	font-weight: bold;
}

.centered {
	text-align:center;
}

.right-aligned,
.rightaligned {
	text-align: right;
}
/* main blocks */
div.page-wrapper {
	width: 960px;
	margin: 10px auto;
}



div.main-container,
div.main-container div.left-container,
div.main-container div.middle-container,
div.main-container div.right-container {
	min-height: 500px;
	_height: 500px;
}

div.main-container {
	background-color: #666;
	background-image: url('/media/bg-pp-gn.gif');
	background-repeat: repeat-y;
}


div.left-container,
div.middle-container,
div.right-container {
	float: left;
}

div.left-container {
	width: 320px;
}

div.middle-container {
	width: 280px;
}

div.right-container {
	width: 360px;
	_width: 350px;
}

div.content {
	padding: 10px;
}

/* global element.class styles */ 
p.no-margin {
	margin-bottom: 0;
}

span.art {
	font-variant: small-caps;
}

div.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

p.right-aligned {
	text-align: right;
}

.small {
	font-size: 8pt;
}


div.main-container div.navigation {
	margin: 5px;
}

div.main-container div.foto-navigation ul, 
div.main-container div.navigation ul {
	list-style: none;
}

div.main-container div.foto-navigation ul li,
div.main-container div.navigation ul li {
	float: left;
	margin: 5px;
}

div.main-container div.content ul {
	margin: 0;
	padding-left: 15px;
}

div.main-container div.content h2 {
	margin-top: 15px;
}


/* fotopage customizations */
div.middle-container div.foto-navigation {
	margin: 75px 5px 30px 5px;
}


div.content ul.menu-display {
	list-style : none;
	text-align: center;
	margin: 0;
	padding: 0!important;
}

div.content ul.menu-display li { 
	margin: 0;
	padding: 0;
}
div.content ul.menu-display li.spacer {
	font-weight: bold;
}

div.content ul.menu-workshops {
	list-style: none;
	margin: 0;
}
div.content ul.menu-workshops li {
	margin: 0;
	padding: 0;
}

div.content ul.menu-workshops li.unavailable {
	text-decoration: line-through;
}


div.content form {
}

div.content form div.form-row {
	margin-bottom: 10px;
}

div.content form div.form-row label {
	display: block;
}

div.content form div.form-row input.text,
div.content form div.form-row textarea {
	display: block;
	margin-left: 10px;
	width: 320px;
}

div.content form div.form-row input.button {
}

div.content div.bigger-picture {
	min-height: 360px;
	_height: 360px;
}

div.content ul.openingstijden {
	list-style: none;
	margin-bottom: 20px!important;
}

div.content ul.openingstijden span.day-of-week {
	display: inline-block;
	width: 110px;
}

/* footer */
div.footer {
	margin-top: 10px;
	
	background-image: url('/media/bg-pp-gn.gif');
	background-repeat: repeat-y;
	
	max-height: 80px;
	_height: 80px;
}


div.footer div.left-container {
	width: 320px;
}

div.footer div.right-big-container {
	float: left;
	width: 630px;
}

div.footer div.right-big-container .adress {
	margin: 28px;
	text-align: center;
}




/* credits */
div.credits {
	margin-top: 15px;
	text-align: center;
	font-size: 9pt;
}

div.credits,
div.credits a {
	color: #ccc;
	text-decoration: none;
}

div.sitemap,
div.sitemap a {
	color: #eee;
	text-decoration: none;
	text-align: right;
}

div.page-wrapper div.mededeling {
	text-align: center;
	border: 1px solid #999;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #561d65;
}

div.page-wrapper div.mededeling p,
div.page-wrapper div.mededeling span {
	color: #fff;
	margin: 0;
	padding: 0;
	font-weight: bold;
}


div.debug * {
	color: #666;
	text-align: left;
}


/*
 * IE 5 Specific
 */

div.route-map a img {
	_width: 330px!important;
}


div.contact-form div.form-row input.text,
div.contact-form div.form-row textarea {
	_width: 300px!important;
}