/* Css written by Taurus media [www.taurusmedia.nl] */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* ==============================================================  /    Body   */

body {

	background:			#615f60;

}

#container {

	position:			absolute;

	left:				50%;

	margin:				0 0 0 -425px;

	width:				851px;

	font:				12px/19px Geneva, Arial, Helvetica, sans-serif;

	color:				#ffffff;

}

/* ==============================================================  /    Header   */

.tweet {

	width:				180px;
	
	height:				100px;
	
	font-size:11px;
	
	position:			absolute;
	
	text-align:			center;
	
	color:				#666;
	
	line-height:		17px;
	
	margin:				120px 0 0 590px;

}

.tweetLink
{	
	width:				250px;
	
	height:				150px;
	
	position:			absolute;
	
	margin:				30px 0 0 550px;

}

#header {

	margin:				10px 0 0 0;
	
	border-top:			2px solid #FFFFFF;
	
	border-bottom:		2px solid #FFFFFF;
	
}

#header img {

	margin:				1px 0 1px 0;

}

/* ==============================================================  /    Seasonnavigation   */

#seasonnavigation {
	float:				right;
	margin:				38px 0 0 0;
	color:				#ffffff;
	width:				255px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 20px;
}

#seasonnavigation strong {

	font-weight:		normal;
	
	color:				#FFFFFF;

}

#seasonnavigation ul {

	font:				14px/20px Arial, Helvetica, sans-serif;
	
	margin-top:			19px;
	
}

#seasonnavigation ul li {

	float:				left;

	width:				28%;
	
}

#seasonnavigation ul .marlies
{
	width:				38%;
}

#seasonnavigation ul li a:link {
	padding-bottom:		31px;
	color:				#dddddd;
	text-decoration:	underline;
}

#seasonnavigation ul li a:visited {
	padding-bottom:		31px;
	color:				#dddddd;
	text-decoration:	underline;
}

#seasonnavigation ul li a:hover 

 {

	padding-bottom:		31px;

	color:				#ffffff;
	
	text-decoration:	underline;
	
	background:			url(../images/listitempointer.png) center bottom no-repeat;	

}

#seasonnavigation ul li a:active {

	padding-bottom:		31px;

	color:				#ffffff;
	
	text-decoration:	underline;	

}

#seasonnavigation ul .seasonnavigationactive a:visited,
#seasonnavigation ul .seasonnavigationactive a:link
 {

	padding-bottom:		31px;

	color:				#ffffff;
	
	text-decoration:	underline;
	
	background:			url(../images/listitempointeractive.png) center bottom no-repeat;
	
	font-weight:		bold;	

}

/* ==============================================================  /    Breadcrumbs   */

#breadcrumbs {
	
	position:			absolute;
	
	margin:				40px 0 0 180px;
	
	font:				14px/20px Arial, Helvetica, sans-serif;

}

#breadcrumbs a:link {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

#breadcrumbs a:visited {

	color:				#dddddd;
	
	text-decoration:	underline;	

}

#breadcrumbs a:hover  {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

#breadcrumbs a:active {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

.breadcrumbseperator {

	padding:			0 7px 0 7px;

}

#subnav {
	
	position:			absolute;
	
	margin:				80px 0 0 180px;
	
	font:				11px/20px Arial, Helvetica, sans-serif;

}

#subnav a:link {

	color:				#cecece;
	
	text-decoration:	none;	

}

#subnav a:visited {

	color:				#cecece;
	
	text-decoration:	none;	

}

#subnav a:hover  {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

#subnav a:active {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

/* ==============================================================  /    Content   */

#content {

	float:				right;
	
	width:				480px;
	
	font:				12px/19px Arial, Helvetica, sans-serif;
	
	color:				#dddddd;
	
	text-align:			justify;

	margin-top:			30px;
	
	min-height:			400px;
	
	height:				auto!important;
	
	height:				400px;		
	
}

#content h1 {

	font:				24px/25px "Times New Roman", Times, serif;
	
	color:				#FFFFFF;
	
	margin-bottom:		12px;

}

#content h1 strong {

	font-weight:		normal;
	
	color:				#dddddd;

}

#content h2 {

	font-size:			13px;

	display:			block;
	
	padding:30px 0 15px 0;
	
	text-align:			center;
	
	background:url(../images/h2decoration.png) center 12px no-repeat;

}

#content p {
	
	margin-bottom:		50px;

}

#content a:link {

	color:				#dddddd;
	
	text-decoration:	underline;	

}

#content a:visited {

	color:				#dddddd;
	
	text-decoration:	underline;	

}

#content a:hover  {

	color:				#ffffff;
	
	text-decoration:	underline;

}

#content a:active {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

#content input, #content select {

	border:				1px solid #dddddd;
	
	margin:				2px;
	
	background:			#FFFFFF;
	
	width:				170px;

}

#content textarea
{
	
	border:				1px solid #dddddd;
	
}

/* ==============================================================  /    Afbeelding overzicht   */

.thumbs-overzicht {
/*	width:				144px; */
	
/*	height:				100px;	*/

	float:				left;
	
	margin:				8px 16px 8px 0;
	
	text-align:			center;
	
}

.thumbs-overzicht img {
	border-top:			2px solid #ffffff;
	border-bottom:		2px solid #ffffff;
	padding:			2px 0 2px 0;
}

/* ==============================================================  /    Linkerkolom   */

