/* Page
----------------------------------------------- */
html {
	width:100%; 
	height:100%;
	font-size:small;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana;
	font-size:12px;
	color:#FFF;
	background-color:#666666;
	background-image:url('/img/bg_main.gif');
	background-attachment: fixed;
	background-position: center top;
}

/*body.Mannen{background-image:url('/img/bg_mannen.gif');}
body.Vrouwen{background-image:url('/img/bg_vrouwen.gif');}
body.Kids{background-image:url('/img/bg_kinderen.gif');}*/


/* Headers
----------------------------------------------- */

h1, h2, h3, h4, h5 {}
h1{}
h2 {
	font-size: 2.0em;
	font-weight:normal;
}
h3{
	font-size:15px;
	font-weight:bold;	
	color:#FFF;
}
h4{
	font-size:13px;
	font-weight:bold;	
}


/* Paragraphs
----------------------------------------------- */
p {}


/* Lists
----------------------------------------------- */
ul {}
ul li {}
ul li ul{}
ul li ul li{}


/* Tables
----------------------------------------------- */
table {}
th {}
td {}

table.searchTable{
	width:100%; 
	border:0px solid black; 
	margin-bottom:10px;
}

/* Forms
----------------------------------------------- */
input.search{
	width:116px;
	height:13px;
	font-size:10px;
}

select.search{
	width:140px;
	height:17px;
	font-size:10px;
}

fieldset {}
fieldset.contactform {border:0px solid black; margin:20px 0px 7px 5px}
fieldset.contactform legend{margin:0px 0px 10px 0px}
fieldset.contactform label{margin:0px 0px 10px 0px}
fieldset.contactform br{clear:both;}
fieldset.contactform .formbutton{margin:5px 0px 10px 0px}

fieldset.aanmeldform {border:0px solid black; margin:20px 0px 7px 5px}
fieldset.aanmeldform legend{margin:0px 0px 10px 0px}
fieldset.aanmeldform label{margin:0px 0px 10px 0px}
fieldset.aanmeldform input{width:220px}
fieldset.aanmeldform input.formbutton{width:90px}
fieldset.aanmeldform br{clear:both;}
fieldset.aanmeldform .formbutton{margin:5px 0px 10px 0px}

form {}
input{padding:1px;}

form p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	height: 1%;
	border:0px solid #0D7D80;
}

fieldset {
	border:0px solid black;
	margin-bottom:10px;	
}

legend{
	font-weight: bold;
	font-size:13px;
	border:0px solid black;
	padding:0px;
}

form label{
	font-weight: normal;
	float: left;
	border:0px solid black;
	width: 170px;
}

form textarea{
	width: 250px;
	height: 150px;
}

.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url('/img/formbg.gif') repeat-x left top;
}

/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

.multiSelect{
	width:200px;
	height:120px;	
}

.imageWrapper {float:left; width:100%; margin:0px 0px 20px 0px}
.thumb-wrapper, .gallery-thumb {float:left; margin:0px 5px 0px 0px}
.gallery-wrapper{float:left; margin:0px 0px 7px 7px;}
.gallery-thumb {margin:0px 3px 0px 0px;}
.thumb-wrapper img, .gallery-thumb img {display:block;}
.thumb-wrapper em, .gallery-thumb em {display:block; text-align:center}

.imageUpload {
	border-top:1px solid #A0A6AC;
	padding:20px 0px 0px 0px;	
}


/* Links
----------------------------------------------- */
a {color:#FFF; text-decoration:underline}
a:hover {color:#FFF; text-decoration:underline}
a.noLine{text-decoration:none}
a.noLine:hover {text-decoration:underline}

a.more{font-size:14px; text-decoration:none}
a.more:hover{font-size:14px; text-decoration:underline}

.more{font-size:14px; text-decoration:none}


/* Misc
----------------------------------------------- */
img {border:0px}
hr {}
blockquote{}
pre{}
em{}
acronym, abbr {}

strong{font-weight:bold}

.breadcrumbs{
	display:block; 
	margin:0px 0px 5px 0px;
	text-transform:capitalize;
}

div.float{
	float:left; 
	border:0px solid black;
}

div.floatIntro{
	float:left; 
	border:0px solid black;
	border:0px solid red; 
	padding: 7px 7px 5px 2px; 
	}

.mandatory{color:red;}

iframe.afmelden,
iframe.archief{
	width:532px;
	border:0px;
}

iframe.archief{
	width:932px;
	height:700px;
}

iframe.aanmelden{
	width:540px;
	height:400px;
	border:none;
	padding-left:5px;
	background:transparent;

}
overflow:hidden;
}


/* Messages
----------------------------------------------- */
div.error_messages {
	padding:12px;
	font-size:14px;
	background-color:#FFE8E8;
	border:1px solid red;
	text-align:left; 
	margin-bottom:5px;
	color: #CC0000;
	width:655px;
}

div.message {
	padding:12px;
	margin-bottom:10px;
	font-size:14px;
	background-color:#E8FFEB;
	border:1px solid #336600;
	text-align:left; 
	color: #669933;
	width:655px;

}

div.error_messages ul{
	padding:3px;
	margin:0px 0px 0px 10px;
}

div.error_messages ul li{
	list-style:square;
}


/* Main wrapper
----------------------------------------------- */
/*div.shadow {
	width:969px;
	margin:0 auto;
	background-image: url('../img/shadows.png');
	background-repeat: repeat-y;
}*/
#wrapper {
	width:949px;
	margin:0 auto;
	background-color:#1C1C1C;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	min-height: 100%;
}


