﻿/* GENERAL STYLING */
* {	margin: 0; padding: 0;}

body {
	margin: 0;
	color: #414141;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.32em;
}
html {
	height: 100%;
}
img {
	border: 0;
}

#ContentWrapper .clear {
	clear: both;
	line-height: 0.1em;
	font-size: 0.1em;
}

.disabled {
	opacity: .4;
	cursor: default;
	/*IE fixes */
	filter: alpha(opacity=40);
}


h1,h2 {margin:0;padding:0;}

#ContentWrapper a, #ContentWrapper a:visited
{
	padding:0;
	text-decoration: none;
}

#ContentWrapper a:hover {
	padding:0;
	background-color: #ec740f;
	/*text-decoration: underline;*/
}

#content_main a, #content_main a:visited {
	color: #414141;
	cursor:	pointer;
	/*padding: 2px;
	margin: 1px;
	text-decoration:underline;*/
}

#content_main div.text a{
	text-decoration:underline;
}
#content_main div.text div.tabBar a
{
	text-decoration:none;
}

#content_main a:hover {
	color: #fff;
	background-color: #ec740f;			
	cursor:	pointer;
	/*padding: 2px;
	margin: 1px;*/
	text-decoration: none;
}


/* CONTAINER */
#ContentWrapper .container {
	z-index: 0;
	position: relative;
	width: 975px;
	margin: 0 auto 0 auto;
	text-align: left;
}

/* 
	INTRO BAR 
*/
#intro_bar {
	width: 100%;
	height: 70px;
	background: #d21242;
}
#intro_bar div.intro {
	float: left;
	width: 487px;
	height: 70px;
	color: #fff;
	line-height: normal;
}
#intro_bar div.intro p.first {
	padding: 19px 0 0 13px;
	color: #fff;
	font-size: 0.9em;
}
#intro_bar div.intro p.second {
	padding: 0 0 0 13px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
}
#intro_bar div.dropdown {
	float:right;
	width: 488px;
	height: 70px;
	color: #fff;
	line-height: normal;
}
#intro_bar div.dropdown ul {
	z-index: 100;
	clear: both;
	float: none;
	position: relative;
	height: 36px;
	margin: 34px 0 0 0;
}
#intro_bar div.dropdown li {
	display: inline;
	list-style: none;
	float: left;
	margin: 0 11px 0 13px;
}
#intro_bar div.dropdown li a {
	display: block;
	width: 197px;
	height: 26px;
	padding: 10px 12px 0 11px;
	color: #fff;
	background: url(images/dropdown_button.png) no-repeat 184px 7px #e05a7b;
	/*font-size: 0.9em;*/
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}
/*#intro_bar div.dropdown li.current a {
	color: #fff;
	background: url(images/dropdown_button.png) no-repeat 184px -99px #e05a7b;
	text-decoration: none;
}*/
#intro_bar div.dropdown li ul {
	position: absolute;
	z-index: 1000;
	list-style: none;
	top: -999em;
	left: auto;
	width: 195px;
	height: 142px;
	margin: 0 0 0 -3px;
	padding: 19px 15px 26px 14px;
	background: url(images/dropdown_background.png) no-repeat;
	display: none;
	/* IE fixes */
	_background: url(images/dropdown_background.gif) no-repeat;
}
#intro_bar div.dropdown li ul li,
#intro_bar div.dropdown li ul li a {
	float: none;
	list-style: none;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
#intro_bar div.dropdown p {
	clear: both;
	margin: 0 0 11px 0;
	color: #414141;
	background: none;
	font-size: 0.9em;
	line-height: 1.5em;
}
#intro_bar div.dropdown li.customer p {
	margin: 0 0 25px 0;
	border:none;
}
#intro_bar div.dropdown li.customer p.olo_button a,
#aanmeldenNieuwsbrief p.olo_button a {
	display: block;
	width: 146px;
	height: 17px;
	margin: 0 0 0 1px;
	padding: 3px 24px 2px 12px;
	color: #fff;
	background: url(images/button_link.png) no-repeat left 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
}
#intro_bar div.dropdown li.customer p.olo_button a:hover,
#aanmeldenNieuwsbrief p.olo_button a:hover {
	color: #fff;
	background: url(images/button_link.png) no-repeat left -22px;
}
div#content_main div.nieuwsbriefthumbnail a:hover
{
	background-color:transparent;
}
#intro_bar div.dropdown li.code input[type=text] {
	float: left;
	width: 148px;
	height: 16px;
	margin: 0 7px 0 0;
	padding: 2px 4px 2px 10px;
	border: 1px solid #b7b7b7;
	color: #666;
	background: url(images/input_inner_shadow.png) no-repeat;
	font-size: 1em;
	line-height: normal;
}

li.code ul li p.link a
{
	cursor: help !important;
}

#intro_bar div.dropdown li.code a.olo_button {
	cursor: pointer;
	float: left;
	position: relative;
	width: 24px;
	height: 22px;
	border: none;
	margin: 0 0 9px 0;
	background: url(images/button_submit_arrow.png) left 0;
	/* IE fixes */
	*margin: 0;
}
#intro_bar div.dropdown li.code a.olo_button:hover {
	background: url(images/button_submit_arrow.png) left -22px;
}
#intro_bar div.dropdown li.code a.olo_button span {
	position: absolute;
	left: -999em;
	overflow: hidden;
}
#intro_bar div.dropdown li.code p.link {
	clear: left;
	padding: 0 0 0 15px;
	background: url(images/link.png) no-repeat 0 center;	
	font-size: 1.0em;
	font-weight: normal;
}
#intro_bar div.dropdown li.code p.link a {
	display: inline;
	padding:2px;
	color: #414141;
	background: #fff;
	font-size: 1.0em;
	font-weight: normal;
	/* IE fixes */
	_display: block;
	_width: 100%;
}
#intro_bar div.dropdown li.code p.link a:hover {
	color: #fff;
	background: #ec740f;
}
#intro_bar div.dropdown li ul,
#intro_bar div.dropdown li.sfhover ul {
	display: none;
	top: auto;
}

/* NODIG VOOR KLIKBARE VERSIE VAN DE DROPDOWN */
/*#intro_bar div.dropdown li.current ul, #intro_bar div.dropdown li.current.sfhover ul {
	display: block;
	top: auto;
}*/

/* NAVIGATION BAR */
#nav_bar {
	z-index: 1;
	width: auto;
	height: 46px;
	margin: 12px 0 0 0;
	text-align: left;
}
#nav_bar ul {
	height: 46px;
	margin: 0;
	padding: 0;
}
#nav_bar li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 13px 0 12px;
	border: 0;
	background: url(images/nav_bar_divider.png) no-repeat right center;
}
#nav_bar li.last  {
	padding-right: 0;
	background: none;
}
#nav_bar li a {
	display: block;
	cursor: pointer;
	width: 219px;
	height: 46px;
	margin: 0;
	padding: 0;
	color: #d9ebfb;
	background: url(images/nav_bar.png) no-repeat;
	background-position: 0 0;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}
#nav_bar li a:hover {
	color: #fff;
	text-decoration: none;
}
#nav_bar li.current a,
#nav_bar li.current a:hover {
	color: #fff;
	text-decoration: none;
}
#nav_bar li a span {
	position: absolute;
	left: -999em;
	overflow: hidden;
}
#nav_bar li a#nav_bar1 {
	background-position: 0 0;
}
#nav_bar li a#nav_bar1:hover,
#nav_bar li a#nav_bar1.current,
#nav_bar li a#nav_bar1.current:hover {
	background-position: 0 -46px;
}
#nav_bar li a#nav_bar2 {
	background-position: -220px 0;
}
#nav_bar li a#nav_bar2:hover,
#nav_bar li a#nav_bar2.current,
#nav_bar li a#nav_bar2.current:hover {
	background-position: -220px -46px;
}
#nav_bar li a#nav_bar3 {
	background-position: -440px 0;
}
#nav_bar li a#nav_bar3:hover,
#nav_bar li a#nav_bar3.current,
#nav_bar li a#nav_bar3.current:hover {
	background-position: -440px -46px;
}
#nav_bar li a#nav_bar4 {
	background-position: -660px 0;
}
#nav_bar li a#nav_bar4:hover,
#nav_bar li a#nav_bar4.current,
#nav_bar li a#nav_bar4.current:hover {
	background-position: -660px -46px;
}

