body, html { font-family: Calibri, Myriad, Arial, sans-serif }
body { background: #ececec url(../img/bg/satrade2.png) repeat-x; font-size: 110%; color: #3f3f3f }

* { box-sizing: border-box }

.clear {clear:both; height: 0px; width:100%}
.nowrap { white-space: nowrap }
.half { float: left; width: 50%; }
.button { display: block; float: right; padding: 5px 8px; text-align:center; width: 150px; white-space: nowrap;  border-radius: 5px; box-shadow: 1px 1px 3px silver; margin: 5px }
.button.orange { background:#f67913; border: 1px solid #fff; color: #fff }
.button.blue { background:#4eb9ea; border: 1px solid #fff; color: #fff }
.white { color: #fff }
.nobr { white-space: nowrap }
.hidden { display: none}
.center {text-align: center }
.hand { cursor:pointer }
.left { text-align: left }

.w10 { width: 10% }
.w30 { width: 30% }
.w50 { width: 50% }
.w80 { width: 80% }

omap { color: #7e7e7e}

a img { border: none; }
a { color: #d71920; text-decoration: none; }
a:hover { color: #212121; text-decoration: none; }
hr.line { height: 0px; border: none; border-top:1px dotted #c0b47e}
hr.boldline { height: 0px; border: none; border-top:4px solid #0095d0 }

.loader { width: 100%; text-align: center }
.loader img { margin: 5px }

.red { color: #d71920 }
.gray { color: #a6a6a }




.size-sml { font-size: 70% }
.size-l   { font-size: 80% }
.size-mid { font-size: 130% }
.size-big { font-size: 160% }

.space { width: 100%; height: 16px; background: url(../img/bg/spacer.png) no-repeat; background-size: 100% 7px }

h1 { font-weight: normal; margin: 10px; margin-left: 0px; font-size: 160%; color: #5a5a5a; text-shadow: 1px 1px 0 #fff }
h2 { font-weight: normal; margin: 10px; font-size: 140%; color: #5a5a5a; text-shadow: 1px 1px 0 #fff }
h2.nomargin{ margin-left:0px }
h3 { font-weight: normal; margin: 10px; color: #959595 }

table.defaultTable { width: auto }
table.defaultTable td { padding: 4px 10px 4px 0; border-bottom: 1px solid gainsboro }

div.comapre-container { width:100%; overflow:scroll }
table.compare-table { width: 100%; font-size: 80%; margin-bottom: 30px; background: #fff; border: 5px solid #fff }
table.compare-table td { padding: 6px 2px 6px 10px }
table.compare-table td.emph { background: #f2f2f2; border-bottom: 1px dotted silver }
table.compare-table td.center { text-align: center }
table.compare-table td.ean { color: silver }
table.compare-table td.netto { color: #b7b7b7 }
table.compare-table td.title { font-size: 110%; padding: 10px 2px 4px 10px; min-width: 150px  }
table.compare-table td.cart { font-size: 80%; padding: 10px 0 10px 0; vertical-align: middle; color: gray  }
table.compare-table td.image img { max-width: 100%; max-height: 50px }
table.compare-table td.tech-val, table.compare-table td.tech-name { white-space: nowrap }

/* Layout */
#cookie_info { width: 100%; /*background: #24c3fc;*/ background: #fff; height: 30px; box-shadow: 1px 1px 3px gray; z-index: 999; margin-bottom: 3px }
#cookie_info p { padding:4px 0px; text-align:center; color:#656565; font-size: 80% }

#master { margin: 0px auto; max-width: 1100px;/* background: url(../img/bg/top.png) repeat-x;*/ position: relative } 
#subbg { width: 432px; height: 347px; top:27px; position: absolute; z-index: 0 }
#master #header { float: left; width: 100%; margin-bottom: 15px }
#master #header div { float: left; }
#master #header #logo { float: left; width:20%; }
#master #header #logo img { }
#master #topnews, #master #drivers { width: 80% }
#master #header #mainmenu { width: 100%; margin-top: 10px; box-sizing: border-box }
#master #header #mainmenu a { box-sizing: border-box }
#master #leftnavi { float: left; width: 25%; overflow: hidden }
#master #content { float: right; width: 72%;  }
#master #footer { width: 100%; margin-top: 20px }


/* --- topnews --- */
#topnews p { min-height: 20px; padding: 5px 15px; text-align: right  } 
#topnews p span { color:#fff; background: #00adef; display: inline-block; font-size: 80%; padding: 3px 8px; border-radius:5px }


/* ---  Drivers  --- */
#drivers div.drv_search { width: 45%; margin-top: 11px }
#drivers div.drv_search input[type="text"]{ width: 65%; float: left; vertical-align: middle; display: inline-block; margin: 0 1% 0 10%; border: 1px solid silver; border-radius: 3px; padding: 5px 5px; font-size: 120%  }
#drivers div.drv_search input[type="submit"]{ width: 55px; height: 35px; float: left; vertical-align: middle; display: inline-block; background: #00adef url(../img/bg/search2.png) no-repeat center center; border: 1px solid #00adef; border-radius: 3px }

#drivers div.drv_cart { width: 35%; margin-top: 11px }
#drivers div.drv_cart a { color: #505050 }
#drivers div.drv_cart #sub_drv_cart { width: 75%; float: left  }
#drivers div.drv_cart #sub_drv_cart p { line-height: 130%; font-size: 90%; text-align: right  }
#drivers div.drv_cart #sub_drv_pay { width: 20%; float: right; text-align: center }

#drivers div.drv_button { width: 20%; text-align: center }
#drivers div.drv_button img { margin: 5px;  }
#drivers div.drv_button p.top-icon { float: left; text-align: left; font-size: 80%; overflow: hidden; padding-right: 8px  }
#drivers div.drv_button p.top-icon a.button { margin-top: 5px }
#drivers div.drv_button p.top-icon img { vertical-align: middle; margin-right: 5px }

/* -- fulltext -- */
div.hint-area { position: relative; margin: 0 0 0 10%; width: 90%; z-index: 99999  }
div.hint-area #Hints { width: 100%; position: absolute; background: #fff; box-shadow: 1px 1px 6px silver; font-size: 80% }
div.hint-area #Hints p { background: #b8b8b8; color:#e6e6e6; font-size: 80%; padding:3px 8px; }
div.hint-area #Hints ul { width: 100%; list-style-type: none; padding: 0px; margin: 0px; border: 1px solid silver; }
div.hint-area #Hints li { width: 100%; margin: 0px; border-bottom: 1px solid #e7e7e7; overflow: hidden }
div.hint-area #Hints li.more-hints { padding: 5px 0; text-align: center; background: #e5e5e5; color: gray; text-shadow: 1px 1px 1px #fff; cursor: pointer  }
div.hint-area #Hints li.more-hints:hover { color: #fff; text-shadow: 1px 1px 1px black  }
div.hint-area #Hints li a { display: block; overflow: hidden; width: inherit;  padding: 8px;}
div.hint-area #Hints li:hover { background: #7e7e7e }
div.hint-area #Hints li:hover a { color: #fff }


/* --- Sorting / Listing --- */
.SortingListing { background: #fff; width: 99% }
.SortingListing p { color: #646464; padding: 7px 10px; font-size: 80%}
.SortingListing p.tree { width: 75%; float: left }
.SortingListing p.listType { width: 10%; float: right; text-align: right }

div.paging { margin: 3px 0 10px 20px  }
div.paging a { display: inline-block; border: 1px solid #fff; padding: 2px 6px; margin-right: 5px  }
div.paging a.current { background: #fff; }
div.paging span.gray { font-size: 90% }


/* ----  Homepage ---- */
#board  { width: 99%; height:inherit; margin: 0 auto 0 auto; background-position: center center; background-repeat: no-repeat; background-size: 100%, 100%;}
#boardloader{ padding: 150px 0 0 0; text-align: center;}
#boardloader img { width: 25px }
.bglayer { height: 200px; background-size: 100%, 100%; background-position: center center; background-repeat: no-repeat }

.hp_title { margin: 20px 8px 8px 8px; color: gray; font-size: 110% }
.hp_title img { vertical-align: middle; margin-right: 8px }



/* --- Category --- */
#leftnavi div.leftmenu { background: #c3c4c7; font-size: 80%; color: black; font-weight: bold; border-radius: 3px; margin-bottom: 12px  }
#leftnavi div.leftmenu a { display: block; margin: 0 8px; padding: 8px 5px; color: inherit }
#leftnavi div.leftmenu a:hover { color: red }
#leftnavi div.leftmenu div.branch { background: #e7e7e7; padding-left: 6px } 
#leftnavi a.spacer { border-bottom: 1px solid #b8b8b8 }
#leftnavi a.branched { background: url(/img/bg/plus1.png) right center no-repeat }
#leftnavi div.leftmenu a.CurrentLink { color: red }

#leftnavi a.nav-sale { background: url(../img/icon/vyprodej.png) no-repeat right center; }
#leftnavi a.nav-bazar { background: url(../img/icon/bazar.png) no-repeat right center; }


.cat-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)); /* max 3 per row */
	gap: 1rem;
	align-items: stretch; /* make boxes in the same row equal height */
}
@media (max-width: 900px) {
  .cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .cat-grid { grid-template-columns: 1fr; }
}

div.SubCatBox.grid-box {
	height: 100%;
	width: auto;
	display: flex;              /* so footers/buttons can stick to bottom if needed */
	flex-direction: column;
	border: 1px solid #ddd;
	border-radius: .2rem;
	background: #fff;
}
div.SubCatBox.grid-box:hover {
	border-color: red
}

div.SubCatBox { height: 300px;  min-width: 200px; margin: 0 1% 1% 0; float: left; background: #fff; text-align: left }
div.SubCatBox h2 { font-size: 120%; font-weight: normal; padding: 15px 10px 20px 10px; text-align: center }
div.SubCatBox p.SubCatImg { height: 100px; overflow: hidden; text-align: center }
div.SubCatBox p.SubCatImg img { max-height: 100%; max-width: 80%}
div.SubCatBox p.SubCatDesc { text-align: center; font-size: 80%; height: 120px; color: #656565; line-height: 120%; padding: 15px 8px 8px 8px; overflow: hidden }
div.SubCatBox ul { width: auto; margin: 0; font-size: 80%; text-align: left  }
div.SubCatBox li { margin: 4px inherit; line-height: 130%}
div.SubCatBox li a { }

p.CatDescriptionSmall { font-size: 90%; padding: 0px 10px 20px 10px; line-height: 130%  }


/* --- Porducts --- */
.no-content { padding: 10px; color: #7f7f7f }
h1.ProductTitle { font-size: 150%; font-weight: normal; padding: 15px 8px }

.box { float: left; position: relative; width: 32%; margin: 0 1% 1% 0; background: #fff; text-align: center; min-width: 250px; border: 1px solid #dbdbdb } 
.box .box-tags { position:absolute; top:15px; right:-6px;}
.box:hover { border-color: #fff }
.box h2 { text-align: center; height: 50px; font-weight: normal; font-size: 100%; padding: 12px 8px 6px 8px; color: #d71920; overflow: hidden }
.box p.img { width: 100%; height: 100px; overflow: hidden }
.box p.img img { max-width: 100%; max-height: 100% }
.box p.desc { height: 70px; overflow: hidden; color: gray; font-size: 80%; padding: 6px; text-align: center; line-height: 130% }

.box div.icon { width: 20%; float: left }
.box div.price { width: 60%; float: left; color: #d71920; height:90px; margin-bottom: 6px  }
.box div.price small { color: #a3a3a3; font-size: 70% }
.box div.buy { width: 20%; float: left }
.box div.buy p { text-align: center; color:black; font-size: 60% }

.sale-small-box { background: silver; padding: 3px; overflow: hidden; max-width: 100%; line-height: 120% }
.sale-small-box span.strike { color:#fff; text-decoration:line-through; font-size: 80% }
.sale-small-box span.sale { color:black; white-space: nowrap }

.bazar-warning { display:inline-block; padding: 5px 10px; border-radius: 12px; border: 1px solid gray; background: #f3f3f3 }
.product-content .bazar-warning { display:block; padding: 10px 20px; border-radius: 12px; border: 1px solid gray; background: #f3f3f3 }


.line-box { background: #fff; width: 100%; padding: 8px 0; margin: 0 0 2px 0; border-radius: 5px; }
.line-box div.image { width: 30%; float: left; text-align: center }
.line-box div.image img { max-width: 98%; max-height: 100px }
.line-box div.text { width: 68%; float: right; color: #3f3f3f }
.line-box div.text a { color: #3f3f3f }
.line-box div.text p { padding: 0; font-size:80%; line-height: 130% }
.line-box div.text p span { font-family: monospace; color: gray; font-size: 120% }
.line-box div.text h2 { font-weight: normal; font-size: 120%; color: #d71920; margin:5px 0 5px 0  }
.line-box div.add-to-cart{ width: 100% }
.line-box div.add-to-cart div.price-info { width: 50%; float: left; text-align: right }
.line-box div.add-to-cart div.price-detail { width: 30%; float: left; text-align: right }
.line-box div.add-to-cart div.price-detail small, .line-box div.add-to-cart div.price-info small { font-size: 75%; color: gray}
.line-box div.add-to-cart div.buy { width: 20%; float: left; text-align: center }

span.multi-price-small { display: inline-block; border-radius: 4px; border: 1px dashed gray; padding: 3px 8px; text-align: center; font-size: 75%; background: #ffe99b }


/* prislusenstvi*/
.thin-line-box { background: #fff; width: 100%; padding: 8px 0; margin: 0 0 2px 0; border-radius: 5px; border: 1px solid #fff  }
.thin-line-box:hover { border-color:#e9e9e9 }
.thin-line-box div.image { width: 20%; float: left; text-align: center }
.thin-line-box div.image img { max-width: 90%; max-height: 60px }
.thin-line-box div.text { width: 50%; float: left; color: #3f3f3f }
.thin-line-box div.text a { color: #3f3f3f }
.thin-line-box div.text p { padding: 0; font-size:80%; line-height: 130% }
.thin-line-box div.text p span { font-family: monospace; color: gray; font-size: 120% }
.thin-line-box div.text h2 { font-weight: normal; font-size: 120%; color: #d71920; margin:5px 0 5px 0  }
.thin-line-box div.price-detail { width: 20%; float: left; text-align: right }
.thin-line-box div.price-detail small, .line-box div.add-to-cart div.price-info small { font-size: 75%; color: gray}
.thin-line-box div.add-to-cart  { width: 10%; float: left; overflow: hidden; text-align: center }
.thin-line-box div.add-to-cart p { font-size: 80%; padding: 5px 8px; overflow: hidden }

.list-count { font-size: 90%; width: 40px; padding: 3px; background: #e7e7e7; border-radius: 3px; border:none; text-align: center  }

.replaced-item { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); text-align: center; z-index: 999 } 
.replaced-item span { display: inline-block; background: rgba(255, 255, 255, 0.9); color: #000; text-align: center; padding: 10px; border-radius: 5px; font-size: 90%; line-height: 130%; }
.replaced-item span b { display: inline-block; background: red; padding: 3px 10px; border-radius: 4px; color: #fff; margin-top: 8px }
.box .replaced-item span { margin-top: 190px}
.line-box { position: relative}
.line-box .replaced-item { max-height: 96% }
.line-box .replaced-item span { margin-top: 30px; overflow: hidden;  }


/* --- Item --- */
#EshopContent { position: relative }
.product-content .replaced-item span { margin-top: 50px; font-size: 130%; padding: 15px 30px}

.product { background: #fff; margin: 15px 0 20px 0; width: auto; border-radius: 4px; padding: 10px 30px; font-size: 80% }
.product hr { border:none; border-top: 1px solid silver; height:1px; margin: 10px 0 10px 0 }
.product div.title { margin: 10px 0; }
.product div.title h1 { font-size: 140%; font-weight: normal; color:#d71920; display: inline }
.product div.title span.tags { text-align: right; float: right  }
.product div.description { line-height: 150%; margin: 20px 0 }
img#MasterImage{ cursor:all-scroll }
.product div#masterImageContainer, .product p.gallery { width: 100%; text-align: center }
.product div#masterImageContainer { max-height: 200px; margin: 0 auto; overflow: hidden; cursor: hand }
.product div#masterImageContainer img { max-height: inherit; max-width: 100%; cursor:hand; position: relative }
.product p.gallery { max-width: 100%; margin: 10px 0 0 0; padding: 10px 0; overflow: auto }
.product p.gallery img { max-height: 50px; max-width: 80px; padding: 10px; border: 1px solid #fff; cursor: pointer }
.product p.gallery img:hover { border: 1px dotted silver }
.product div.tech-data  { width: 60%; float: left }
.product div.item-data  { width: 35%; float: right; text-align: center; line-height: 200%; padding-top: 15px }
#itemcount { font-size: 120%; width: 50px; padding: 3px; background: #e7e7e7; border-radius: 3px; border:none; text-align: center; margin-bottom: 8px }
.tech-data-table { width: 100%; margin-top: 6px }
.tech-data-table td { padding: 8px 5px;  }
.tech-data-table td.namecol {  text-align: left; width: 50%; padding-right: 25px; padding-left: 25px}
.tech-data-table td.emph {background: #f0f0f0 }
.product-info { float: left; font-size: inherit; white-space: nowrap; color: gray; line-height: 200%; margin-top: 20px; text-align: center }
.product-info span { color: #3f3f3f }
.product-info.right-side { padding-left: 20% }
span.multi-price { display: inline-block; border-radius: 4px; border: 1px dashed gray; padding: 3px 8px; text-align: center }

.delivery-info { display: inline-block; background: #ececec; color: gray; padding: 5px; border-radius: 3px; font-size: 70%}


/* -- extra -- */
.box.salemode4, .line-box.salemode4 { background: url(/img/bg/salemode4.png) }

/*
.tag-sale { display: inline-block; float: right; background: url(../img/bg/discount.png) no-repeat; width: 81px; height: 25px; }
.tag-sale.card { margin-right: -40px; }
.tag-sale p { width: 100%; color: #fff; text-align: center; padding: 4px; font-size: 90% }
.tag-free-shipping { display: inline-block; float: right; background: url(../img/icon/free-shipping1.png) no-repeat; width: 110px; height: 25px; }
*/
.side-label { width: 120px; position: absolute; top:218px; right:-8px; }

.tag-sale { display: inline-block; float: right; background: url(../img/bg/discount.png) no-repeat; width: 81px; height: 25px; }
.tag-sale p { width: 100%; color: #fff; text-align: center; padding: 4px; font-size: 90% }

.tag-free-shipping { display: inline-block; float:right; background: url(../img/bg/doprava-zdarama.png) no-repeat; width: 81px; height: 65px; }
.tag-new { display: inline-block; float:right; background: url(../img/bg/novinka.png) no-repeat; width: 81px; height: 28px; }


/* SKLAD */
.stock-info { width: 100%; text-align: center; display: inline-block; margin-top: 5px; font-size: 70% }
.stock-info.stock-on { color: #00ae00 }
.stock-info.stock-last { color: #ff8d00 }
.stock-info.stock-off { color: red }

.stock-info-big { width: 100%; text-align: center; display: inline-block; margin: 0 0 10px 0; font-size: 100% }
.stock-info-big.stock-on { color: #00ae00 }
.stock-info-big.stock-last { color: #ff8d00 }
.stock-info-big.stock-off { color: red }



#ProductInquiry { width: 100%; background: #efefef; border-radius: 4px; padding: 18px; margin-bottom: 25px }
#ProductInquiry label { display: inline-block; width: 60px }
#ProductInquiry input[type=text], #ProductInquiry textarea { border: 1px solid silver; font-size: 110%; padding: 2px }
#ProductInquiry textarea {width: 99%; margin-bottom: 6px }
#ProductInquiry input.w50 { width: 250px }

.sale-box { padding: 0 0 30px 0; overflow: hidden; max-width: 100%; line-height: 150% }
.sale-box b { font-size: 140%; font-weight: normal }
.sale-box span.sale-percent { color: black }



/* -- DSK -- */
.confirm-add-to-cart { background:#5cab17; font-size: 10pt; padding: 4px 12px; border-radius: 8px; line-height: 130%; max-width: 90%; color: #fff; text-shadow: 1px 1px 1px green }
.free-shipping-notice { color: #00b9e7; font-size: 80%; font-weight: bold; text-shadow: 0px 1px 1px #fff }
.items-count { font-size: 120%; width: 30px; padding: 3px; border:none; text-align: center;  }
.loading-status { max-width: 200px; text-align: center; margin: 0 auto; background: silver; color: #fff; text-shadow: 1px 1px 1px gray; font-weight: bold; padding: 4px 12px; border-radius: 8px }
.thaks { padding: 10px 0px 100px 10px; line-height: 150%; color: #6d6d6d }

.listing-table { width: 100% }
.listing-table th { white-space: nowrap; text-align: left; font-weight: normal; color: gray; padding: 8px 10px; border-bottom: 3px solid #eae6e6; }
.listing-table td { border-bottom: 1px dotted #eae6e6; padding: 8px 10px }
.listing-table tr:hover td { background: #eae6e6 }
.listing-table tr.hand td { cursor: hand }


/* CART */
table.cart-table { width: 100% }
table.cart-table tr th { color: gray; border-bottom: 1px solid #dbdbdb; padding: 8px 5px; vertical-align: middle; text-align: left }
table.cart-table tr th.center { text-align: center }
table.cart-table tr th small { color: silver; font-weight: normal }

table.cart-table tr td { vertical-align: middle; padding: 5px }
table.cart-table tr.item-line:hover td { background: #ebebeb }
table.cart-table tr.postage td { background: #d7f0ff}
table.cart-table tr td.right-pad, table.cart-table tr th.right-pad { text-align: right; padding-right: 25px; white-space: nowrap }
table.cart-table tr td.right-pad small { color: silver; font-size: 80% }
table.cart-table tr td.center { text-align: center} 
table.cart-table tr.sub-total td { color: gray }
table.cart-table tr.total td { color: black; font-size: 120% }
table.cart-table tr.bank td { height: 15px }
.avail-notice { color: red; font-size: 90% }
.free-delivery { color: #fff; background: #00bfff; padding: 3px 5px; white-space: nowrap }



/* USER */
div.box-1-3 { width: 31%; margin: 1% 2% 1% 0; float: left }
div.box-1-3 h2, div.box-1-2 h2 { font-size: 140%; margin: 0 0 10px 0; color: #616161 }
div.box-1-2 { width: 48%; margin: 1% 2% 1% 0; float: left }
div.box-1-2 h1, div.box-1-3 h1 { margin-left: 0px }

.user-dialog label { display: block;   }
.user-dialog input[type=text], .user-dialog input[type=password] { margin: 3px 0 8px 0; border: 1px solid silver; font-size: 110%; padding: 3px 5px; border-radius: 2px}

.incorrect { background: #ff8e8e; border-color:red }
.correct { background: #a8f2a8 }


/* Textcontent */
.textcontent { line-height: 120%; min-height: 300px; font-size: 90%; width: auto; padding-left: 16px }
.textcontent h1 { margin: 6px 0 16px 0; padding: 0px }
.textcontent h2 {  margin: 6px 0 16px 0; font-weight: normal; font-size: 140%; color: #5a5a5a; text-shadow: 1px 1px 0 #fff }

/* adresy */
table.adresy { width: 100%; }
table.adresy td { padding: 5px 10px 5px 0; vertical-align: bottom }

/* loga */
.page-logo{ width: 15%; overflow: hidden; float: left; text-align: center }
.page-logo img { max-width: 100% }
.page-logo-text { width: 80%; overflow: hidden; float: right; padding: 0 0 40px 0 }


/* --- Mainmenu --- */
#mainmenu { margin-bottom: 8px }
#mainmenu a { height: 38px; float: left; display: block; text-align: center; overflow: hidden; color:#474747; background: url(../img/bg/topmenu.png) repeat-x; border: 1px solid #dedddd; border-width: 1px 0px 1px 1px }
#mainmenu a:hover { color: #d71920 }
#mainmenu a span { display: block; margin: 12px auto; font-size: 90%; font-weight: bold }
#mainmenu a { width: 16.61% }
#mainmenu a.btn-kontakt { width: 20%; border-right: 1px solid #dedddd}


/* Footer */
#footer div.footer-spacer { width: 100%; height: 56px; }
.footer-spacer img { width: 100%; height: 56px }
.footer-navi { width: 100%; margin-top: -25px; margin-bottom: 30px }
.footer-navi-box { float: left; min-width: 16%; margin: 15px 2%; max-width: 50%; line-height: 130%; color: #737373; }
.footer-navi-box h2 { color: #595959; font-weight: normal; font-size: 100%; margin-bottom: 8px }
.footer-navi-box a {  color: #737373; font-size: 80% }
.footer-navi-box a:hover { color:#d71920  }
.impressum { width: 100%; position: relative; margin-top: 50px }
.impressum p.doublemenu { background: #828589; margin: 15px 0 15px 0; padding: 10px 15px; font-size: 80%; color: red }
.impressum p.doublemenu a { color: #202020; font-size: 80% }
.impressum p.doublemenu a:hover { color:#fff }
.impressum p.signature { font-size: 70%; padding: 0px 15px; color: #919191 }
.impressum img.logo { position: absolute; right: 10px; top:-25px }

a.author-link { color: gray; text-decoration: underline }


.button {
width: auto;
float: none;
position: relative;
display: inline-block;
padding: 4px 10px;
font-size: 13px;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
white-space: nowrap;
background-color: #EAEAEA;
background-image: -moz-linear-gradient(#FAFAFA, #EAEAEA);
background-image: -webkit-linear-gradient(#FAFAFA, #EAEAEA);
background-image: linear-gradient(#FAFAFA, #EAEAEA);
background-repeat: repeat-x;
border-radius: 3px;
border: 1px solid #DDD;
border-bottom-color: #C5C5C5;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
vertical-align: middle;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
margin: 0 5px 5px 0px; }

.button-small {
width: auto;
float: none;
position: relative;
display: inline-block;
padding: 2px 15px;
font-size: 11px;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
white-space: nowrap;
background-color: #EAEAEA;
background-image: -moz-linear-gradient(#FAFAFA, #EAEAEA);
background-image: -webkit-linear-gradient(#FAFAFA, #EAEAEA);
background-image: linear-gradient(#FAFAFA, #EAEAEA);
background-repeat: repeat-x;
border-radius: 3px;
border: 1px solid #DDD;
border-bottom-color: #C5C5C5;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
vertical-align: middle;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
margin: 0 5px 2px 0px; }






/* Gallery */
.gallery { margin:15px 0px 20px 0px; }
.gallery a {  width:auto; float: left; margin:5px 12px 5px 0px; text-align:center; }
.gallery a img, .g_box div.g_preview a img { width:187px;  }
.gallery a:hover img, .g_box div.g_preview a:hover img  {opacity: 1; filter:alpha(opacity=100);}

.imageBox { margin: 0px 5px 10px 0px; float: left; font-size: 80%; display: inline-block; overflow: hidden; text-align: center; line-height: 100%;}  
.imageBox a img { /*max-width: 195px;*/ width:100%; /*max-height: 125px;*/ }
.imageBox a:hover img { opacity: 1; filter:alpha(opacity=100); }





p.attachments { width:100%; padding:20px 0px 10px 0px; font-size: 90% }
.attachments strong { display: block; margin:10px 0px 10px 0px;}
.attachments a {padding: 0px 0px 0px 25px; height: 16px; display: block; margin-bottom: 8px;}
.attachments a:hover {text-decoration: underline;}
.attachments a small {font-size: 75%; padding-left: 15px; color: gray;}
.attachments a.att_file {background: url(../admin3/pic/files/file.png) no-repeat;}
.attachments a.att_jpg {background: url(../admin3/pic/files/jpg.png) no-repeat;}
.attachments a.att_gif {background: url(../admin3/pic/files/gif.png) no-repeat;}
.attachments a.att_png {background: url(../admin3/pic/files/png.png) no-repeat;}
.attachments a.att_doc {background: url(../admin3/pic/files/doc.png) no-repeat;}
.attachments a.att_xls {background: url(../admin3/pic/files/xls.png) no-repeat;}
.attachments a.att_pdf {background: url(../admin3/pic/files/pdf.png) no-repeat;}
.attachments a.att_ppt {background: url(../admin3/pic/files/ppt.png) no-repeat;}
.attachments a.att_rtf {background: url(../admin3/pic/files/rtf.png) no-repeat;}

table.GenTable { margin: 8px 0px 8px 0px; }
table.GenTable td, table.GenTable th { padding: 3px 5px 3px 5px; text-align: left;}
table.GenTable td { background: #ebf4ff;}
table.GenTable th { background: #6487ba; color: #fff;}