/*------------------------------------------------------------------
[Table of contents]

1. Body + reset general tags
2. Links
3. Containers #site
4. Header / #headerCon
5. Navigation / #navigationCon
6. Left column / #leftCol
7. Right column / #rightCol
8. Content / #contentCon
9. Boxes / .box
10. Forms / Inputs
11. Footer / #footerCon
12. Tabs
13. Pagination

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 1. Body + reset general tags ]
------------------------------------------------------------------*/

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color: #abc224;
	font-size: 13px;
	line-height: 1.5em;
	color:#000;
	font-family:"Trebuchet MS", Trebuchet, Sans-Serif;
}

img {
	border:none;
	vertical-align:bottom;
}

form {
	display:inline;
}


h1 {
	margin:5px 0 11px 0;
	color:#0098e4;
	font-size:2.1em;
	line-height:1.1em;
	font-weight:bold;
	z-index:100;
}

h1.label img {
	position:absolute;
	top:0;
	left:0;
}

div#rightCol h1 {
	font-size:1.6em;
}

h2 {
	margin:20px 0 15px 0;
	color:#0098e4;
	font-size:1.3em;
	line-height:1.3em;
	font-weight:bold;
}


h3 {
	margin:0 0 0 0;
	color:#000;
	font-size:1.0em;
}

h4 {
	margin:20px 0 15px 0;
	color:#0098e4;
	font-size:1.0em;
}

h5 {
	margin:0 0 20px 0;
	color:#000;
	font-weight:normal;
	font-size:1.0em;
}

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

img {
	display:inline;
	vertical-align:middle;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

/*------------------------------------------------------------------
[ 2. Links ]
------------------------------------------------------------------*/

a {
	color:#a31f7e;
	text-decoration:underline;
}
a:visited {
	color:#701556;
}
a:hover {
	color:#a31f7e;
	text-decoration:none;
}

a.calltoaction {
	display:inline-block;
	font-weight:bold;
}

a#openaudio {
	padding:2px 35px 3px 0;
	background:url(../images/bttns/play-button.gif) center right no-repeat;
}
a#openaudio:hover {
	background:url(../images/bttns/play-button-hover.gif) center right no-repeat;
}

a#back {
	position:absolute;
	top:50px;
	right:35px;
}


/*------------------------------------------------------------------
[ 3. Containers ]
------------------------------------------------------------------*/

div#outerCon {
	width:100%;
	background:url(../images/backgrounds/outercon-floral-bg.gif) center 355px no-repeat;
	overflow:hidden;
}

div#innerCon {
	width:990px;
	margin:0 auto;
}


/*------------------------------------------------------------------
[ 4. Header ]
------------------------------------------------------------------*/

div#headerCon {
	width:100%;
	height:286px;
	text-align:center;
	background:url(../images/backgrounds/headercon-bg.gif) repeat-x;
}

div#headerInnerCon {
	width:100%;
	height:286px;
	background:url(../images/header.jpg) top center no-repeat;
}

div#siteSwitch {
	position:relative;
	width:958px;
	height:43px;
	margin:0 auto;
	text-align:left;
}

/*------------------------------------------------------------------
[ 5. Navigation ]
------------------------------------------------------------------*/

div#siteSwitch ul {
	position:absolute;
	bottom:0;
	left:5px;
	list-style:none;
	margin:0;
	padding:0;
}
div#siteSwitch ul li {
	float:left;
	margin-right:1px;
}
div#siteSwitch ul li a {
	display:inline-block;
	height:28px;
	padding-left:15px;
	line-height:26px;
	text-decoration:none;
	background:url(../images/nav/tab-bg-left.gif) left top no-repeat;
}
div#siteSwitch ul li a span {
	display:inline-block;
	height:28px;
	padding-right:15px;
	color:#000;
	font-weight:bold;
	background:url(../images/nav/tab-bg-right.gif) right top no-repeat;
}

div#siteSwitch ul li a:hover {
	background:url(../images/nav/tab-bg-left-hover.gif) left top no-repeat;
}
div#siteSwitch ul li a:hover span {
	background:url(../images/nav/tab-bg-right-hover.gif) right top no-repeat;
}