#PaginaIntro 
{
	width: 480px;
	/*height:130px;*/
	padding: 5px;
}

/* begin winkelmandje */

.winkelmandje
{
	float:right;
	position:absolute;
	right:0px;
	top:-27px;
	height:22px;
}

.winkelmandje div
{
	background: url(/style%20library/images/winkelwagen.png) no-repeat right -22px;
	position:relative;
	width:135px;
	padding:3px 0px 3px 5px;
}

.winkelmandje div:hover
{
	background: url(/style%20library/images/winkelwagen.png) no-repeat right 0px;
	color:#fff !important;
}

.winkelmandje a:hover
{
	background-color:#fff !important;
}

/* eind winkelmandje */

/* 
	TAB BAR 
*/
#ContentWrapper .tabBar {
	width: auto;
	height: 34px;
	margin: 20px 12px 0 12px;
	background: url(images/tab_bar_border.png) repeat-x left 24px;
}

#ContentWrapper .tabBar ul {
	height: 46px;
	margin: 0 0 0 -6px;
	padding: 0;
}

#ContentWrapper .tabBar li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 6px 0 6px;
	border: 0;
	background: url(images/tab_bar_divider.png) no-repeat right top;
}

#ContentWrapper .tabBar li.last  {
	padding-right: 0;
	background: none;
}

#ContentWrapper .tabBar li a, #ContentWrapper .tabBar li a:visited {
	display: block;
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 2px 6px 14px 6px;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	/* IE fixes */
	_width: 0;
}

#ContentWrapper .tabBar li.current a,
#ContentWrapper .tabBar li.current a:hover {
	color: #fff;
	background: url(images/tab_bar_arrow.gif) center 0 no-repeat;
	text-decoration: none;
}

#ContentWrapper .tabBar li a:hover {
	color: #fff;
	background: url(images/tab_bar_arrow_hover.gif) center 0 no-repeat;
	text-decoration: none;
}

/* CONTENT */
div.content {
	float: none;
	width: 100%;
	padding: 0;
	/* IE fixes */
	_display: inline;
}
div.content div.column1, div.contentMain div.column1 {
	float: left;
	margin: 0 13px 0 0;
}
div.content div.column2, div.contentMain div.column2 {
	float: left;
	margin: 0 12px 0 0;
}
div.content div.column3, div.contentMain div.column3 {
	float: left;
	margin: 0;
}
div.content div.offer {
	margin: 12px 0 0 0;
}

div.content div.offer a.rolloverimagelink 
{
	display: block;
	z-index: 10; 
	width: 100%; 
	height: 100%;
}

div.content div.offer a.rolloverimagelink div
{
	height:100%;
}

div.content div.offer a.rolloverimagelink div:hover
{
	background-position: left -360px;
}

div.content div.offer a.rolloverimagelink span
{
	position: absolute;
	left: -999em;	
	overflow: hidden;
}

div.content div#offer1a,
div.content div#offer1a a.rolloverimagelink {
	width: 487px;
	height: 360px;
}

div.content div#offer1a a.rolloverimagelink div:hover {
	background-repeat: no-repeat;
}

div.content div#offer2a,
div.content div#offer2a a.rolloverimagelink {
	width: 232px;
	height: 232px;
}

div.content div#offer2a a.rolloverimagelink div:hover {
	background-repeat: no-repeat;
	background-position: left -232px;
	background-color: transparent;
	/* IE fixes */
	_background-position: left 0;
}

div.content div#offer2b,
div.content div#offer2b a.rolloverimagelink {
	width: 232px;
	height: 116px;
}

div.content div#offer2b a.rolloverimagelink div:hover {
	background-repeat: no-repeat;
	background-position: left -116px;
	background-color: transparent;
	/* IE fixes */
	_background-position: left 0;
}

div.content div#offer3a,
div.content div#offer3a a.rolloverimagelink {
	width: 231px;
	height: 360px;
}

div.content div#offer3a a.rolloverimagelink div:hover {
	background-repeat: no-repeat;
	background-position: left -360px;
	background-color: transparent;
	/* IE fixes */
	_background-position: left 0;
}

/* CONTENT MAIN */
#content_main {
	float: left;
	width: 707px;
	margin: 12px 12px 0 12px;
	/* IE fixes */
	_display: inline;
}
#content_main div.divider {
	clear: both;
	float: none;
	width: 100%;
	height: 30px;
	background: url(images/content_main_divider.png) repeat-x bottom left;
}
#content_main h1 {
	margin: 14px 0 0 -1px;
	padding: 0;
	color: #d21242 !important;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
}
#content_main div.tabBar {
	height: 34px;
	margin: 18px 0 0 0;
}
#content_main div.text {
	float: left;
	width: 463px;
	margin: 0 25px 0 0;
}
#content_main div.text p {
	margin: 16px 0 0 0;
	/*font-size: 0.9em;*/
	font-weight: normal;
}
#content_main div.text p.first, .ms-rteCustom-EersteParagraaf {
	font-weight: bold;
}
#content_main div.offers {
	float: left;
	width: 219px;
}
#content_main div.banner {
	width: auto;
	margin: 30px 0 0 0;
	padding: 12px 12px 20px 11px;
	color: #fff;
	background: #ec740f;
}
#content_main div.banner h2 {
	color: #fff;
	margin: -1px 0 0 -1px;
	padding: 12px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}
#content_main div.banner p {
	color: #fff;
	margin: 16px 0 0 0;
	font-size: 0.9em;
	font-weight: normal;
}
#content_main div.banner p.first {
	color: #fff;
	margin: 2px 0 0 0;
	font-weight: bold;
}
#content_main div.banner p.olo_button a {
	display: block;
	width: 55px;
	height: 17px;
	margin: 0 0 0 1px;
	padding: 3px 24px 2px 12px;
	color: #ec740f;
	background: url(images/button_link_banner.png) no-repeat left 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
}
#content_main div.banner p.olo_button a:hover {
	color: #d21242;
	background: url(images/button_link_banner.png) no-repeat left -22px;
}
#content_main div.banner p.olo_button_flex
{
	padding-bottom:0px;
	height:22px;
	position:relative;
}
#content_main div.banner p.olo_button_flex span {
	position:absolute;
	display: inline;
	margin: 0 0 0 1px;
	padding: 3px 0px 4px 0px;
	color: #ec740f;
	background: url(images/button_link_links.png) no-repeat left 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
}
#content_main div.banner p.olo_button_flex span:hover {
	color: #d21242;
	background: url(images/button_link_links.png) no-repeat left -22px;
}
#content_main div.banner p.olo_button_flex a {
	display: inline;
	height: 17px;
	margin: 2px 0 0 5px;
	padding: 3px 25px 4px 10px;
	color: #ec740f;
	background: url(images/button_link_rechts.png) no-repeat right 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
	background-color:#fff;
}
#content_main div.banner p.olo_button_flex a:hover {
	color: #d21242;
	background: url(images/button_link_rechts.png) no-repeat right -22px;
	background-color:#fff;
}
#content_main div.frame {
	width: auto;
	margin: 20px 0 0 0;
	padding: 8px 11px 11px 10px;
	border: 1px solid #e1e1e1;
	color: #414141;
}
#content_main div.frame h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
#content_main div.frame p {
	margin: 9px 0 0 0;
	font-size: 0.9em;
	font-weight: normal;
}
#content_main div.frame p.link {
	margin: 7px 0 0 0;
	padding: 0 0 0 15px;
	background: url(images/link.png) no-repeat 0 center;	
}
#content_main div.frame p.link a {
	display: inline;
	padding: 2px;
	color: #414141;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	/* IE fixes */
	_display: block;
	_width: 90%;
}
#content_main div.frame p.link a:hover {
	color: #fff;
	background: #ec740f;
	text-decoration: none;
}

