/* general
------------------------------------------------------------------*/
body { background: #e7e8e9; color: #6d6e71; font: 12px/16px Verdana, Geneva, sans-serif; }
h1 { margin: 0 0 10px; padding: 0 0 10px; text-transform: uppercase; color: #cad42b; font-size: 14px; font-weight: normal; }
h2 { margin: 0 0 10px; font-size: 13px; font-weight: normal; color: #cad42b; }
h3 { font-weight: normal; font-size: 12px; color: #000; }
a { color: #6d6e71; }
ul, ol { margin: 0 0 10px 16px; }
p, form { margin: 0 0 10px 0; }
input, textarea, select { font-size: 12px; font-family: Verdana, Geneva, sans-serif; color: #6d6e71; }
strong { font-weight: normal; color: #000; }
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: 980px; margin: 0 auto; }
#mainWrapper { width: 906px; margin: 0 23px 0 27px; padding: 12px 13px 20px 11px; background: url(/images/bg_wrapper.gif) repeat-y left top; }
#headerWrap {	height: 180px; }
#contentWrapper { padding: 0 25px; }
#leftPanel { float: left; width: 244px; }
#footerWrap { position: relative; width: 980px; height: 47px; margin: 0 auto; padding-top: 15px; background:url(/images/bg_footer.gif) no-repeat; }

/* header
------------------------------------------------------------------*/
#languages { float: right; margin: 5px 25px 5px 0; list-style: none; }
#languages li { float: left; width: 32px; height: 32px; margin-left: 14px; text-transform: uppercase; line-height: 32px; text-align: center; color: #fff; font-size: 11px; }
#languages #cms_nl.active,
#languages #cms_nl a:hover { background: #ee3523; }
#languages #cms_fr.active,
#languages #cms_fr a:hover { background: #00a0b0; }
#languages #cms_en.active,
#languages #cms_en a:hover { background: #532e62; }
#languages #cms_es.active,
#languages #cms_es a:hover { background: #d6e04c; }
#languages #cms_pt.active,
#languages #cms_pt a:hover { background: #6b919e; }
#languages li a { display: block; width: 30px; height: 30px; border: 1px solid #77787b; line-height: 29px; text-decoration: none; color: #77787b; text-align: center; font-size: 11px; }
#languages li.active a,
#languages li a:hover { width: 32px; height: 32px; border: 0; color: #fff; line-height: 32px; }

#logo { float: left; margin: 9px 0 11px 27px; }

#searchform { position: relative; clear: right; float: right; width: auto; height: 34px; margin: 0 17px 0 0; padding: 8px 0 0 0; text-align: right; }
#searchform div { height: 34px; background: url(/images/bg_searchbox.png) no-repeat right top; }
#searchform label { padding: 0 5px 0 0; line-height: 22px; font-size: 14px; color: #878a7a; }
#searchform div input { width: 143px; margin: 0 30px 0 3px; padding: 2px 0 0 2px;	border: 0; background: none; }
#searchform #searchSubmit { position: absolute; top: 9px; right: 8px; width: 19px; height: 21px; border: 0; background: url(/images/bt_searchbox_submit.png) no-repeat; cursor: pointer; }

ul#breadcrumb {	clear: right; float: right;	margin-right: 25px; padding: 11px 0 0 0; list-style: none; }
ul#breadcrumb li { float: left; width: auto; padding: 0 3px 0 4px; background: url(/images/bg_breadcrumn_sep.gif) no-repeat left 3px; font-size: 10px; color: #010101; }
ul#breadcrumb li.first { background: none; }
ul#breadcrumb li a { text-decoration: none; color: #bdbfc1; }

ul#mainNav { clear: both; width: 854px; height: 30px; margin: 0; padding: 6px 0 0 52px; border-top: 8px solid #c49f06; background: url(/images/main-sep.jpg) no-repeat 27px 6px; list-style: none; }
ul#mainNav li { float: left; width: auto; height: 30px; padding: 0 21px; background: url(/images/main-sep.jpg) no-repeat right top; font-size: 14px; line-height: 28px; }
ul#mainNav li.first { padding: 0 21px 0 0; }
ul#mainNav li a { text-decoration: none; color: #6d6e71; }
ul#mainNav li a:hover,
ul#mainNav li a.active { color: #c49f06; }

/* content
------------------------------------------------------------------*/
ul#leftMenu { width: 218px; margin: 0; padding: 0 0 20px; text-align: left; list-style: none; }
ul#leftMenu li { padding: 0 0 20px 13px; background: url(/images/leftmneu-li.jpg) no-repeat left 6px; }
ul#leftMenu li a { text-decoration: none; color: #808284; }
ul#leftMenu li a.active { border-bottom: 2px solid #dac261; color: #000; }

.infoBlock { position: relative; display: block; width: 174px; margin: 0 0 25px; padding: 15px 20px 30px; border: 2px solid #c9cbcd; text-decoration: none; }
/*.infoBlock h3*/
.infoTitle { display: block; margin: 0 0 8px 0; padding-bottom: 5px; border-bottom: 1px solid #bcbebf; font-size: 12px; color: #6d6e71; font-weight: bold; }
/*.infoBlock p*/
.infoText { display: block; margin: 0; }
.linkArrow { position: absolute; right: 11px; bottom: 12px; }

#mainContent { float: left; width: 612px; }

.imgSlides .alpha_shadow { float: left; background: url(/images/shadow.gif) no-repeat bottom right; }
.imgSlides .alpha_shadow div { float: none; padding: 0 6px 6px 0; background: url(/images/shadow2.png) no-repeat left top !important; background: url(/images/shadow2.gif) no-repeat left top; }
.imgSlides .alpha_shadow img { float: none; display: block; }

.imgSlides { width: 364px; }
.imgSlides div { float: right; }
.imageSlide { position: absolute; display: none; }

#leftPanelHome { float: left; width: 270px; height: 420px; }
#rightPanel { float: left; width: 218px; }
#midHome { float: left; width: 348px; padding: 0 20px 0 0; }

.titleBlock h1 { float: left; margin-bottom: 0; padding-bottom: 20px; font-weight: bold; }
.titleBlock span { float: right; margin-top: 3px; }
.titleBlock span a { color: #d7df60; font-size: 11px; line-height: 12px; text-decoration: none; }

#mainContent li { margin-bottom: 10px; }
#mainContent li ul { margin: 10px 0 10px 0; list-style: none; }
#mainContent li li { padding-left: 10px; background: url(/images/bg_list_item.gif) no-repeat 0 8px; }

#productOverview { float: left; width: 230px; }
#productOverview li a.active { color: #A4A610; }
.rightproductpanel { float: right; width: 340px; }
.productframeBig { position: relative; width: 340px; }
.productframeBig img { display: block; }
.shadow_productframeBig { position: absolute; top: 0; left: 0; width: 340px; background: url(/images/shadow_productframeBig.png) top left repeat-y; }
#shadow_productframeBig_bottom { width: 340px; height: 12px; background: url(/images/shadow_productframeBig_bottom.gif) top left no-repeat; }
#productslide { margin-bottom: 20px; }
#productslide p { float: left; margin-top: 5px; padding: 2px 3px; background: #cad42b; color: #fff; }
#productslide a { float: left; display: block; width: 10px; height: 19px; }
#productslide a.arrowLeft { margin: 5px 5px 0 0; background: url(/images/arrowLeft.gif) no-repeat; }
#productslide a.arrowRight { margin: 5px 0 0 5px; background: url(/images/arrowRight.gif) no-repeat; }
.productImage { position: absolute; display: none; }

#kaart { overflow: hidden; width: 620px; margin: 5px 0 15px; }

.bestand { margin: 2px 0; }
.bestand,
.bestand a { color: #6D6E71; font-size: 12px; text-decoration: none; }
.bestand a span { text-decoration: underline; }
.bestand img { margin-right: 5px; }

/* landing page
------------------------------------------------------------------*/
#landingWrap { height: 517px; }
#landingWrap #logo { margin: 70px 0 40px 102px; }

#landingWrap ul#languages { float: left; margin: 134px 0 0 80px; }
#landingWrap ul#languages li { width: 42px; height: 42px; margin: 0 36px 0 0; }
#landingWrap ul#languages li.active { width: 46px; height: 46px; }
#landingWrap ul#languages li a { width: 42px; height: 42px; border-width: 2px; line-height: 42px; font-size: 13px; font-weight: bold; }
#landingWrap ul#languages li a:hover,
#landingWrap ul#languages li.active a { width: 46px; height: 46px; border: 0; color: #fff; line-height: 46px; }

#landingContentWrp { position: relative; clear: both; width: 906px; border-top: 7px solid #c49f06; }
#landingContent { position: absolute; top: 0; left: 453px; width: 313px; padding: 5px 20px 30px; background: #c49f06; color: #fff; }
#landingContent h1 { color: #fff; font-weight: bold; text-transform: none; font-size: 15px; }
#landingContentWrp img { margin: 5px 0 0 0; }

#landingPage #mainWrapper { padding-bottom: 0; }

#text_fr,
#text_en,
#text_es,
#text_pt { display: none; }

/* footer
------------------------------------------------------------------*/
#landingPage #footerWrap { top: -36px; background: url(/images/bg_footer_hp.png) no-repeat; }
#footerWrap div {  text-align: center; }
#footerWrap p,
#footerWrap a { text-decoration: none; color: #fffffe; font-size: 11px; }
#duoLink { position: absolute; top: 20px; right: 40px; }
#poweredBy { padding: 7px 0 0; }
#poweredBy img { vertical-align: middle; }