.linkerkolom {

	float:				left;
	
	width:				240px;
	
	font:				12px/19px Arial, Helvetica, sans-serif;
	
	color:				#dddddd;
	
	text-align:			justify;

	margin-top:			30px;
	
	clear:left;
	
}

.linkerkolom h1 {

	font:				24px/25px "Times New Roman", Times, serif;
	
	color:				#FFFFFF;
	
	margin-bottom:		12px;

}

.linkerkolom h1 strong {

	font-weight:		normal;
	
	color:				#dddddd;

}

.linkerkolomt p {
	
	margin-bottom:		50px;

}

.openingstijden li {
	
	float:				left;
	
	width:				50%;	
	
}

.openingstijdenAfspraak {

	margin-top:			5px;
	
	text-align:			justify;
	
}

.lijst li {

	list-style:			url(../images/listitemseperator.png) inside;

}

.lijst .leader {

	margin:				12px 0 5px 0;
	
	font-weight:		bold;
	list-style:			none;

}

.klikbare_lijst {
	
	margin-bottom:		8px;
	
}

.klikbare_lijst li {

	list-style:			url(../images/listitemseperatoractive.png) inside;

}

.lijst li a:link, .klikbare_lijst a:link {

	color:				#dddddd;
	
	text-decoration:	underline;	

}

.lijst li a:visited, .klikbare_lijst li a:visited {

	color:				#dddddd;
	
	text-decoration:	underline;	

}

.lijst li a:hover, .klikbare_lijst li a:hover  {

	color:				#ffffff;
	
	text-decoration:	underline;

}

.lijst li a:active, .klikbare_lijst li a:active {

	color:				#ffffff;
	
	text-decoration:	underline;	

}

.lijst .active, .klikbare_lijst .active {

	list-style:			url(../images/listitemseperatoractive.png) inside;	

}

.lijst .active a:link, .klikbare_lijst .active a:link {

	color:				#ffffff;
	
	text-decoration:	none;	

}

.lijst .active a:visited, .klikbare_lijst .active a:visited {

	color:				#ffffff;
	
	text-decoration:	none;	

}

/* ==============================================================  /    Footer   */

#footer {
	width:				851px;
	float:				left;
	color:				#dddddd;
	margin:				35px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;	
}

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

#footer a:visited {

	color:				#FFFFFF;
	
	text-decoration:	none;
	
}

#footer a:hover {

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

#footer a:active {

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

.taurusmedia {

	float:				right;
	
}

.clear
{
	border:0 none;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	height:0;
	line-height:0;
}

/* ==============================================================  /    INTRO JULY 2009   */

#IntroContainer {

	position:			absolute;

	left:				50%;

	margin:				-215px 0 0 -400px;

	width:				800px;

	font:				12px/19px Geneva, Arial, Helvetica, sans-serif;

	color:				#ffffff;
	
	height:				430px;
	
	top:				50%;

}

#IntroLogo {
	
	float:				left;

}

#IntroAdress {
	
	padding:			30px 10px 0 0;
	
	text-align:			right;
	
	color:				#dddddd;

	line-height:		23px;
}

#IntroChoices {
	
	padding:			20px 0 0 0;
	
	width:				820px;
	
	color:				#665352;

}


#IntroChoices img {

	float:left;

}

.Jaar {
	text-align:			center;
	position:absolute;
	z-index:-1;
	margin-top:10px;
	width:				800px;
	color:				#dddddd;
	font-family: "Times New Roman", Times, serif;
	font-size: 60px;
}

#zomerTekst, #winterTekst {

	padding:			15px 0 0 0;

	float:				left;
	
	font:				24px "Times New Roman", Times, serif;
	
	color:				#ffffff;
	
	text-decoration:	none;

}

#winterTekst {
	
	float:				right;
	
	padding:			15px 20px 0 0;	

}

#winterTekst:hover, #zomerTekst:hover {

	text-decoration:underline;
	
}

/*------------------------------------------------------------------------------- *Form */

legend {
	
	font-size:		16px;

}

.form {
	
	width:			100%;
	
}

.form label {
	
	width:			150px;
	
	float:			left;
	
	text-align:		left;
	
	margin-right:	15px;
	
	display:		block;
	
	line-height:	26px;

}

.form input, .form select {
	
	margin-bottom:	3px;
	
	float:left;
	
	font:			12px/20px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	
	padding-left:	2px;

}

.form textarea {
	
	font:			12px/20px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	
	color:			#000;
	
	background		:#ffffff;
	
	border:			1px solid #999999;
	
	width:			98%;
	
	height:			120px;

}

.form #opmerkingen
{
	background:		#ffffff url(../images/personaldresserTextfield.gif) no-repeat right bottom;	
}

.form #submitbutton
{
	float:			right;

	width:			119px;
	
	border:			0;
	padding:		0;
	
	margin-top:10px;
}

#content .form .button {
	
	float:			right;
	
	display:		block;
	
	font-size:		13px;
	
	background:		#444444;
	
	border:			1px solid #999999;
	
	color:			#ffffff;
	
	padding:		2px;

}

.form h2 {
	
	margin:			10px 0 10px 0;

}

.formFout {
	
	color:			#FFFFFF;

}

.formFout li {

	color:			#aeaeae;
	
	background:		url(../hh-images/li_empty.gif) left no-repeat;
	
	list-style:		none;
	
	padding:		1px 0 1px 0;
	
	padding-left:	35px;

}

.kledingintroafbeelding
{
	float:left;
	border:1px solid #dddddd;
	margin:5px 10px 10px 0;
	padding:1px;
}

.webshopIcon
{
	position:absolute;	
}