/* 
	AddThis 
*/
#AddThis {
	z-index: 1000;
	width: auto;
	height: 24px;
	padding-bottom: 3px;
}
#content_main #AddThis p {
	float: left;
	margin: 7px 12px 0 0;
	font-size: 0.9em;
	font-weight: bold;
}
#AddThis ul {
	z-index: 1000;
	float: left;
	position: relative;
	height: 22px;
	margin: 0;
	padding: 0 8px 0 2px;
}
#AddThis li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
#AddThis li a {
	display: block;
	margin: 0 14px 0 0;
	padding: 7px 0 5px 28px;
	color: #666;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	background: none;
	/* IE fixes */
	_width: 0;
}
#AddThis li a.share{
	background: url(images/icon_share.gif) no-repeat 0 6px;
}
#AddThis li a.mail {
	background: url(images/icon_mail.gif) no-repeat 0 6px;
}
#AddThis li a.print {
	background: url(images/icon_print.gif) no-repeat 0 6px;
}
#AddThis li a:hover,
#AddThis li a.current,
#AddThis li a.current:hover {
	color: #d97a0e;	
	margin: 0 14px 0 0;
	padding: 7px 0 5px 28px;
	text-decoration: none;
	background-position: 0 -90px;
}
#AddThis ul ul {
	position: absolute;
	z-index: 1000;
	list-style: none;
	bottom: 999em;
	left: 0;
	width: 211px;
	height: 102px;
	margin: 0 0 -3px -3px;
	padding: 7px 0 12px 17px;
	background: url(images/dropdown_share_background.png) no-repeat;
	/* IE fixes */
	_background: url(images/dropdown_share_background.gif) no-repeat;
}
#AddThis li li p {
	clear: float;
	float: none;
	width: auto;
	height: 41px;
	margin: 0 0 10px 0;
	font-size: 0.9em;
	font-weight: bold;
}
#AddThis ul ul ul {
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#AddThis li li li {
	float: left;
	width: 76px;
	margin: 0 4px 8px 1px;
	padding: 0 0 0 20px;
	background: none;
}
#AddThis li li li a {
	display: block;
	margin: 0;
	padding: 0 2px 0 2px;
	color: #414141;
	font-weight: normal;
	background: none;
	/* IE fixes */
	_display: inline-block;
	_width: 90%;
}
#AddThis li li li a:hover {
	color: #fff;
	background: none;
	background: #ec740f;
	padding: 0 2px 0 2px;
}
#AddThis li.hyves {
	background: url(images/icon_hyves.gif) no-repeat;
}
#AddThis li.twitter {
	background: url(images/icon_twitter.gif) no-repeat;
}
#AddThis li.facebook {
	background: url(images/icon_facebook.gif) no-repeat;
}
#AddThis li.delicious {
	background: url(images/icon_delicious.gif) no-repeat;
}
#AddThis li.myspace {
	background: url(images/icon_myspace.gif) no-repeat;
}
#AddThis li:hover ul,
#AddThis li.sfhover ul {
	display: block;
	bottom: 25px;
}

/* CONTENT SUPP */
#content_supp {
	float: left;
	width: 219px;
	margin: 12px 0 0 13px;
	padding: 0 0 30px 0;
}

