/*  Default
----------------------------------------------------------------------------------------------------*/
html, body {margin: 0; padding: 0; background-image: url(/01/Images/bg_body.png); background-position: 0 0; background-repeat: repeat-x;}
body {line-height: 19px; font-family: Arial; font-size: 11px; color: #666666;}
form {margin: 0; padding: 0;}
h1, h2, h3 {margin: 0; padding: 0; font-family: Tahoma; font-weight: normal;}
h1 {font-size: 17px; color: #283B63;}
h2 {font-size: 15px; color: #283B63;}
h3 {font-size: 13px; color: #283B63;}
ul, ol {margin-top: 0px; margin-bottom: 0px;}
hr {height: 1px; margin: 0; padding: 0; border-top: 1px solid #c2c2c2; border-right: 0px; border-bottom: 0px; border-left: 0px;}
.image_left {margin: 0px 10px 18px 0px; border: 1px solid #c2c2c2; float: left;}
.image_right {margin: 0px 0px 18px 10px; border: 1px solid #c2c2c2; float: right;}
.image_border {border: 1px solid #c2c2c2;}
p {margin: 0; padding: 0;}
.float-left {float: left;}
.float-right {float: right;}

/*  Links
----------------------------------------------------------------------------------------------------*/
a {text-decoration: none; color: #283B63;}
a:hover {text-decoration: underline;}
a.banner-link {height: 29px; line-height: 29px; padding: 0 10px 0 5px; text-decoration: none; color: #FFFFFF; display: block;}
a.banner-link:hover {text-decoration: underline;}
a.banner-link span {padding: 0 15px 0 0; background-image: url(/01/Images/img_right_arrow_black_80.png); background-position: center right; background-repeat: no-repeat; text-align: right; color: #FFFFFF; display: block;}
a.banner-link:hover span {background-image: url(/01/Images/img_right_arrow_white.png);}
a.image-banner-link {height: 29px; line-height: 29px; padding: 0 10px 0 5px; text-decoration: none; color: #666666; display: block;}
a.image-banner-link:hover {text-decoration: underline;}
a.image-banner-link span {padding: 0 15px 0 0; background-image: url(/01/Images/img_right_arrow_black_80.png); background-position: center right; background-repeat: no-repeat; text-align: right; color: #666666; display: block;}
a.image-banner-link:hover span {background-image: url(/01/Images/img_right_arrow_black_80.png);}
a.news-home-item {height: 29px; line-height: 29px; padding: 0 5px 0 10px; border-top: 1px solid #e6e6e6; text-decoration: none; color: #283B63; display: block;}
a.news-home-item:hover {text-decoration: underline;}
a.news-home-item span {padding: 0 0 0 15px; background-image: url(/01/Images/img_right_arrow_black_80.png); background-position: center left; background-repeat: no-repeat; text-align: left; color: #283B63; display: block;}
a.news-home-item:hover span {}
a.read-more {padding: 0px 15px 0px 0px; background-image: url(/01/Images/img_right_arrow_black_80.png); background-position: 100% 50%; background-repeat: no-repeat; float: right;}
a:read-more:hover {}
a.go-back {padding: 0px 0px 0px 15px; background-image: url(/01/Images/img_left_arrow_black_80.png); background-position: 0% 50%; background-repeat: no-repeat; float: left;}
a.go-back:hover {}

/*  Miscellaneous
----------------------------------------------------------------------------------------------------*/
.viewport {width: 960px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
.wing {margin-left: -24px; position: absolute; z-index: 1;}
.ruler {height: 1px; margin: 0 0 10px 0; padding: 0; background-color: #C2C2C2;}
.google-maps {border: 1px solid #C2C2C2;}
.send-a-friend .inner-content {padding: 5px;}
.send-a-friend .clear {clear: both;}
.highslide-active-anchor img {visibility: visible;}
.highslide-header .highslide-move, .highslide-header .highslide-close {display: none;}
.no-move .highslide-header .highslide-move {display: none;}
.highslide-html-content {padding: 5px 10px 10px 10px !important;}
.closebutton {position: relative; top: -8px !important; left: 8px !important; width: 16px !important; height: 16px !important; cursor: pointer; background: url(/01/Images/close.png) !important;}
.without-margin-bottom {margin-bottom: 0px !important;}
.without-padding {padding: 0 !important;}
.without-border {border: 0px !important;}

/*  Toolbar
----------------------------------------------------------------------------------------------------*/
#toolbar {margin-bottom: 10px;}
.toolbar {}
.inner-toolbar {color: #283B63;}
.inner-toolbar a.print {padding: 0px 10px 0px 10px; text-decoration: none; color: #283B63;}
.inner-toolbar a.print span {padding: 0px 23px 0px 0px; background-image: url(/01/Images/img_print.png); background-position: center right; background-repeat: no-repeat;}
.inner-toolbar a.print:hover {text-decoration: underline;}
.inner-toolbar a.send {padding: 0px 0px 0px 10px; text-decoration: none; color: #283B63;}
.inner-toolbar a.send span {padding: 0px 23px 0px 0px; background-image: url(/01/Images/img_send.png); background-position: center right; background-repeat: no-repeat;}
.inner-toolbar a.send:hover {text-decoration: underline;}

 .inner-toolbar .language {padding: 0px 15px 0px 10px;} .inner-toolbar .flag {float:right; margin-left:5px; margin-top:-3px;}/*  Header
----------------------------------------------------------------------------------------------------*/
#header {background-color: #FFFFFF;}
#header-left {}
.header-left {margin-top: 10px; margin-bottom: 10px;}
.inner-header-left {}
.inner-header-left img.print {display: none; visibility: hidden;}
#header-right {}

/*  Header navigation
----------------------------------------------------------------------------------------------------*/
.header-navigation {/*margin-top: 21px;*/ margin-top: 61px; margin-bottom: 19px;}
.inner-header-navigation {color: #283B63; float:left;}
.inner-header-navigation a, .inner-header-navigation a:hover {color: #283B63;}


 /*  Login
----------------------------------------------------------------------------------------------------*/
.login-and-basket {margin-top: 10px;}
.login {width: 227px; margin-right: 1px; background-color: #FAFAFA; border: 1px solid #E6E6E6; float: left;}
.inner-login {padding: 10px;}
.inner-login a, .inner-login a:hover {color: #283B63;}
.inner-login .form-description {width: 40px; margin-bottom: 5px; font-weight: bold; color: #283B63; float: left;}
.inner-login .form-element {width: 140px; margin-right: 5px; margin-bottom: 5px; float: left;}
.inner-login .form-element input {width: 100%; height: 17px; margin: 0; *margin-top: -1px; padding: 2px 0px 1px 0px; border: 1px solid #E6E6E6; font-size: 11px; text-indent: 5px; color: #666666;}
.inner-login .form-element input.error {border: 1px solid #FF0000;}
.inner-login .form-required {width: 22px; margin-bottom: 5px; text-align: right; float: left;}
.basket {width: 167px; background-color: #FAFAFA; border: 1px solid #E6E6E6; float: left;}
.inner-basket {padding: 5px;}

/*  Navigation
----------------------------------------------------------------------------------------------------*/
#navigation {margin-bottom: 10px; background-color: #FFFFFF; position: relative; z-index: 1;}
.navigation {padding-top: 5px; border-top: 1px solid #E6E6E6;}
.inner-navigation {height: 29px; margin-bottom: 5px; padding: 0; background-image: url(/01/Images/bg_navigation.jpg); background-position: 0 0; background-repeat: repeat-x;}

/*  Body
----------------------------------------------------------------------------------------------------*/
#body {margin-bottom: 10px; background-color: #FFFFFF;}

/*  Breadcrumb
----------------------------------------------------------------------------------------------------*/
#breadcrumb {padding-top: 10px; background-color: #FFFFFF;}
.breadcrumb {margin-bottom: 10px;}
.inner-breadcrumb {line-height: 29px; height: 29px; padding: 0 10px 0 10px; background-image: url(/01/Images/bg_breadcrumb.jpg); background-position: 0 0; background-repeat: repeat-x; border: 1px solid #DEDEDE; color: #283B63;}
.inner-breadcrumb a {text-decoration: underline; color: #283B63;}
.inner-breadcrumb a:hover {text-decoration: none;}
.inner-breadcrumb span.telephonenumber {color: #78AE6F;}

/*  Side
----------------------------------------------------------------------------------------------------*/
#side {}
#side .grid_4 .content {margin-bottom: 10px; padding: 5px; border: 1px solid #C2C2C2;}
#side .grid_4 .inner-content-heading {padding: 5px 10px 10px 10px;}
#side .grid_4 .inner-content {padding: 5px;}
#side .grid_4 .inner-content-box {margin-bottom: 5px; padding: 5px; background-image: url(/01/Images/bg_inner_content_box.jpg); background-position: bottom left; background-repeat: repeat-x; background-color: #FAFAFA; border: 1px solid #E6E6E6;}
#side .grid_4 .inner-content-side-navigation {margin-bottom: 5px; padding: 0px; border-bottom: 1px solid #EAEAEA;}

/*  B-Side
----------------------------------------------------------------------------------------------------*/
#b-side {}
#b-side .grid_4 .content {margin-bottom: 10px; padding: 5px; border: 1px solid #C2C2C2;}
#b-side .grid_4 .inner-content-heading {padding: 5px 10px 10px 10px;}
#b-side .grid_4 .inner-content {padding: 5px;}
#b-side .grid_4 .inner-content-box {margin-bottom: 5px; padding: 5px; background-image: url(/01/Images/bg_inner_content_box.jpg); background-position: bottom left; background-repeat: repeat-x; background-color: #FAFAFA; border: 1px solid #E6E6E6;}

/*  Content
----------------------------------------------------------------------------------------------------*/
#content {}
#content .grid_4 .content, #content .grid_8 .content {margin-bottom: 10px; padding: 5px; border: 1px solid #C2C2C2;}
#content .grid_4 .inner-content-heading, #content .grid_8 .inner-content-heading {padding: 5px 10px 10px 10px;}
#content .grid_4 .inner-content, #content .grid_8 .inner-content {padding: 5px;}
#content .grid_4 .inner-content-left, #content .grid_8 .inner-content-left {width: 209px; margin-right: 20px; float: left;}
#content .grid_4 .inner-content-right, #content .grid_8 .inner-content-right {width: 209px; float: left;}
#content .grid_4 .ruler, #content .grid_8 .ruler {height: 1px; margin: 0 0 5px 0; padding: 0; background-color: #C2C2C2;}
#content .grid_4 .inner-content-box {margin-bottom: 5px; padding: 5px; background-image: url(/01/Images/bg_inner_content_box.jpg); background-position: bottom left; background-repeat: repeat-x; background-color: #FAFAFA; border: 1px solid #E6E6E6;}
#content .grid_8 .inner-content-box {margin-bottom: 10px !important; padding: 5px; background-image: url(/01/Images/bg_inner_content_box.jpg); background-position: bottom left; background-repeat: repeat-x; background-color: #FAFAFA; border: 1px solid #E6E6E6;}

/*  Bottom
----------------------------------------------------------------------------------------------------*/
#bottom {}
#bottom .grid_4 .content {margin-bottom: 10px; padding: 5px; border: 1px solid #C2C2C2;}
#bottom .grid_4 .inner-content-heading {padding: 5px 10px 10px 10px;}
#bottom .grid_4 .inner-content {padding: 5px;}
#bottom .grid_4 .inner-content-box {margin-bottom: 5px; padding: 5px; background-image: url(/01/Images/bg_inner_content_box.jpg); background-position: bottom left; background-repeat: repeat-x; background-color: #FAFAFA; border: 1px solid #E6E6E6;}

/*  Footer
----------------------------------------------------------------------------------------------------*/
#footer {margin-bottom: 10px; background-color: #283B63;}
.footer {}
.inner-footer {margin-top: 10px; margin-bottom: 10px; padding: 0 5px; color: #FFFFFF;}
.inner-footer ul {margin: 0; padding: 0; list-style-type: none;}
.inner-footer a, inner-footer a:hover {color: #FFFFFF;}
.inner-footer h3 {color: #FFFFFF;}
.inner-footer-with-border {margin-top: 10px; margin-bottom: 10px; padding: 0 5px; border-left: 1px solid #095CAF; color: #FFFFFF;}
.inner-footer-with-border ul {margin: 0; padding: 0; list-style-type: none;}
.inner-footer-with-border a, inner-footer a:hover {color: #FFFFFF;}
.inner-footer-with-border h3 {color: #FFFFFF;}

/*  Copyright
----------------------------------------------------------------------------------------------------*/
#copyright {}
.copyright {}
.inner-copyright {color: #283B63;}
.inner-copyright a {text-decoration: underline; color: #283B63;}
.inner-copyright a:hover {text-decoration: none;}

/*  Themes
----------------------------------------------------------------------------------------------------*/
.theme-green a.banner-link {background-color: #73af53;}
.theme-green h1, .theme-green h2, .theme-green h3 {color: #73af53;}
.theme-orange a.banner-link {background-color: #dd7b26;}
.theme-orange h1, .theme-orange h2, .theme-orange h3 {color: #dd7b26;}
.theme-blue a.banner-link {background-color: #1188c9;}
.theme-blue h1, .theme-blue h2 {color: #1188c9;}
.theme-blue h3 {color: #283B63;}
.product-groups .theme-green:hover span {background-color: #73af53; color: #FFFFFF;}
.product-groups .theme-orange:hover span {background-color: #dd7b26; color: #FFFFFF;}
.product-groups .theme-blue:hover span {background-color: #1188c9; color: #FFFFFF;}

/*  Forms
----------------------------------------------------------------------------------------------------*/
.forms {padding: 5px;}
.form-description {width: 25%; margin-bottom: 10px; font-weight: bold; float: left;}
.form-element {width: 65%; margin-bottom: 10px; float: left;}
.form-element input {height: 18px; line-height: 18px; width: 100%; margin: 0; padding: 0; border: 1px solid #C2C2C2; font-family: Arial; font-size: 11px; color: #666666;}
.form-element select {height: 18px; line-height: 18px; width: 100%; margin: 0; padding: 0; border: 1px solid #C2C2C2; font-family: Arial; font-size: 11px; color: #666666;}
.form-element input.error {border: 1px solid #FF0000;}

.form-element #page_rdbtn_aanmelden {width: auto !important; border: 0px !important; vertical-align: middle;}
.form-element #page_rdbtn_afmelden {width: auto !important; border: 0px !important; vertical-align: middle;}

.form-element input[type="checkbox"] {width: auto; border: 0px; display: inline-block; vertical-align: middle;}
.form-element label {display: inline-block;}

.form-element select.error {border: 1px solid #FF0000;}
.form-element textarea {line-height: 18px; width: 100%; margin: 0; padding: 0; border: 1px solid #C2C2C2; font-family: Arial; font-size: 11px; color: #666666;}
.form-element a.banner-link {height: 29px; line-height: 29px; padding: 0 10px 0 5px; text-decoration: none; color: #FFFFFF; display: block; float: right;}
.form-required {width: 10%; margin-bottom: 10px; text-align: right; float: left;}

/*  Side navigation
----------------------------------------------------------------------------------------------------*/
a.side-navigation-level-1 {padding: 5px 10px 5px 25px; background-image: url(/01/Images/img_right_arrow_black_80.png); background-position: 10px 10px; background-repeat: no-repeat; border-top: 1px solid #EAEAEA; text-decoration: none; display: block;}
a.side-navigation-level-1:hover {text-decoration: underline;}
a.side-navigation-level-1-selected {padding: 5px 10px 5px 25px; background-image: url(/01/Images/img_right_arrow_black_80.png); background-position: 10px 10px; background-repeat: no-repeat; background-color: #F5F5F5; border-top: 1px solid #EAEAEA; font-weight: bold; text-decoration: none; display: block;}
a.side-navigation-level-1-selected:hover {text-decoration: underline;}
a.side-navigation-level-2 {padding: 5px 10px 5px 25px; background-color: #F5F5F5; text-decoration: none; display: block;}
a.side-navigation-level-2:hover {text-decoration: underline;}
a.side-navigation-level-2-selected {padding: 5px 25px; background-color: #F5F5F5; text-decoration: underline; display: block;}
a.side-navigation-level-3 {display: block;}
a.side-navigation-level-3-selected {display: block;}
.color-1 {background-color: #dd7b26 !important;}
.color-1-hover {background-color: #dd7b26 !important;}
.color-2 {background-color: #efab1f !important;}
.color-2-hover {background-color: #efab1f !important;}
.color-3 {background-color: #153e68 !important;}
.color-3-hover {background-color: #153e68 !important;}
.color-4 {background-color: #1188c9 !important;}
.color-4-hover {background-color: #1188c9 !important;}
.color-5 {background-color: #3095b4 !important;}
.color-5-hover {background-color: #3095b4 !important;}
.color-6 {background-color: #8d278b !important;}
.color-6-hover {background-color: #8d278b !important;}
.color-7 {background-color: #8f8dc4 !important;}
.color-7-hover {background-color: #8f8dc4 !important;}
.color-8 {background-color: #6a8037 !important;}
.color-8-hover {background-color: #6a8037 !important;}
.color-9 {background-color: #73af53 !important;}
.color-9-hover {background-color: #73af53 !important;}
.color-10 {background-color: #616465 !important;}
.color-10-hover {background-color: #616465 !important;}
.color-11 {background-color: #a71e31 !important;}
.color-11-hover {background-color: #a71e31 !important;}
.color-12 {background-color: #d01f3c !important;}
.color-12-hover {background-color: #d01f3c !important;}
.color-1, .color-1-hover, .color-2, .color-2-hover, .color-3, .color-3-hover, .color-4, .color-4-hover, .color-5, .color-5-hover, .color-6, .color-6-hover, .color-7, .color-7-hover, .color-8, .color-8-hover, .color-9, .color-9-hover, .color-10, .color-10-hover, .color-11, .color-11-hover, .color-12, .color-12-hover {background-image: url(/01/Images/img_right_arrow_white.png) !important; background-position: 10px 10px !important; background-repeat: no-repeat !important; color: #FFFFFF !important;}
.color-1-hover, .color-2-hover, .color-3-hover, .color-4-hover, .color-5-hover, .color-6-hover, .color-7-hover, .color-8-hover, .color-9-hover, .color-10-hover, .color-11-hover, .color-12-hover {text-decoration: underline !important;}

/*  News
----------------------------------------------------------------------------------------------------*/
.news {}
.news-item {padding: 10px 0px 10px 0px; border-bottom: 1px solid #C2C2C2;}
.news-home {}

/*  Banners
----------------------------------------------------------------------------------------------------*/
.banner-image {float: right;}
.grid_4 .banner-image {margin-bottom: 5px;}
.banner-text {text-align: justify; float: right;}
.grid_4 .banner-text {width: 276px;}

/*  jQuery
----------------------------------------------------------------------------------------------------*/
#jquery {}
#content .grid_8#jquery .content {}
div#feature_list {width: 608px; height: 343px; overflow: hidden; position: relative;}
div#feature_list ul {position: absolute; list-style: none; padding: 0; margin: 0;}
ul#tabs {width: 608px; height: 29px; margin-top: 314px !important; background-color: #9aaabb;}
ul#tabs li {font-size: 13px; float: left;}
ul#tabs li a {padding: 5px 20px; background-color: #9aaabb; color: #FFFFFF; display: block;}
ul#tabs li a:hover {}
ul#tabs li a.current,  
ul#tabs li a.current:hover {background-image: url(/01/Images/bg_navigation.jpg); background-position: 0 0; background-repeat: repeat-x; color: #FFFFFF;}
ul#output {width: 608px; height: 343px; position: relative;}
ul#output li {width: 608px; height: 314px; overflow: hidden; float: left; position: absolute; height: 314px;}

/*  Search
----------------------------------------------------------------------------------------------------*/
.search {/*margin-top: 10px;*/}
.inner-search {line-height: 20px; height: 20px; padding: 4px 5px 5px 5px; background-image: url(/01/Images/bg_search.jpg); background-position: 0 0; background-repeat: repeat-x; border: 1px solid #E6E6E6;}
.inner-search .textbox {width: 100%; height: 17px; margin: 0; *margin-top: -1px; padding: 2px 0px 1px 0px; border: 1px solid #E6E6E6; font-size: 11px; text-indent: 5px; color: #666666;}
.inner-search .hyperlink {line-height: 20px; height: 20px; margin-left: 5px; padding: 0 10px 0 10px; background-image: url(/01/Images/bg_button_form.jpg); background-position: 0 0; background-repeat: repeat-x; border: 1px solid #E6E6E6; font-size: 11px; color: #FFFFFF; display: block; cursor: pointer;}
.inner-search .hyperlink:hover {text-decoration: underline;}
.inner-search .hyperlink span {margin: 0; padding-right: 15px; background-image: url(/01/Images/img_right_arrow_white.png); background-position: center right; background-repeat: no-repeat; display: block;}

/*--------------------------------------------------------------------------------------------------*/

.search-results {}
.search-results-item {padding: 5px 0px 10px 0px;}

/*--------------------------------------------------------------------------------------------------*/

.search-page .textbox {height: 17px; margin: 0; *margin-top: -1px; padding: 2px 0px 1px 0px; border: 1px solid #E6E6E6; font-size: 11px; text-indent: 5px; color: #666666;}
.search-page .hyperlink {line-height: 20px; height: 20px; margin-left: 5px; padding: 0 10px 0 10px; background-image: url(/01/Images/bg_button_form.jpg); background-position: 0 0; background-repeat: repeat-x; border: 1px solid #E6E6E6; font-size: 11px; color: #FFFFFF; display: block; cursor: pointer;}
.search-page .hyperlink:hover {text-decoration: underline;}
.search-page .hyperlink span {margin: 0; padding-right: 15px; background-image: url(/01/Images/img_right_arrow_white.png); background-position: center right; background-repeat: no-repeat; display: block;}