/* Structure */
body { background-color: #5a4f50; padding-top: 10px; color: #656263; margin-top: 0; }
div#site { position: relative; }

div#top { height: 18px; background: url(../images/background-site-top.png) no-repeat center top; }
div#middle { background: url(../images/background-site-middle.png) repeat-y center top; }
div#header img { margin: 0 0 10px 15px; float: left; }
div#header span.button { margin: 30px 15px 0 72px; }
div#header form { margin: 0; }
div#header form input { float: left; margin: 30px 0 0 0; padding: 4px 6px; height: 18px; width: 226px; border: none; background: url(../images/background-search.png) no-repeat; }
div#header form input:focus { outline: none; }
div#header form input.inactive { font-style: italic; color: #A5A5A5; }
div#header form button { margin: 30px 0 0 0; padding: 0; height: 26px; width: 26px; background: url(../images/background-search.png) no-repeat right top; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: none; }
div#header form button:hover,
div#header form button:focus { background-position: right -26px; }
div#breadcrumbs { height: 22px; background: url(../images/background-breadcrumbs.png) no-repeat center top; padding: 12px 25px 0; margin-bottom: 15px; color: #656263; }
div#breadcrumbs a,
div#breadcrumbs a:link,
div#breadcrumbs a:active,
div#breadcrumbs a:visited,
div#breadcrumbs a:hover,
div#breadcrumbs a:focus { color: #656263; }

div#column,
div#main,
div#main-left,
div#main-right,
div#main-sub-left,
div#main-sub-right { float: left; display: inline; margin-right: 15px; }
div#column { width: 234px; margin-left: 15px; }
div#main { width: 670px; margin-bottom: 15px; }

div#main-top { height: 3px; background: url(../images/background-main-top.png) no-repeat; }
div#main-middle { background: url(../images/background-main-middle.png) repeat-y; padding: 0 0 1px 3px; }
div#main-bottom { height: 3px; background: url(../images/background-main-bottom.png) no-repeat; }

div#main-left,
div#main-sub-left { width: 435px; margin-right: 3px; }
div#main-left { margin-bottom: 3px; }
div#main-left-top { height: 30px; background: url(../images/background-main-left-top.png) no-repeat; }
div#main-sub-left-top { height: 30px; background: url(../images/background-main-sub-left-top.png) no-repeat; }
div#main-left-middle,
div#main-sub-left-middle { background: url(../images/background-main-left-middle.png) repeat-y; padding: 1px 8px; }
div#main-left-bottom,
div#main-sub-left-bottom { height: 15px; background: url(../images/background-main-left-bottom.png) no-repeat; }

div#main-right,
div#main-sub-right { width: 225px; margin-right: 0; }
div#main-right { margin-bottom: 3px; }
div#main-right-top { height: 30px; background: url(../images/background-main-right-top.png) no-repeat; }
div#main-sub-right-top { height: 30px; background: url(../images/background-main-sub-right-top.png) no-repeat; }
div#main-right-middle,
div#main-sub-right-middle { background: url(../images/background-main-right-middle.png) repeat-y; padding: 1px 8px; }
div#main-right-bottom,
div#main-sub-right-bottom { height: 15px; background: url(../images/background-main-right-bottom.png) no-repeat; }

div#main-middle-top { height: 30px; background: url(../images/background-main-middle-top.png) no-repeat; }
div#specification-top { height: 25px; background: url(../images/background-main-middle-top-second.png) no-repeat; position: relative; margin-top: 4px; }
div#main div#specification-top h2 { margin: 0; padding: 2px 8px; float: left; }
div#main div#specification-top a { float: right; color: #FFF; margin-right: 12px; text-decoration: underline; }
div#main div#specification-top a:hover { text-decoration: none; }
div#main-middle-top-product { height: 30px; background: url(../images/background-main-middle-top-product.png) no-repeat; }
div#main-middle-middle,
div#specification-middle { background: url(../images/background-main-middle-middle.png) repeat-y; padding: 1px 8px; }
div#specification-middle { padding-top: 10px; }
div#main div#specification-middle h2:first-child { margin-bottom: 10px; top: 0; color: #656263; }
div#main-middle-bottom,
div#specification-bottom { height: 14px; background: url(../images/background-main-middle-bottom.png) no-repeat; }

div#bottom-top { height: 27px; background: url(../images/background-bottom-top.png) no-repeat center top; padding: 2px 25px 0; font-weight: bold; font-size: 1.2em; clear: both; color: #FFF; }
div#bottom-middle { background: url(../images/background-bottom-middle.png) repeat-y center top; padding: 10px 0 0 30px; }
div#bottom-bottom { height: 14px; background: url(../images/background-bottom-bottom.png) no-repeat center top; margin-bottom: 15px; }
div#bottom-middle p { margin: 0; }
div#bottom-middle img { margin-right: 11px; }

div#devider { height: 3px; background: url(../images/background-devider.png) no-repeat center top; margin-bottom: 15px; clear: both; }

div#footer-top { height: 29px; background: url(../images/background-footer-top.png) no-repeat center top; padding: 2px 25px 0; font-weight: bold; font-size: 1.2em; clear: both;}
div#footer-middle { background: url(../images/background-footer-middle.png) repeat-y center top; padding: 1px 20px; }
div#footer-bottom { height: 13px; background: url(../images/background-footer-bottom.png) no-repeat center top; }

div#bottom { height: 27px; background: url(../images/background-site-bottom.png) no-repeat center top; }

div#real-footer { color: #FFF; text-align: center; font-size: 1.2em; clear: both; }
div#real-footer a { color: #FFF; }

/* Toolbox */
body .noborder, body table.noborder, body table.noborder th, body table.noborder td { border: none; }
body .nopadding, body table.nopadding th, body table.nopadding td, body table td.nopadding, body table th.nopadding { padding: 0; }
body .nomargin, body table.nomargin, body table td.nomargin, body table th.nomargin, body .button.nomargin { margin: 0; }
body .left { float: left; }
body .right { float: right; }
body .nofloat { float: none; }
body .strong { font-weight: bold; }
body .italic { font-style: italic; }

.container table tr td { padding: 0.4em; }

/* Bogus class, used by Lightboxify script */
.lightbox {}

/* Disable bluetrip external link icons */
a[href^="http:"], a[href^="http:"]:visited { background-image: none; padding-right: 0px; margin-top: 0; margin-bottom: 0; }
/* Disable bluetrip PDF icon in left column */
div#column a[href$=".pdf"] { background-image: none; padding-right: 0px; margin-top: 0; margin-bottom: 0; }

.container a,
.container a:link,
.container a:active,
.container a:visited,
.container a:hover,
.container a:focus { color: #656263; }
.container a:hover,
.container a:focus { text-decoration: none; }

/* Markup text at top in tables (when using images next to text) */
body table td, body table th { vertical-align: top;}
body table { border-collapse: separate; }

/* Buttons */
.container button,
.container button.button,
.container a.button { color: #FFF; background: #386278; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.container button:hover,
.container button:focus,
.container button.button:hover,
.container button.button:focus,
.container a.button:hover,
.container a.button:focus { background: #457F9C; }

.container span.button { display: block; float: left; height: 25px; background: url(../images/background-button-left.png) no-repeat; margin: 2px; }
.container span.button a { display: block; height: 22px; background: url(../images/background-button-right.png) no-repeat right top; color: #FFF; text-decoration: none; font-weight: bold; padding: 3px 18px 0 10px; margin-left: 8px; }
.container span.button:hover { background-position: left -25px; }
.container span.button a:hover,
.container span.button:hover a { background-position: right -25px; }

.container .button.right,
.container a.button.right,
.container button.right,
.container button.button.right { float: right; }

/* Markup headers */
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
  line-height: 1.2em;
  margin-top: 0;
  font-weight: lighter;
  font-size: 1.4em;
  color: #656263;
}

div#main h1:first-child,
div#main h2:first-child,
div#main h3:first-child,
div#main h4:first-child,
div#main h5:first-child,
div#main h6:first-child { position: relative; margin-top: -28px; color: #FFF; font-weight: bold; }

/* Menu (main and product) */
div#menu-top,
div#product-menu-top { height: 3px; background: url(../images/background-menu-top.png) no-repeat; }
div#menu-middle,
div#product-menu-middle { background: url(../images/background-menu-middle.png) repeat-y; padding: 1px 4px; }
div#menu-bottom,
div#product-menu-bottom { height: 3px; background: url(../images/background-menu-bottom.png) no-repeat left bottom; margin-bottom: 15px; }

div#menu-middle ul,
div#product-menu-middle ul { margin: 0; list-style: none; }
div#menu-middle ul li,
div#product-menu-middle ul li { margin: 0 0 2px 0; display: block; }
div#menu-middle ul li a { display: block; height: 22px; text-decoration: none; background: url(../images/background-menu-button.png) no-repeat; padding: 3px 0 0 15px; color: #3B5B71; font-weight: bold; font-size: 1.2em; }

div#menu-middle ul li a:hover,
div#menu-middle ul li a:focus { background-position: left -50px; }
div#menu-middle ul li.current,
div#menu-middle ul li.current a { background-position: left -100px; color: #FFF; }
div#menu-middle ul li.hasChildren a { background-position: left -25px; }
div#menu-middle ul li.hasChildren a:hover,
div#menu-middle ul li.hasChildren a:focus { background-position: left -75px; }
div#menu-middle ul li.hasChildren.current a { background-position: left -125px; }
div#menu-middle ul li a[href^="http:"],
div#menu-middle ul li a[href^="http:"]:visited { margin-top: 0; margin-bottom: 0; }

/* Main menu - sub */
div#menu-middle ul li.hasChildren ul { display: none; }
div#menu-middle ul li.hasChildren.current ul { display: block; }
div#menu-middle ul li.hasChildren.current ul li { margin-top: 4px; }
div#menu-middle ul li.hasChildren.current ul li a { background-position: left -150px; height: 20px; font-size: 1.1em; padding-top: 0; color: #3B5B71; padding-left: 25px; }
div#menu-middle ul li.hasChildren.current ul li a:hover,
div#menu-middle ul li.hasChildren.current ul li a:focus { background-position: left -170px; }
div#menu-middle ul li.hasChildren.current ul li.current,
div#menu-middle ul li.hasChildren.current ul li.current a { background-position: left -190px; color: #FFF; }

/* Product menu */
div#product-menu-middle div.title { height: 25px; background: url(../images/background-menu-heading.png) no-repeat; padding: 3px 0 0 8px; font-size: 1.2em; color: #FFF; font-weight: bold; }
div#product-menu-middle ul li a { display: block; height: 20px; text-decoration: none; background: url(../images/background-menu-button-product.png) no-repeat; padding: 0 0 0 15px; color: #3B5B71; font-weight: bold; font-size: 1.1em; }

div#product-menu-middle ul li a:hover,
div#product-menu-middle ul li a:focus { background-position: left -40px; }
div#product-menu-middle ul li.current,
div#product-menu-middle ul li.current a { background-position: left -80px; color: #FFF; }
div#product-menu-middle ul li.hasChildren a { background-position: left -20px; }
div#product-menu-middle ul li.hasChildren a:hover,
div#product-menu-middle ul li.hasChildren a:focus { background-position: left -60px; }
div#product-menu-middle ul li.hasChildren.current a { background-position: left -100px; }

/* Product menu - sub */
div#product-menu-middle ul li.hasChildren ul { display: none; }
div#product-menu-middle ul li.hasChildren.current ul { display: block; margin-bottom: 4px; }
div#product-menu-middle ul li.hasChildren.current ul li { margin-top: 4px; }
div#product-menu-middle ul li.hasChildren.current ul li a { background-position: left -120px; height: 20px; font-size: 1.1em; padding-top: 0; color: #3B5B71; padding-left: 20px; }
div#product-menu-middle ul li.hasChildren.current ul li a:hover,
div#product-menu-middle ul li.hasChildren.current ul li a:focus { background-position: left -160px; }
div#product-menu-middle ul li.hasChildren.current ul li.current,
div#product-menu-middle ul li.hasChildren.current ul li.current a { background-position: left -200px; color: #FFF; }

div#product-menu-middle ul li.hasChildren.current ul li.hasChildren a { background-position: left -140px; height: 20px; font-size: 1.1em; padding-top: 0; color: #3B5B71; padding-left: 20px; }
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren a:hover,
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren a:focus { background-position: left -180px; }
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren.current,
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren.current a { background-position: left -220px; color: #FFF; }

/* Product menu - product */
div#product-menu-middle ul.product,
div#product-menu-middle ul li.hasChildren.current ul.product { margin-bottom: 8px; }
div#product-menu-middle ul li.hasChildren.current ul li ul.product { display: none; }
div#product-menu-middle ul li.hasChildren.current ul li.current ul.product { display: block; }
div#product-menu-middle ul.product li { background: #EAEFF1; }
div#product-menu-middle ul.product li a,
div#product-menu-middle ul li.hasChildren.current ul.product li a,
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren.current ul.product li a { background: #EAEFF1; color: #525D64; font-weight: normal; font-size: 0.9em; text-decoration: underline; height: 15px; padding-left: 22px; }
div#product-menu-middle ul.product li a:focus,
div#product-menu-middle ul.product li a:hover,
div#product-menu-middle ul li.hasChildren.current ul.product li a:focus,
div#product-menu-middle ul li.hasChildren.current ul.product li a:hover,
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren.current ul.product li a:focus,
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren.current ul.product li a:hover { text-decoration: none; }
div#product-menu-middle ul li.hasChildren.current ul.product li.current a,
div#product-menu-middle ul li.hasChildren.current ul li.hasChildren.current ul.product li.current a { font-weight: bold; }

/* Menu - footer */
div#footer-middle div.column { display: inline; float: left; }
div#footer-middle div.column.first { margin-left: 10px; }
div#footer-middle div.column ul { list-style: none; margin: 0 13px 0 5px; }
div#footer-middle div.column ul li { margin: 0; }
div#footer-middle div.column ul li a { font-weight: bold; color: #333; }
div#footer-middle div.column ul li ul { margin: 0; }
div#footer-middle div.column ul li ul li a { font-weight: normal; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#footer a,
div#footer { text-align: center; color: #888888; }

/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, body#tinymce td, body#tinymce pre { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; }
body#tinymce { background: white; }

/* ImplacomProduct - Category listing */
div.ImplacomProductModule div.category-listingAction div.category { float: left; width: 204px; display: inline; margin-bottom: 10px; margin-right: 10px; }
div.ImplacomProductModule div.category-listingAction div.category.last { margin-right: 0; }
div.ImplacomProductModule div.category-listingAction div.category a { padding: 0; }
div.ImplacomProductModule div.category-listingAction div.category img.image { width: 200px; border: 1px solid #CCC; padding: 1px; vertical-align: middle; }

/* ImplacomProduct - Categorie view */
div.ImplacomProductModule div.category-viewAction div.product { clear: both; width: 630px; margin: 0 0 10px 9px; }
div.ImplacomProductModule div.category-viewAction div.product-top { height: 30px; background: url(../images/background-product-top.png) no-repeat; }
div#main div.ImplacomProductModule div.category-viewAction div.product-top h2 { top: 2px; margin: 0 0 0 8px; }
div.ImplacomProductModule div.category-viewAction div.product-middle { background: url(../images/background-product-middle.png) repeat-y; padding: 1px 8px; }
div.ImplacomProductModule div.category-viewAction div.product-bottom { height: 15px; background: url(../images/background-product-bottom.png) no-repeat; }
div.ImplacomProductModule div.category-viewAction div.product-middle div.read-more { clear: both; margin-top: 10px; }

/* ImplacomProduct - Product view */
div.ImplacomProductModule div.product-viewAction div.description { float: left; display inline; width: 350px; }
div.ImplacomProductModule div.product-viewAction div.description.no-images { width: 100%; }
div.ImplacomProductModule div.product-viewAction div.column { float: right; display inline; text-align: right; padding-top: 5px; margin-left: 10px; overflow: hidden; }
div.ImplacomProductModule div.product-viewAction div.column a { display: block; padding: 0; margin: 0 5px 10px 10px; clear: both; }
div.ImplacomProductModule div.product-viewAction div.column a img { vertical-align: left; }

div.ImplacomProductModule div.product-viewAction div.product-files { margin: 0 10px 10px 0; width: 225px; }
div.ImplacomProductModule div.product-viewAction div.product-files div.top { height: 28px; background: url(../images/background-main-right-top.png) no-repeat; color: #FFF; font-weight: bold; padding: 2px 0 0 7px; font-size: 1.2em; line-height: 1.4em; text-align: left; }
div.ImplacomProductModule div.product-viewAction div.product-files div.middle { background: url(../images/background-main-right-middle.png) repeat-y; }
div.ImplacomProductModule div.product-viewAction div.product-files div.bottom { height: 15px; background: url(../images/background-main-right-bottom.png) no-repeat; }

div.ImplacomProductModule div.product-viewAction div.product-file { padding: 1px 10px; text-align: left; }
div.ImplacomProductModule div.product-viewAction div.product-file a { margin: 0; }
div.ImplacomProductModule div.product-viewAction div.devider { height: 2px; background: #00ACDC; margin: 5px 0; }

div.ImplacomProductModule div.product-viewAction a.button.webshop { background: url(../images/background-button-webshop.png) no-repeat; width: 204px; height: 44px; margin-bottom: 0; padding: 0; }
div.ImplacomProductModule div.product-viewAction a.button.webshop:hover { background-position: left -44px; }

div#specification-top  { position: relative; z-index: 1; }
div#specification-more { position: relative; top: -4px; overflow: hidden; width: 667px; margin: 0; }

div.ImplacomProductModule div.product-view-specificationAction div.specification-long { overflow: hidden; }
div#main div.ImplacomProductModule div.product-view-specificationAction div.specification-long h2,
div#main div.ImplacomProductModule div.product-view-specificationAction div.specification-long h3,
div#main div.ImplacomProductModule div.product-view-specificationAction div.specification-long h4,
div#main div.ImplacomProductModule div.product-view-specificationAction div.specification-long h5,
div#main div.ImplacomProductModule div.product-view-specificationAction div.specification-long h6 { top: 2px; margin: 0 0 8px 0; color: #656263; font-weight: normal; }

/* News module - Latest teaser */
div#main div.NewsModule div.latestTeasersAction div.news-latestteaser h3 { margin-top: 0; margin-bottom: 10px; font-size: 12px; }
div#main div.NewsModule div.latestTeasersAction div.news-latestteaser.last div.news-latestteaser-footer { display: none; }

/* Search module - Searchfield */
div#header form input { font-family: inherit; font-size: 100%; color: #656263; }

/* Search module - Results */
div.SearchModule div.searchAction p.result-information { text-align: center; margin-bottom: 5px; }
div.SearchModule div.searchAction div.fuzzy-words-notice { background-color: #FFF6BF; padding: 5px; color: #A9A9A9; font-style: italic; }
div.SearchModule div.searchAction div.nothing-found { background-color: #FFF6BF; padding: 5px; text-align: center; font-style: italic; margin-top: 5px; }

div.SearchModule div.searchAction div.result { padding: 5px; }
div.SearchModule div.searchAction div.result.odd { background-color: #EEF9FF; }
div.SearchModule div.searchAction div.result img { float: left; margin-right: 10px; padding: 1px; border: 1px solid #CCC; }

/* Content */
div#main div#main-sub-right-middle h3,
div#main div#main-sub-right-middle h4,
div#main div#main-sub-right-middle h5,
div#main div#main-sub-right-middle h6 { color: #656263; margin-top: 0; font-size: 1.2em; }