/* 	CARROUSEL */
#carrousel {
	width: 219px;
	margin: 0;
	color: #414141;
}
#carrousel div.header {
	z-index: 10;
	width: auto;
	margin: 0;
	padding: 9px 11px 12px 10px;
	background: url(images/carrousel_header.png) no-repeat;
}
#carrousel div.header h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
#carrousel div.content {
	overflow: hidden;
	z-index: 1;
	width: 219px;
	/*height: 460px;*/
	margin: 0;
	padding: 0;
	background: url(images/carrousel_content.png) repeat-x;
}
#carrousel div.content a span {
	position: absolute;
	left: -999em;
	overflow: hidden;
}
#carrousel div.content div.bottomDiv
{
	width:100%;
	height:2px;
	position:relative;
	bottom:2px;
	background: url(images/carrousel_content_footer.png) repeat-x;
	background-position:0 -48px;
}
#carrousel div.content a.topButton {
	overflow: hidden;
	z-index: 100;
	padding:0px 0px 0px 0px;
	margin-left:90px;
	width:32px;
	height:30px;
	display:block;
	background: url(images/carrousel_scroll_top.png) left 0 transparent no-repeat;
	/* IE fixes */
	_background: url(images/carrousel_scroll_top.gif) left 0;
}

#carrousel div.content a.topButton:hover {
	background-position:0 -30px;
}
#carrousel div.content a.topButton div {
	width:32px;
	height:30px;
}
#carrousel div.content a.bottomButton div {
	width:24px;
	height:23px;
}
#carrousel div.content a.bottomButton {
	overflow: hidden;
	z-index: 100;
	padding:0px 0px 0px  0px;
	margin-left:90px;
	width: 24px;
	height: 23px;
	display:block;
	/*top:1px;*/
	position:relative;
	background: url(images/carrousel_scroll_bottom.png) left 0 transparent no-repeat;
	/* IE fixes */
	_bottom: -1px;
	_background: url(images/carrousel_scroll_bottom.gif) left 0;
}

#carrousel div.content a.bottomButton:hover {
	background-position: 0 -23px;
}

#carrousel div.containerZonderPijl{
	margin:33px 0px 0px 0px !important;
	width:219px;
}

#carrousel div.container{
	margin:0px !important;
	width:219px;
	height:360px;
	overflow:hidden;
}

#carrousel div.container ul, #carrousel div.containerZonderPijl ul {
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	/* Fix design when javascript isn't loaded. */
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1;
}

#carrousel div.offer {
	z-index: 1;
	height: 175px;
	margin: 0;
	padding: 5px 12px 5px 12px;
	background:url('images/content_main_divider.png') repeat-x bottom;
}
#carrousel div.offer img {
	margin: 0 0 4px 0;
}
#carrousel div.offer a {
	display: block;
	width: auto;
	height: 150px;
	margin: 0;
	padding: 0 0 11px 0;
	color: #414141;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#carrousel div.offer a:hover {
	background-color:#fff;
}
#carrousel div.offer .offertekst{
	margin-top:80px;
	z-index:201;
}

#carrousel div.offer .offertekstzonderactie{
	margin-top:80px;
	z-index:201;
}

#carrousel img.specialzonderactie
{
	z-index: 200;
	width: 210px;
	height: 48px;
	background-position:170px 11px;
	/* IE fixes */
	_right: 3px;
	_background: url(images/special.gif) no-repeat;

}
#carrousel img.special {
	z-index: 200;
	width: 210px;
	height: 48px;
	background: url(images/special.png) no-repeat;
	background-position:170px 11px;
	/* IE fixes */
	_right: 3px;
	_background: url(images/special.gif) no-repeat;
}

/* FRAME */
#content_supp div.frame {
	width: auto;
	margin: 20px 0 20px 0;
	padding: 8px 11px 11px 10px;
	border: 1px solid #e1e1e1;
	color: #414141;
}
#content_supp div.frame h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
#content_supp div.frame p {
	margin: 9px 0 0 0;
	font-size: 0.9em;
	font-weight: normal;
}
#content_supp div.frame p.olo_button a {
	display: block;
	width: 72px;
	height: 17px;
	margin: 0 0 0 1px;
	padding: 3px 24px 2px 12px;
	color: #fff;
	background: url(images/button_link_frame.png) no-repeat left 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
}
#content_supp div.frame p.olo_button a:hover {
	color: #fff;
	background: url(images/button_link_frame.png) no-repeat left -22px;
}

#content_supp div.frame div.columnheader {
	color: #414141; 
	display: block; 
	font-family: Arial! important;
	font-weight: bold; 
	font-size: 16px! important; 
	margin-bottom: 6px; 
}

