@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300);

/* Default overwrites */
html, body, div, span, applet, object, iframe, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
h1, h2, h3, h4, h5, h6											{ margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }
table, caption, tbody, tfoot, thead, tr, th, td					{ margin: 0px; padding: 0px; border-collapse: collapse; }
img, iframe														{ display: block; }
input															{ outline: 0px; -webkit-appearance: none; border-radius: 0; }
/* Browser fix for html5 tags */
header ,nav ,section ,article ,aside ,footer ,hgroup  			{ display: block; }

html, body														{ height: 100%; }

body															{ background-color: #808080; color: #808080; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 23px; }

::selection 													{ background-color: #77A481; color: #ffffff; }
::-moz-selection 												{ background-color: #77A481; color: #ffffff; }

h1, h2, h3, h4, h5												{ font-weight: normal; }
h1																{ color: #77A481; font-size: 24px; ; line-height: 33px; margin-bottom: 10px; }
h2, .headline													{ color: #77A481; font-size: 20px; ; line-height: 27px; margin-bottom: 10px; }
h3																{ color: #77A481; font-size: 17px; ; line-height: 23px; margin-bottom: 3px; }
h4																{ color: #77A481; font-size: 15px; ; line-height: 21px; margin-bottom: 3px; }
h5, blockquote													{ font-size: 15px; font-weight: normal; font-style: italic; line-height: 23px; margin-bottom: 13px; }
blockquote														{ margin-left: 20px; }

.headline.nm													{ margin-bottom: 0px; }
iframe															{ width: 100%; }
p, iframe, img													{ margin-bottom: 20px; }
ul, ol 															{ margin-left: 13px; margin-bottom: 13px; }
ul li, ol li													{ font-size: 15px; line-height: 23px; }

a:link,
a:active,
a:visited														{ color: #00AEEF; text-decoration: none; }
a:hover															{ text-decoration: underline; }
.back_link														{ display: block !important; color: #77A481 !important; margin-bottom: 10px; float: right; }

strong															{ color: inherit; }

table															{ width: 100% !important; font-size: 14px; border: 1px solid #E7E7E8; border-style:solid; border-collapse: separate; border-spacing: 0px; margin-bottom: 20px; }
table thead tr th												{ background-color: #77A481; color: #FFFFFF; text-align: left; font-weight: normal; font-size: 16px; padding: 5px 10px; border-bottom: 1px solid #e7e7e8; }
table thead tr th.last											{ border-right: 1px solid #e7e7e8; }
table tbody tr td												{ padding: 0px 10px; line-height: 30px; border-bottom: 1px solid #e7e7e8; border-top: 0px; border-left: 0px; border-right: 0px; }
table thead tr th p,
table tbody tr td p												{ margin-bottom: 0px; }

.nostyle														{ border: 0px; }
.nostyle thead tr th											{ background: none !important; border: 0px; }
.nostyle tbody tr td											{ background: none !important; border: 0px; }
.nostyle tbody tr td p											{ margin-bottom: 15px; }

.gitter															{ border: 0px; }
.gitter thead tr th												{ background: none !important; border: 0px; }
.gitter tbody tr td												{ border-top: 1px solid #e7e7e8; border-bottom: 0px; border-right: 1px solid #e7e7e8; }
.gitter tbody tr td:last-child									{ border-right: 0px; }
.gitter tbody tr:first-child td									{ border-top: 0px; }

.item_view_table a:link,
.item_view_table a:active,
.item_view_table a:visited										{ display: block; color: #808080; text-decoration: none; }
.p70															{ width: 70px; text-align: center; }

.invalid														{ border: 1px solid #ec4949 !important; }
.clear_fix														{ clear: both; }

.position														{ position: relative; }
.position .headline												{ margin-top: 1em; }
.rss															{ position: absolute; bottom: 0px; right: 0px; background-image: url(../gfx/rss_ikon.png); width: 25px; height: 24px; }
.rss:hover														{ background-position: left 23px; }

.button,
button															{ display: inline-block; background-color: #29abe2; height: 30px; line-height: 30px; color: #ffffff !important; text-decoration: none !important; font-size: 0.8em; padding: 0px 2em; border: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.button:hover,
button															{ background-color: #39b9ef; }

.nmt															{ margin-top: 0px !important; }
.nmb															{ margin-bottom: 0px !important; }

.call_content													{ height: 165px; }

/* Cookies */
#cookie															{ display: none; position: fixed; bottom: 0px; background-image: url(../gfx/cookie.png); width: 100%; color: #ffffff; font-family: Verdana, Geneva, sans-serif; text-align: center; }
#cookie #cookie_info_icon										{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
#cookie #cookie_info											{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 0.7em; margin-left: 20px; overflow: hidden; padding: 15px 0px; }
#cookie #cookie_info input[type=button]							{ background-color: #77A481; height: 30px; line-height: 30px; color: #ffffff; text-transform: uppercase; margin-left: 20px; padding: 0px 20px; border: 0px; cursor: pointer; }
#cookie #cookie_info img										{ display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: auto !important; margin-right: 1em; margin-bottom: 0; }
/* Forms */

#tell_us_what_you_think_about_us								{ display: none; }
form															{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
form input[type=text]											{ background-color: #ffffff; width: 100%; height: 30px; color: #808080; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; margin-bottom: 1em; padding: 0px 10px; border: 1px solid #e7e7e8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
form .kaboozu_select											{ padding: 0px; }
.content form .kaboozu_select,
.content form .kaboozu_select .kaboozu_selected							{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.content form .kaboozu_select .kaboozu_selected 							{ margin-left: 0px; padding: 0px 10px; }
.content form .kaboozu_select .kaboozu_select_options					{ margin-left: 0px; }
form textarea													{ background-color: #ffffff; width: 100%; height: 90px; line-height: normal; color: #808080; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; padding: 10px; margin-bottom: 1em; border: 1px solid #e7e7e8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; resize: none; }
form input[type=submit],
form input[type=button],
form button											{ display: inline-block; background-color: #29abe2; height: 30px; line-height: 30px; color: #ffffff !important; text-decoration: none !important; font-size: 0.8em; padding: 0px 1.5em; border: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
form input[type=submit]:hover,
form input[type=button]:hover									{ background-color: #39b9ef; }

/* General */
.inner															{ display: block; width: 960px; height: auto; margin: 0px auto; font: 0; }
.hasPlaceholder													{ color: #999999; }
.active															{ display: block !important; }
.border_bottom													{ padding-top: 10px; border-bottom: 1px solid #e7e7e8; }
.border_top													{ padding-bottom: 10px; border-top: 1px solid #e7e7e8; }

header															{ background-color: #FFFFFF; width: 100%; height: auto; }
header .h100													{ height: 100px; }
header .logo													{ position: absolute; top: 30px; width: auto !important; }
header #sitetools												{ float: right; }
header #sitetools a:link,
header #sitetools a:active,
header #sitetools a:visited										{ color: #6d6e71; font-size: 12px; }
header #sitetools a:hover										{ text-decoration: underline; }
header #sitetools a.active										{ float: left; }
header #sitetools li											{ height: 30px; line-height: 30px; margin-right: 20px; }
header #sitetools li a.facebook									{ display: inline-block;  vertical-align: top;  background: url(../gfx/socialicons.png) no-repeat; width: 25px; height: 25px; margin-top: 4px; }
header #sitetools li a.facebook:hover							{ background: url(../gfx/socialicons.png) left -25px no-repeat; }
header #sitetools li a.youtube									{ display: inline-block;  vertical-align: top;  background: url(../gfx/socialicons.png) -25px 0px no-repeat; width: 25px; height: 25px; margin-top: 4px; }
header #sitetools li a.youtube:hover							{ background: url(../gfx/socialicons.png) -25px -25px no-repeat; }
header #sitetools li a.twitter									{ display: inline-block;  vertical-align: top;  background: url(../gfx/socialicons.png) -50px 0px no-repeat; width: 25px; height: 25px; margin-top: 4px; }
header #sitetools li a.twitter:hover							{ background: url(../gfx/socialicons.png) -50px -25px no-repeat; }
header #sitetools li a.linkedin									{ display: inline-block;  vertical-align: top;  background: url(../gfx/socialicons.png) -75px 0px no-repeat; width: 25px; height: 25px; margin-top: 4px; }
header #sitetools li a.linkedin:hover							{ background: url(../gfx/socialicons.png) -75px -25px no-repeat; }
header #sitetools li a.google									{ display: inline-block;  vertical-align: top;  background: url(../gfx/socialicons.png) -100px 0px no-repeat; width: 25px; height: 25px; margin-top: 4px; }
header #sitetools li a.google:hover								{ background: url(../gfx/socialicons.png) -100px -25px no-repeat; }
header ul														{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; margin: 0px; }
header ul li													{ list-style: none; display: inline-block; *display: inline; vertical-align: top; zoom: 1; }
header .search													{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; }
header .search input[type=text]									{ vertical-align: top; width: 178px; height: 28px; line-height: 28px; border: 1px solid #E7E7E8; padding: 0px !important; margin-right: -5px; padding: 0px 10px !important; }
header .search input[type=submit]								{ vertical-align: top; background: url(../gfx/search_icon.png) center no-repeat; background-color: #F3F3F4; width: 28px; height: 28px; border: 1px solid #E7E7E8; cursor: pointer; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
header .search input[type=submit]:hover							{ background-color: #e7e7e8; }
header #statement												{ float: right; display: block; color: #77a481; font-size: 20px; text-align: right; padding-top: 10px; }

header #menu_top												{ background: url(../gfx/gradient_bar.jpg) #808080; width: 100%; height: 36px; line-height: 36px; }
header #menu_top nav											{ position: relative; max-width: 1220px; margin: 0px auto; padding: 0 1.6em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
header #menu_top nav ul											{ width: 100%; }
header #menu_top nav ul li										{ float: left; width: 162px; line-height: 36px; list-style: none; text-align: center; }
header #menu_top nav ul li.active								{ background: #77A481; height: 44px; line-height: 50px; margin-top: -7px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
header #menu_top nav ul li a:link,
header #menu_top nav ul li a:active,
header #menu_top nav ul li a:visited							{ color: #FFFFFF; font-size: 17px; }
header #menu_top nav ul li a:hover								{ text-decoration: none; }
header #menu_top .dealer_login									{ position: absolute; right: 2em; background: rgba(0,0,0,0.1); color: #ffffff; font-size:0.8em; padding: 0px 2em; }
header #menu_top .dealer_login:hover							{ background: rgba(0,0,0,0.2); text-decoration: none; }

header #menu_bottom												{ background: #77A481; width: 100%; height: 35px; }
header #menu_bottom nav											{ max-width: 1220px; margin: 0px auto; padding: 0 2em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
header #menu_bottom nav ul										{ }
header #menu_bottom nav ul li									{ float: left; height: 35px; line-height: 35px; text-align: center; }
header #menu_bottom nav ul li a:link,
header #menu_bottom nav ul li a:active,
header #menu_bottom nav ul li a:visited							{ color: #FFFFFF; font-size: 14px; padding: 0px 1.5em; }
header #menu_bottom nav ul li a:hover							{ text-decoration: none; }

#mobileHeader													{ display: none; position: fixed; z-index: 9; background-color: #ffffff; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #E7E7E8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#mobileHeader #mobilLogo										{ position: absolute; height: 20px; top: 15px; left: 1em; }
#mobileHeader #mobileMenuTop									{ position: absolute; z-index: 9; top: 10px; right: 60px; background: url(../gfx/8x8_arrow.png) 100px center no-repeat; width: 120px; height: 30px; line-height: 30px; font-size: 13px; text-align: center; border: 1px solid #e7e7e8; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#mobileHeader #mobileMenuTop ul 								{ display: none; background-color: #ffffff; width: 120px; min-height: 20px; margin-top: -2px; margin-left: -1px; padding: 0.5em 1em; border: 1px solid #e7e7e8; }
#mobileHeader #mobileMenuTop ul li								{ list-style: none; text-align: left; }
#mobileHeader #mobileMenuTop ul li a:link,
#mobileHeader #mobileMenuTop ul li a:active,
#mobileHeader #mobileMenuTop ul li a:visited					{ display: block; color: #808080; font-size: 13px; }
#mobileHeader #mobileMenuBtn									{ position: absolute; top: 10px; right: 1em; width: 30px; height: 30px; color: #000000; font-size: 1.3em; text-align: center; padding: 5px 0px; border: 1px solid #E7E7E8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; }
#mobileHeader #mobileMenuBtn.active								{ background-color: #e7e7e8; }
#mobileHeader #mobileMenu										{ display: none; position: absolute; z-index: 9; top: 50px; background-color: #ffffff; width: 100%; min-height: 50px; line-height: normal; padding: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow-x: auto; }
#mobileHeader #mobileMenu ul									{ margin: 0px; }
#mobileHeader #mobileMenu ul li									{ list-style: none; line-height: 30px; }
#mobileHeader #mobileMenu ul li a:link,
#mobileHeader #mobileMenu ul li a:active,
#mobileHeader #mobileMenu ul li a:visited						{ color: #808080; font-size: 0.9em; }
#mobileHeader #mobileMenu ul li .active							{ font-weight: bold; }
#mobileHeader #mobileMenu ul ul									{ margin-left: 1em; }

#breadcrumb														{ min-height: 40px; line-height: 40px; font-size: 11px; }
#breadcrumb a:link,
#breadcrumb a:active,
#breadcrumb a:visited											{ color: #808080; font-size: 11px; }
#breadcrumb a:hover												{ text-decoration: underline !important; }

.mobileAside													{ display: none; }
aside															{ }
aside nav,
.mobileAside nav												{ background-color: #f3f3f4; width: 100%; margin-top: 40px; margin-bottom: 20px; padding: 5px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
aside nav div,
.mobileAside nav div											{ background-color: #77a481; width: 100%; height: 36px; line-height: 36px; color: #ffffff; padding: 0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
aside nav div a:link,
aside nav div a:active,
aside nav div a:visited,
.mobileAside nav div a:link,
.mobileAside nav div a:active,
.mobileAside nav div a:visited									{ color: #ffffff; text-decoration: none; }
aside nav ul,
.mobileAside nav ul												{ margin: 0px; }
aside nav ul ul,
.mobileAside nav ul ul											{ margin: 0px 20px; }
aside nav ul li,
.mobileAside nav ul li											{ list-style: none; }
aside nav ul li a:link,
aside nav ul li a:active,
aside nav ul li a:visited,
.mobileAside nav ul li a:link,
.mobileAside nav ul li a:active,
.mobileAside nav ul li a:visited								{ display: block; width: 100%; line-height: 36px; color: #808080; text-decoration: none; padding: 0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
aside nav ul li .pactive,
aside nav ul li .active,
.mobileAside nav ul li .pactive,
.mobileAside nav ul li .active,
.mobileAside nav ul li a:hover,
aside nav ul li a:hover											{ background-color: #808080; color: #ffffff !important; }
aside nav ul ul li .active,
.mobileAside nav ul ul li .active,
aside nav ul ul li a:hover,
.mobileAside nav ul ul li a:hover								{ background: none; color: #808080 !important; text-decoration: underline; }
aside nav ul ul li .pactive,
.mobileAside nav ul ul li .pactive								{ background: none; color: #808080 !important; }

.mobileAside nav												{ margin-top: 20px; }

.content														{ background-color: #ffffff; width: 100%; overflow: auto; }
.content.grey													{ background-color: #f3f3f4; border-top: 1px solid #e7e7e8; border-bottom: 1px solid #e7e7e8; }
.content.news .headline											{ color: #808080; }
.content.news time												{ font-size: 0.9em; font-style: italic; }
.content.news a:link,
.content.news a:active,
.content.news a:visited											{ color: #808080; text-decoration: none; }
.content.news a:hover,
.content.news a:hover .headline									{ color: #939598; }
.content.last													{ padding-bottom: 30px; }

footer															{ width: 100%; min-height: 100px; color: #ffffff; font-size: 0.9em; padding-top: 30px; padding-bottom: 60px; border-top: 5px solid #77A481; }
footer .headline												{ color: #ffffff; border-bottom: 1px solid #ffffff; padding-bottom: 0.5em; }
footer p														{ }
footer .w80														{ float: left; width: 80px; }
footer .social													{ margin: 1em 0 2em 0; }
footer .facebook												{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; background: url(../gfx/socialikons_footer.png) no-repeat; width: 45px; height: 44px; }
footer .youtube													{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; background: url(../gfx/socialikons_footer.png) -48px top no-repeat; width: 45px; height: 44px; }
footer .twitter													{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; background: url(../gfx/socialikons_footer.png) -96px top no-repeat; width: 45px; height: 44px; }
footer .linkedin												{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; background: url(../gfx/socialikons_footer.png) -144px top no-repeat; width: 45px; height: 44px; }
footer .google													{ display: inline-block; *display: inline; vertical-align: top; zoom: 1; background: url(../gfx/socialikons_footer.png) -192px top no-repeat; width: 45px; height: 44px; }
footer .facebook:hover											{ background: url(../gfx/socialikons_footer.png) left -44px no-repeat; }
footer .youtube:hover											{ background: url(../gfx/socialikons_footer.png) -48px -44px no-repeat; }
footer .twitter:hover											{ background: url(../gfx/socialikons_footer.png) -96px -44px no-repeat;; }
footer .linkedin:hover											{ background: url(../gfx/socialikons_footer.png) -144px -44px no-repeat; }
footer .google:hover											{ background: url(../gfx/socialikons_footer.png) -192px -44px no-repeat; }

/* Overrides */
[class*="col_"]													{ position: relative; }
:focus															{ outline: none; }
.grid															{ padding: 0 1em !important; }
.grid img														{ width: 100%; }


/* background and cover */
#backgroundCover												{ position: relative; width: 100%; height: 440px; overflow: hidden; }
#backgroundCover ul												{ position: absolute; z-index: 1; width: 100%; height: 100%; margin: 0px auto; }
#backgroundCover ul li											{ list-style: none; width: 100%; height: 100%; }
#backgroundCover .backgroundImage								{ position: relative; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; }
#backgroundCover .backgroundImage img							{ display: none; position: absolute !important; z-index: 1; width: 100%; }

/* Products and references and manufacturer */
.item_container_link											{ text-decoration: none !important; }
.item_container_link:hover	.button								{ background-color: #39b9ef; }
.item_container													{display: block; position: relative; background-color: #F3F3F4; width: 100% !important; height: 160px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 20px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; overflow: hidden; }
.item_container.white											{ background-color: #ffffff; }
.item_container	.item_container_info							{ position: relative; width: 100%; height: 160px; color: #808080 !important; padding: 10px 370px 0px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.item_container	.item_container_info.big						{ padding: 10px 170px 0px 20px; }
.item_container	.item_container_info .item_container_info_label	{ position: absolute; left: 0px; bottom: 0px; background-color: #f3f3f4; width: 100%; height: 40px; line-height: 40px; padding-right: 370px; }
.item_container	.item_container_info.big .item_container_info_label	{ font-size: 0.8em; padding-right: 150px; }
.item_container	.item_container_info .item_container_info_label .item_container_tagline	{ float: left; width: 33%; color: #808080; text-align: center; border-left: 1px solid #ffffff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.item_container .item_container_image							{ background-color: #ffffff !important; background-position: center center !important; background-repeat: no-repeat !important; position: absolute; top: 0px; right: 0px; width: 350px; height: 100%; color: #ffffff; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.item_container .item_container_image.small						{ width: 150px; padding-left: 0px; }
.item_container .item_container_image .item_container_label		{ position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 40px; line-height: 40px; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.item_container .item_container_image .item_container_label span{ display: none; }
.item_container .item_container_image .item_container_label .button	{ float: right; height: 40px; line-height: 40px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 0px 30px; }
.item_container .item_container_image.small	.button				{ width: 150px; text-align: center; }
.item_search_bar												{ position: relative; background-color: #808080; width: 100%; padding: 10px; }
.item_search_bar input[type=text]								{ height: 40px; margin-bottom: 0px; padding-right: 50px; }
.item_search_bar input[type=submit]								{ position:absolute; top: 10px; right: 10px; background: url("../gfx/search_icon.png") no-repeat scroll center center #f3f3f4; width: 40px; height: 40px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.item_search_bar input[type=submit]:hover						{ background-color: #e7e7e8; }

.item_container.product											{}
.item_container.product .item_container_info .item_container_info_label,
.item_container.product .item_container_image .item_container_label,
.item_container.product	.item_container_image .item_container_label .button { height: 30px; line-height: 30px; }

.item_view_image												{ width: 100%; margin-bottom: 10px; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #f3f3f4; }
.item_view_image img											{ margin-bottom: 0px; }
.item_view_brand												{ width: 100%; margin-bottom: 10px; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #f3f3f4; }
.item_view_brand img											{ margin: 0px auto; width: auto !important; }
.item_view_punchline											{ display: block; width: 100%; font-size: 0.9em; text-align: center; margin-bottom: 10px; padding: 5px 0px; border: 1px solid #f3f3f4; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.item_view_punchline.datasheet									{ text-transform: uppercase; color: #808080; text-decoration: none !important; }
.item_view_punchline.datasheet:hover							{ background-color: #f3f3f4; }

.manufacturer_choose											{ width: 100%; margin-top: 10px; margin-bottom: 20px; }
.manufacturer_choose .manufacturer								{ display: inline-block !important; *display: inline; vertical-align: middle; zoom: 1; width: 33% !important; height: 50px; line-height: 50px; color: #808080; border: 1px solid #E7E7E8; text-align: center; overflow: hidden; text-decoration: none !important; }
.manufacturer_choose .manufacturer.active						{ background-color: #F3F3F4; margin-left: 0px; }
.manufacturer_choose .manufacturer .helper						{ display: inline-block; vertical-align: middle; height: 100%; }
.manufacturer_choose .manufacturer img							{ width: 50px !important; max-height: 50px; display: inline-block; vertical-align: middle; margin-bottom: 0px !important; }

.item_images													{}
.item_images img												{ margin-bottom: 0px; }
.item_images .main												{ width: 100%; }
.item_images .sub												{ width: 30%; float: left; margin-top: 5%; margin-right: 5%; cursor: pointer; }
.item_images .sub.nm											{ margin-right: 0px; }

/* Search */
.search_big														{ position: relative; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_big	input[type=text]									{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #E7E7E8; color: #939598; font-style: italic; margin-right: -5px; margin-top: 10px; padding: 0px 10px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_big input[type=submit]									{ position: absolute; top: 10px; right: 0px; background: url(../gfx/search_icon.png) center no-repeat #F3F3F4; width: 38px; height: 38px; margin: 0px; border: 1px solid #E7E7E8; cursor: pointer; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.search_big input[type=submit]:hover							{ background-color: #e7e7e8; }
.search_result_header											{ background: #77A481; width: 100%; height: 70px; line-height: 70px; color: #FFFFFF; font-weight: bold; margin-top: 10px; padding: 0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_result_pagination_header								{ background: url(../gfx/dims.png) no-repeat; width: 100%; height: 60px; line-height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_result_pagination_footer								{ width: 100%; height: 60px; line-height: 60px; font-size: 13px; text-align: center; border-top: 1px solid #E7E7E8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_result													{ width: 100%; padding: 15px 20px 15px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_result:nth-child(odd)									{ background-color: #e7e7e8; }
.search_result a:link,
.search_result a:active,
.search_result a:visited										{ text-decoration: none !important; }
.search_result .search_result_type								{ position: absolute; width: 60px; padding-top: 5px; text-align: center; }
.search_result .search_result_type img							{ width: auto !important; margin: 0px auto; }
.search_result .search_result_info								{ width: 100%; padding: 0px 0px 0px 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_result .search_result_info .search_result_headline		{ font-size: 19px; color: #58585A; }
.search_result .search_result_info .search_result_content		{ font-size: 13px; color: #58585A; }
.search_result:hover .search_result_info .search_result_headline,
.search_result:hover .search_result_info .search_result_content	{ color: #77A481 !important; }
.pagination .jp-previous										{ display: inline-block !important; width: 50px; margin-right: 40px; }
.pagination .jp-next											{ display: inline-block !important; width: 50px; margin-left: 40px; }
.pagination .jp-disabled										{ color: #FFFFFF; }
.pagination .jp-current											{ color: #808080; font-weight: bold; }
.pagination a:link,
.pagination a:active,
.pagination a:visited											{ color: #808080 !important; margin: 0px 2px; }
.reference														{ margin-top: 15px; width: 100%; height: 40px; line-height: 40px; text-align: center; }

/* Kaboozu */
#kaboozuTabs { border: 1px solid #d1d2d4; border-top: 0; }

.kaboozuTabnav { background: #d1d2d4; height: 30px; margin-top: 40px; }
.kaboozuTabnav .kaboozuTabButton { border: 0; margin: 0; padding: 0; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; position: relative; bottom: 1px; width: 158px; height: 30px; line-height: 30px; text-align: center; display: inline-block; *display: inline; color: #58585a; text-decoration: none; cursor: pointer; }
.kaboozuTabnav .kaboozuTabButton::selection { background: transparent; }
.kaboozuTabnav .kaboozuTabButton:not(:first-of-type) { border-left: 1px solid #d1d2d4; border-right: 1px solid transparent; }
.kaboozuTabnav .kaboozuTabButton.sel { position: relative; bottom: 4px; background: #ffffff; height: 34px; border: 1px solid #d1d2d4; border-bottom: 0; cursor: default; }

.kaboozuTabButton:not(.sel):first-of-type { border-left: 1px solid transparent; border-right: 1px solid transparent; }
.kaboozuTabButton:not(.sel) + .kaboozuTabButton:not(.sel) { border-left: 1px solid #ffffff; border-right: 1px solid transparent; }
#kaboozuTabs { border: 0; }

#kaboozuTabs .tab { padding: 6px 0 0; }

.w104 { width: 84px !important; }
#kaboozuTabs .tab { padding: 20px 41px; height: auto; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: #58585A; }
#kaboozuTabs .tab .item { display: inline-block; width: 210px; }
#kaboozuTabs { border-left: 1px solid #d1d2d4; border-right: 1px solid #d1d2d4; border-bottom: 1px solid #d1d2d4; }

/* Slideshow */
.bx-wrapper,
.bx-viewport													{ z-index: 2; }
.bx-controls													{ }
.bx-controls .bx-pager											{ z-index: 9; position: absolute; bottom: 10px; }
.bx-controls .bx-pager .bx-pager-item							{   }
.bx-controls .bx-pager .bx-pager-item a:link,
.bx-controls .bx-pager .bx-pager-item a:active,
.bx-controls .bx-pager .bx-pager-item a:visited					{ display: block; background-color: #d1d2d4; width: 15px; height: 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.bx-controls .bx-pager .bx-pager-item a.active,
.bx-controls .bx-pager .bx-pager-item a:hover					{ background-color: #58585a; }
.bx-wrapper, .bx-viewport, .bx-viewport ul, .bx-viewport ul li, .bx-viewport ul li .backgroundImage	{ height: 100% !important; }
.bx-viewport ul li .backgroundImageF							{ z-index: -1; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; z-index: 2; }
.backgroundImage												{ margin: 0px; position: relative; }
.bx-wrapper .bx-viewport										{ box-shadow: none; -webkit-box-shadow: none; border: 0px; }
.backgroundCaption												{ position: relative; }
.backgroundCaption .backgroundCaptionInner						{ float: right; position: relative; z-index: 2; background-color: #29abe2; width: 280px; height: 350px; color: #ffffff; margin-right: 1.6em; margin-top: 2.3em; border-top-right-radius: 50px; padding: 2em; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.backgroundCaption .backgroundCaptionInner .arrow				{ position: absolute; background: url(../gfx/19x19_trekant.png) no-repeat; width: 19px; height: 19px; bottom: -29px; }
.backgroundCaption .backgroundCaptionInner a:link,
.backgroundCaption .backgroundCaptionInner a:active,
.backgroundCaption .backgroundCaptionInner a:visited			{ display: block; height: 100%; color: #ffffff; text-decoration: none !important; }
.backgroundCaption .backgroundCaptionInner div					{ font-size: 24px; margin-bottom: 10px; }
#backgroundCover #backgroundPager								{ position: absolute; z-index: 19; top: 50%; width: 100%; height: 30px; margin-top: -15px; }
#backgroundCover #backgroundPager div							{ position: relative; background: rgba(0,0,0,0.5); width: 30px; height: 30px; line-height: 30px; color: #ffffff; font-size: 1.5em; text-align: center; cursor: pointer; }
#backgroundCover #backgroundPager #next							{ float: right; }
#backgroundCover #backgroundPager div a:link,
#backgroundCover #backgroundPager div a:active,
#backgroundCover #backgroundPager div a:visited					{ position: absolute; top: 0px; left: 0px; display: block; width: inherit; height: inherit; }

@media all and (max-width: 1024px){
	.bx-controls												{ display: none; }
	.backgroundCaption											{ height: 100%; }
	.backgroundCaption .backgroundCaptionInner					{ float: none; position: absolute; left: 0; bottom: 5px; width: 100%; height: 40px; line-height: 40px; padding: 0 2em; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
	.backgroundCaption .backgroundCaptionInner span				{ display: none; }
	.backgroundCaption .backgroundCaptionInner div				{ font-size: 20px; margin-bottom: 0px; }
}

@media all and (max-width: 1350px) and (min-width: 1024px){
	#backgroundCover											{ height: 400px; }
	.backgroundCaption .backgroundCaptionInner					{ bottom: 15px; }
}

@media all and (max-width: 1024px) and (min-width: 580px){
	#backgroundCover 											{ height: 220px; }
}

@media all and (max-width: 580px) and (min-width: 10px){
	#backgroundCover 											{ height: 122px; }
	.backgroundCaption .backgroundCaptionInner					{ bottom: 0; }
	.calltoaction												{ margin-bottom: 2em; }
	.call_content												{ height: auto; }
}

@media all and (max-width: 1030px){
	header .search,
	header #statement											{ display: none; }
	header #menu_top nav ul li									{ width: 100px; }
}
@media all and (min-width: 1024px) and (max-width: 1280px){
	header #menu_top nav,
	header #menu_bottom nav										{ max-width: 1024px; }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	header #menu_top nav,
	header #menu_bottom nav										{ max-width: 768px; }
	header #menu_top nav ul li a:link,
	header #menu_top nav ul li a:active,
	header #menu_top nav ul li a:visited,
	header #menu_bottom nav ul li a:link,
	header #menu_bottom nav ul li a:active,
	header #menu_bottom nav ul li a:visited						{ font-size: 0.8em !important; padding: 0px 15px; }
}

@media all and (min-width: 900px){
	#mobileHeader												{ display: none !important; }
	.content.first												{ padding-top: 0px; }
	header														{ display: block !important; }
	aside nav													{ display: block !important; }
	.noPhone													{ display: block !important; }
}

@media all and (max-width: 900px){
	#mobileHeader												{ display: block !important; }
	.content.first												{ padding-top: 50px; }
	header														{ display: none !important; }
	aside nav													{ display: none !important; }
	.noPhone													{ display: none !important; }
}

@media all and (max-width: 890px){
	#cookie #cookie_info input[type=button]						{ margin-top: 1em; }
	.rss														{ display: none !important; }
}

@media all and (max-width: 750px){
	#sortnews													{ width: 100px; margin-top: 10px; }
}

@media all and (max-width: 790px){
	.manufacturer_choose,
	.item_search_bar,
	.item_container_info										{ display: none; }
	.item_container .item_container_image						{ position: inherit !important; width: 100% !important; }
	.item_container .item_container_image .item_container_label	{ font-size: 0.7em; }
	.item_container .item_container_image .item_container_label .button	{ font-size: 1.2em; }
	.item_container .item_container_image .item_container_label span	{ display: inline-block; *display: inline; }

	#breadcrumb													{ line-height: normal !important; padding: 1em 0em 0em 0em; }
	.kaboozuTabButton											{ width: auto !important; font-size: 0.7em !important; padding: 0em 1em !important; }
	#kaboozuTabs .tab											{ font-size: 0.8em; padding: 1em !important; }
	#cookie #cookie_info img									{ display: none; }

}

#map															{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mapMenuToggle													{ width: auto !important; }
#mapMenuSearchForm												{ position: relative; }
#mapMenuSearchForm	input[type=text]							{ padding-right: 50px; margin-bottom: 0px; }
.mapMenuSearchButton 											{ position: absolute; top: 0px; right: 0px; background-image: url(../gfx/zoom_icon&16.png) !important; background-repeat: no-repeat !important; background-position: center center !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.mapMenuSearchButton:hover										{ background-color: #39b9ef !important; }
.mapMenuToggle													{ display: none !important; }

.form_generator .form_mandatory span							{ color: #f05e5e; }
.form_generator label											{ display: block; line-height: 25px; margin-top: 10px; }
.form_generator label span										{ color: #f05e5e; }
.form_generator input.g_input_text								{ border: 1px solid #E7E7E8; margin-bottom: 0px; }
.form_generator textarea										{ border: 1px solid #E7E7E8; margin-bottom: 0px; }
.form_generator .help_note										{ display: block; color: #c2c2c2; font-size: 12px; font-style: italic; line-height: normal; }
.form_generator .invalid										{ border: 1px solid #f05e5e !important; }
.form_generator .uploadFileButton								{ background: #77A481; color: #FFFFFF; margin-left: 10px; padding: 0px 20px; border: 0px; cursor: pointer; }
.form_generator .sub_label										{ font-size: 13px; margin-left: 10px; }
.form_generator select[multiple]								{ width: 500px; height: auto; border: 1px solid #E7E7E8; }
.form_generator input[type=submit]								{ margin-top: 10px; }

.ui-datepicker													{ width: 222px; background: #FFFFFF; border-left: 1px solid #eeeeef; border-right: 1px solid #eeeeef; border-bottom: 1px solid #eeeeef; margin-top: 1px; }
.ui-datepicker-header											{ background: #7D7D7D; width: 200px; height: 26px; line-height: 26px; color: #ffffff; font-size: 12px; margin: 10px; }
.ui-datepicker-calendar											{ width: 200px !important; margin: 10px; }

.ui-datepicker-calendar thead tr th,
.ui-datepicker-calendar tbody tr td	{ padding: 0px; margin: 0px; }
.ui-datepicker-calendar tbody		{ border: 1px solid #7d7d7d; }
.ui-datepicker-calendar thead tr th,
.ui-datepicker-week-col { background: #7d7d7d; height: 22px; line-height: 22px; color: #ffffff; font-weight: normal; padding: 0px 5px; border-left: 1px solid #7d7d7d; }
.ui-datepicker-calendar tbody tr td { padding: 0px; text-align: center; }
.ui-datepicker-calendar tbody tr td a:link,
.ui-datepicker-calendar tbody tr td a:active,
.ui-datepicker-calendar tbody tr td a:visited	{ color: #808080; font-size: 10px; text-decoration: none; }
.ui-datepicker-calendar tbody tr td a:hover		{ color: #808080; font-weight: bold; }
.ui-datepicker-calendar tbody tr:hover	{ background: #eeeeef !important; }
.ui-datepicker-current-day		{ font-weight: bold; }
.ui-datepicker-prev	{ display: block; float: left; background: url(/custom/blocks/block_form/gfx/prev_white.png) center no-repeat; width: 26px; height: 26px; cursor: pointer; }
.ui-datepicker-next { display: block; float: right; background: url(/custom/blocks/block_form/gfx/next_white.png) center no-repeat; width: 26px; height: 26px; cursor: pointer; }
.ui-datepicker-prev span,
.ui-datepicker-next span	{ display: none; }
.ui-datepicker-title	{ text-align: center; }

#recaptcha_table { margin-top: 10px !important; border: 0px !important; }
#recaptcha_table img,
#recaptcha_table	{ width: inherit !important; }
#recaptcha_response_field { border: 1px solid #e7e7e8 !important; }
#recaptcha_logo	{ display: none !important; }

@media only screen and (max-width : 480px) {

  #recaptcha_challenge_image{
    margin: 0 !important;
    width: 100% !important;
  }
  #recaptcha_response_field {
    margin: 0 !important;
    width: 100% !important;
  }
  .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 95% !important;
  }
  .recaptchatable .recaptcha_r1_c1,
  .recaptchatable .recaptcha_r3_c1,
  .recaptchatable .recaptcha_r3_c2,
  .recaptchatable .recaptcha_r7_c1,
  .recaptchatable .recaptcha_r8_c1,
  .recaptchatable .recaptcha_r3_c3,
  .recaptchatable .recaptcha_r2_c1,
  .recaptchatable .recaptcha_r4_c1,
  .recaptchatable .recaptcha_r4_c2,
  .recaptchatable .recaptcha_r4_c4,
  .recaptchatable .recaptcha_image_cell {
    margin: 0 !important;
    width: 100% !important;
    background: none !important;
  }
  #recaptcha_table tbody tr td {
    padding: 0 !important;
    width: 75px;
  }
  .recaptchatable .recaptcha_image_cell {
    padding-right: 0 !important;
  }
  #recaptcha_privacy a {
    line-height: 1.2em;
  }
  span#recaptcha_privacy {
    width: 50px;
  }
}