/* Header
-------------------------------------------- */
#headerPane{
	width:100%;
	position: relative;
	border-bottom:1px solid #FFFFFF;
	/*
	border-bottom:1px solid white;
	*/
}

#headerPane img{display:block}

/* Main navigation
----------------------------------------------- */
#mainMenu,
#adminMainMenu{
	/*width:100%;*/
	font-family:Georgia, Arial;
/*	height:36px;*/

/*	background-color: #000000;*/
	position: absolute;
	bottom: 0;

	/*background-image:url('../img/menu_back.jpg');
	background-position: 0 -2px;
	background-repeat:repeat-x;*/
}

#mainMenu ul,
#adminMainMenu ul{
	float:left;
	width: 100%;
}

#mainMenu ul li,
#adminMainMenu ul li{
	float:left;
/*	height:36px;*/
	border-right:1px dashed #ffffff;
	/*
	font-weight:bold;
	border:0px solid green;
*/
}

#mainMenu a,
#adminMainMenu a{
	float:left;
	text-decoration:none;
	/*padding: 10px 11px 11px 11px;*/
	padding: 0px 11px 0px 11px;
	color: #FFFFFF;
	line-height: 37px;
}

#mainMenu a:hover,
#adminMainMenu a:hover{
background-color:#58593C;

}

#adminMainMenu a{ /*padding: 11px 15px 11px 15px;*/}

#adminMainMenu ul li.rightMenu{/*float:right;*/}
#adminMainMenu ul li.rightMenu a{border:0px; border-left:1px solid #9A9A9A;}

#mainMenu .font-adjust{float:right; border-right: 0;}
/*#mainMenu .font-adjust.contrast{padding:0px 34px 0px 52px}*/
#mainMenu .font-adjust.contrast{padding:0px 34px 0px 15px}

#mainMenu .font-adjust a{
	border:0px;
	padding: 8px 0px 11px 1px;
}


/* BodyPane
-------------------------------------------- */
#bodyPane{
	position:relative;
	width:100%;
	
	/*background-color: #d8d8d8;*/
	background-color:#1C1C1C;
	background-image:url('../img/sidebars.gif');
	background-repeat:repeat-y;
	overflow: hidden;
	/*background-image:url('../img/wrapper_back.gif');	*/
}


/* Left Pane
-------------------------------------------- */
/*#leftPane{
	float:left;
	left:0px;
	width:177px;
	min-height:50px;
	height:auto !important;
	height:50px;
	border-right:1px solid #FFF;
	padding-left: 30px;
}*/

#leftPane {
	float: left;
	padding-left: 16px;
	width:191px;
}

#leftPane h3{margin:12px 0px 5px 15px}

/*
#subMenu li.first{border-top:1px solid #FFF;}
#subMenu li{border-bottom:1px solid #FFF;}	
*/

#subMenu {
 width: 192px;	
 font-family:Georgia, "Times New Roman", Times, serif;
}

#subMenu li a.page{
	display:block;
/*	width:177px;*/
	padding:3px 3px 3px 15px;
	text-decoration:none;
}

/* #subMenu li a:hover{background-image:url('../img/sub_active.jpg')} */
/*#subMenu li.active a.page{background-image:url('../img/sub_active.jpg')}
#subMenu li:hover a.page{background-image:url('../img/sub_active.jpg')}*/

#subMenu li.active a.page{background-color: #58593c; }
#subMenu li a:hover.page{background-color: #58593c; }

#subMenu li{
		position:relative; 
/*		float:none !important;
		float:left;*/
}

#subMenu li span{
	position:absolute;
	top:5px;
	right:5px;
	border:0px solid black;
}

#subMenu li span img{
	float:left;
}

#leftAdSpace{
	margin:160px auto 0px auto; 
	text-align:center;
	border:0px solid black;
}


/* Center Pane
-------------------------------------------- */
#centerPane{
	float:left;
	width:547px;
	margin-left: 2px;
	padding:0px 0px 0px 0px;
	border-right:1px solid #FFF;
}

