@charset "utf-8";
/** Common **/
body,
html { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; }
h1,
h2,
h3,
h4,
h5 { font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica; }
h1 { font-size: 1.40em; color: #006AB3;}
h2 { font-size: 1.25em; color: #000000;}
h3 { font-size: 1.15em; color: #000000;}
h4 { font-size: 1.10em; color: #000000; font-weight: normal;}
h5 { font-size: 0.95em; color: #000000; font-weight: normal;}
h3 a,
h2 a,
h3 a, 
h4 a, 
h5 a {text-decoration: none; color: #006AB3;}
#right-block h3 {  font-size: 1.00em; }
p { line-height: 160%; }
/** Middle **/
#middle .block { background: url(../images/middle-block.png) repeat-y; background-position: -960px 0px; }
#middle .block div.top { background: url(../images/middle-block.png) no-repeat; background-position: 0px 0px; }
#middle .block div.bottom { background: url(../images/middle-block.png) no-repeat; background-position: -480px bottom; }

#middle .homeblock { background: url(../images/middle-homeblock.png) repeat-y; background-position: -1440px 0px; }
#middle .homeblock div.top { background: url(../images/middle-homeblock.png) no-repeat; background-position: 0px 0px; }
#middle .homeblock div.bottom { background: url(../images/middle-homeblock.png) no-repeat; background-position: -720px bottom; }

/** Header **/
#header { background-repeat: no-repeat; background-position: top right; }
#header .search-bg { background-image: url(../images/search-bg.png); }
#header .search { font-size: 1em; color: #006ab3; }
#header .search span { line-height: 20px; font-weight: bold;}
#header .search input { border: 0px;}
#header .search input.search-field { font-size: 0.95em !important; line-height: 0.95em; background: transparent url(../images/search-field.png)  !important; color: #6087a1; vertical-align: bottom; }
#header .logo img { border: 0px; }
/** Blocks **/
#left-block,
#right-block { background: transparent; }
#right-block .block,
#right-block .block .top,
#right-block .block .bottom { background-image: url(../images/right-block.png); }
#left-block .block,
#left-block .block .top,
#left-block .block .bottom { background-image: url(../images/left-block.png); }
#right-block .block,
#left-block .block { background-repeat: repeat-y; background-position: -460px 0px; }
#right-block .block .top,
#left-block .block .top { background-repeat: no-repeat; background-position: 0px 0px;}
#right-block .block .bottom,
#left-block .block .bottom { background-repeat: no-repeat; background-position: -230px bottom;}
/*#right-block .block .banner,
#left-block .block .banner { border-width: 1px 0px; border-style: solid; border-color: #BDD5E5;}*/
/** Menu **/
#menu ul { list-style-type: none; }
#menu ul li { color: #006ab3; line-height: 29px; font-size: 1.15em; background: url(../images/left-menu-top.png) no-repeat; }
#menu ul li a { color: #006ab3; text-decoration: none; font-weight: bold;}
#menu ul li a:hover { color: #006ab3; }
#menu ul li ul { background: url(../images/left-menu-bottom.png) no-repeat bottom left; }
#menu ul li ul li { font-size: 0.85em; background: transparent !important; line-height: 24px; }
#menu ul li ul li a { color: #000 !important; }
#menu ul li ul li a:hover { color: #006ab3 !important; }
#menu li.highlight { background: url(../images/menu-highlight.png) no-repeat right 6px !important; }
#menu li.highlight a { color: #006ab3 !important; }
#menu ul li.selected a:hover { color: #006ab3; }
#menu ul li.selected { background: url(../images/left-menu-top-folded.png) no-repeat; }
.home #menu ul li { font-size: 11px !important; line-height: 30px; background: url(../images/home-menu-top.png) no-repeat; }
.home #menu ul li ul { background: url(../images/home-menu-bottom.png) no-repeat bottom left; }
.home #menu ul li ul li { line-height: 24px; }
.home #menu ul li.selected a:hover { color: #006ab3; }
.home #menu ul li.selected { height: 31px; background: url(../images/home-menu-top-selected.png) no-repeat; }
/** Footer **/
#bottom-menu { background: url(../images/bottom-menu-bg.png) no-repeat; line-height: 35px; color: black;}
#bottom-menu a.selected { text-decoration: underline; color: #006ab3;}
#bottom-menu a.selected:hover { color: #000;}
/** Input **/
.input { background: url(../images/input-light-blue.png) repeat-x; background-position: 0px -48px;  }
.input .l { background: url(../images/input-light-blue.png) no-repeat; background-position: 0px 0px; }
.input .r { background: url(../images/input-light-blue.png) no-repeat; background-position: right -24px; }
.input input { background: transparent; border: 0px; font-size: 0.95em !important; color: #6087a1; }
/** Button **/
.green-button { background: url(../images/button-green.png) repeat-x; background-position: 0px -48px; }
.green-button .l { background: url(../images/button-green.png) no-repeat; background-position: 0px 0px; }
.green-button .r { background: url(../images/button-green.png) no-repeat; background-position: right -24px; }
.green-button input {background: transparent; font-size: 0.9em; font-weight: bold; color: #ffffff; border: 0px; }
.grey-button { background: url(../images/button-light-grey.png) repeat-x; background-position: 0px -48px; }
.grey-button .l { background: url(../images/button-light-grey.png) no-repeat; background-position: 0px 0px; }
.grey-button .r { background: url(../images/button-light-grey.png) no-repeat; background-position: right -24px; }
.grey-button input {background: transparent; font-size: 1.2em; color: #333333; border: 0px; }
.grey-button input, .green-button  input  { cursor: pointer;  }
/** Utility **/
.hr { background: url(../images/hr.gif) repeat-x; background-position: left center; }
.small, a.small { font-size: 0.85em !important; }
.medium, a.medium { font-size: 0.95em !important; }
.bigger, a.bigger { font-size: 1.10em !important; }
.grey, a.grey, .grey a { color: #706f69; }
a { color: black; text-decoration: none;}
a.u { text-decoration: underline;}
a:hover { color: #006AB3; }
a.red { color: #e20019; }
a.red:hover { color: #ff0000; }
.blue, a.blue, .blue a { color: #006AB3; }
.black, a.black, a.blue:hover, .blue a:hover { color: black; }
a.toggle { font-size: 0.90em; line-height: 17px; color: #000000; text-decoration: none; }
a.toggle:hover { color: #006ab3;}
a.toggle.plus { background: url(../images/plus.png) no-repeat; background-position: 2px center; }
a.toggle.minus { background: url(../images/minus.png) no-repeat; background-position: 2px center; }
a.toggle.up { background: url(../images/top.png) no-repeat; background-position: 2px center; }
.bold { font-weight: bold; }
* html .bgpng { 
 /*background: expression( (this.imageSrc === undefined ? this.imageSrc = this.currentStyle.backgroundImage.substr( 4, this.currentStyle.backgroundImage.length - 5 ) : this.imageSrc ) );*/
 /*filter: expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + this.imageSrc + ', sizingMethod="scale")');*/
}
a.but { background: url(../images/text-size.png) no-repeat; line-height: 25px; text-align: center;}
a.but.s { font-size: 10px;  background-position: 0px 0px;}
a.but.n { font-size: 12px; background-position: -25px 0px;}
a.but.l { font-size: 15px; background-position: -50px 0px; }
a.but.s-selected { background-position: 0px -25px;}
a.but.n-selected { background-position: -25px -25px;}
a.but.l-selected { background-position: -50px -25px;}
.folder { padding-left: 20px; background: url(../images/plus.png) no-repeat; background-position: 2px center; font-weight: bold; line-height: 17px; }
.folder.unfold { background: url(../images/minus.png) no-repeat; background-position: 2px center; }
.pager, .pager a { font-size: 0.95em; }
.pager { cursor: default; }
.search .odd { background: #f0f9ff; }
input.full, textarea.full { border: 1px solid #999999;}
#map { border: 1px solid #BDD5E5;}
#route-panel { border: 1px solid #BDD5E5;}
.h24{ line-height: 24px;}
a.toogle-menu { background: url(../images/toggle-menu.png) no-repeat; font-size: 0.72em; color: white; cursor: pointer;}
a.toogle-menu.showed { background-position: 0px -24px; }
a.toogle-menu:hover {color: white;}
input.error, textarea.error, select.error { border-color: #f00; background-color: #fee;}
label.error { color: #f00; font-size: 0.9em; padding-top: 5px;}
.field { padding: 2px 2px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1em; }

/**Sitemap**/
#sitemap ul { list-style-type: none; }
#sitemap ul li { color: #006ab3; line-height: 25px; font-size: 1.15em; }
#sitemap ul li a { color: #000; text-decoration: none; font-weight: bold;}
#sitemap ul li a:hover { color: #006ab3; }
#sitemap ul li ul {  }
#sitemap ul li ul li { font-size: 0.85em; line-height: 20px; }
#sitemap ul li ul li a { color: #000 !important; }
#sitemap ul li ul li a:hover { color: #006ab3 !important; } 

.product_item {text-align: center;}
.product_item img {padding-left: 60px;}
.product_item div {padding-right: 50px;}

#htmler { border: 1px solid #BDD5E5; }
#keuzen { cursor:pointer; }
#route {height: 120px; border: 1px solid #BDD5E5; overflow: auto; }