#content_supp div.frame div.greyBackground {
	background-color: #e1e1e1;
	padding: 6px; 
}

/* 
	SHOP 
*/
#shop, #editmode div.shop {
	width: 100%;
	margin: 24px 0 0 0;
	color: #414141;
	/* IE fixes */
	_display: inline;
}
#shop div.offer, #editmode div.offer{
	overflow:hidden;
	position: relative;
	z-index: 1;
	float: left;
	width: 195px;
	height: 178px;
	margin: 0;
	padding: 25px 26px 12px 23px;
	background: url(images/shop_content.png) no-repeat top right;
}
#shop div.offer.last {
	width: 195px;
	padding: 25px 24px 12px 23px;
	background: url(images/shop_content_last.png) no-repeat top right;
	/* IE fixes */
	_padding: 25px 23px 12px 23px;
}
#shop div.offer img {
	margin: 0 0 7px 0;
	border: 1px solid #e1e1e1;
}
#shop div.offer a {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 0 11px 0;
	color: #414141;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

#shop div.offer a:hover{
	background-color:transparent;
}

#shop div.offer img.special {
	position: absolute;
	z-index: 100;
	right: -9px;
	top: 11px;
	width: 37px;
	height: 37px;
	border: 0;
	background: url(images/special.png) no-repeat;
	/* IE fixes */
	_right: 12px;
	_background: url(images/special.gif) no-repeat;
}
#shop div.offer div.overlay {
	position: absolute;
	z-index: 1000;
	top: 13px;
	left: 11px;
	width: 196px;
	height: 161px;
	margin: 0;
	padding: 11px 12px 9px 11px;
	color: #fff;
	background-color: #ec740f;
}
#shop div.overlay h2 {
	color: #fff;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}
#shop div.overlay p {
	color: #fff;
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.5em;
}
#shop div.overlay div.divider {
	position: absolute;
	left: 12px;
	bottom: 44px;
	width: 196px;
	height: 2px;
	background: url(images/overlay_divider.png) repeat-x bottom left;
}
#shop div.overlay p.price {
	position: absolute;
	bottom: 12px;
	width: 160px;
	margin: 12px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#shop div.overlay p.price span {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
}
#shop div.overlay p.olo_button a {
	display: block;
	left: 0;
	position:absolute;
	bottom:-12px;
	width: 217px;
	height: 100%;
	margin: 0 12px 12px 0;
	padding: 0;
	color: #ec740f;
	background: url(images/button_overlay.gif) no-repeat bottom right;
}
#shop div.overlay p.olo_button a span {
	position: absolute;
	left: -999em;
	overflow: hidden;
}

/* IFrame Popup */
/* Needs to be fixed! */
.popupHeader
{
    height: 60px;
    padding: 0px 25px 15px 25px;
    background-color: #d21242;
    font-size: 24px !important;
    color: #fff !important;
    font-weight: bold !important;
    vertical-align: bottom;
    width:756px;
}

.popupHeaderSmall
{
    height: 10px;
    padding: 0px 25px 15px 25px;
    background-color: #d21242;
    font-size: 24px !important;
    color: #fff !important;
    font-weight: bold !important;
    vertical-align: bottom;
	width:756px;
}

.headerclosebutton
{
	float:right;
	margin: 10px 0px 0px 6px;
	padding: 2px 0px 0px 0px;
}

.headerclosetext, .adviesmoduleheaderclosetext
{
	float: right;
	color: #fff !important;
	font-family: Verdana;
	font-size: 8pt !important;
	cursor: pointer;
	padding: 2px;
	margin: 5px 0px 0px 6px;
	font-weight: normal !important;
}

.adviesmoduleheaderclosetexthover
{
	background-color: #fff !important;
	color: #d21242 !important;
}

.popupHeader .headertext
{
	padding: 24px 0px 0px 0px;
	width:463px;
	float: left;
	font-size: 24pt !important;
	color: #fff !important;
	font-weight: bold !important;
	font-family: Arial, Verdana, Sans-Serif !important;
	line-height: 38px;
}