div#siteSwitch ul li.active a {
	background:url(../images/nav/tab-bg-left-active.gif) left top no-repeat;
}
div#siteSwitch ul li.active a span {
	color:#fff;
	background:url(../images/nav/tab-bg-right-active.gif) right top no-repeat;
}
div#siteSwitch ul li.active a:hover {
	background:url(../images/nav/tab-bg-left-active.gif) left top no-repeat;
}
div#siteSwitch ul li.active a span {
	color:#fff;
	background:url(../images/nav/tab-bg-right-active.gif) right top no-repeat !important;
}



div#navigationCon {
	width:100%;
	height:41px;
	text-align:center;
	background:url(../images/backgrounds/navigationcon-bg.gif) repeat-x;
}

div#navigationCon div#navInnerCon {
	position:relative;
	width:958px;
	margin:0 auto;
	height:41px;
}

.consumenten div#navigationCon div#navInnerCon {
	width:990px;
}

div#navigationCon ul {
	list-style:none;
	height:37px;
	padding:0 1px 0 1px;
	margin:0;
	border-left:1px solid #c4c4c4;
}

div#navigationCon ul:first-child {
	padding-left:1px;
}
div#navigationCon ul li {
	float:left;
	padding-right:1px;
	background:url(../images/nav/navigationcon-ul-bg.gif) repeat-x;
}
div#navigationCon ul li a {
	display:inline-block;
	height:35px;
	padding:0 17px;
	color:#000;
	font-weight:bold;
	line-height:33px;
	text-decoration:none;
	border-top:1px solid #d5d5d5;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #d5d5d5;
	background:url(../images/backgrounds/navigationcon-bg.gif) repeat-x;
}
div#navigationCon ul li a:hover {
	color:#0098e4;
	background:url(../images/nav/nav-hover.gif) repeat-x;
}
div#navigationCon ul li.active a {
	color:#0098e4;
	background:url(../images/nav/nav-active.gif) repeat-x;
}

img#labelpart {
	position:absolute;
	width:83px;
	top:0;
	right:76px;
display:none;
}

.consumenten img#labelpart {
	position:absolute;
	width:83px;
	top:0;
	right:91px;
display:none;
}

/*------------------------------------------------------------------
[ 6. Left Column ]
------------------------------------------------------------------*/

div#leftCol {
	position:relative;
	float:left;
	display:inline;
	width:630px;
	margin-left:5px;
	min-height:480px;
	/*background:#cccccc;*/
}

div.widebox div#leftCol {
	width:580px;
	margin-left:0px !important;
	min-height:480px;
}


/*------------------------------------------------------------------
[ 7. Rightcolumn ]
------------------------------------------------------------------*/

div#rightCol {
	float:left;
	display:inline;
	width:335px;
	margin-left:20px;
	min-height:480px;
	/*background:#99cc66;*/
}

div.widebox div#rightCol {
	width:305px;
	margin-left:25px;
	padding-top:42px;
}

.bedankt div#rightCol {
	display:none;
}

/*------------------------------------------------------------------
[ 8. Content ]
------------------------------------------------------------------*/


div#wideCol {
	position:relative;
	float:left;
	display:inline;
	width:985px;
	margin-left:5px;
	min-height:480px;
}

div#centerCon {
	padding: 18px 0 25px 0;
}


h1 span {
	display:none;
	padding:5px 10px 5px 10px;
	color:#0098e4;
	font-style:italic;
	background:#fff;
}
h1 em {
	display:none;
	margin:10px 0 11px 0;
	padding:1px 10px 1px 10px;
	font-size:13px;
	color:#fff;
	font-style:italic;
	background:#0098e4;
}



.bedankt div#leftCol p {
	padding:0 100px 0 15px;
}


ul.flowered {
	list-style: none;
	padding:0;
	margin:0 0 0 18px;
}
ul.flowered li {
	margin-top:10px;
	padding-left:25px;
	background:url(../images/flower-bullit-blue.gif) top left no-repeat;
}
.consumenten ul.flowered li {
	background:url(../images/flower-bullit-blue.gif) top left no-repeat;
}


a#openpromo {
	display:inline-block;
	padding:0 20px 0 0;
}
a#openpromo.plus {
	background:url(../images/bttns/plus.gif) right 4px no-repeat;
}
a#openpromo.plus:hover {
	background:url(../images/bttns/plus-hover.gif) right 4px no-repeat;
}
a#openpromo.minus {
	background:url(../images/bttns/minus.gif) right 4px no-repeat;
}
/*a#openpromo:hover {
	color:#fff;
	text-decoration:underline;
}*/