/* centerPane wordt alleen gebruikt op de homepage  */
.centerWidePane{
	float:right;
	width:725px;
	margin-right: 15px;
	
}

#imagePane{
	float:left;
	width:532px;
	padding:10px 0px 5px 0px;
	border-bottom:1px solid #0D7D80;
}

#introPane,
#newsPane,
#categoryPane,
#shopPane,
#textPane{
	float:left;
	width:532px;
	/*margin:0px 0px 5px 5px;*/
	padding:10px 0px 0px 7px;
	border-bottom:1px solid #FFF;
	
}



#newsPane{padding:7px 0px 0px 0px; border-bottom:0px solid #0D7D80;}
#newsPane div{margin-bottom:10px;}
#newsPane div{border-bottom:1px solid black}
#newsPane div.last{border-bottom:0px solid black}
#newsPane div em{margin:0px 0px 0px 5px;}

#textPane{padding:7px 0px 0px 0px; border-bottom:0px solid #0D7D80;  }
#textPane #introPane { width: 547px; }

#shopPane{
	position:relative;
	width:527px;
	margin:7px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	border-bottom:0px solid #0D7D80;
	border:0px solid red;
}

#shopPane .naw{
	width:180px;
	margin:0px 0px 10px 0px;
	border:0px solid black;
}

#shopPane .blok1,
#shopPane .blok3{
	width:180px;
	margin:0px 0px 0px 0px;
	border:0px solid black;
}

#shopPane h1 {
	float:left;
	clear:both;
	width:100%;
	font-size:17px;
	font-weight:bold;	
	color:#FFF;
	font-style:italic;
	margin:10px 0px 10px 0px;
}

#shopPane .blok2{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0px 10px 0px;
	border:0px solid black;
}


#shopPane .gallery{
	float:right;
	width:334px;
	height:300px;
	clear:both;
	border:0px solid red;
}

#image1, #image2, #image3{
	position:absolute;
	left:193px;
	top:25px;
}

#shopPane .gallery img{
	border:1px solid #9A9995;
}
 
.hide {visibility:hidden}
/* #image1, #image2, #image3 {visibility:hidden;} */

#shopPane .breadcrumbs{margin:0px 0px 5px 0px}
#shopPane .thumbholder{
	float:left;
	display:block;
}
#shopPane .thumbholder img {float:left; border:0px; border-bottom:0px solid #094F51; border-right:1px solid #C9C9C9;}
#shopPane .thumbholder img.first {border-left:1px solid #C9C9C9}

#plattegrond, #plattegrondDetail{
	float:left;
	width:100%;
	display:block;
	text-align:center;
	padding:5px 0px 5px 7px;
	margin-top:10px;
}

#plattegrondDetail{
	text-align:left;
	padding-left:12px;

}

#shopPane div{border:0px solid black}

body#home #introPane{border:0px; margin: 0; padding:0;}

#introPane img,
#newsPane img,
#shopPane img,
#bodyText img,
#imagePane img,
#categoryPane img,
#textPane img{
	display:block;
	border:1px solid #9A9995;
	margin:0px;
}

#bodyText img{float:left}

#introPane h3,
#newsPane h3,
#shopPane h3,
#bodyText h3,
#categoryPane h3,
#textPane h3{
	margin:10px 0px 7px 5px;
}
#newsPane h3 {margin:0px 0px 7px 5px;}
#bodyText h3 {margin:5px 0px 7px 5px;}
#shopPane h3 {margin:5px 0px 7px 0px;}
#textPane h3 {margin:5px 0px 7px 5px; text-transform:capitalize}

#newsPane em{font-size:10px;}

#introPane p,
#newsPane p,
#shopPane p,
#bodyText p,
#categoryPane p,
#textPane p{
	margin:0px 5px 10px 5px;
}

#shopPane p {margin:0px 5px 10px 0px;}

#introPane table,
#newsPane table,
#shopPane table,
#bodyText table,
#categoryPane table,
#textPane table{
	margin:0px 5px 10px 5px;
	border:0px solid black;
}

#introPane td,
#newsPane td,
#shopPane td,
#bodyText td,
#categoryPane td,
#textPane td{
	padding:2px;
}

#introPane ul,
#newsPane ul,
#shopPane ul,
#bodyText ul,
#categoryPane ul,
#textPane ul{
	margin:5px 5px 10px 5px;
	border:0px solid black;
}

#shopPane{
margin-left:7px;
}

#introPane li,
#newsPane li,
#shopPane li,
#bodyText li,
#categoryPane li,
#textPane li{
	margin:0px 0px 0px 20px;
	list-style:square;
}

#textPane ul.sitemap li{margin-bottom:10px;}
#textPane ul.sitemap li.noChildren{margin-bottom:0px;}
#textPane ul.sitemap li ul li{margin-bottom:0px;}

