/*CSS*/

/*---------------------------------------------HTML-BODY...*/
html, body { }
body { background:#fff; position:relative; margin:0 0 /*36px*/; padding:0; border:none; text-align:left; font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:13px; color:#473f3f; }
/*---------------------------------------------wrapper*/
.wrapper { width:1000px; margin:0 auto; position:relative; }
/*---------------------------------------------header*/
/*...sticky*/
#headerSticky { width:100%; position:fixed; left:0; top:0; z-index:999; background:#181716; color:#aba8a5; font-size:11px; line-height:29px; }
#headerSticky a { color:#aba8a5; padding:0 8px; }
#cartHeader { padding:0 0 0 33px; }
#cartHeader strong { color:#f87e1d; }
#toggleHeaderMenu { display:none; position:absolute; right:0; top:0; padding:12px; cursor:pointer; }
/*...title, search*/
#header { height:80px; margin:30px 0 0; }
#header .wrapper { padding:3px 0 0; }
#header .embossed { background:rgba(0,0,0,.33); position:relative; padding:0 0 0 40px; margin:14px 0 0; }
#header .sfield { width:380px; height:20px; background:none; border:none; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.4); line-height:20px; padding:10px 0; }
#header .button { width:40px; height:100%; position:absolute; left:0; top:0; background:url(/art/ico-magnifier.png) no-repeat center; border:none; }
#header .social { margin:20px 0 0 5px; }
#header .ico { margin:0 5px; }
/*...header menu*/
#menu-top { background:url(/art/header-menu-bg.gif) repeat-x top; text-transform:uppercase; font-size:14px; text-shadow:1px 1px 0 rgba(255,255,255,.7); }
#menu-top a { padding:0 3px; margin:0 3px; line-height:39px; }
#menu-top .current a { font-weight:bold; }
/*---------------------------------------------home slider*/
.slider-area { margin:0; }
#sliderHome .cycle-slide { width:100%; height:590px; background-repeat:no-repeat; background-position:top center; }
#sliderHome .description { width:auto; position:absolute; bottom:20px; left:50%; margin-left:-500px; color:#fff; font-size:32px; font-weight:bold; text-shadow:2px 2px 1px rgba(0,0,0,.4); }
#sliderHome .description h1 { color:#fcaa2a; font-size:26px; font-weight: bold; }
#sliderHome .description .bubble { position:absolute; right:-100px; top:-110px; width:100px; height:130px; background:url(/art/bubble.png) no-repeat 0 0; padding:12px; -webkit-transform:rotate(10deg) translate3d( 0, 0, 0); transform:rotate(10deg); line-height:14px; font-size:12px; text-shadow:1px 1px 0 rgba(0,0,0,.3); }
.slider-pager { position:absolute; right:100px; bottom:44px; z-index:888; }
.slider-pager span { display:inline-block; width:17px; height:17px; background:url(/art/pager-inactive.png) no-repeat center; margin:0 2px; padding:2px; cursor:pointer; }
.slider-pager span.cycle-pager-active { background:url(/art/pager-active.png) no-repeat center; }
/*---------------------------------------------content columns*/
#content { box-shadow:inset 0 0 120px rgba(0,0,0,.2); }
.left-column { width:49%; }
.right-column { width:49%; }
.left-column.inner { width:73%; padding:22px 0; }
.right-column.inner { width:24%; padding:22px 0; }
.column-title { word-break:break-all; text-transform:uppercase; }
.column-title p { display:inline; }
.column-title h1 { font-size:30px; font-weight:500; padding:12px 0; }
.column-title h2 { font-size:30px; font-weight:500; padding:12px 0; }
.column-title h2 small { font-size:14px; line-height:22px; font-weight:normal; }
.column-title h3 { font-size:30px; font-weight:300; padding:12px 0; }
.column-bread { color:#f8601d; padding-left:10px; }
.column-bread a { color:#777471; }
.column-bread strong a { color:#f8601d; }
.give-me-space { padding:0 0 22px; }
/*----ITW content TEXT*/
.column-text { padding:16px 22px 0px 22px; }
.column-dot { border-bottom: 3px dotted #d3d3d3; margin-top: 16px; }
.column-text p { margin:0 0 22px; line-height:26px; font-weight:400; font-size:14px; }
.column-text h1 { margin:22px 0 12px; font-weight:300px; }
.column-text h2 { margin:12px 0 12px; font-weight:300px; }
.column-text h3 { margin:4px 0 12px; font-weight:300px; }
.column-text h4 { margin:0 0 12px; font-weight:300px; }
.column-text img { max-width:100%; height:auto; }
.column-text hr { border-bottom: 3px dotted #d3d3d3; margin-top: 16px; }
.column-tags { padding:12px 0; border-top:3px dotted #d3d3d3; border-bottom:3px dotted #d3d3d3; color:#747474; }
.column-tags a { color:#747474; }
#related .thumb { float:left; margin:5px; border:2px solid #fff; box-shadow:2px 2px 0 rgba(0,0,0,.2); }
#related li a { font-size:16px; line-height: 24px; color: #f8601d; }
/*---------------------------------------------home boxes*/
.box { position:relative; background-repeat:no-repeat; box-shadow:inset 0 0 100px rgba(0,0,0,.33); transition:all ease-out .1s; }
.box:hover { box-shadow:inset 0 0 80px rgba(0,0,0,.25); }
.box.fullheight { width:100%; height:490px; }
.box.full { width:98%; height:115px; margin:0 1% 10px; background-repeat:repeat; }
.right-column .box.tank { height:215px; }
.box.half { width:48%; height:240px; margin:0 0 2%; margin-left: 2%; }
.box.half.odd { margin:0 2% 10px 0; }
.box-title { display:inline-block; background:#333; position:relative; top:5px; left:-5px; padding:12px; color:#fff; text-shadow:2px 2px 1px rgba(0,0,0,.4); box-shadow:3px 3px 0 rgba(0,0,0,.2), inset 1px 1px 0 rgba(255,255,255,.3); transition:all ease-out .2s; }
.box:hover .box-title { padding:12px 8px; }
.box.polish .box-title { position:absolute; top:auto; bottom:22px; z-index:99; left:-5px; text-align:center; }
.box.inverse .box-title { height:auto; position:absolute; left:auto; top:12px; right:-5px; width:65%; text-align:right; }
.box.blue .box-title { background:#005dab; }
.box.green .box-title { background:#a4d144; }
.box.orange .box-title { background:#fcaa2a; }
.box.red .box-title { background:#ee3a43; }
.box-title .corner { width:5px; height:5px; position:absolute; bottom:-5px; left:0; }
.box.inverse .box-title .corner { left:auto; right:0; }
.box.green .corner { background:url(/art/corner-green.png); }
.box.blue .corner { background:url(/art/corner-blue.png); }
.box.blue.inverse .corner { background:url(/art/corner-blue-inverse.png); }
.box.orange .corner { background:url(/art/corner-orange.png); }
.box.red .corner { background:url(/art/corner-red.png); }
.box-services { width:100%; background:rgba(255,255,255,.5); position:absolute; bottom:0; padding:6px 0; text-align:right; }
.box.polish .box-services { width:70%; min-height:90px; background:url(/art/box-bg.gif); padding:8px 5% 12px 25%; text-align:left; }
.box.polish .box-services h3 a { font-size:13px; }
.box.polish.tank .box-services { min-height:30px; }
.box-services li { width:35px; height:40px; }
#news-block .box.half { width:49%; margin:0 0 10px 1%; }
#promoBox img { width:100%; height:auto; }
/*----------------------------------------------------FOOters*/
#footerLvl1 { background:#005dab; color:#fff; padding:20px 0; font-size:12px; }
#footerLvl1 a { color:#fff; }
#footerLvl1 .list { max-width:20%; padding:0 12px; line-height:17px; }
#footerLvl1 .list h4 { font-size:18px; padding:6px 0; }
#footerLvl1 .list img { padding:4px 2px; }
#footerLvl1 li { list-style:outside disc; margin:0 12px; }
#footerLvl1 li.title { list-style:none; margin:0; }
#footerLvl1 .menu li { margin:0; }
/*----------------------------------------------------COPYright*/
/*#copyright .wrapper { height: 70px; }*/
#copyright { background:url(/art/header-menu-bg.gif); box-shadow:0 0 2px rgba(0,0,0,.3); line-height:38px; }
#copyright a { margin:0 5px; }
/*-----------------------------------------fixed stunden*/
#openingFixed { width:100%; height:36px; position:fixed; bottom:0; left:0; z-index:399; background:#211f1d; }
#openingFixed2 { width:100%; height:34px; position:fixed; bottom:36px; left:0; z-index:399; }
#openingFixed2 table {background:#211f1d;}
#openingFixed2 td {height: 32px; padding-left: 10px;}
#openingFixed .list { width:20%; max-width:20%; }
#showme { display:none; width:100%; background:rgba(0,0,0,.9); position:absolute; bottom:100%; z-index:100; border-bottom:2px solid rgba(0,0,0,.5); padding:12px 0; color:#fff; }
.showmeTable { width:20%; border-right:1px solid rgba(255,255,255,.2); }
#showme h3 { font-size:18px; }
#showme .button { display:block; color:rgba(255,255,255,.7); background:rgba(255,255,255,.4); text-align:center; }
.showmeTable .tel { color:#FFFFFF; }
#infos { color:#c7c3c0; }
#infos td { /* width:20%; */ font-size:12px; }
#infos td .ico { margin: 0px 10px; float: left; width: 20px; height: auto; }
#toggleClose, #toggleOpen { cursor:pointer; }
/*****************EXTRA******************/
/*gradient backgrounds and colours*/
.gradWhite { background: #fff; background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.6)); background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.6)); background: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.6)); background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.6)); color:#343537; }
.gradRed { background: #9d0606; background: -webkit-linear-gradient(top, #b20b0b, #8a0202); background: -moz-linear-gradient(top, #b20b0b, #8a0202); background: -ms-linear-gradient(top, #b20b0b, #8a0202); background: -o-linear-gradient(top, #b20b0b, #8a0202); color:#fff; }
/*font colours*/

.cBlue, .cBlue a { color:#005dab; }
.cGrey, .cGrey a { color:#5c5c5a; }
.cGrey a:hover { color:#565656; }
.cYellow, .cYellow a { color:#fcaa2a; }
.cRed, .cRed a { color:#8a0202; }
.cGreen, .cGreen a { color:#9ac018; }
.cGreen a:hover { color:#9ac018; }
/*...common classes*/
img { border: none; vertical-align: middle; }
table { text-align: left; }
hr { height:22px; border:none; border-bottom:1px dashed #bd1819; background:none; margin:0 0 22px; }
a { color:#181716; text-decoration:none; }
a.button { display:inline-block; padding:12px 22px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.4); text-shadow:1px 1px 0 rgba(0,0,0,.3); font-weight:800; text-transform:uppercase; }
a.ghost { background:#fff; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); z-index:99; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight:300; }
p { }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.menu li { display:inline-block; }
ul.floatliLeft li, .menuFloatLeft li { float:left; }
ul.floatliRight li, .menuFloatRight li { float:right; }
.menu.centered ul { text-align:center; }
.menu.centered ul li { display:inline-block; }
.hide { display:none; }
.embossed { box-shadow:inset 0 1px 2px rgba(0,0,0,0.2), 0 1px rgba(255,255,255,0.2); }
.beveled { box-shadow:0 1px 0 rgba(0,0,0,.3), inset 0 -15px 0 rgba(0,0,0,.2); }
.spacer { padding:0 5px; }
.sfield { height:23px; border:none; padding:6px; margin:2px 0; }
input:focus, select:focus { outline:none; }
input.button { line-height:33px; cursor:pointer; }
table { border-spacing:0; }
.breadIcon { margin-right: 6px; margin-bottom: 2px; }
.box h2 { font-size:18px; }
.sharrre .button { float:left; margin-right:4px; }
.ui-autocomplete { z-index: 2000; }
/*----------------------------leftovers----------------------*/
/*tankstat rovat*/
.tankstat-lead TD { /*width:24%;
	margin:0 1% 0 0;*/ }
.box.tankstations { height:240px; }
.box.tankstations .box-title { top:170px; }
.tankstat-lead .details { background:#f4f0ed; /*margin:5px 0 15px;*/ height:240px; }
.tankstat-lead .details h3 { padding:10px 0; font-size:17px; font-weight:600; padding-left: 6px; }
.tankstat-lead .details .ico { width:55px; height:55px; }
/*------------------------------------------news box, column page*/
#news-box { padding:12px 22px; }
.lead { position:relative; overflow:hidden; border-bottom:1px solid #d2d2d2; margin:0 0 12px; padding:6px 0; }
#news-box .lead { height:98px; }
.lead.left { width:48%; margin-right:2%; }
.excerpt p { position:relative; overflow:hidden; }
.excerpt .date { margin-bottom: 10px;  font-size: 14px;}
.lead .leadkep { float:left; margin:0 10px 10px 0; padding:4px; border:1px solid #d2d2d2; border-radius:2px; }
.lead h2 { font-size:18px; font-weight:300; margin:0 0 12px; }
#column-box { padding:0 22px 22px; margin-left:40px; margin-top:20px; }
#column-box .lead.left { /*width:300px;*/ overflow:visible; }
#column-box .leadkep { float:none; max-width:100%; /*max-width:250px;
	width: 280px;*/ height:auto; margin:0 0 12px; }
#column-box .inlineEditorAddArticle { position:relative; top:-40px; }
.ShopLoginBox { width:100% }
.LoginBox .td2 { width:25%; }
.LoginBox .td3 { width:50%; }
.LoginBox .button, .regFormTableRegisterButton { height:auto; background-color:#0C5DAB; line-height: 33px; padding: 10px; }
.LoginBox .title { display:none; }
.tsc { position:fixed; width:100%; }
.cookieMessage a { color:#FFFFFF; }
.left-column.inner.full { width:100%; padding-left:60px; }
.lead.left.p25 { width:25%; margin-right:5%; }
.column-text ul, .column-text ol { margin-left:25px; margin-bottom:12px; font-weight: 400; font-size: 14px; }
.column-text li { list-style-type:disc; line-height: 26px; }
.column-text ol li { list-style-type:decimal; }
.column-text a { color: #f8601d; }
.column-text a:hover { text-decoration:underline; }
.qrcode { margin:10px; }
.excerpt .box-services { position: absolute; top: 196px; left:5px; }
.infobutton { height: auto; background-color: #0C5DAB; line-height: 33px; text-transform: uppercase; font-weight: bold; color: #fff; padding: 8px; border: 0px; margin-top: 10px; }
.infobutton:hover { opacity:0.8; }
.tankstat-lead.smaller .details .ico { width: 50px; height: 50px; }

/*--------------------->>>>>> bakery <<<<<<<<<<<<<< ----------------*/
/*.bakeryHeadSep { height: 20px; }*/
.head { margin:0px 0 -30px; padding:10px; }
.head.bakery { height:60px; background:url(/art/bakery-logo-wrapper.png) no-repeat right top; color:#fff; font-size:18px; font-weight:bold; }
.head.bakery.category { background:none; font-size:12px; color: #473f3f; font-weight: 300; height: auto; }
.row.categories { padding:20px 0; }
.row.menu-items { padding:0 0 20px; }
.box.w25 { width:24%; height:180px; float:left; margin:10px 0 10px 1%; box-shadow:none; }
.box.w25:hover { opacity:0.8 }
.box.w25.auto { height:auto; }
.box-thumb { height:140px; position:relative; overflow:hidden; }
.box-description { position:relative; padding:25px 0 10px; }
.box-description .text { height:40px; position:relative; overflow:hidden; }
.box-price { width:140px; height:40px; background:url(/art/bakery-price-bg.png) no-repeat left; position:absolute; top:-20px; left:-10px; overflow:hidden; }
.box-price p { padding-left:15px; line-height:40px; font-size:26px; font-weight:bold; color:#fff; }
.box-price .price { padding-left:20px; }
.shop-item { border-top: 2px dotted rgba(0,0,0,.1); padding:10px 0; margin:10px 0; }
.shop-item .left { width:33%; }
.shop-item .right { width:65%; }
.item-price { padding:10px 0; line-height:30px; font-size:28px; font-weight:bold; position:relative; }
.item-price .quantity { height:30px; position:relative; }
.item-price select { height:30px; }
.item-price input { width:30px; height:30px; background:url(/art/ico-refresh.png) no-repeat; border:none; cursor:pointer; vertical-align:middle; }
.item-price .clear-order { width:15px; height:15px; background:url(/art/ico-clear.png) no-repeat; position:absolute; right:0; top:20px; cursor:pointer; }
.order-total { line-height:30px; border-top: 2px dotted rgba(0,0,0,.1); padding:10px 0 10px 40px; }
.price-total { font-size:28px; font-weight:bold; position:relative; top:4px; }
.button.checkout { background:#85ae3f; text-align:center; }
.button.checkout a { display:block; line-height:40px; color:#fff; font-size:22px; font-weight:lighter; }
.button.checkout:hover { opacity:0.8 }
.menu-item { float:left; background:#a4d144; width:24%; margin:0 0 0 1%; }
.menu-item a { display:block; line-height:40px; padding:0 10px; font-size:18px; font-weight:normal; color:#fff; text-shadow:2px 2px 0 rgba(0,0,0,.2); }
.menu-item.current { background:#2f2712; box-shadow:2px 2px rgba(0,0,0,.2); }
.menu-item:hover { opacity:0.8; }
.popup { width:760px; background:#fff; position:fixed; z-index:999; top:50%; left:50%; margin-left:-380px; margin-top:-200px; box-shadow:0 0 120px rgba(0,0,0,.77); }
.popup .close-popup { width:15px; height:15px; background:url(/art/ico-clear.png) no-repeat; position:absolute; right:10px; top:10px; cursor:pointer; z-index:999; }
.popup-thumb { width:240px; float:left; }
.popup-description { width:490px; float:right; position:relative; padding: 10px 10px 0px 20px; }
.popup h3 { font-size:28px; color:#80a73e; margin:0 0 10px; }
.popup .row { position:relative; padding:10px 0 0; }
.popup .box-price { position:relative; top:0; }
.popup .button a { display:block; background:url(/art/add-to-bg.png) no-repeat center; padding:4px 30px; line-height:32px; font-size:13px; color:#fff; }
.popup-options { margin:12px;}
.box.green .box-title { width:87% }
.toggleOpen { cursor:pointer; }

.showmeTable table td { height: 30px; }
.showmeTable table > tbody > tr:nth-child(4) > td { height: 40px; }

.niettevreden h4 { font-size: 24px; }
.tankstat-lead .map {width:240px; height:240px;}

.left-column.inner .column-title h1 { word-break: break-word; }