div#promotekst {
	display:none;
	position:relative;
	margin:10px 0 10px 0;
	padding:15px 35px 25px 20px;
	background:#fff;
}
div#promotekst ul {
	margin:0;
}
div#audioCon a#closeaudio,
div#promotekst a#closepromo {
	position:absolute;
	top:10px;
	right:10px;
}
div#audioCon a#closeaudio span,
div#promotekst a#closepromo span {
	display:none;
}

div#factuuradresBlock,
div#afleveradresBlock {
	display:none;
	position:relative;
}


#tabsContainer h2 {
	display:none;
}
.stap {
	position:relative;
	padding:10px;
	margin-bottom:30px;
	border:1px solid #899b1d;
	zoom:1;
	overflow:hidden;
}
#tabsContainer .stap h2 {
	display:block;
}

/*------------------------------------------------------------------
[ 9. Boxes ]
------------------------------------------------------------------*/


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

/* widebox */
div.widebox {
	position:relative;
	width:982px;
	clear:both;
}

div.widebox div.top {
	width: 982px;
	height: 50px;
	background: url(../images/backgrounds/widebox-top-bg.png) no-repeat;
}
div.widebox div.bottom {
	padding: 1px 25px 35px 40px;
	background: url(../images/backgrounds/widebox-bottom-bg.png) left bottom no-repeat;
	zoom:1;
	overflow:auto;
}


/* leftboxes */
div.leftbox {
	position:relative;
	width:627px;
	clear:both;
}

div.leftbox div.top {
	width: 627px;
	height: 50px;
	background: url(../images/backgrounds/leftbox-top-bg.png) no-repeat;
}
div.leftbox div.bottom {
	padding: 1px 25px 35px 40px;
	background: url(../images/backgrounds/leftbox-bottom-bg.png) left bottom no-repeat;
	zoom:1;
	overflow:auto;
}


img.visual {
	margin:4px 8px 10px 0;
	padding: 2px 6px 6px 2px;
	background: url(../images/backgrounds/visual-bg.gif) right bottom no-repeat;
}

div.leftbox div.visualblock {
	float: left;
	display: inline;
	width: 190px;
}
div.leftbox div.textblock {
	margin-left: 200px;
}

div#audioCon {
	position:relative;
	display:none;
	height:70px;
	padding: 40px 0 0 0;
}


ul.shopvisuals {
	list-style:none;
	margin:0;
	padding:0;
	zoom:1;
	overflow:auto;
}
ul.shopvisuals li {
	float:left;
	width:186px;
}
ul.shopvisuals li.last img {
	margin-right:0 !important;
}
ul.shopvisuals li span {
	position:relative;
	display:block;
}
ul.shopvisuals li a.enlarge {
	position:absolute;
	display:block;
	right:15px;
	top:108px;
}

div.ruler {
	margin:15px 0;
	width:100%;
	border-top:1px solid #cfecfa;
	clear:both;
}

div.leftbox ul.download li {
	clear:both;
	zoom:1;
	overflow:auto;
}
div.leftbox ul.download li img.visual {
	margin-top:3px;
	margin-right:22px;
	float:left;
}


/* rightboxes */
div.rightbox {
	position:relative;
	width:332px;
	padding-top:6px;
	clear:both;
}


div.rightbox div.top {
	width:332px;
	height:40px;
	background: url(../images/backgrounds/rightbox-top-bg.png) no-repeat;
}
div.rightbox div.bottom {
	padding: 1px 15px 25px 35px;
	background: url(../images/backgrounds/rightbox-bottom-bg.png) left bottom no-repeat;
}

div.rightbox div.visualblock {
	float: left;
	display: inline;
	padding-top:5px;
}
div.rightbox div.textblock {
	margin-left: 110px;
	padding:1px;
}

div.tipsContent > p >  img {
    padding-top: 10px;
}