#introPane ul ul li,
#newsPane ul ul li,
#shopPane ul ul li,
#bodyText ul ul li,
#categoryPane ul ul li,
#textPane ul ul li{
	margin:0px 0px 0px 30px;
	list-style:disc;
}

#bodyText{
	float:left; 
	padding:0px 0px 5px 7px;
}

#shopsIntroContainer{
	float:left;
	width:100%;
	clear:both;
	
	border-bottom:0px solid black;
	border-top:1px solid #FFF;
}

#shopsIntroContainer.noLine{border-top:0px solid #0D7D80;}

body#home #shopsIntroContainer{
/*	background-color:#D8D8D8;*/
	background-color:#1C1C1C;
}

.shop{
	float:left;
	width:174px;
	margin: 0 0px 5px 5px;
	padding:0px 0px 5px 0px;
	border-top:0px solid black;
}

body#home .shop{
	padding:2px 0px 5px 0px;
	border-top:0px solid #0D7D80;
}

/* body#home .shop h3{font-size:13px; margin:0px 0px 6px 0px} */

#shopsIntroContainer .shop div{padding:0;}
#shopsIntroContainer .shop h4{margin:10px 0px 0px 0px}
#shopsIntroContainer ul{margin:0px 0px 0px 5px}

#shopsIntroContainer .shop p{ padding-left:5px;}

#shopPane{
margin-left:7px;
}
#shopOverview{
	float:left;
	width:522px;
	padding:10px 5px 10px 5px;
	border-top:1px solid ##CDCDCD;
}

#shopOverview h4{ width:100%;	}


#bottomAdSpace{
	float:left;
	border-top:1px solid #FFF;

}

body#home #bottomAdSpace {border-top:0px solid #0D7D80;}

#bottomAdSpace .bannerContainer{
	float:left;
	width:547px;
	text-align:center;
}

#bottomAdSpace .bannerContainer .banner{
	display:block;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	/*border-bottom:1px solid #0D7D80;*/
	margin: 0px auto 0px auto;
}

body#home #bottomAdSpace .bannerContainer .banner{padding:5px 0px 5px 0px;}

#bottomAdSpace .bannerContainer .banner img{
	display:block;
	margin: 0px auto 0px auto;
}

#bottomAdSpace embed, 
#bottomAdSpace object{
	display:block;
	margin: 0px auto 0px auto;
}

/* Right Pane
-------------------------------------------- */
.rightPane{
	float: right;
	margin: 0 18px 0 0;
	/* width:700px; */
	width:170px;
	padding-left: 0px;
	/*border-left: 1px solid #FFF;*/
}

body#home .rightPane{
	float:right;
	margin: 0 3px 0 0 ;
}


#shopsIntroContainer h3 {
	background-color: #58593c;
	color: #FFF;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 5px;
}

/* Blocks
-------------------------------------------- */
#searchBlock{
	width:100%;
	margin:11px 0px 0px 0px;
	border-bottom:1px dashed #FFF;
}
#searchBlock div{margin:10px 0px 15px 45px}
#searchBlock h3{margin:0px 0px 5px 0px}
#searchBlock h3 a{font-size:12px; text-decoration:none}
#searchBlock em{display:block; padding:3px;}
#searchBlock label{float:left; display:block; margin:-1px 3px 0px -22px;}


#newsBlock{
	margin:5px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px dashed #FFF;
}

body#home #newsBlock{border-bottom:0px solid #0D7D80;}

#newsBlock ul li{
	background-image:url('../img/list_arrow.gif');
	background-position: 0px 2px;
	background-repeat:no-repeat;
	margin:10px 0px 0px 5px;
	padding:0px 0px 0px 23px;
}

#bannerRight{
	width:100%;
	border-bottom:1px dashed #FFF;
}

#bannerRight img{
	display:block;
	margin:5px auto 5px auto;	
}


#adsense{
	float:left;
	width:155px;
	margin:5px 0px 20px 0px;
}

body#home #adsense{margin:0px 0px 20px 10px;}

div.homeAd {
	border-top: 1px solid #FFF;
}




/* Footer
----------------------------------------------- */
#footer{
	clear:both;
	width:100%;
	border-top:1px solid white;
	height:33px;
	background-image:url('../img/sidebars_footer.gif');
	background-color: #000;
	background-repeat:repeat-y;
}

#footer ul{
	float:right;
}

#footer ul li{
	float:left;
	height:22px;
	padding: 11px 25px 0px 25px;
	border-right:1px dashed #999999;
	font-size:10px;
}

#footer ul li a{
	text-decoration:none;	
	color:#fff;
}


#footer ul.font-size{
	float:left;
	margin-left:20px;
}