label { cursor: pointer; }

.left { float: left; }
.right { float: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.col-3-1 { width: 306px;  }
.col-3-2 { width: 633px;  }
.col-3-3 { width: 939px;  }
.col-2-1 { width: 435px;  }

.no-margin { margin: 0 !important; }

.hidden { display: none !important; }
.inline { display: inline-block !important; }

hr { display: block; margin: 20px 0; color: #e1e1e1; border:0; border-top: 1px solid #e1e1e1;  }

input[type="text"], input[type="password"], select,textarea { width: 220px; border-radius: 3px; border: 1px solid #ccc; line-height: 30px; height: 30px; color: #333; padding: 0 5px; }
input[type="submit"] { height: 32px; }
textarea { height: 100px; }
select { line-height: 32px; height: 32px; width: 232px; }
label.error { color: #e02229; display: block;  }
.required { color: #e02229; }

a { text-decoration: none; color: #00aeef; }
a:hover { color: #ff6633; }

body { font-size: 16px; line-height: 24px; color: #666; background: #000; font-family: 'titillium_webregular', sans-serif; -webkit-font-smoothing:antialiased; }

h1, h3 { font-family: 'titillium_webbold'; font-size: 26px; line-height: 30px;  font-weight: normal; }
h2 { font-family: 'titillium_webbold'; font-size: 26px; line-height: 30px;  font-weight: normal; }
h4 { font-family: 'titillium_websemibold'; font-weight: normal; }

.button { display: block; padding: 0 15px; line-height: 32px; background: #999; color: #fff; font-family: 'titillium_websemibold'; border: 0; cursor: pointer; }
.button:hover { background: #ff6633; color: #FFF; }
.button-blue { background: #0aa5df !important; color: #FFF !important; }
.button-blue:hover { background: #ff6633 !important; }
.button-orange { background: #ff6633 !important; color: #FFF !important; }
.button-orange:hover { background: #ff814b !important; }
.button-big { line-height: 40px !important; font-size: 18px; }
.button-small { line-height: 24px !important; font-size: 12px; }

button.button-blue.right { font-size: 16px !important; }

div.wrapper { width: 960px; margin: 0 auto; }

div.share {  }
#at4-share { margin-top: 55px !important; }

div.preheader { background: #f7f7f7; height: 50px; line-height: 50px; }
div.preheader div.help { float: left; color: #5e5e5e; font-size: 15px; }
div.preheader div.help span { margin-right: 10px; }
div.preheader div.login { float: right; font-size: 15px; font-weight: bold; }

div.header { background: #fff url(/print_het_zo/image/header_background_nw.png) no-repeat center bottom; }
div.header div.logo { width: 240px; margin: 40px 0 0 0; }
div.header div.logo img { max-width: 100%; }

div.header div.buttons { position: absolute; z-index: 100; right: 0; }
div.header div.buttons span.payoff { float: left; line-height: 50px; display: block; margin-right: 20px; font-size: 26px;  }
div.header div.middle div { color: #FFF; height: 50px; line-height: 50px; display: block; float: left; font-size: 16px; padding: 0 0px;}
div.header div.middle div a { color: #FFF;  }
div.header div.middle div.cart { float: right; }
div.header div.middle div.cart a { border: 1px solid #ebebeb; color: #5e5e5d; display: inline-block; padding: 0 10px; line-height: 49px; }
div.header div.middle div.cart a i { font-size: 24px; margin-top: 12px; }
div.header div.middle div.cart:hover { background: #00aeef; }
div.header div.middle div.cart:hover a, div.header div.middle div.cart:hover a i { color: #fff; }

div.header div.middle { float: right; margin-top: 42px; line-height: 57px; color: #666; font-size: 16px; width: 550px; }
div.header div.middle div.text { float: left; margin-right: 20px; }
div.header div.middle div.text img.icon-phone { vertical-align: middle; margin: 0 5px; }

div.header div.middle div.search { float: right; line-height: 57px; height: 57px; font-size: 16px; margin-right: 35px; }
div.header div.middle div.search a.search_button { position: relative; z-index: 2; width: 50px; height: 50px; color: #ebebeb; margin-top: 12px; margin-left: -40px; background: #fff; font-size: 24px; }
a.form_search { margin-top: 2px; display: inline-block; margin-left: 10px; cursor: pointer; font-size: 24px; }
div.header div.middle div.search a.search_button i { margin-top: 12px; }
div.header div.middle div.search input[type="text"] { float: left; color: #ebebeb; border: 0; padding: 0; height: 50px; line-height: 50px; margin: 0 0 0 0px; border: 1px solid #ebebeb; font-size: 16px; width: 400px; border-radius: 0; padding: 0 0 0 8px; }

div.subheader { clear: both; }

div.navigation { background: #5e5e5d; height: 50px; float: right; width: 700px; }
div.navigation ul li { float: right; /*border-left: 1px solid #e3e1e0;*/ line-height: 50px; margin-top: 0px;  }
div.navigation ul li a { font-size: 16px; display: block; padding: 0 20px; color: #fff; font-family: 'titillium_websemibold'; }
div.navigation ul li a:hover { background: #00aeef; color: #FFF;  }

div.navigation ul li:hover ul { margin-top: 0; opacity: 1; pointer-events: auto; display: block; }
div.navigation ul li:hover a { background: #00aeef; color: #FFF; }

div.navigation ul ul { width: 250px; position: absolute; z-index: 500; margin-top: 0px; opacity: 0; pointer-events: none; display: none; }
div.navigation ul ul li { float: none; border: 0; line-height: 32px; width: 230px; margin: 0; }
div.navigation ul ul li a { font-size: 14px; background: #00aeef; color: #FFF; }
div.navigation ul ul li:hover { /*margin: 0 0 0 5px;*/ cursor: pointer; }
div.navigation ul ul li a:hover { background-color: #ff6633; }

/*div.productnavigation { background: #5e5e5d; float: left; height: 50px;  }
div.productnavigation ul li { float: left; border-left: 0px solid #e3e1e0; line-height: 25px; margin-top: 0px;  }
div.productnavigation ul li a { font-size: 14px; display: block; padding: 0 10px; color: #fff; font-family: 'titillium_webregular'; }
div.productnavigation ul li a:hover { background: #33bdf1; color: #FFF;  }*/

div.productnavigation { background: #ff6633; clear: both; float: left; height: 50px; width: 200px; }
div.productnavigation ul li { float: left; /*border-left: 1px solid #e3e1e0;*/ line-height: 50px; margin-top: 0px;  }
div.productnavigation ul li i { line-height: 50px; margin-left: 25px; }
div.productnavigation ul li a { font-size: 16px; display: block; padding: 0 20px; color: #fff; font-family: 'titillium_websemibold'; }
div.productnavigation ul li a:hover { background: #ff6633; color: #FFF;  }

div.productnavigation ul li:hover ul { margin-top: 0; opacity: 1; pointer-events: auto; display: block; }
div.productnavigation ul li:hover a { background: #ff6633; color: #FFF; }

div.productnavigation ul ul { width: 250px; position: absolute; z-index: 500; margin-top: 0px; opacity: 0; pointer-events: none; display: none; }
div.productnavigation ul ul li { float: none; border: 0; line-height: 32px; width: 230px; margin: 0; }
div.productnavigation ul ul li a { font-size: 14px; background: #ff6633; color: #FFF; }
div.productnavigation ul ul li:hover { /*margin: 0 0 0 5px;*/ cursor: pointer; }
div.productnavigation ul ul li a:hover { background-color: #00aeef; }

div.productnavigation ul ul ul { width: 230px; position: absolute; z-index: 600; margin-top: -32px !important; margin-left: 230px; display: none; opacity: 0; pointer-events: none; }
div.productnavigation ul ul ul li { float: none; display: none; border: 0; line-height: 32px; width: 230px; margin: 0; }
div.productnavigation ul.productmenu ul.submenu ul.submenu li.sub_item a { font-size: 14px; background: #00aeef; color: #FFF; }
div.productnavigation ul.productmenu ul.submenu ul.submenu li.sub_item:hover { /*margin: 0 0 0 5px;*/ cursor: pointer; }
div.productnavigation ul.productmenu ul.submenu ul.submenu li.sub_item a:hover { background-color: #8dc63f; }

div.productnavigation ul ul li:hover ul li { opacity: 1; pointer-events: auto; display: block; }

div.main { padding-bottom: 40px; background: #eeebe9 url(/print_het_zo/image/body_background_halftone.png) repeat center center; }

div.breadcrumb { display: block; line-height: 40px; }
div.breadcrumb ul { display: block; }
div.breadcrumb ul li { display: inline-block; margin: 0 10px 0 0; color: #0aa5df; font-size: 12px; }
div.breadcrumb ul li a { display: block; padding: 0 10px 0 0; color: #999; background: url(/print_het_zo/image/breadcrumb_seperator.jpg) no-repeat right 50%;  }
div.breadcrumb ul li a:hover { color: #333; }

div.dashboard-streamer { padding: 20px 0 0 0; }
div.dashboard-streamer div.content-extra { width: 240px; position: absolute; z-index: 100; right: 20px; margin-top: 30px; overflow: hidden; background: #FFF; line-height: 22px; border: 1px solid #ccc; }
div.dashboard-streamer div.content-extra div.inner { padding: 10px; display: inline-block;  }
div.dashboard-streamer div.content { background: none; color: #333; min-height: 400px;  /*background: rgba(255,255,255,.7);*/ margin-left: 20px; margin-top: 20px; }
div.dashboard-streamer div.content div.inner { padding: 20px; font-size: 16px; line-height: 28px; width: 500px; }
div.dashboard-streamer div.content div.streamercontent { padding: 10px 20px; background: #00aeef; color: #fff; text-align: center; margin-top: 120px; width: auto; display: inline-block; }
div.dashboard-streamer div.content h2 { color: #333; font-size: 40px; font-family: 'titillium_webregular'; margin-bottom: 10px; display: block; line-height: 40px; }
div.dashboard-streamer div.owl-controls { line-height: 8px; float: right; margin: -50px 20px 0 0px; }
div.dashboard-streamer div.owl-pagination { position: absolute; z-index: 200; width: 130px; margin-left: -100px;}
div.dashboard-streamer div.owl-pagination div { width: 18px; height: 18px; background: url(/print_het_zo/image/streamer_pagination.png) no-repeat top left; display: inline-block; margin: 0 2px; }
div.dashboard-streamer div.owl-pagination div.active { background: url(/print_het_zo/image/streamer_pagination.png) no-repeat bottom left; }
div.dashboard-streamer div.content div.streamercontent:empty { padding: 0 !important; margin-top: 160px !important; }

div.streamer-sale { background: url(/print_het_zo/image/sale_corner.png) no-repeat top right; width: 203px; height: 201px; margin-left: 758px; position: absolute; color: #fff; }
div.streamer-sale div.sale-rotate { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 30px; margin-left: 100px; }
div.streamer-sale div.sale-rotate div.percentage { font-size: 48px; font-weight: bold; font-family: 'titillium_websemibold'; line-height: 50px; letter-spacing: -1.5px; }
div.streamer-sale div.sale-rotate div.percentage-text { font-size: 24px; font-weight: bold; font-family: 'titillium_webregular'; }


div.dashboard { /*background: #FFF; */ /*border-bottom: 1px solid #ccc;*/ }

div.dashboard div.block { float: left; width: 240px; height: 240px; background: #ccc; overflow: hidden; color: #333; }
div.dashboard div.block.block-large { width: 480px; height: 480px; }

div.dashboard div.block div.box { width: 239px; height: 239px; margin: 1px 1px 0 0; background: #fff; }
div.dashboard div.block.block-large div.box { width: 479px; height: 479px; }

div.dashboard div.block.offset div.box { /*margin: 1px 1px 0px 1px; width: 238px; */ width: 239px; }
div.dashboard div.block.offset.block-large div.box { margin: 1px 1px 0px 1px; width: 478px;  }

div.border-top { border-top: 1px solid #ccc; }

div.dashboard div.block div.box div.inner { background: #fff; padding: 0px; }
div.dashboard div.sale-items div.block { border-bottom: 1px solid #ccc; }
div.dashboard div.sale-items:empty { display: none; }

/*div.dashboard div.block:nth-child(1), div.dashboard div.block:nth-child(4) { border-left: 1px solid #ff0000; }*/

div.dashboard div.block h3 { font-size: 18px; line-height: 18px; font-family: 'titillium_webregular';}
div.dashboard div.block div.image { padding-bottom: 10px; margin: 0 auto; text-align: center; }
div.dashboard div.block div.text { height: 239px; width: 239px; }
div.dashboard div.block div.text div { display: inline-block; background: rgba(255,255,255,1); margin: 0px; width: 219px; padding: 16px 10px; }
div.dashboard div.block.offset div.text div { width: 219px;  }
/*div.dashboard div.block div.text.action { height: auto; }
div.dashboard div.block div.text.action * { font-size: 18px; line-height: 32px;}*/

div.dashboard div.block div.buttons { display: none !important; width: 239px; }
div.dashboard div.block div.buttons a { float: none; display: block; width: 100%; text-align: center; display: none !important; }

div.dashboard div.block div.label { background: #ff6633; color: #fff; text-align: center; position: absolute; width: 239px; }
div.dashboard div.block div.label:after { font-family: FontAwesome; content: ""; color:#ff6633; position: absolute; display: block; margin-left: 47%; z-index: 101; margin-top: -10px; font-size: 24px; }

div.dashboard div.align-bottom div.text { display: table-cell; vertical-align: bottom; }
div.dashboard div.align-middle div.text { display: table-cell; vertical-align: middle; }

/*div.dashboard div.middle-header, */div.dashboard div.middle-footer { border-top: 1px solid #cccccc; padding: 20px 0; }
div.dashboard div.middle-header { padding: 0px 0px 20px 0; }
div.dashboard div.middle-header h3 { color: #e02229; font-family: 'titillium_webregular', sans-serif; margin-left: 0px; margin-top: 40px; }
div.dashboard div.middle-header h3:before { background-image: url(/print_het_zo/image/beeld_rood.png); background-size: 40px 40px; display: inline-block; width: 40px; height: 40px; content:""; margin-right: 10px; }

div.dashboard div.middle-footer h3 { color: #00aeef; font-family: 'titillium_webregular', sans-serif; margin-left: 0px; margin-top: 40px; }
div.dashboard div.middle-footer h3:before { background-image: url(/print_het_zo/image/beeld_blauw.png); background-size: 40px 40px; display: inline-block; width: 40px; height: 40px; content:""; margin-right: 10px; }

div.dashboard div.middle-content { margin-top: 60px; background: #8dc63f; color: #fff; /*border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; */ padding: 20px 0; text-align: center; }
div.dashboard div.middle-content div.usp { display: inline-block; color: #fff; width: 25%; font-size: 16px; vertical-align: middle;}
div.dashboard div.middle-content div.usp span { margin-right: 15px;  }



div.dashboard div.subscribe { text-align: center; margin-top: 60px;}
div.dashboard div.subscribe input[name="email"] { width: 150px; height: 32px; line-height: 32px; padding: 0 5px; border: 0; background: #FFF url(/print_het_zo/image/input_background.gif) repeat-y left top; display: block; margin: 5px auto; border: 1px solid #d1d1d1;}
div.dashboard div.subscribe input[type="submit"] { width: 80px; height: 36px; line-height: 36px; padding: 0 5px; border: 0; color: #FFF; background: #ff6633; font-family: 'titillium_websemibold'; cursor: pointer; display: block; margin: 5px auto;  }

div.dashboard div.block.block-large.introduction {
	width: 100%;
	height: auto;
	margin: 30px 0 60px 0;
	float: none;
	background: white;
}

div.dashboard div.block.block-large.introduction .box {
	width: 100%;
	height: auto;
}

div.dashboard div.introduction { font-size: 16px; line-height: 28px; }
div.dashboard div.introduction div.inner { padding: 50px !important;   }
div.dashboard div.introduction h1 { font-family: 'titillium_webregular', sans-serif; font-size: 46px; line-height: 50px; margin-bottom: 20px; }
div.dashboard div.introduction div.profile { width: 305px; float: right; border-bottom: 1px solid; padding: 5px 0; margin-bottom: 20px; }
div.dashboard div.introduction div.profile-image { float: left; margin: 5px 20px 0 0; }

div.content { background: #FFF; }
div.content div.inner { padding: 20px 20px 20px 20px; }
div.content div.inner-free { padding: 20px 0; }
div.content h1 { color: #0aa5df; margin-bottom: 20px; }
div.content h2,
div.content h3 { color: #666; font-size: 18px; line-height: 20px; margin-bottom: 0px; display: inline; font-weight: bold; font-family: 'titillium_webregular', sans-serif; }
div.content a.image-rechts { float: right; margin: 0 0 0 20px; }
div.content a.image-links { float: left; margin: 0 20px 0 0; }
div.content ul { margin: 10px 0 10px 20px; }
div.dashboard-streamer div.content-extra ul { margin: 10px 0 10px 10px; }
div.content ul li, div.dashboard-streamer div.content-extra ul li { background: url(/print_het_zo/image/list_image.gif) no-repeat 5px 9px; padding: 0 0 0 20px; }

a + div.inner { padding-top: 0 !important; }

div.content.right a + div.inner { padding-top: 20px !important; }

div.content div.header-block {background: #e0e0e0; color: #333; font-size: 16px;  }
div.content div.header-block h4,
div.content div.header-block b { padding: 10px 20px; font-family: 'titillium_webbold'; display: inline-block; }
div.content div.header-block h4 span,
div.content div.header-block b span  { color: #0aa5df; font-size: 22px; font-family: 'titillium_webbold'; display: inline-block; margin-right: 5px; }

div.side { display: block; margin-bottom: 20px;}
div.side div.inner { padding: 20px 10px; }
div.side div.inner h3 { margin-bottom: 20px; padding: 0 10px; }
div.side div.inner div.text { padding-left: 10px; padding-right: 10px; }
div.side div.inner div.text div.image { width: 263px; height: 175px; background: #FFF; margin-bottom: 20px; }
div.side a.button { display: block;  background: rgba(255,255,255,.2) url(/print_het_zo/image/icon_arrow.png) no-repeat right 50%; padding: 5px 10px; margin-top: 20px; font-family: 'titillium_websemibold'; }
div.side a.button:hover { background-color: rgba(255,255,255,.4)  }
div.side-white { background: #FFF; color: #666; }
div.side-green { background: #94c54e; color: #fff; }
div.side-orange { background: #ff6633; color: #fff; }
div.side-red { background: #e02229; color: #fff; }
div.side-blue { background: #00aeef; color: #fff; }
div.side-white h3 { color: #00aeef;  }
div.side-white a { color: #666; }
div.side-dark h3, div.side-blue h3, div.side-blue a, div.side-green h3, div.side-green a, div.side-orange h3, div.side-orange a, div.side-red a { color: #fff; }
div.side-dark h3 { display: block; padding: 10px 20px; background: #393939; font-size: 16px; }
div.side-dark a { color: #333; }

div.side ul.menu li { display: block; line-height: 30px;  }
div.side ul.menu li a { display: block; padding: 0 20px 0 10px; }
div.side ul.menu li a:hover { background: #999 url(/print_het_zo/image/icon_arrow.png) no-repeat right 50%; color: #fff; }
div.side-dark ul.menu li { border-top: 1px solid #393939; }
div.side-dark ul.menu li a { background: #999; }
div.side-dark ul.menu li a:hover { background: #999 url(/print_het_zo/image/icon_sprite_dark.png) no-repeat right -10px; color: #333; }
div.side ul.icon li { line-height: 44px; }
div.side ul.icon li a { padding-left: 0; }
div.side ul.icon li span { display: inline-block; width: 50px; height: 44px; margin-left: 10px; }
div.side ul.icon li .icon-payment { background: url(/print_het_zo/image/icon_sprite.png) no-repeat -10px -266px; }
div.side ul.icon li .icon-clock { background: url(/print_het_zo/image/icon_sprite.png) no-repeat -10px -330px; }
div.side ul.icon li .icon-print { background: url(/print_het_zo/image/icon_sprite.png) no-repeat -10px -394px; }
div.side ul.icon li .icon-home { background: url(/print_het_zo/image/icon_sprite.png) no-repeat -10px -202px; }
div.side ul.icon li .icon-phone { background: url(/print_het_zo/image/icon_sprite.png) no-repeat -10px -74px; }
div.side ul.icon-dark li .icon-payment, div.side-white .icon-payment { background: url(/print_het_zo/image/icon_sprite_dark.png) no-repeat -10px -266px !important; }
div.side ul.icon-dark li .icon-clock, div.side-white .icon-clock { background: url(/print_het_zo/image/icon_sprite_dark.png) no-repeat -10px -330px !important; }
div.side ul.icon-dark li .icon-print, div.side-white .icon-print { background: url(/print_het_zo/image/icon_sprite_dark.png) no-repeat -10px -394px !important; }
div.side ul.icon-dark li .icon-home, div.side-white .icon-home { background: url(/print_het_zo/image/icon_sprite_dark.png) no-repeat -10px -202px !important; }
div.side ul.icon-dark li .icon-phone, div.side-white .icon-phone { background: url(/print_het_zo/image/icon_sprite_dark.png) no-repeat -10px -74px !important; }

div.side-blue ul.menu li a:hover,
div.side-green ul.menu li a:hover,
div.side-green ul.menu li a:hover,
div.side-red ul.menu li a:hover,
div.side-orange ul.menu li a:hover { color: #fff; background-image: url(/print_het_zo/image/icon_arrow.png) no-repeat right 50%; background-color: rgba(255,255,255,.2); }

div.side div.subscribe { text-align: center; }
div.side div.subscribe input[name="email"] { width: 150px; height: 32px; line-height: 32px; padding: 0 5px; border: 0; background: #FFF url(/print_het_zo/image/input_background.gif) repeat-y left top; display: block; margin: 5px auto; border-radius: 0; }
div.side div.subscribe input[type="submit"] { width: 80px; height: 36px; line-height: 36px; padding: 0 5px; border: 0; color: #FFF; background: #663333; font-family: 'titillium_websemibold'; cursor: pointer; display: block; margin: 5px auto;  }

div.side table.data { margin: 10px 40px; }
div.side table.data td { padding-top: 5px; }
div.side table.data td.key { padding-right: 40px; font-family: 'titillium_websemibold';  }
div.side table.data td.value {  font-family: 'titillium_webthin'; }

div.faq { display: block; }
div.faq a { color: #0aa5df; }
div.faq h3 { font-size: 18px; margin-bottom: 5px; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; }
div.faq ul {margin: 0 0 20px 0px; }
div.faq ul li {  background: none; padding: 0; }
div.faq ul li a.trigger { display: block; padding: 5px 5px;;   }
div.faq ul li a.trigger:hover { background-color: #999; color: #fff; padding-left: 20px; }
div.faq div.faq-item { display: none; }
div.faq div.inner { padding: 0px 0 20px 20px; }

#leesmeer { display: none; }

div.search-results { margin-bottom: 20px; }
div.search-results h2 { font-size: 18px; margin-bottom: 5px; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; }
div.search-results a { color: #0aa5df; }
div.search-results div.item { margin-bottom: 20px; }
div.search-results div.item span.item-breadcrumb { display: inline-block; font-size: 12px; margin-left: 10px; }

div.search-form { margin: 20px 0; width: 270px;}
div.search-form input[type="text"] { float: left; }
div.search-form input[type="submit"]{ height: 32px; width: 32px; float: right; background: #0aa5df url(/print_het_zo/image/icon_search_white_small.png) no-repeat 50% 50% !important; border-radius: 5px; }

div.streamer { display: block; width: 480px; height: 480px; }
div.streamer a.next, div.streamer a.previous { position: absolute; z-index: 500; width: 32px; height: 32px; background: url(/print_het_zo/image/icon_streamer_navigation.png) no-repeat 50% top; opacity: .3;}
div.streamer a.next { margin: 224px 0 0 448px;}
div.streamer a.next:hover, div.streamer a.previous:hover { opacity: .8; margin-top: 220px; }
div.streamer a.previous { background-position: 50% bottom; margin: 224px 0 0 0px; }
div.streamer div.container { display: block; width: 480px; height: 479px; overflow: hidden; }
div.streamer div.container div.item { display: block; width: 480px; height: 480px; float: left; overflow: hidden; }
div.streamer div.container div.item div.image { height: 380px; text-align: center; }
div.streamer div.container div.item div.image img { margin-top: 30px; }
div.streamer div.container div.item div.content { height: 100px; width: 440px; margin: 0 auto; }
div.streamer div.container div.item div.content div.inner { padding: 10px 0 20px 0;  font-size: 16px; line-height: 20px;  }
div.streamer div.container div.item div.content h2 { display: inline; color: #333; font-size: 16px; line-height: 20px; }

div.news-overview { display: block; padding-bottom: 20px;  }
div.news-overview div.item { display: block; margin-bottom: 20px;  }
div.news-overview div.item div.image { width: 209px; height: 209px; overflow: hidden; }
div.news-overview div.item div.content { width: 364px; min-height: 209px; background: #f1f1f1; font-size: 14px; line-height: 24px; color: #666; }
div.news-overview div.item div.content h2 { font-size: 18px; line-height: 20px; margin: 0 0 10px 0; color: #666; }
div.news-overview div.item div.content span { display: block; color: #999; margin-bottom: 10px; }
div.news-overview div.item div.content a.readmore { height: 34px; line-height: 34px; width: 110px; position: absolute; z-index: 100; background: #ff6633; margin: 175px 0 0 254px; color: #FFF; text-align: center; font-family: 'titillium_websemibold'; }
div.news-overview div.item div.content a.readmore:hover { background: #0aa5df; }

div.news-detail span { display: block; color: #999; margin-bottom: 10px; }

.login-main { width: 275px; }
.login { float: right; }
.social-icons { float: right; margin-top: 15px; margin-left: 20px;}
.social-icons a { color: #5e5e5e; margin-right: 7px; }
.social-icons a:hover { color: #15b4f0; }
.social-icons a:last-child { margin-right: 20px; }

div.googlemaps-info { width: 250px; }
div.googlemaps-info img { float: right; }
div.googlemaps-info form { display: block; width: 180px; }
div.googlemaps-info input[type="text"] { width: 60px; float: left;  }
div.googlemaps-info input[type="submit"] { float: right; }

div.product_button { position: absolute; margin-left: 470px; }
div.product-overview { display: block; padding-bottom: 0px; border-bottom: 1px solid #e1e1e1; opacity: 0; }
div.product-overview div.item { float: left; width: 184px; text-align: center; line-height: 16px; margin-right: 20px; margin-bottom: 20px; cursor: pointer; }
div.product-overview div.item-last { margin-right: 0; }
div.product-overview div.item div.icon-info { position: absolute; z-index: 100; width: 24px; height: 24px; margin: 40px 0 0 130px; background: #00aeef; border-radius: 50%; text-align: center; font-family: 'titillium_webbold'; line-height: 24px; color: #fff;}
div.product-overview div.item div.icon-info a { color: #fff; display: block; line-height: 24px; height: 24px; width: 24px; }
div.product-overview div.item div.image { width: 191px; height: 180px; }
div.product-overview div.item div.image img { margin-top: 10px; }
div.product-overview div.item div.content { padding: 5px; }
div.product-overview div.item div.content h2 { font-size: 16px; line-height: 16px; margin-bottom: 5px; }
div.product-overview div.item div.content a.button { margin-top: 5px; }
div.product-overview div.item:hover div.content * { color: #333; }
div.product-overview div.item:hover div.image img { margin-top: 0; }

div.order-quantity { display: block; border-bottom: 1px solid #e1e1e1; margin-top: 20px; }
div.order-quantity table { width: 100%; }
div.order-quantity td { line-height: 50px;  border-top: 1px solid #e1e1e1;  }
div.order-quantity td.currency { text-align: center; background: #f5f5f5; width: 30px; }
div.order-quantity td.quantity { font-family: 'titillium_websemibold';  width: 185px; }
div.order-quantity td.quantity span { display: inline-block; width: 60px; text-align: right; margin-left: 50px; }
div.order-quantity td.price { font-family: 'titillium_websemibold'; background: #f5f5f5; text-align: right; width: 40px; }
div.order-quantity td.spacer { background: #f5f5f5; width: 20px; }
div.order-quantity td.price-vat{ padding-left: 20px; font-size: 12px; }
div.order-quantity td.delivery { padding-left: 20px; font-size: 12px; }
div.order-quantity tr:hover td { background: #0aa5df; color: #FFF; cursor: pointer; border-color: #0aa5df; }
div.order-quantity tr.active td { background: #ff6633; color: #FFF; cursor: pointer; border-color: #ff6633; cursor: default; }
div.order-quantity th { padding-bottom: 10px; }
div.order-quantity th.count { text-align: right; padding-right: 55px }
div.order-quantity th.price { text-align: left; }
div.order-quantity th.delivery { text-align: left; padding-left: 20px; }

div.order-quantity-custom { margin: 10px 0 10px 0; line-height: 30px; }
div.order-quantity-custom input { float: left; width: 60px; margin: 0 75px 0 50px; font-family: 'titillium_websemibold'; padding: 0 5px; line-height: 24px; }

div.order-quantity-total { clear: both; font-size: 18px; line-height: 30px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 10px 0; font-family: 'titillium_websemibold'; }
div.order-quantity-total span.offset { font-family: 'titillium_webregular'; display: inline-block; margin: 0 20px 0 440px; }

div.order-delivery { height: 190px; }
div.order-delivery div.item { width: 211px; float:left; text-align: center; line-height: 20px; padding-bottom: 20px; }
div.order-delivery div.item-last { margin-right: 0; }
div.order-delivery div.item div { padding: 50px 10px 10px 10px; color: #FFF; font-family: 'titillium_websemibold'; margin-bottom: 10px; border-right: 1px solid #FFF;  }
div.order-delivery div.item div.upload { background: #ccc url(/print_het_zo/image/icon_upload.png) no-repeat  50% 10px; }
div.order-delivery div.item div.box { background: #ccc url(/print_het_zo/image/icon_box.png) no-repeat  50% 10px; }
div.order-delivery div.item div.warning { background: #ccc url(/print_het_zo/image/icon_warning.png) no-repeat  50% 10px; }
div.order-delivery div.item-last div { border: 0; }
div.order-delivery div.item-last img { vertical-align: middle; display: inline; }

div.order-total { }
div.order-total div.inner { padding: 10px 20px; }
div.order-total div.inner table { width: 219px; }
div.order-total div.inner td { padding-bottom: 10px; }
div.order-total div.inner td.seperator { border-top: 1px solid #e1e1e1; padding-bottom: 5px; font-size: 0; line-height: 0; }
div.order-total div.inner td.value  { text-align: right; }
div.order-total div.inner td.value-bold { font-size: 20px; font-family: 'titillium_webbold'; letter-spacing: -1px; }
div.order-total a { display: block; background: #ff6633 url(/print_het_zo/image/icon_cart.png) no-repeat 10px 50%; font-family: 'titillium_websemibold'; padding-left: 55px; line-height: 45px !important; color: #FFF; margin: 20px 40px 0 0; }
div.order-total a:hover { background: #0aa5df url(/print_het_zo/image/icon_cart.png) no-repeat 10px 50%; }

div.order-total input.cart { display: block; background: #ff6633 url(/print_het_zo/image/icon_cart.png) no-repeat 5px 50%; font-family: 'titillium_websemibold'; padding: 0 10px 0 45px; font-size: 12px; line-height: 40px;  color: #FFF; border: 1px solid #ff6633; cursor: pointer; }
div.order-total input.cart:hover { background-color: #0aa5df; border-color: #0aa5df; }

div.special { margin-left:-20px; }
div.special h1 { display: none; }

div.product-simular { margin: 20px 0 20px 20px; background: #e2e2e2; width: 184px; }
div.product-simular div.image { height: 197px; }
div.product-simular a { display: block; padding: 0 5px; color: #0aa5df; display: block; margin-top: 1px; }

div.footer { background: #000; color: #FFF; }
div.footer h4 { margin-bottom: 5px; }
div.footer div.logo { display: block; margin-bottom: 20px; line-height: 0; font-size: 0; }
div.footer div.inner { padding: 20px 0; }
div.footer div.col { float: left; margin: 0 20px 0 0; width: 210px; }
div.footer div.col-last { margin: 0 0 0 0; }
div.footer div.col-large { width: 230px;  }
div.footer a { color: #FFF; }
div.footer a:hover { color: #666; }

div.footer div.tweet { display: block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.footer div.tweet ul { padding: 0; margin: 0; }
div.footer div.tweet ul li { font-size: 12px; line-height: 18px; }
div.footer div.tweet ul li.odd { margin: 10px 0;}
div.footer div.tweet ul li a.profile-image { float: left; width: 32px; height: 32px; margin-right: 5px;  }
/*div.footer div.tweet ul li.odd a.profile-image { float: right; margin-left: 5px; }*/
div.footer div.tweet ul li a.user { text-decoration: none; color: #fff; font-weight: bold; }
div.footer div.tweet ul li span.time { display: block; color: #666; }
div.footer div.tweet ul li a { text-decoration: underline; }

div.footer input[name="email"] { width: 130px; height: 32px; line-height: 32px; padding: 0 5px; float: left; border: 0; margin-top: 2px; background: #FFF url(/print_het_zo/image/input_background.gif) repeat-y left top; border-radius: 0; }
div.footer input[type="submit"] { width: 80px; height: 36px; line-height: 36px; padding: 0 5px; float: right; border: 0; color: #FFF; background: #663333; font-family: 'titillium_websemibold'; cursor: pointer; margin-right: 10px; }

div.footer div.landings-pages { margin-top: 20px; border-top: 1px solid #1f1f1f; padding-top: 20px; }
div.footer div.landings-pages a { width: 240px; font-size: 12px; }

div.bottom { text-align: center; color: #FFF; margin-top: 0px; }
div.bottom div.inner { border-top: 1px solid #1f1f1f; padding: 20px 0; }
div.bottom div.small { font-size: 12px; margin-top: 10px; }
div.bottom a { color: #FFF; }
div.bottom a:hover { color: #666; }
div.bottom ul { display: inline; }
div.bottom ul li { display: inline-block; margin: 0 5px 0 0;  background: url(/print_het_zo/image/breadcrumb_seperator.jpg) no-repeat left 50%; padding: 0 0 0 5px; }

div.form { display: block; }
div.form td { padding-bottom: 10px; line-height: 30px; }
div.form td.key { padding-right: 20px; }

div.form div.row { margin: 5px 0 10px 0; }
div.form h3 { font-size: 18px; }
div.form div.row div.key { float: left; width: 150px; line-height: 32px; }

div.form.login { width: 400px; }
div.form.login div.value { float: right; }

div.data div.row { margin: 5px 0 10px 0; }
div.data h3 { font-size: 18px; }
div.data div.row div.key { float: left; width: 150px; line-height: 24px; font-weight: bold;  }

table.service-overview td { line-height: 28px; padding: 2px 5px; }
table.service-overview tr { cursor: pointer; }
table.service-overview tr:hover td { background: #e1e1e1; }

div.upload-message { margin-bottom: 20px; }
div.upload-message ul li { background-color: #ffe0e0; }

form[name="assembly"] label { display: block; padding: 0px 5px;line-height: 30px; }
form[name="assembly"] label:hover { background: #0aa5df; color: #FFF;  }
form[name="assembly"] label:hover *{ color: #FFF;  }
form[name="assembly"] label.active, form[name="assembly"] label.active * { color: #fff; background: #ff6633; }
form[name="assembly"] label input[type="radio"] { margin-right: 5px; }

#assembly_form div.option_group_container span.option_group_active_value { float: right; width: 280px; line-height: 44px; background: url(/print_het_zo/image/icon_assembly_ok.png) no-repeat left 50%; padding: 0 0 0 44px; }
#assembly_form div.option_group_container div.header-block { cursor: pointer; border-bottom: 1px solid #FFF;}
#assembly_form div.option_group_container div.header-block.checked:hover * { background-color: #0aa5df; color: #FFF !important; }
#assembly_form div.option_group_container div.header-block.checked:hover span.option_group_active_value  { background: url(/print_het_zo/image/icon_assembly_ok_white.png) no-repeat left 50%; }
#assembly_form div.option_group_container label { width: 276px; float: left; margin-left: 10px; border-radius: 5px; }
#assembly_form div.option_group_container label.image { vertical-align: middle; text-align: center; line-height: 14px; width: 177px; float: left; border-radius: 5px; margin: 0 10px 20px 0; padding-bottom: 10px; }
#assembly_form div.option_group_container label.image h3 { font-size: 18px; margin: 0; padding: 0; }
#assembly_form div.option_group_container label.image input[type="radio"] { display: none; }
#assembly_form div.option_group_container label.image img {  max-width: 50%;}

.shop_assembly_steps_tabs { text-align: center; }
.next-button { background: #8dc63f !important; font-size: 18px; }
.two-column { float: left; width: 50%; }

div.option_group_container div.inner  div.favorite { background: url(/print_het_zo/image/favorite_pointer.png) no-repeat left; display: inline; padding-left: 6px; margin-left: 10px; }
div.option_group_container div.inner  div.favorite span { background: #94c54e; padding: 2px 8px; text-transform: uppercase;  font-size: 11px; color: #fff; }

div.message { padding: 5px 10px; font-size: 12px;  }
div.message.message_error_blink { animation: blink 2s; -webkit-animation: blink 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; font-weight: bold; text-align: center; }
div.message.message_error { background-color: #f6f5d0;  text-align: center; }

div.page_selector { font-size: 14px; }
div.page_selector table { width: 100%; }
div.page_selector table td.left { width: 80px; text-align: left; }
div.page_selector table td.right { width: 80px; text-align: right; }
div.page_selector table td.left a { display: block; line-height: 32px; padding-left: 20px; text-decoration: none; color: #666; }
div.page_selector table td.right a { display: block; line-height:32px; padding-left: 20px; text-decoration: none; color: #666; }
div.page_selector table td.right a:hover, div.page_selector table td.left a:hover { color: #333; }
div.page_selector table td.middle { text-align: center; }
div.page_selector table td.middle a { display: inline-block; margin: 0 2px; width: 32px; height: 32px; text-align: center; color: #666; text-decoration: none; line-height: 32px;  }
div.page_selector table td.middle a.active { background: #ff6633; color: #FFF; font-family: 'titillium_websemibold'; font-size: 18px; width: 32px; height: 32px; line-height: 32px; cursor: default; }
div.page_selector table td.middle a:hover { font-size: 18px; font-weight: bold; }

div.basket_voucher_link { margin-top: 39px; font-weight: bold; margin-left: 15px; }
div.basket_voucher_form { margin-top: 39px; margin-left: 15px; }
div.basket_voucher_form td.voucher_key { padding-top: 5px; }
div.basket_voucher_form input.text { width: 125px; margin: 2px 5px 0 0; }

div.auth-message { margin-top: 20px; }
div.intro-text { font-family: 'titillium_webregular'; padding: 20px 50px; margin: 0 0 20px 0; background: #fff; border: 1px solid #ccc;}
div.default-product { margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; }

.cookie-message { border-top:1px solid #ff5a2d; background: #535353; position:fixed; bottom:0;left:0;right:0;z-index: 99999; }
.cookie-message p { text-align:center; color: #fff; font-size: 12px; max-width: 1000px; margin: 5px auto;}
.cookie-message a { color: #00a5ed; text-decoration: underline; cursor: pointer; }
.cookie-message a:hover { text-decoration: none; color: #ff5a2d; }

/* Animations */
div.header div.buttons div,
div.navigation ul li a,
div.navigation ul ul,
div.navigation ul ul li,
div.breadcrumb ul li a,
div.bottom a,
div.footer a,
div.faq ul li a,
div.streamer a.previous,
div.streamer a.next,
input[type="submit"],
div.product-overview *,
div.news-overview *,
div.page_selector *,
div.order-quantity tr td,
div.order-total a,
div.side a.button,
a.button,
div.news-overview div.item div.image img,
table.service-overview td,
form[name="assembly"] label { transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease;  }

div.side ul.menu li a { transition: background-color, color .1s ease; -moz-transition:  color, background-color .1s ease; -webkit-transition: color,background-color .1s ease; -ms-transition: color, background-color .1s ease;  }

div.dashboard div.block,
div.dashboard div.block div.box,
div.dashboard div.block div.box div.inner  {
	-webkit-transition: all 200ms cubic-bezier(0.710, 0.245, 0.155, 0.840);
	-moz-transition: all 200ms cubic-bezier(0.710, 0.245, 0.155, 0.840);
	-o-transition: all 200ms cubic-bezier(0.710, 0.245, 0.155, 0.840);
    transition: all 200ms cubic-bezier(0.710, 0.245, 0.155, 0.840);
}

@keyframes blink {
	0% { background-color: #FFF; }
	50% { background-color: #f6f5d0; }
	100% { background-color: #FFF; }
}
@-webkit-keyframes blink {
	0% { background-color: #FFF; }
	50% { background-color: #f6f5d0; }
	100% { background-color: #FFF; }
}
@-ms-keyframes blink {
	0% { background-color: #FFF; }
	50% { background-color: #f6f5d0; }
	100% { background-color: #FFF; }
}