.VraagEnAntwoordKader
{
	border: 1px #e1e1e1 solid;
	padding: 12px 12px 14px 12px;
}
.VraagEnAntwoordKader ul li a
{
	text-decoration: none !important;
}
.VraagEnAntwoord
{
	list-style-image: url('/Style%20Library/Images/EnecoOnline/pijl_rechts.png');
	margin:  0px 0px 0px 20px;
}

.VraagEnAntwoord a
{
	padding-left:0px;
	padding-right:0px;
}

.VraagEnAntwoord li
{
	margin-bottom: 6px;
}
div.VraagEnAntwoordKader ul.VraagEnAntwoord li a
{
	padding-bottom: 2px !important;
	padding-top: 2px !important;
}
.MeerVraagEnAntwoord
{
	font-weight: bold;
}
#VraagEnAntwoordFrame
{
	width: 800px;
	height: 528px;
	border: 0px;
	background-color: #ffffff;
}

.modalBackground 
{ 
	position:absolute;
	z-index:10000;
	background-color:#808080;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* End IFrame Popup*/

div.FooterSelectItems {
	WIDTH: 219px; 
}


/*

*/
#ContentWrapper p
{
	font-family:		verdana, arial, sans-serif;
	color:				#414141;
	line-height:		16px;
	padding:			0px 0px 0px 0px;
	margin:				0px;
	font-size:			1.0em;
}

.ms-rteCustom-noHover:hover {
	background-color:transparent !important;
}

.ms-rteCustom-ProductKop
{
	font-family: Arial, Verdana;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color:#414141;
	margin-bottom:20px;
}

A.ms-rteCustom {}
#ContentWrapper A.ms-rteCustom-link, 
#ContentWrapper A.ms-rteCustom-link:link, 
#ContentWrapper A.ms-rteCustom-link:visted, 
#ContentWrapper A.ms-rteCustom-link:active
{
	color:#414141;
	text-decoration:none;
	line-height:16px;
	cursor:pointer;
}
#ContentWrapper A.ms-rteCustom-link:hover
{
	color:#FFFFFF;
	background-color:#ec740f;
	line-height:16px;
	text-decoration:none;
	cursor:pointer;
}

.ms-rteCustom-pijlLink {}
#ContentWrapper A.ms-rteCustom-pijlLink
{
	background-image: url('/Style%20Library/Images/EnecoOnline/pijl_rechts_nobg.png');
	background-repeat: no-repeat;
	background-position: 0px -3px;
	padding-left:20px;
	text-decoration:none !important;
}
#ContentWrapper A.ms-rteCustom-pijlLink:hover
{
	background-image: url('/Style%20Library/Images/EnecoOnline/pijl_rechts_bgwit.png');
	background-color: #ec740f;
	text-decoration:none;
}

A.ms-rteCustom-imagebutton{}
#ContentWrapper A.ms-rteCustom-imagebutton, 
#ContentWrapper A.ms-rteCustom-imagebutton:link, 
#ContentWrapper A.ms-rteCustom-imagebutton:visted, 
#ContentWrapper A.ms-rteCustom-imagebutton:active
{
	color:#414141;
	text-decoration:none;
	line-height:16px;
	cursor:pointer;
}
#ContentWrapper A.ms-rteCustom-imagebutton:hover
{
	color:#414141;
	background-color:Transparent !important;
	line-height:16px;
	text-decoration:none;
	cursor:pointer;
}

/* Begin EOL Fixes*/
.dottedline 
{
	position: static;
	margin-left:-12px;
}

div#BodyContainer div#LogoBar div#TopBar span#SiteActionMenu
{
	z-index:0 !important;
	margin-top: -8px !important;
	position: static;
}
div#FooterBar div.footer div#PayOff 
{
	position: static;
	margin-top: 10px;
}

.contentMainFooter{
	clear:both;
}
/*div.footer div#Disclaimer span.buttons
{
	position: static;
}

div.footer div#Disclaimer span.buttons img.cursorPointer
{
	margin-top: 6px;
}*/
/* End EOL Fixes */