/* reset
------------------------------------------------------------------*/
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; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: 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; }

/* general
------------------------------------------------------------------*/
body { background:#fff url(../images/bg_body.jpg) 50% 0 repeat-x; color: #424242; font: 12px/16px 'lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
h1 { position: absolute; top: -34px; left: 16px; width: 700px; color: #fff; font-size: 25px; line-height: 30px; font-weight: normal; }
h2 { margin: 0 0 16px 0; color: #e42518; font-size: 24px; line-height: 26px; font-weight: normal; }
h3 { margin: 0 0 16px 0; color: #313030; font-size: 15px; line-height: 17px; font-weight: normal; }
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #000; }
a:hover { color: #000; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 9px; }
sub { top: 4px; font-size: 9px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 978px; margin: 0 auto; }
#header { position: relative; width: 978px; height: 133px; /*background: url(../images/bg_header.png) 210px 0 no-repeat;*/ }
#navigation { position: relative; height: 70px; background: #fd770a url(../images/bg_navigation.gif) 34px repeat-x; }
#content { position: relative; width: 946px; padding: 16px 16px; background: #fff; }
#bottombar { width: 946px; padding: 4px 4px 4px 16px; background: #968576; }
#footer { margin: 10px 0 0 0; padding: 0 6px; font-size: 10px; color: #968576; }

/* header
------------------------------------------------------------------*/
#banner { position: absolute; top: 0; left: 218px; width: 249px; height: 133px; }
#banner img { position: absolute; top: 0; left: 0; width: 249px; height: 133px; }

#logo { position: absolute; top: 8px; left: 16px; width: 201px; height: 79px; }

#userActions { position: absolute; top: 8px; right: 8px; width: 600px; font-size: 11px; text-align: right; }
#changeCountry,
#nl { padding-left: 16px; }
.language { text-transform: uppercase; }
#userActions a:hover { text-decoration: none; }
#userActions .active { font-weight: bold; text-decoration: none; }

#welcome { position: absolute; top: 30px; right: 8px; width: 600px; color: #000; font-size: 11px; text-align: right; }

/*#languages { float: right; width: 60px; margin: 0 0 0 16px; }
#languages li { float: left; }
#languages li a { padding: 0 5px; font-size: 12px; text-decoration: none; text-transform: uppercase; }
#languages li.active a,
#languages li a:hover { font-weight: bold; }*/

#taalkeuze { position: absolute; right: 0; top: 17px; z-index: 50; padding: 5px 5px 3px; border: 1px solid #3e2b19; background: #fff; }
#taalkeuze form { margin: 0; }
#taalkeuze select { float: left; margin: 0 0 0 5px; }
#taalkeuze .button { float: left; width:auto; margin-left: 8px; padding: 0 8px 0 0; text-decoration: none; }
#taalkeuze .button span { padding: 0 0 0 8px; color: #fff; }
#closeTaalkeuze { clear: left; display: block; font-size: 10px; line-height: 12px; text-align: center; }

#hairplus { position: absolute; bottom: 3px; left: 500px; width: 137px; height: 28px; background: url(/images/btn_hairplus.png) no-repeat; text-indent: -9999px; cursor: pointer; }
#hairplus.active,
#hairplus:hover { background: url(/images/btn_hairplus_ho.png) no-repeat; }
#beautyplus { position: absolute; bottom: 3px; left: 640px; width: 136px; height: 28px; background: url(/images/btn_beautyplus.png) no-repeat; text-indent: -9999px; cursor: pointer; }
#beautyplus.active,
#beautyplus:hover { background: url(/images/btn_beautyplus_ho.png) no-repeat; }

#searchForm { position: absolute; bottom: 6px; right: 0; width: 205px; margin: 0; text-align: right; }

/* navigation
------------------------------------------------------------------*/
#tabs #navigation { height: 90px; }
#navigation ul { height: 24px; margin: 0; padding: 10px 0 0 0; background: #030d17; }
#navigation li { float: left; }
#navigation a { display: block; padding: 0 16px; border-left: #fff 2px solid; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#navigation .first a { border: none; }
#navigation .active a,
#navigation a:hover { color: #fb8523; }

#navigation ul ul {  background: none; }
#navigation ul .subnav,
#navigation ul .subnavTabs { position: absolute; display: none; padding: 0; }
#navigation ul .active .subnav,
#navigation ul .active .subnavTabs { display: block; height: 44px; }
#navigation ul .subnavTabs { top: 46px; left: 0; width: 978px; }
#navigation ul .subnavTabs a { display: block; width: auto; height: 44px; /*padding: 0 4px 0 0;*/ padding: 0 10px 0 0; border: none; background: url(../images/bg_subnavTabs.gif) top right repeat-x; color: #fff; font-size: 15px; font-weight: normal; text-transform: none; cursor: pointer; }
#navigation ul .subnavTabs a:hover { color: #f7dfbe; }
#navigation ul .subnavTabs .active a { background: url(../images/bg_subnavTabs_act.gif) top right repeat-x; color: #614730; }
#navigation ul .subnavTabs .active a:hover { color: #614730; }
#navigation ul .subnavTabs a.last { padding: 0 20px 0 0; background: url(../images/bg_subnavTabs_last.gif) top right no-repeat; }
#navigation ul .subnavTabs .active a.last { background: url(../images/bg_subnavTabs_last_act.gif) top right no-repeat; }
#navigation ul .subnavTabs a span { display: block; width: auto; height: 26px; /*padding: 18px 0 0 20px;*/ padding: 18px 0 0 25px; background: url(../images/bg_subnavTabs_span.gif) top left no-repeat; }
#navigation ul .subnavTabs .active a span { background: url(../images/bg_subnavTabs_act_span.gif) top left no-repeat; }
#navigation ul .subnavTabs a.first span { /*padding-left: 20px;*/ padding-left: 25px; background: url(../images/bg_subnavTabs_first_span.gif) top left no-repeat; }
#navigation ul .subnavTabs .active a.first span { background: url(../images/bg_subnavTabs_first_act_span.gif) top left no-repeat; }
#navigation ul .subnavTabs .next a span { background: url(../images/bg_subnavTabs_next_span.gif) top left no-repeat; }

#navigation ul .subnav { top: 38px; left: 16px; }
#navigation ul .subnav li h1 { color: #fff; font-size: 25px; line-height: 25px; }

/* content
------------------------------------------------------------------*/
.blocks { margin: 0 0 5px 0; }
.blocks ul { margin: 0 0 14px 16px; list-style-type: disc; }
.blocks ol { margin: 0 0 14px 24px; list-style-type: decimal; }
.blocks .bestand { text-decoration: none; }
.blocks .bestand img { margin-right: 5px; }
.blocks .bestand span { text-decoration: underline; }
.blocks .big { margin: 10px 0; }

#linkWrap { margin-bottom: 16px; }
.aboutLink { position: relative; float: left; overflow: hidden; display: block; width: 204px; height: 268px; margin: 0 43px 0 0; background: #fd7a10; text-decoration: none; cursor: pointer; z-index: 10; }
#aboutCorporate { margin-right: 0; }
/*.aboutLink span.imgWrap { overflow: hidden; display: block; height: 240px; width: 204px; }*/
.aboutLink span.label { position: absolute; display: block; bottom: 0; left: 0; width: 182px; height: 23px; margin: 0; padding: 5px 0 0 22px; background: #fd7a10 url(../images/arrowRight.gif) 10px 9px no-repeat; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; z-index: 12; }

/*#aboutNav { clear: both; margin: 0; padding: 16px 0 10px 0; }
#aboutNav li { display: inline; padding-right: 28px; color: #968576; font-size: 13px; font-weight: bold; }
#aboutNav li a { color: #fd7a10; font-size: 13px; font-weight: bold; }
#aboutNav li a:hover { color: #968576; }*/

#faqLink { position: absolute; top: 20px; right: 250px; width: 50px; height: 20px; padding: 2px 0 0 24px; background: #fd7a10 url(../images/arrowRight.gif) 10px 6px no-repeat; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }

.button { display: block; width:auto; height: 17px; padding: 0 16px 0 0; background: url(../images/bg_meerInfo.gif) top right no-repeat; text-decoration: none; }
.button span { display: block; width: auto; height: 17px; padding: 0 0 0 16px; background: url(../images/bg_meerInfo_span.gif) top left no-repeat; color: #fff; white-space: nowrap; }

.error { color: #ff0000; }

/* promotion
----------------*/
.promotions #content { padding-bottom: 0; }
#promoOverview { margin: 0; list-style-type: none; }
#promoOverview li { float: left; width: 236px; margin: 0 0 16px 0; background: url(../images/bg_promoOverview_li.gif) bottom left no-repeat; }
#promoOverview li.superPromo { width: 472px; background: url(../images/bg_promoOverview_li_superPromo.gif) bottom left no-repeat; }
#promoOverview .first { background: none; }

.promo { position: relative; float: left; overflow: hidden; width: 216px; height: 305px;/*height: 220px;*/ margin: 0 0 16px 0; padding: 0 10px; background: url(../images/bg_smallPromo.gif) top left no-repeat; line-height: 14px; }
.superPromo .promo { width: 452px; }
.firstPromo { background: none; }
#action2 { background: none; }
.promo h2 { margin-bottom: 10px; padding-right: 10px; font-size: 18px; font-weight: bold; line-height: 22px; }
.promo .description { color: #000; font-weight: bold; }
.superPromo .promo .description { font-size: 16px; line-height: 20px; }
.promo p { margin: 0 0 5px 0; }
.promo .strikePrice { text-decoration: line-through; }
.promo .boldPrice { font-weight: bold; }
.promo .promoPrice { color: #000; }
.superPromo .promo .strikePrice,
.superPromo .promo .boldPrice,
.superPromo .promo .normalPrice,
.superPromo .promo .promoPrice { font-size: 14px; line-height: 18px; }
/*.promo h2 { margin: 0 0 16px 0; color: #e42518; font-size: 24px; line-height: 26px; font-weight: bold; }*/
/*.promo h2 span { display: block; margin: 0 0 0 0; color: #000; font-size: 10px; line-height: 12px; font-weight: bold; }*/
/*.promo p { margin-bottom: 40px; }*/
#action p,
#action2 p { margin: 0 0 5px 0; font-size: 15px; line-height: 17px; }
#action strong,
#action2 strong { color: #e42518; }
#action small,
#action2 small { font-size: 12px; line-height: 14px; }
#action,
#action2 { width: 442px; /*height: 220px;*/ background-position: top right; }
.hotPromos .promo { background: none; }

.logoPromo { position: absolute; bottom: 6px; left: 16px; }

/*p.pieces { margin-bottom: 5px; font-weight: bold; }
p.pieces span { font-size: 10px; }*/

#downloadFolder { position: absolute; top: -38px; right: 16px; width: auto; height: 31px; padding: 8px 0 0 26px; background: url(../images/bg_downloadFolder.gif) no-repeat; color: #fff; }

/* training
----------------*/
#trainingWrap,
#trainingOverview { float: left; width: 706px; margin: 0; color: #6b6560; font-size: 13px; }
#trainingDetailOverview { width: 516px; font-size: 12px; }
#trainingDetailOverview td { border-bottom: #ddd 1px solid; }
#trainingDetailOverview.calendarOverview { width: 100%; }
.overview th { background: #fd7a10; color: #fff; font-weight: normal; white-space: nowrap; }
.overview th { padding: 6px 8px 4px 8px; text-align: left; }
.overview td { padding: 6px 8px; vertical-align: top; }
#trainingOverview td { /*height: 100px;*/ padding: 10px 8px 2px 8px; }
/*#trainingOverview td.startDate div { position: relative; height: 100px; white-space: nowrap; }*/
.type,
.training strong { color: #030d17; font-weight: bold; }
.type img { display: block; margin: 4px 0 0 0; }
.prijs,
.overview th.prijs { text-align: right; white-space: nowrap; }
#trainingOverview td.information { padding: 8px; border-bottom: #fd7a10 1px solid; }
#trainingOverview tr.more td,
#trainingOverview td.more { height: 17px; padding: 0 8px 8px 8px; text-align: right; border-bottom: #fd7a10 1px solid; }
/*#trainingOverview .button { position: absolute; bottom: 10px; right: 0; }*/
.overview .button { float: right; }
/*.overview .button span { display: block; width: auto; height: 17px; padding: 0 0 0 16px; background: url(../images/bg_meerInfo_span.gif) top left no-repeat; color: #fff; }*/

#trainingWrap .img_left { margin-right: 20px; }

#trainingDetail #introtext { margin-bottom: 16px; color: #313030; }

#trainingForm { margin-top: 4px; }
#trainingForm select { width: 155px; margin-right: 20px; }
#trainingForm select#start { margin-right: 0; }

#infoBlock { float: right; width: 204px; padding: 14px 0 0 0; background: url(../images/bg_infoBlock.gif) no-repeat; color: #614730; }
#infoBlockEnd { width: 204px; overflow: hidden; height: 10px; background: url(../images/bg_infoBlockEnd.gif) no-repeat; }
#infoBlock h2 { margin: 0 18px 12px 18px; color: #614730; font-size: 14px; font-weight: bold; }
#infoBlock p { margin: 0 18px 10px 18px; }
.findStore { color: #614730; font-weight: bold;text-transform: uppercase; }

#kalender { clear: right; float: right; width: 204px; margin: 20px 0 0 0; }
.nameMonth { height: 27px; padding: 0; background: url(../images/bg_nameMonth.gif) no-repeat; color: #fff; font-size: 16px; line-height: 24px; text-align: center; }
a.previousMonth { float: left; width: 20px; height: 27px; background: url(../images/bg_prevMonth.gif) no-repeat; }
a.nextMonth { float: right; width: 20px; height: 27px; background: url(../images/bg_nextMonth.gif) no-repeat; }
#nameDay { margin: 5px 0 5px 6px; color:#9a8d87; /*text-align: center;*/ letter-spacing: 8px; }
/*#days { float: left; }
#days div {	clear:both;	overflow:hidden; }*/
#days a,
#days span { position: relative; display: block; float: left; width: 26px; height: 22px; margin: 0 0 2px 2px; padding: 5px 0 0 0; background: #9a8d87; color: #fff; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; }
#days span.empty { background: none; }
#days .past {background-color: #f1efee; color: #9a8d87; }
#days a.selection { background: #fd7a10; color: #000; }
#days a span.type { display: none; position: absolute; top: -20px; left: -38px; width: 38px; height: 18px; padding: 3px 0 0 3px; background: #fcefbb; border: #fd7a10 1px solid; color: #614730; }
#days a:hover span.type { display: block; z-index: 50; }
#legende { margin: 5px 0 0 0; font-size: 11px; color: #9a8d87; }

/* hair / beauty
----------------*/
#brands #content { width: 952px; padding: 16px 13px; }
#brandsOverview { margin: 0; list-style-type: none; }
#brandsOverview li { position: relative; float: left; overflow: hidden; width: 119px; height: 66px; }
#brandsOverview li a { display: block; width: 112px; height: 59px; padding: 7px 0 0 7px; background: url(../images/bg_brands.gif) no-repeat; }
#brandsOverview li a img { opacity:0.4;filter:alpha(opacity=40) }
#brandsOverview li a:hover { background: url(../images/bg_brands_ho.gif) no-repeat; }
#brandsOverview li a:hover img { opacity:1;filter:alpha(opacity=100) }
.transparent { position: absolute; top: 0; left: 0; }

#backTo { position: absolute; top: -24px; right: 16px; display: block; width: auto; margin: 0 0 10px 0; padding: 0 0 0 14px; /*background: url(../images/bg_backTo_orange.gif) 0 4px no-repeat; color: #fd7a10;*/background: url(../images/bg_backTo.gif) 0 4px no-repeat; color: #fff; }
/*#backTo.brands { position: absolute; top: -24px; right: 16px; background: url(../images/bg_backTo.gif) 0 4px no-repeat; color: #fff; }*/

#sfeerbeeld { margin-bottom: 0; }
#mainContent { float: left; width: 450px; padding: 0 0 0 24px; }
#mainContent.noSidebar { width: 600px; }
#mainContent #detailLogo { margin: 0 0 30px 0; }

#links { float: right; width: 180px; }
.link { margin: 46px 0 0 0; }
.link img { margin: 0 0 4px 0; }
.link a { color: #614730; /*font-size: 12px;*/ }
.link a:hover { color: #000; }
.file { display: block; margin: 20px 0 0 0; color: #614730; /*font-size: 12px;*/ text-decoration: none; }
.file span { text-decoration: underline; }
.file img { margin: 0 5px 0 0; }

#links #indekijker { width: 180px; margin: 20px 0 0 0; padding: 10px 0 0 0; background: url(../images/bg_brands_indekijker.gif) no-repeat; }
#links #indekijkerBottom { width: 180px; overflow: hidden; height: 10px; background: url(../images/bg_brands_indekijkerBottom.gif) no-repeat; }
#links #indekijker #slogan { margin: 0 10px 5px 10px; color: #030d17; font-size: 14px; font-weight: bold; }
#links #indekijker img { display: block; margin: 0 10px 10px 10px; }
#links #indekijker p { margin: 0 10px; color: #424242; font-size: 11px; }
#links #indekijker a { color: #424242; font-size: 11px; }

/* hair plus
----------------*/
#hairPlus #content,
#hairPlus #bottombarWrap { background: #313030; }
#hairPlus #mainContent,
#beautyPlus #mainContent { padding: 0; width: 700px; }
#hairPlus h2,
#beautyPlus h2 { color: #fc7e17; }
#hairPlus h3,
#hairPlus h4,
#hairPlus p { color: #fff; }

/*#hairPlus #mainContent .blocks img { float: left; }*/
.textdiv { float: left; width: 450px; }
.noImage { width: 700px; }

#hairPlus #links #indekijker,
#beautyPlus #links #indekijker { margin: 0; }
#hairPlus #links #indekijker { background: url(/images/bg_hairplus_indekijker.gif) no-repeat; }
#hairPlus #links #indekijkerBottom { height: 15px; background: url(/images/bg_hairplus_indekijkerBottom.gif) no-repeat; }
#hairPlus .link,
#beautyPlus .link { margin: 0 0 10px 0; }

/* beauty plus
----------------*/

/* login
----------------*/
#loginRegisterWrap { position: relative; margin-bottom: 10px; background: url(../images/bg_loginRegisterWrap.gif) no-repeat; }
#loginRegisterWrapEnd { clear: both; overflow: hidden; width: 566px; height: 10px; background: url(../images/bg_loginRegisterWrapEnd.gif) no-repeat; }
#login { margin-right: 14px; }
.loginRegister { float: left; width: 228px; padding: 20px 24px 46px 24px; }
.loginRegister h2 { margin: 0 0 16px 0; color: #030d17; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.loginRegister p,
.loginRegister form { margin: 0 0 16px 0; }
.loginRegister form { margin-bottom: 0; }
.loginRegister label { display: block; margin: 6px 0 2px 0;}
.loginRegister input { width: 226px; height: 17px; padding: 6px 2px 2px 2px; background: #ffd1ab; border: none; }
.loginRegister input.error { width: 205px; margin-right: 5px;}
.loginRegister label.error { display: inline; margin: 0; }
#forgotPassword { color: #614730; font-size: 11px; }
#forgotPassword:hover { color: #000; }
#loginSubmit,
#registerBtn { position: absolute; bottom: 15px; width: 276px; padding: 10px 0 5px 0; text-align: center; }
#loginSubmit { left: 0; }
#registerBtn { left: 290px; }
#loginSubmit input,
#registerBtn a { padding: 3px 24px; width: auto; height: 26px; background: #614730; color: #fff; font-size: 13px; }
#registerBtn a { padding: 5px 24px; text-decoration: none; }

/* forms
----------------*/
#contactForm { padding-left: 16px; }
#contactForm select { margin: 4px 0; }
#contactForm label { float: none; display: block; width: auto; margin: 4px 0 0 0; }
#contactForm input { /*float: none;*/ width: 350px; height: 15px; }
#contactForm textarea { width: 350px; margin-bottom: 10px; }
form #btnSubmit { overflow: visible; display: block; width: auto; height: 17px; margin: 0; padding: 0 10px 0 0; background: url(../images/bg_meerInfo.gif) top right no-repeat; border: none; color: #fff; text-decoration: none; cursor: pointer; }
#submitEnd { float: left; width: auto; height: 17px; margin: 0; padding: 0 0 0 10px; background: url(../images/bg_meerInfo_span.gif) top left no-repeat; }
form small { clear: left; display: block; margin: 0 0 8px 0; font-size: 10px; }

#contactInfo { float: right; width: 204px; padding: 20px 0 0 0; background: url(../images/bg_infoBlock.gif) no-repeat; color: #614730; }
#contactInfoEnd { overflow: hidden; width: 204px; height: 10px; background: url(../images/bg_infoBlockEnd.gif) no-repeat; }
#contactInfo h2 { margin: 0 24px 16px 24px; color: #614730; font-size: 13px; font-weight: bold; }
#contactInfo p { margin: 0 24px 16px 24px; }

#registerForm label,
#trainingEventForm label { float: left; width: 160px; }
#registerForm input,
#trainingEventForm input { float: left; width: 260px; }
#registerForm input#btnSubmit,
#trainingEventForm input#btnSubmit { float: none; width: auto; }
#registerForm fieldset,
#trainingEventForm fieldset { padding: 20px 0; }
#trainingEventForm fieldset#trainingInfo { padding-bottom: 0; }
#personal,
#activity,
#professional,
#protection { border-bottom: #424242 1px solid; }
legend { margin: 0 0 16px 0; color: #e42518; font-size: 24px; line-height: 28px; }
#registerForm div,
#trainingEventForm div { margin: 0 0 5px 0; }
#birthdate input { float: none; width: auto; }
#sex input,
#profession input,
#activity label,
#registerForm label.fullwidth,
#address label { width: auto; }
#sex label,
#profession label { width: auto; margin-right: 20px; }
#activity input,
#registerForm #btwaanvraag { width: auto; margin-left: 160px; }
#registerForm #profession,
#registerForm #location select { margin-left: 160px; }
#files { padding-left: 160px; }
#protection label { float: none; display: block; width: auto; margin: 0 0 3px 0; }
#protection input { float: none; margin: 0 0 10px 0; }
#location label { margin: 0 0 3px 0; }
#labels { float: left; width: 160px; }
#registerForm #zip,
#trainingEventForm #zip { width: 60px; }
#registerForm #city,
#trainingEventForm #city { width: 185px; margin-left: 10px; }

dl { font-size: 14px; line-height: 18px; }
dt { clear: left; float: left; width: 160px; font-weight: bold; }
dd { margin: 0 0 3px 160px; }

#registerForm label.error,
#trainingEventForm label.error,
#contactForm label.error { display: inline; width: auto; padding-left: 3px; color: red; }
input.error { padding:4px 3px; }
input.error,
select.error,
textarea.error,
#contactForm select.error,
#contactForm textarea.error { background:#FFF2F2; border:1px solid red; }
#registerForm #city.error,
#trainingEventForm #city.error { width: 175px; }

/* search  results
----------------*/
#resultList { margin: 20px 0 0 50px; color: #fd770a; list-style-type: square; }
#resultList li .file { display: inline; margin: 0; color: #000; text-decoration: underline; }
#resultList span { color: #6B6560; }

/* store locator
----------------*/
#storelocator { color: #B3ABA5; }
#storelocator #content { min-height: 520px; padding-top: 20px; background: #313030 url(/images/bg_storelocator.png) repeat-x; }

#storeForm { float: left; width: 171px; padding-bottom: 60px; border-right: 1px solid #b3aba5; }
#storeForm div { margin-bottom: 15px; }
#storeForm label { display: block; padding-bottom: 5px; }
#storeForm .check input { float: left; }
#storeForm .check label { float: left; width: 140px; padding-left: 5px; }
#storeResult { float: left; width: 225px; padding-left: 20px; }
#storeAddress a { color: #fff; }
#storeAddress a:hover { color: #ff8725; }
#storeName { color: #ff8725; font-size: 20px; line-height: 21px; }
#openinghours span { color: #fff; line-height: 28px; }
#storeMap { position: absolute; right: 10px; top: 26px; width: 530px; height: 500px; }
#storeMap a { color: #B3ABA5; }

/* bottombar
------------------------------------------------------------------*/
#bottombarWrap { padding: 0 6px 6px 6px; background: #fff; }
#storelocator #bottombarWrap { background: #313030 url(/images/bg_storelocator.png) repeat-x; }
#bottombar form,
.indekijker { width: 300px; color: #fff; }
.indekijker { overflow: hidden; height: 105px; }
#bottombar form,
#indekijker1 { float: left; margin: 0 10px 0 0; }
#indekijker2 { float: right; }
#bottombar .indekijker img { float: right; margin: 0 0 0 5px; }
#bottombar .indekijker h2 { width: 110px; }
#bottombar form div { margin-top: 2px; }
#bottombar form label { padding: 0 5px; }
#bottombar #emailInput { float: left; width: 185px; height: 17px; margin-right: 4px; padding: 3px 10px; background: #cbc2bb; border:#968576 1px solid; font-size: 13px; font-family: Arial, sans-serif; color: #5b5555; vertical-align: middle; }
#bottombar #btnSubmit { height: 25px; width: 20px; margin: 0; background: url(../images/bg_newslettreSubmit.gif) no-repeat; border: none; vertical-align: middle; }
#inputfield label.error { position: absolute; top: -9999px; }
#bottombar #emailInput.error { height: 17px; border: red 1px solid; }
#bottombar h2 { margin: 0; font-size: 20px; color: #fff; font-weight: normal; }
#bottombar form h2 { margin: 0 0 10px 0; }
#bottombar a { color: #fff; }

/* footer
------------------------------------------------------------------*/
#footer p { float: left; width: 600px; }
#footer a { font-size: 10px; color: #968576; }
#footer #facebookTwitter { float: right; width: 300px; text-align: right; }
#facebook { margin: 0 10px 0 0; }

/* popup
------------------------------------------------------------------*/
#popup { background: none; }
#popupWrp { position: relative; overflow: hidden; width: 639px; height: 360px; }
#popupWrp #close { position: absolute; right: 5px; top: 5px; z-index: 10; font: 10px/16px Verdana, Arial, sans-serif; color: #64462e; text-transform: uppercase; }
#popupWrp #close a { color: #64462e; }
#popupWrp h1 { position: relative; left: auto; top: auto; width: auto; height: 49px; margin: 0; padding: 15px 27px 10px; font-size: 20px; line-height: 23px; color: #000b16; }
#popupContent { float: left; overflow: hidden; width: 296px; height: 253px; }
#popupContent h2 { overflow: hidden; height: 51px; margin: 0; background: #000; text-align: center; font: bold 33px/51px Verdana, sans-serif; color: #fff; letter-spacing: -0.07em; }
#popupText { overflow: hidden; height: 193px; padding: 5px 30px; background: #f57622; color: #fff; } 
#popupText h3 { margin: 0 0 7px; color: #fff; font-size: 20px; line-height: 23px; }
#popupImg { float: right; overflow: hidden; width: 343px; height: 253px; }
#popupLink { clear: both; overflow: hidden; height: 34px; padding: 0 30px; background: #000; }
#popupLink a { color: #ff7700; font-size: 14px; line-height: 34px; text-decoration: none; }

/* sIFR
------------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important;	margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #bottombar h2 { visibility: hidden; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }