/*-----------------------------------------------------------------------------
Website: Pericles.be
Auteur: Webatvantage.be
Laatst gewijzigd: 06-01-2010
-----------------------------------------------------------------------------*/

/*------------------------------- START IMPORT -------------------------------*/
@import url("Navigatie.css");
/*------------------------------- END IMPORT -------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
html { overflow:-moz-scrollbars-vertical; }
body { background: #e8e6d9; color: #66665a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- END DEFAULT LINK -------------------------------*/
a:link, a:visited, a:active { color: #66665a; text-decoration: underline; }
a:hover { color: #1a4b56; }
a img { border: none; }
/*------------------------------- END DEFAULT LINK -------------------------------*/

/*------------------------------- START TABLES -------------------------------*/
table, td, tr { border: none; padding: 0; background: none; }
/*------------------------------- END TABLES -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
#container { width: 817px; height: auto; margin: 50px auto 0 auto; text-align: left; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START LOGO -------------------------------*/
#logo {	float: left; width: 157px; height: 100px; }

#logo a:link#logo_pericles_NL,#logo a:link#logo_pericles_FR , #logo a:visited#logo_pericles_NL, #logo a:active#logo_pericles_NL, #logo a:visited#logo_pericles_FR, #logo a:active#logo_pericles_FR { display: block; width: 157px; height: 100px; text-indent: -9999px; }
#logo a:hover#logo_pericles {filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}

#logo a#logo_pericles_NL { background: url('http://www.pericles.be/Graphics/logo_nl.png') no-repeat top left; }
#logo a#logo_pericles_FR { background: url('http://www.pericles.be/Graphics/logo_fr.png') no-repeat top left; }

#logo a:link#logo_pericles_test, #logo a:visited#logo_pericles_test, #logo a:active#logo_pericles_test { display: block; width: 157px; height: 100px; text-indent: -9999px; background: url(../Graphics/Logo_pericles_test.jpg) no-repeat top left; }
#logo a:hover#logo_pericles_test { background: url(../Graphics/Logo_pericles_test.jpg) no-repeat bottom left; }

#logo a:link#logo_torck, #logo a:visited#logo_torck, #logo a:active#logo_torck { display: block; width: 157px; height: 100px; text-indent: -9999px; background: url(../Graphics/Logo_torck.jpg) no-repeat top left; }
#logo a:hover#logo_torck { background: url(../Graphics/Logo_torck.jpg) no-repeat bottom left; }

#logo a:link#logo_cybex, #logo a:visited#logo_cybex, #logo a:active#logo_cybex { display: block; width: 157px; height: 100px; text-indent: -9999px; background: url(../Graphics/Logo_cybex.jpg) no-repeat top left; }
#logo a:hover#logo_cybex { background: url(../Graphics/Logo_cybex.jpg) no-repeat bottom left; }

#logo a:link#logo_easywalker, #logo a:visited#logo_easywalker, #logo a:active#logo_easywalker { display: block; width: 157px; height: 100px; text-indent: -9999px; background: url(../Graphics/Logo_easywalker.jpg) no-repeat top left; }
#logo a:hover#logo_easywalker { background: url(../Graphics/Logo_easywalker_hover.jpg) no-repeat bottom left; }

#logo a:link#logo_tefal, #logo a:visited#logo_tefal, #logo a:active#logo_tefal
{ display: block; width: 157px; height: 100px; text-indent: -9999px; background: url(../Graphics/Logo_tefal.jpg) no-repeat top left; }
#logo a:hover#logo_tefal { background: url(../Graphics/Logo_tefal.jpg) no-repeat bottom left; }
/*------------------------------- END LOGO -------------------------------*/

/*------------------------------- START TOP PANEL -------------------------------*/
#top-panel {  display: none; height: 100px; padding: 14px 20px; background: #1a4d59; text-align: center; }
#sub-panel { border-top: 4px solid #1a4d59; text-align: center; }
#sub-panel a { float: right; width: 100px; margin: 0 30px 0 0; background: #1a4d59 url(../Graphics/Sub-left.png) no-repeat bottom left; color: #f0f0e8; text-decoration: none; }
#sub-panel a span { display: block; padding: 6px; background: url(../Graphics/Sub-right.png) right bottom no-repeat; }
#top-panel ul { display: block; width: auto; text-align: center; }
#top-panel div { width: 817px; margin: 0 auto; }
#top-panel p { color: #859fa1; }
#top-panel li { float: left; display: inline; line-height: 100px; padding: 0 17px 3px 17px; }
#top-panel a:link, #top-panel a:visited, #top-panel a:active { color: #859fa1; text-decoration: none; }
#top-panel a:hover { color: #f0f0e8; text-decoration: none; }
#top-panel a#activelanguage { color: #f0f0e8 !important; }
/*------------------------------- END TOP PANEL -------------------------------*/

/*------------------------------- START SIDEBAR -------------------------------*/
#sidebar { clear: both; float: left; width: 157px; height: auto; } 
/* Sfeerfoto */
#sidebar div.sfeerfoto { clear: both; float: left; margin:20px 0 0 0; width: 151px; height: 151px; border: 3px solid #d1d0c4; overflow: hidden; }
/* Merken banners */
#sidebar #sidebar_merken_banners { float: left; width: 157px; height: auto; }
#sidebar #sidebar_merken_banners a  { display: block; width: 153px; height: 30px; line-height: 32px; margin: 0 0 5px 0; padding: 1px; /*border: 1px solid #d1d0c4;*/ text-align: center; text-decoration: none; color: #66665a; }
#sidebar #sidebar_merken_banners a { background: #f0f0e8; border-left: 2px solid #d1d0c4; }
#sidebar #sidebar_merken_banners a:hover { font-weight: bold; }
#sidebar #sidebar_merken_banners a:hover#banner_pericles { background: #f0f0e8; border-left: 2px solid #325a62; }
#sidebar #sidebar_merken_banners a:hover#banner_torck { background: #f0f0e8; border-left: 2px solid #4f5052; }
#sidebar #sidebar_merken_banners a:hover#banner_cybex { background: #f0f0e8; border-left: 2px solid #a34b64; }
#sidebar #sidebar_merken_banners a:hover#banner_easywalker { background: #f0f0e8; border-left: 2px solid #587847; }
#sidebar #sidebar_merken_banners a:hover#banner_tefal { background: #f0f0e8; border-left: 2px solid #6b9297; }

#sidebar #sidebar_merken_banners a img { border: none; }

/* Taalkeuze */
ul#taalkeuze { float: left; margin: 10px 0 0 3px; }
ul#taalkeuze li { display: inline; }
ul#taalkeuze li a { display: inline-block; padding: 3px; border: 1px solid #d1d0c4; text-decoration: none; }
ul#taalkeuze li a#taalkeuze_active { background: #f0f0e8; color: #1a4b56; font-weight: bold; }
/*------------------------------- END SIDEBAR -------------------------------*/

/*------------------------------- START SEARCH -------------------------------*/
#search { float: left; width: 630px; height: 18px; margin: 10px 0 0 30px; background: none; }
#search fieldset { border: none; }
#search .input { float: right; width: 150px; height: 14px; padding: 7px 3px 3px 3px; background: none; border: 1px solid #d1d0c4; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; }
#search .input:focus { background: #f0f0e8; }
#search .button { float: right; display: block; height: 25px; width: 25px; margin: 0 0 0 5px; border: none; background: #66665a url(../Buttons/Searchbutton.gif) no-repeat top left; color: #eaeade; cursor: pointer; }
#search .button:hover { background: #1b4c5a url(../Buttons/Searchbutton.gif) no-repeat bottom left; }
/*------------------------------- END SEARCH -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
#content { float: left; width: 630px; margin: 10px 0 0 30px; }
#content ul { margin: 10px 0 10px 20px; list-style-type: square; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START SFEERFOTO HOME -------------------------------*/
div#sfeerfoto_home { width: 628px; height: 300px; margin: 10px 0; padding: 1px; background: #f0f0e8; border: 1px solid #d1d0c4; }
/*------------------------------- END SFEERFOTO HOME -------------------------------*/

/*------------------------------- START MERKEN TABBOX -------------------------------*/
div#merken_tabbox { float: left; width: 628px; height: 145px; background: #f0f0e8; border: 1px solid #d1d0c4; }
div#merken_tabbox ul { float: left; border-right: 1px solid #d1d0c4; }
div#merken_tabbox ul li { float: left; clear: left; display: block; width: 143px; height: 29px; background: #f0f0e8 url(../Graphics/Merken_tabbox_ul_li_bg.gif) repeat-x top left; line-height: 29px; list-style: none; }
div#merken_tabbox ul li#last { background: none; }
div#merken_tabbox ul li a:link, div#merken_tabbox ul li a:visited, div#merken_tabbox ul li a:active { padding: 0 0 0 12px; font-weight: bold; text-decoration: none; } 
div#merken_tabbox ul li a:hover, div#merken_tabbox ul li a#merken_tabbox_active { background: url(../Graphics/Arrow.gif) no-repeat 5px center; color: #1a4b56; }
div#merken_tabbox div#merken_tabbox_content { float: left; padding: 1px; }
/*------------------------------- END MERKEN TABBOX -------------------------------*/

/*------------------------------- START CONTACTEER ONS -------------------------------*/
#contacteer_ons { float: left; width: 608px; min-height: 124px; height: auto !important; height: auto; margin: 20px 0 0 0; padding: 10px; background: #f0f0e8; border: 1px solid #d1d0c4; }
#contacteer_ons #contactinfo { float: left; width: 300px; }
#contacteer_ons #contactinfo table { width: 300px; }

/* Google Maps */
#contacteer_ons #googlemaps { float: left; width: 225px; margin: 0 0 0 60px; }
#contacteer_ons #googlemaps h2, #contacteer_ons #contactinfo h2 { margin: 0 0 10px 0; }
#contacteer_ons #googlemaps a#map_img { display: block; width: 219px; height: 66px; background: url(../Graphics/Map.jpg) no-repeat top left; border: 3px solid #d1d0c4; text-indent: -9999px; }
#contacteer_ons #googlemaps a:hover#map_img { background: url(../Graphics/Map.jpg) no-repeat bottom left; }
/*------------------------------- END CONTACTEER ONS -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
#contactform { float: left; width: 630px; margin: 20px 0 0 0; }
#contactform fieldset { border: 0; }
#contactform .input { float: left; width: 150px; height: 17px; padding: 5px 3px 3px 3px; background: none; border: 1px solid #d1d0c4; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; }
#contactform .inputred { float: left; width: 150px; height: 17px; padding: 5px 3px 3px 3px; background: none; border: 1px solid #c00; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; }
#contactform .input:focus, #contactform textarea:focus { background: #f0f0e8; border: 1px solid #adaea5; }
#contactform .select { float: left; width: 158px; height: 28px; padding: 5px 3px 3px 3px; background: #f0f0e8; border: 1px solid #d1d0c4; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; }
#contactform .textarea { float: left; width: 290px; height: 260px; padding: 5px; background: none; border: 1px solid #d1d0c4; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; overflow: auto; }
#contactform .textareared { float: left; width: 290px; height: 260px; padding: 5px; background: none; border: 1px solid #c00; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; overflow: auto; }
#contactform .label { clear: both; float: left; display: block; width: 150px; height: 25px; margin: 0 10px 10px 0; line-height: 25px; }
#contactform .button { float: right; display: block; height: 25px; margin: 10px 0 0 10px; padding: 5px 7px; border: none; background: #66665a; color: #eaeade; cursor: pointer;  font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#contactform .button:hover { background: #1b4c5a; }
#contactform p.infomessage { height: 16px; line-height: 16px; margin: 10px 0; padding: 5px; background: #f0f0e8; border: 1px solid #d1d0c4; }
#contactform p.errormessage { height: 16px; line-height: 16px; margin: 10px 0; padding: 5px; background: #f0f0e8; border: 1px solid #d1d0c4; color: #c00; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START COORDINATEN -------------------------------*/
#coordinaten { float: right; width: 610px; height: 280px; padding: 10px; background: #f0f0e8; border: 1px solid #d1d0c4; overflow: hidden; }
/*------------------------------- END COORDINATEN -------------------------------*/

/*------------------------------- START FAQLIST -------------------------------*/
ol#faq_overzicht { margin: 20px 0; padding: 10px; background: #f0f0e8; border-left: 2px solid #d1d0c4; list-style-position: inside; }
ol#faq_overzicht li { margin: 5px 0; padding: 5px 0; font-weight: bold; }

#faqlist { margin: 20px 0 0 0; }
#faqlist dt { margin: 0 0 10px 0; color: #1a4d59; font-weight: bold; line-height: 18px; }
#faqlist dd { margin: 0 0 25px 0; padding: 10px; border-left: 2px solid #d1d0c4; background: #f0f0e8; }
#faqlist dd ul { margin: 20px; }
#faqlist dd ul li { list-style-type: square; }
/*------------------------------- END FAQLIST -------------------------------*/

/*------------------------------- START DEALERS -------------------------------*/
form#table_search { margin: 10px 0; padding: 10px; background: #f0f0e8; border: 1px solid #d1d0c4; }
form#table_search fieldset { border: none; }

form#table_search .label { display: inline-block; height: 22px; margin-right: 10px; height: 18px; line-height: 22px; }
form#table_search .input { display: inline-block; min-width: 200px; height: 14px; padding: 4px; background: #fff; border: 1px solid #d1d0c4; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a;  vertical-align: top;  }
form#table_search .select { display: inline-block; min-width: 200px; height: 24px; line-height: 24px; padding: 4px; background: #fff; border: 1px solid #d1d0c4; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #66665a; vertical-align: top; }	

/* Dealerstable */
div#dealertabel { clear: both; float: left; margin: 10px 0; }
table#dealerstable { clear: both; width: 630px; margin: 15px 0 0 0; border-collapse: collapse; }
table#dealerstable th { padding: 5px; background: #1a4d59; color: #f0f0e8; border: none; text-align: left; cursor: pointer; } 
table#dealerstable tr.even { background: #dcdace; }
table#dealerstable tr:hover { background: #f0f0e8; }
table#dealerstable td { padding: 5px; border-bottom: 1px solid #d1d0c4; cursor: pointer; }
div#dealer_detail { margin-bottom: 10px; }
div#dealer_detail ul { margin: 20px; }
div#dealer_detail ul li { margin: 0 0 15px 0; list-style-type: square; }
div#dealer_detail a.print { display: inline-block; height: 27px; line-height: 27px; margin: 10px 0 0 0; padding: 0 10px; background: #f0f0e8 url(../Graphics/Print.jpg) no-repeat  5px 1px; border: 1px solid #d1d0c4; color: #1a4b56; text-indent: 25px; text-decoration: underline; }
div#dealer_detail a.terug { display: inline-block; height: 27px; line-height: 27px; margin: 10px 0 0 0; padding: 0 10px; background: #f0f0e8; border: 1px solid #d1d0c4; color: #1a4b56; text-decoration: underline; }
div#dealer_detail a.volgende { display: inline-block; height: 27px; line-height: 27px; margin: 10px 0 0 0; padding: 0 10px; background: #f0f0e8; border: 1px solid #d1d0c4; color: #1a4b56; text-decoration: underline; }


div#map{ width: 628px; height: 300px; margin: 10px 0 0 0; background: #f0f0e8; border: 1px solid #d1d0c4; }

/* Alfabet list */
ul#alfabet { float: left; width: 618px; margin: 10px 0 0 0; padding: 5px; background: #e8e6d9; border: 1px solid #d1d0c4;	}
ul#alfabet li {	list-style: none; display: inline; text-align: left; }
ul#alfabet li a:link, ul#alfabet li a:visited, ul#alfabet li a:active { float: left; display: block; width: 15px; border: 1px solid #e8e6d9; text-decoration: none; padding: 3px; text-align: center;}
ul#alfabet li a:hover, ul#alfabet li a#alfabet_active { color: #1a4b56; font-weight: bold; background: #f0f0e8; border: 1px solid #d1d0c4; }
/*------------------------------- END DEALERS TABLE -------------------------------*/

/*------------------------------- START PRODUCTNAV -------------------------------*/
ul#productnav { float: left; width: 145px; min-height: 100%; height: auto !important; height: 100%; margin: 0; background: #f0f0e8; border-right: 1px solid #d0d0c4; }
ul#productnav li { float: left; width: 145px; height: 27px; line-height: 27px; list-style: none; background: url(../Graphics/Productnav_divider.jpg) repeat-x bottom left;  overflow: hidden; }
ul#productnav li:last-child, ul#productnav li.last_child { background: none; }

ul#productnav li a:link, ul#productnav li a:visited, ul#productnav li a:active { display: block; width: 134px; height: 27px; text-decoration: none; padding: 0 0 0 10px; }
ul#productnav li a:hover { display: block; width: 134px; height: 27px; background: #d1d0c4; }

ul#productnav li a#productnav_active { display: block; width: 134px; height: 27px; padding: 0 0 0 15px;  color: #fff; background: #1a4b56; }

ul#productnav li.sub { background: #ffffff !important; }
ul#productnav li.sub a:link, ul#productnav li.sub a:visited, ul#productnav li.sub a:active { background: #fff url(../Graphics/Arrow_light.gif) no-repeat 5px 12px; color: #66665a; text-indent: 10px; }
ul#productnav li.sub a:hover { background: #fff url(../Graphics/Arrow_light.gif) no-repeat 5px 12px; }

ul#productnav li.sub_active { background: #fff; text-decoration: underline; text-indent: 10px; }
ul#productnav li.sub_active a { background: #fff url(../Graphics/Arrow.gif) no-repeat 5px 12px; font-weight: bold; color: #1a4b56; }

/* Productwrapper */
#productwrapper { float: left; min-height: 552px; height: auto !important; height: auto; margin: 0 0 10px 0; background: #f0f0e8 url(../Graphics/Productwrapper_bg.gif) repeat-y 145px 0px; border: 1px solid #d0d0c4; }

/* Productcontainer */
#productcontainer { float: left; width: 420px; min-height: 380px; height: auto !important; height: auto; padding: 30px; background: #f0f0e8; border-left: none; }

/* Product pagination */
#productcontainer ul#productpagination { float: right; margin: 0 5px 10px 0;  padding: 5px; background: #e8e6d9; border: 1px solid #d1d0c4;	}
#productcontainer ul#productpagination li {	list-style: none; display: inline; text-align: left; }
#productcontainer ul#productpagination li a:link, 
#productcontainer ul#productpagination li a:visited, 
#productcontainer ul#productpagination li a:active { text-decoration: none; padding: 3px; }
#productcontainer ul#productpagination li a:hover, 
ul#productpagination li a#productpagination_active { color: #1a4b56; font-weight: bold; }
#productcontainer ul#productpagination li a img { border: none; }
ul#productpagination li a:link#productpagination_prev, 
ul#productpagination li a:visited#productpagination_prev, 
ul#productpagination li a:active#productpagination_prev { float: left; display: block; width: 10px; height: 10px; background: url(../Graphics/Pagination_back.gif) no-repeat left 3px; }
ul#productpagination li a:hover#productpagination_prev { background: url(../Graphics/Pagination_back_hover.gif) no-repeat left 3px; }
ul#productpagination li a:link#productpagination_next, 
ul#productpagination li a:visited#productpagination_next, 
ul#productpagination li a:active#productpagination_next { float: left; display: block; width: 10px; height: 10px; background: url(../Graphics/Pagination_next.gif) no-repeat left 3px); } 
ul#productpagination li a:hover#productpagination_next { background: url(../Graphics/Pagination_next_hover.gif) no-repeat left 3px; }

/* Productitem */
.productitem { float: left; display: block; width: 100px; height: auto; margin: 0 5px 5px 0; color: #1a4b56; text-align: center; }

.productitem a:link img, .productitem a:visited img, .productitem a:active img { float: left; width: 94px; height: 94px; border: 3px solid #d1d0c4; }
.productitem a:hover img { border: 3px solid #1a4b56; }
.productitem a:link, .productitem a:visited, .productitem a:active { float: left; display: block; width: 100px; padding-top: 3px; padding-bottom: 3px; background: none; color: #1a4b56; text-decoration: none; text-align: center; }
.productitem a:hover { text-decoration: underline; }

/* Verlanglijstje */
#verlanglijstje { clear: both; float: left; width: 606px; min-height: 92px; height: auto !important; height: auto; padding: 10px; background: #f0f0e8; border: 1px solid #d1d0c4; color: #1a4b56; }
#verlanglijstje p span { font-weight: bold; }
#verlanglijstje ol { margin: 10px 0 0 30px; }
#verlanglijstje a:link#print, #verlanglijstje a:visited#print, #verlanglijstje a:active#print { float: left; display: block; width: 180px; height: 27px; line-height: 27px; margin: 10px 0 0 0; background: url(../Graphics/Print.jpg) no-repeat center left; color: #1a4b56; text-indent: 25px; text-decoration: underline; }
#verlanglijstje a:link#wissen, #verlanglijstje a:visited#wissen, #verlanglijstje a:active#wissen { float: left; display: block; width: 180px; height: 27px; line-height: 27px; margin: 10px 0 0 0; background: url(../Graphics/Wissen.jpg) no-repeat center left; color: #1a4b56; text-indent: 25px; text-decoration: underline; }

/* Productdetail */
#productdetail { float: left; position: relative; width: 628px; min-height: 438px; height: auto !important; height: auto; margin: 0 0 15px 0; padding: 0px; background: #f0f0e8; border: 1px solid #d1d0c4;}

#productdetail #leftside { float: left; width: 202px; min-height: 400px; height: auto !important; height: auto; margin: 10px; background: transparent; }
#productdetail #leftside #thumb { float: left; position: relative; width: 200px; height: 200px; background: #fff; border: 1px solid #d0d0c4; overflow: hidden; }
#productdetail #leftside #thumb a#thumb_overlay { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: url(../Graphics/Spacer.gif) no-repeat center center; }
#productdetail #leftside #thumb a:hover#thumb_overlay { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: url(../Graphics/Thumb_overlay.png) no-repeat center center; }
#productdetail #leftside #meer_van_deze_collectie { float: left; width: 180px; height: auto; margin: 10px 0 0 0;  padding: 10px; background: #fff; border: 1px solid #d1d0c4; }

#productdetail #leftside #buttonbox { float: left; width: 180px; height: 75px; margin: 10px 0 0 0; padding: 10px; background: #fff; border: 1px solid #d1d0c4; } 
#productdetail #leftside #buttonbox a.print { display: block; height: 21px; line-height: 19px; margin: 10px 0 0 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Print.gif) no-repeat top left; }
#productdetail #leftside #buttonbox a.add_to_list { display: block; height: 22px; line-height: 19px; margin: 15px 15px 15px 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Add.gif) no-repeat center left; }

#productdetail #leftside #vooruit { float: left; width: 180px; height: 20px; margin: 10px 0;; padding: 10px; }
#productdetail #leftside #vooruit a.back { display: block; height: 21px; line-height: 19px; margin: 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Back.gif) no-repeat top left; }

#productdetail #leftside #overzicht { float: left; width: 180px; height: 20px; margin: 2px 0; padding: 10px; }
#productdetail #leftside #overzicht a.back { display: block; height: 21px; line-height: 19px; margin: 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Back.gif) no-repeat top left; }

#productdetail #leftside #terug { float: left; width: 180px; height: 20px; margin: 10px 0;; padding: 10px; }
#productdetail #leftside #terug a.back { display: block; height: 21px; line-height: 19px; margin: 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Back.gif) no-repeat top left; }

#productdetail #rightside { float: left; width: 396px; min-height: 400px; height: auto !important; height: auto; margin: 10px 0 10px 0; }
#productdetail #rightside #omschrijving { width: 395px; height: auto;  margin: 10px 0; }
#productdetail #rightside #omschrijving h1 { padding: 0 0 10px 0; border-bottom: 1px solid #d0d0c4; }
#productdetail #rightside #omschrijving p { line-height: 16px; }
#productdetail #rightside #omschrijving ul { clear: both; margin: 5px 0 5px 20px; list-style-type: square; }
#productdetail #rightside div#omschrijving_details { float: left; width: 374px; height: auto; background: #fff; border: 1px solid #d1d0c4; padding: 10px; }
#productdetail #rightside div#omschrijving_details h1 { padding: 0 0 10px 0; border-bottom: 1px solid #d0d0c4;	}
#productdetail #rightside div#omschrijving_details ul { margin: 0 0 25px 15px; }
#productdetail #rightside div#omschrijving_details ul li { margin: 0 0 10px 0; list-style-type: square; }
/*------------------------------- END PRODUCTVIEW -------------------------------*/

/*------------------------------- START COLLECTIE OVERZICHT -------------------------------*/
div.collectie_item { margin: 10px 0; }
.collectie_overzicht { border-bottom: 3px solid #d0d0c4; }
a:hover.collectie_overzicht { border-bottom: 3px solid #265660; }
/*------------------------------- END COLLECTIE OVERZICHT -------------------------------*/

/*------------------------------- START SITEMAP -------------------------------*/
ul.sitemap { float: left; margin: 10px 20px 0 0; padding: 10px 20px 10px 0; }
ul.sitemap li { margin: 10px 0; list-style: none; line-height: 16px; font-size: 12px;  font-weight: bold; }
ul.sitemap li a:link, ul.sitemap li a:visited, ul.sitemap li a:active { padding: 0 0 0 10px; background: url(../Graphics/Arrow.gif) no-repeat center left; }
ul.sitemap ul { margin: 0 0 0 20px; line-height: 16px; list-style: none; }
ul.sitemap ul li { font-size: 11px; font-weight: normal; }
ul.sitemap ul li a:link, ul.sitemap ul li a:visited, ul.sitemap ul li a:active { padding: 0 0 0 10px; background: url(../Graphics/Arrow2.gif) no-repeat left 4px; }
/*------------------------------- END SITEMAP -------------------------------*/

/*------------------------------- START ZOEKOPDRACHTRESULT -------------------------------*/
div.zoekopdrachtresult { margin: 0 0 10px 0; padding: 10px; border-top: 1px solid #d1d0c4; }
div.zoekopdrachtresult ul { margin: 0 0 0 20px; }
div.zoekopdrachtresult ul li { margin: 5px 0; list-style-type: square; }
div.zoekopdrachtresult .box { position: relative; float: left; width: 94px; height: 94px; margin: 0 5px 5px 0; border: 1px solid #d1d0c4; overflow: hidden; }
div.zoekopdrachtresult .box:hover a.box_overlay { position: absolute; top: 0; left: 0; display: block; width: 94px; height: 94px; background: url(../Graphics/Search_thumb_overlay.png) no-repeat top left; cursor: pointer; }
/*------------------------------- END ZOEKOPDRACHTRESULT -------------------------------*/

/*------------------------------- START UITLEG -------------------------------*/
.uitleg { float: left; margin: 30px 10px 10px 0; padding: 10px 10px 10px 30px; background: #f0f0e8 url(../Graphics/Disk.png) no-repeat 5px center; border: 1px solid #d1d0c4; }
/*------------------------------- END UITLEG -------------------------------*/

.productbox { float: left; width: 151px; height: 150px; margin: 0 5px 5px 0; padding: 15px 0; background: #fff; border: 1px solid #d1d0c4; text-align: center; }

/*------------------------------- START HEADINGS -------------------------------*/
h1, span.cms_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; color: #275763; letter-spacing: -1px; }
h2 { font-size: 10px; font-weight: bold; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { clear: both; float: left; width: 630px; margin: 30px 0 20px 0; padding: 15px 0 0 0; text-align: center; border-top: 1px solid #d1d0c4; line-height: 20px; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START BUTTONS -------------------------------*/
a:link.button, a:visited.button, a:active.button { display: inline-block; width: 124px; height: 26px; line-height: 26px; margin: 20px 5px 20px 0; background: url(../Buttons/Button_bg.gif) no-repeat top left; text-align: center; text-decoration: none !important; color: #66665a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a:hover.button { background: url(../Buttons/Button_bg.gif) no-repeat bottom left; color: #fff; }
a.button_active { display: inline-block; width: 124px; height: 26px; line-height: 26px; margin: 20px 5px 20px 0; background: url(../Buttons/Button_bg.gif) no-repeat top left; text-align: center; text-decoration: none !important; color: #1a4b56 !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
a.add_to_list { float: left; display: block; height: 21px; line-height: 19px; margin: 15px 15px 15px 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Add.gif) no-repeat top left; }
a.remove_from_list { float: left; display: block; height: 21px; line-height: 19px; margin: 15px 15px 15px 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Remove.gif) no-repeat top left; }

a:link.collectie_button, a:visited.collectie_button, a:active.collectie_button { display: inline-block; width: auto; height: 26px; line-height: 26px; margin: 0 1px 0 0; padding: 0 10px; background: #f0f0e8; border: 1px solid #d1d0c4; text-align: center; text-decoration: none !important; color: #66665a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a:hover.collectie_button { background: #1a4b56; border: 1px solid #0d3c46; color: #fff; }
/*------------------------------- END BUTTONS -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.hidden { display: none; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.pdf { background: url(../Graphics/Pdf.gif) no-repeat top left; padding: 0 0 0 15px; }
.imgfloatleft { float: left; width: 151px; height: 144px; margin: 8px 8px 8px 0; padding: 1px; border: 3px solid #d1d0c4; }
.imgfloatright { float: right; width: 151px; height: 144px; margin: 8px 0 8px 8px; padding: 1px; border: 3px solid #d1d0c4; }
.red, .error { color: #c00; }
.important { font-weight: bold; }
.naarboven { float: right; display: block; width: 100px; height: 25px; text-align: right; }
.down { background: url(../Graphics/Down.gif) no-repeat right center; }
.up { background: url(../Graphics/Up.gif) no-repeat right center; }
.arrow { background: url(../Graphics/Arrow.gif) no-repeat center left; padding: 0 0 0 10px; }
.infobox { margin: 10px 0; padding: 10px; background: #f0f0e8; border: 1px solid #d1d0c4; }
/*------------------------------- END OTHER CLASSES -------------------------------*/

#productdetail #leftside #terug a.back { display: block; height: 21px; line-height: 19px; margin: 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Back.gif) no-repeat top left; }
#productdetail #leftside #overzicht a.overzicht { display: block; height: 21px; line-height: 19px; margin: 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Overzicht.gif) no-repeat top left; }
#productdetail #leftside a.next { display: block; height: 21px; line-height: 19px; margin: 0; padding: 0 0 0 28px; color: #265660; background: url(../Graphics/Next.gif) no-repeat top left; }

/*------------------------------- START KAMERS -------------------------------*/
div.kamer_banner { float: left; position: relative; width: 300px; height: 300px; margin: 10px 0 10px 5px; /*padding: 1px;*/ background: #f0f0e8; border: 1px solid #d1d0c4; }
div.kamer_banner span { position: absolute; bottom: 0; left: 0; display: block; width: 300px; height: 25px; line-height: 25px; background: #fff; text-align: center; }
div.kamer_productbox { float: left; width: 151px; height: 121px; margin: 0 5px 5px 0; padding: 15px 0; background: #fff; border: 1px solid #d1d0c4; text-align: center; }
/*------------------------------- END KAMERS -------------------------------*/

.homepage_box {background:#F0F0E8;width:260px;padding:15px 20px 25px 20px;float:left;margin-top:15px;}
.homepage_box h1 {margin-bottom:15px;}

#introductie {margin-right:30px;height:243px;}

#nieuws {}
ul#nieuws {list-style:none;margin:0;}
ul#nieuws li {margin-bottom:20px;width:100%;float:left;}
ul#nieuws li:last-child {margin-bottom:0;}
ul#nieuws li h2 {margin:0 0 15px 0;}
ul#nieuws li a {display:block;float:left;margin:0 15px 10px 0;}

ul#nieuws li a.lees-verder {display:block;float:right;margin-top:5px;}

#nieuws a {display:block;float:right;margin-top:15px;}

#sidebar #sidebar_merken_banners .sidebar-box a {text-decoration:underline;background:none;border:none;height:20px;width:auto;text-align:left;}
#sidebar #sidebar_merken_banners .sidebar-box {background:#F0F0E8;padding:15px;margin-top:15px}
#sidebar #sidebar_merken_banners .sidebar-box h1 {font-size:12px;letter-spacing:normal;}

#sidebar #sidebar_merken_banners #nieuwsbrief input#subscribe_nieuwsbrief {margin-top:10px;width:122px;font-family: Verdana, sans-serif;font-size:10px;height:17px;color:#66665A;}
#sidebar #sidebar_merken_banners #nieuwsbrief input[type=submit] {border:none;background:#275763;padding:4px 6px 4px 6px;margin-top:7px;font-family: Verdana, sans-serif;font-size:10px;color:#fff;}

#sidebar #sidebar_merken_banners #side-banner {margin-top:15px;width:151px;height:151px;border: 3px solid #D1D0C4;}

h2#nieuws-alle-artikelen {
	margin-top: 40px;
}

ul#nieuwsartikelen {
	list-style: none;
	margin-left:0;
}

p.MsoNormal {margin-bottom:10px;}
p.MsoNormal+ h2 {margin-bottom:10px;}