ul.download {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
ul.download li {
	position:relative;
	padding:8px 80px 0 8px;
	border-bottom:1px solid #cfecfa;
}
ul.download li img {
	margin:0 5px 3px 0;
}
ul.download li a {
	position:absolute;
	display:block;
	top:6px;
	right:0;
	padding: 2px 0 2px 20px;
	background: url(../images/bttns/icon-download.gif) center left no-repeat;
}
ul.download li a:hover {
	background: url(../images/bttns/icon-download-hover.gif) center left no-repeat;
}


ul.photodates {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #cfecfa;
}
ul.photodates li {
	position:relative;
	padding:0;
	border-bottom:1px solid #cfecfa;
}
ul.photodates li a {
	display:block;
	padding: 9px 0 9px 12px;
	color:#000;
	text-decoration:none;
	border-top:1px solid white;
	border-bottom:1px solid white;
	background: url(../images/bttns/icon-download.gif) 265px 15px no-repeat;
}
ul.photodates li.active a {
	background: url(../images/bttns/icon-download.gif) 265px 15px no-repeat #f9f9f9;
}
ul.photodates li a:hover {
	background: url(../images/bttns/icon-download-hover.gif) 265px 15px no-repeat  #f9f9f9;
}


div#fotopreview {
	float:left;
	display:inline;
	width:300px;
	padding-top:5px;
}

div#fotoform {
	width:245px;
	margin-left:315px;
}


ul#zipform {
	list-style:none;
	margin:0;
	padding:0;
}
ul#zipform li {
	float:left;
	display:inline;
	margin-right:10px;
}

ul.logolist {
	list-style:none;
	margin:30px 0 0 0;
	padding:0;
}
ul.logolist li {
	float:left;
	display:inline;
	margin-right:10px;
}
ul.logolist li a {
	display:block;
	border:1px solid #d0ecfa;
}
ul.logolist li a:hover {
	border:1px solid #90a4ad;
}


ul.agendalist {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
ul.agendalist li {
	position:relative;
	padding:8px 0;
	border-bottom:1px solid #cfecfa;
}
ul.agendalist li span.agendadateblock {
	float: left;
	display: block;
	padding-top:1px;
	background: none;
    width: 100px;
}
ul.agendalist li span.agendatextblock {
	padding:1px;
}


ul.verkooplist {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:20px 0;
	padding:0;
	border-top:1px solid #cfecfa;
}
ul.verkooplist li {
	position:relative;
	padding:8px 60px 8px 8px;
	border-bottom:1px solid #cfecfa;
}
ul.verkooplist li a:visited {
	color:#a31f7e;
}
a.showmap {
	position:absolute;
	top:8px;
	right:5px;
}



ul.visuallist {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:10px 0 15px 0;
	padding:0;
}
ul.visuallist li {
	float:left;
	display:inline;
	margin-right:8px;
}
ul.visuallist li a {
	display:block;
	border:1px solid #fff;
}
ul.visuallist li a:hover {
	border:1px solid #0098E4;
}
ul.visuallist li span {
	display:block;
	margin-bottom:10px;
}

div.widebox ul.visuallist {
	margin-top:4px;
}


div.timetable {
	margin: 15px 0 0 -5px;
	padding: 15px 30px 12px 12px;
	border:1px solid #0098e4;
}
div.timetable ul {
	list-style:none;
	margin:20px 0;
	padding:0;
}
div.timetable ul span.date {
	display:inline-block;
	width:145px;
}

/*------------------------------------------------------------------
[ 10. Forms / Inputs ]
------------------------------------------------------------------*/

div.error {
	display:			none;
	margin:				0 20px 15px 0;
	border:				1px solid #899b1d;
	padding:			10px;
}
div.error label {
	display:			block;
}
div.error em {
	color:				#f00;
	font-style:			normal;
}

div.formblock {
	width:				auto;
	/*clear:				both;*/
}

div.formblock table {
	width:				100%;
	border-collapse:	collapse;
	border-spacing:		0;
}

div.formblock table th {
	padding: 			7px 0 4px 0;
	font-weight:		normal;
	vertical-align:		top;
	text-align:			left;
}

div.formblock table td {
	position:			relative;
	padding: 			5px 5px 4px 0;
	vertical-align:		top;
}


div.formblock fieldset {
	margin: 			10px 0 0 0;
}

div.formblock label {
	display:			block;
	font-weight:		bold;
}

div.formblock input {
	width:				230px;
	padding:			2px 5px 3px 5px;
	font-size:			0.9em;
	/*border:				1px solid #6d7d0d;*/
	border:				1px solid #a1a1a1;
}



textarea {
	width:				390px;
	padding:			1px 5px 1px 5px;
	overflow:			auto;
	font-family: 		Arial, Sans-Serif;
	font-size:			0.9em;
	/*border:				1px solid #6d7d0d;*/
	border:				1px solid #a1a1a1;
}

div.formblock select {
	margin-top:			2px;
	border:				1px solid #6d7d0d;
}

div.formblock input.radiobttn {
	width:				10px;
	margin-top:			1px;
	#width:				15px;
	#margin-top:		0px;
	border:				none;
	background:			none;
}


div.formblock input:hover,
div.formblock textarea:hover,
div.formblock select:hover {
	border:				1px solid #0098e4;
}


div.formblock tr.error th {
	color:				#f00;
}
div.formblock input.error,
div.formblock textarea.error,
div.formblock select.error {
	border:				1px solid #f00;
	background:#fff2f2;
}

input#aantal_promotiepakketten {
	width:30px;
	margin:0 7px 0 0px;
}



/* all button elements have the same layout */

p.verder {
	float:right;
	margin-top:15px;
	zoom:1;
}
p.terug {
	float:left;
	margin-top:15px;
	zoom:1;
}

.button {
	display: inline-block;
	height: 26px;
	color: #a31f7e !important;
	font-weight: normal !important;
	text-decoration: none !important;
	padding: 2px 15px 0 25px;
	position: relative;
	border: none;
}

.button span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 4px;
	height: 27px;
}


.button.button-white {
	background: transparent url('../images/bttns/button_bg_white.gif') no-repeat;
}

.button.button-white:hover {
	color:#fff !important;
	background: transparent url('../images/bttns/button_bg_purple.gif') no-repeat;
}

.button.button-white span {
	background: transparent url('../images/bttns/button_cap_white.gif') no-repeat;
}
.button.button-white:hover span {
	background: transparent url('../images/bttns/button_cap_purple.gif') no-repeat;
}


/*------------------------------------------------------------------
[ 11. Footer ]
------------------------------------------------------------------*/


div#footerCon {
	height:85px;
	border-top:1px solid #92a51f;
}

div#footerCon div#logos {
	position:relative;
	float:left;
	display:inline;
	width:385px;
	margin-left:20px;
	padding-top:20px;
}
div#footerCon div#logos a {
	margin-right:30px;
}

div#footerCon div#credits {
	float:left;
	display:inline;
	width:360px;
	margin-left:85px;
	padding-top:10px;
	text-align:right;
	font-size:11px;
}

div#footerCon div#credits a {
	color:#000;
	text-decoration:none;
}


/*------------------------------------------------------------------
[ 12. Tabs ]
------------------------------------------------------------------*/




/*------------------------------------------------------------------
[ 13. Pagination ]
------------------------------------------------------------------*/

/*  pagination */

.customnav {
	position:relative;
	padding: 3px 30px 0px 20px;
	text-align: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	background-color: none;
}
.customnav a {
	display: inline-block;
	margin-left: 5px;
	padding: 5px 4px;
	font-weight: bold;
	color:#A31F7E;
}
.customnav a.selected {
	color:#c0c0c0;
	text-decoration:none;
}
.customnav a.prev {
	background-color: none;
}
.customnav a.next {
	background-color: none;
}
.customnav a.disabled {
	visibility: hidden;
}




div#errors {
    color: #FF0000;
}

div#errors > em {
    font-weight:bold;
}



div#photolist {
	position: relative;
	width: 552px;
	height: 622px;
	overflow: hidden;
}

div#photolist div {
	position: absolute;
}

div#photolist div span {
	display: block;
	width: 552px;
	height: 622px;
	float: left;
}

div#photolist img {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

div.photonav {
	height: 35px;
	width: 542px;
	position: relative;
}

div.photonav.photonav_top {
	margin-bottom: 10px;
}

div.photonav.photonav_bottom {
	margin-top: 10px;
}

div.photonav img.photo_prev {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

div.photonav img.photo_next {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

div#photo_tip {
	color: #393939;
	padding: 10px;
	background-color: #ffeb8b;
	margin-bottom: 20px;
}

div#photo_tip strong {
	font-style: italic;
}