.box-article a { color:#009dd3; }
.box-article .images { width:auto; height:auto; float:left; margin:0 15px 15px 0; padding:4px; background:#ebebeb; }
.box-article .images span {font-size:11px; color:#9d9d9d; font-family:  open_sansitalic;}
 
.box-article a:hover img {opacity: 0.8; filter:alpha(opacity=80); }
.box-article .detail {}
.box-article .detail .images {margin:0; padding: 4px;}
.box-article .detail .images a {margin:0; padding: 0; border: 0;}
.box-article .detail .images img {border:0; margin:0; padding: 0; height: auto;}
.box-article .detail .single-item {margin:0; padding: 0; float:right; width:350px; overflow: hidden;}
.box-article .detail .single-item p.name {font-size: 18px;}
.box-article .detail .single-item p.dimensions {font-size: 12px; margin: 0; padding: 5px 0; border-bottom: 1px solid #e3e3e3; display: inline-block; width: 100%; overflow: hidden;}
.box-article .detail .single-item p.dimensions span{font-weight:bold;}
.box-article .detail .single-item .price-box {background: #ebebeb; padding: 10px 15px; margin: 10px 0 0 0; font-family:  open_sansitalic;}

.box-article .detail .single-item .price-box p.price {margin:0; padding:0; font-size: 14px;}
.box-article .detail .single-item .price-box p.price span {font-size:22px; color: #93c01f;}
.box-article .detail .single-item .price-box p.price-vat {margin:0; padding:0; font-size:11px; color: #9d9d9d;}

.box-article .basket {margin-top:20px; float: left;}
.box-article .basket a {float:right; color: #0F2E75; margin:0; height:11px; line-height:11px; font-weight: normal; display:inline; color: #fff; background-color:#aeddee; padding:3px 5px; text-transform: uppercase; font-size:11px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}
.box-article .basket span {display: inline; float: right; height:11px; line-height:11px; padding:  0px  10px 0 0; background:url("../../img/arrow_next_w.png") no-repeat scroll right center transparent;}
.box-article .basket a:hover {background-color:#93c01f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}

.box-article .basket button {float:right; color: #0F2E75; margin:0 0 0 10px; height:36px; line-height:24px; font-weight: normal; display:inline-block; color: #fff; background-color:#aeddee; padding:0px 10px; text-transform: uppercase; font-size:14px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s; border:0px; cursor:pointer; font-family: open_sansregular;}
.box-article .basket button:hover {background-color:rgb(172, 226, 247); transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}
.box-article .basket input, .shop-check-item .i-quantity input {font-family:open_sansregular; float: left; height: 36px; font-size: 12px;border: 1px solid #EEEEEE; padding: 0px; width:36px; text-align: center;} 

.box-article .basket .shop_up, .shop-check-item .i-quantity .shop_up{display: block;float: left;padding: 0px; margin: 0px; cursor: pointer; background:url("../../img/shop_up.jpg") no-repeat center transparent; width: 18px; height: 18px;}
.box-article .basket .shop_down, .shop-check-item .i-quantity .shop_down{display: block; float: left;padding: 0px;margin: 0px; position: absolute; right:0px; top:20px;cursor: pointer; background:url("../../img/shop_down.jpg") no-repeat center transparent; width: 18px; height: 18px;}

.box-article table { border-collapse:collapse; }
.box-article table th { background-color:#EBEBEB; font-size:14px; padding:15px 5px; text-align:left; }
.box-article table td { padding:15px 5px; border-bottom:1px solid #ebebeb;}

.box-article .article-placetype {float: right;}
.box-article .article-desc-title {font-weight: bold; display: block;}

.box-article .article-stampbutton {font-family: open_sansregular; background:url("../../img/button-next.png") no-repeat 90% 50% #93c01f; color: #fff; display: inline-block; font-size: 14px; padding: 20px 60px 20px 40px; text-align: center; text-transform: uppercase; transition:background-color 0.5s; -webkit-transition:background-color 0.5s; }
.box-article .article-stampbutton:hover {background-color:#a8cc4f;} .box-articlelist .article {font-size:12px; padding: 10px 0 10px; border-bottom: 1px solid #e3e3e3;}   
.box-articlelist .article .title { font-size:14px; line-height: 20px;}
.box-articlelist .article p.date {font-size: 12px; color:#93c01f; font-family: open_sansitalic; margin: 0; padding: 0;}
.box-articlelist .article img {float: left;margin-right: 12px; background:#ebebeb;  padding: 4px; }
.box-articlelist .article .teaser {height: 38px; overflow:hidden; padding: 0; margin: 0; font-size: 12px; line-height:18px; } 
.box-articlelist .article img:hover {opacity: 0.8; filter:alpha(opacity=80);}

.box-articlelist .gallerylist img {padding:4px; background: #ebebeb; }
.box-articlelist .gallerylist img:hover {opacity:0.8; filter:opacity(alpha=80);}
.box-articlelist .gallerylist {background: #ebebeb; float: left; margin: 0 0 10px 5px;} 
.box-articlelist .gallerylist p.title {font-size:14px; line-height: 20px; padding:0 5px; margin: 0; width:200px; height:20px; overflow:hidden;}
.box-articlelist .gallerylist a { color: #009dd3; }
.box-articlelist .gallerylist p.date { font-size: 11px; color: #9d9d9d; font-family: open_sansitalic; padding: 0 0 10px 5px; margin:0;}

.box-articlelist .shop-list {float:left; background: #ebebeb; margin: 0 0 10px 5px;}
.box-articlelist .shop-list img {background:#ebebeb; padding: 4px; }
.box-articlelist .shop-list img:hover {opacity:0.8; filter:opacity(alpha=80);}
.box-articlelist .shop-list p.title {font-size:14px; line-height: 20px; padding:0 10px 5px 10px; margin: 0; height: 60px; width:180px;overflow:hidden;}
.box-articlelist .shop-list p.price {font-size: 12px;  padding:0 10px 0px 10px;  margin:0;  font-family: open_sansitalic;}
.box-articlelist .shop-list .price span {display: inline-block; font-size: 14px; font-weight:bold; color:#93c01f; }
.box-articlelist .shop-list p.price-vat {font-size: 11px;  padding:0px 10px;  margin:0px;  font-family: open_sansitalic; color: #9d9d9d;}
.box-articlelist .shop-list a {color: #009dd3; }

.box-articlelist .stamps {height: 250px;}
.box-articlelist .stamps p.title {height:40px;}

.box-articlelist .shop-list .menu {height:40px;}
.box-articlelist .shop-list .details {padding:10px;}
.box-articlelist .shop-list .details a{color: #0F2E75; margin:0; height:16px; line-height:16px; font-weight: normal; display:inline-block; color: #fff; background-color:#aeddee; padding:3px 5px; text-transform: uppercase; font-size:12px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s; text-align: center;}
.box-articlelist .shop-list .details a:hover {background-color:rgb(172, 226, 247); transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}

.box-articlelist .shop-list .buy {padding:10px;}
.box-articlelist .shop-list .buy a{color: #0F2E75; margin:0; height:16px; line-height:16px; font-weight: normal; display:inline-block; color: #fff; background-color:#93c01f; padding:3px 5px; text-transform: uppercase; font-size:12px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s; width:70px; text-align: center;}
.box-articlelist .shop-list .buy a:hover {background-color:#a8cc4f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}

.box-articlelist .shopcategory  img {padding:4px; background: #ebebeb; }
.box-articlelist .shopcategory img:hover {opacity:0.8; filter:opacity(alpha=80);}
.box-articlelist .shopcategory {background: #ebebeb; float: left; margin: 0 0 10px 5px;} 
.box-articlelist .shopcategory p.title {font-size:14px; line-height: 20px; padding:0 5px 10px; margin: 0; width:150px;overflow:hidden;}
.box-articlelist .shopcategory p.title span {color: #9d9d9d; font-size:12px;}
.box-articlelist .shopcategory a { color: #009dd3; }

.box-articlelist .shop-check-list .shop-check-navi {background:#ebebeb; padding: 10px; margin-bottom: 10px; }
.box-articlelist .shop-check-list .shop-check-navi div { display:inline-block; }
.box-articlelist .shop-check-list .shop-check-item {border-bottom: 1px solid #e3e3e3; padding: 5px 0 0 0; margin:0;}
.box-articlelist .shop-check-list .shop-check-item a {color: #009dd3;}

.box-articlelist .shop-check-list .shop-check-item .title-holder {overflow: hidden; height: 65px; line-height: 60px; margin: 0; padding: 0; vertical-align: top;}
.box-articlelist .shop-check-list .shop-check-item div .title {display: inline-block; line-height: 20px; margin: 0 20px 0 0; overflow: hidden; padding: 0 5px; vertical-align: middle; width: 170px;}
.box-articlelist .shop-check-list .shop-check-item div .title span{color: #9D9D9D; font-style: italic;}

.box-articlelist .shop-check-list .shop-check-item div .price {font-size: 11px; color:#9d9d9d; margin:0; padding: 0; float:left; width:120px; height:50px;  font-family: open_sansitalic; overflow:hidden;} 
.box-articlelist .shop-check-list .shop-check-item div .price #sum-item, .box-articlelist .shop-check-list .shop-check-item div .price #sum-items{ color: #93c01f; font-weight: bold; font-size:14px;}
.box-articlelist .shop-check-list .shop-check-item div .price .euro { color: #93c01f; font-weight: bold; font-size:14px;}
.box-articlelist .shop-check-list .shop-check-item div {display: inline-block; }
.box-articlelist .shop-check-list .shop-check-item .del-item .del-button { border: 0px; background: none; cursor:pointer; background:url("../../img/del_item.png") no-repeat center transparent; width:18px; height:18px;}

.summary {background: #ebebeb; margin:0 ; padding: 10px; border-top: 2px solid #e3e3e3; height: auto; font-family: open_sansitalic; }
.summary p {margin:0; padding: 0; height: 30px;}
.summary .money-title p {line-height:20px;}
.summary .money-title .value {padding:0 0 2px 0px;}
.summary .money-title {float:left; background: #ebebeb;  margin-left: 260px; text-align: right; width:200px;} 
.summary .money {float:right; background: #ebebeb; width: 150px;} 
.summary .money .value {color: #9d9d9d; font-size: 11px;  line-height: 12px; padding: 3px 0 0 0; }
.summary .money .value #sum-value {font-weight: bold; font-size:14px; color: #3a3a3a;}
.summary .money .delivery #sum-delivery{font-weight: bold; font-size:14px; color: #3a3a3a;}
.summary .money .all {min-height: 30px; height: auto; color: #9d9d9d; font-size: 11px;  line-height: 12px; padding: 3px 0 0 0; }
.summary .money .all #sum-all{ color:#93c01f; font-size: 18px; font-weight: bold;}

.summary .money .all .euro {color: #93c01f; font-size: 18px; font-weight: bold;}
.summary .money .value .euro {color: #3A3A3A; font-size: 14px; font-weight: bold;}
.summary .money .delivery .euro {color: #3A3A3A; font-size: 14px; font-weight: bold;}

.summary-next {margin-top: 15px; font-size: 11px;}
.summary-next span {font-weight: bold;}
.button-summary {background:url("../../img/button-next.png") no-repeat 85% 50% transparent ; background-color:#93c01f; margin:0px; height:36px; line-height:24px; font-weight: normal; display:inline-block; color: #fff; padding:0px 30px 0 15px; text-transform: uppercase; font-size:14px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s; border:0px; cursor:pointer; font-family: open_sansregular;}
.button-summary:hover {background-color:#a8cc4f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s }

.button-next a {background:url("../../img/button-next.png") no-repeat 90% 50% transparent ; background-color:#93c01f; margin:0px; height:36px; line-height:36px; font-weight: normal; display:inline-block; color: #fff; padding:0px 30px 0 15px; text-transform: uppercase; font-size:14px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s; border:0px; cursor:pointer; font-family: open_sansregular;}
.button-next a:hover {background-color:#a8cc4f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s }



.box-articlelist .article-foot { padding:15px 0; }
.box-articlelist .article-foot .count { padding:2px 5px; display:inline-block; background:#93c01f; color:#fff; font-weight:bold }
.box-articlelist .article-foot a { color:#009dd3; }.box-attachment { padding: 10px 0;}
.box-attachment a {padding-right: 10px; padding-left: 2px;}.box-comparision .comparison-quantity {float:left; height:35px; width:35px; margin:0 5px 0 0;}
.box-comparision .comparison-quantity-input {font-family:open_sansregular; float: left; height: 36px; font-size: 12px;border: 1px solid #EEEEEE; padding: 0px; width:36px; text-align: center;}
.box-comparision .comparison-arrows {display: inline-block; position: absolute; height:37px;}
.box-comparision .comparison-arrow-up {display: block;float: left;padding: 0px; margin: 0px; cursor: pointer; background:url("../../img/shop_up.jpg") no-repeat center transparent; width: 18px; height: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.box-comparision .comparison-arrow-down {display: block; float: left;padding: 0px;margin: 0px; position: absolute; right:0px; top:20px;cursor: pointer; background:url("../../img/shop_down.jpg") no-repeat center transparent; width: 18px; height: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.box-comparision .comparison-summary {background: #ebebeb; margin:0 ; padding: 10px; border-top: 2px solid #e3e3e3; height: auto;}
.box-comparision .comparison-info {background-color: #ebebeb; font-size: 17px; padding: 20px;}
.box-comparision .comparison-info-price {font-size:22px; font-weight:bold; color:#93c01f;}
.box-content {width:100%;}
.box-content .sidebar {float:left; width:325px; }
.box-content .content {float:left; width:645px; margin-left: 30px; }

.box-content .content .content-grid {float: right; position: absolute; right: 30px; top:12px; background:url("../../img/geo-icon.png") no-repeat 0 -24px; width: 24px; height: 24px;}
.box-content .content .content-list {float: right; position: absolute; right: 0px; top:12px; background:url("../../img/list-icon.png") no-repeat 0 -24px; width: 24px; height: 24px;}
.box-content .content .content-grid.active { background-position: 0px 0px;}
.box-content .content .content-list.active { background-position: 0px 0px;}

.content-basket {float: right; position: absolute; right: 0px; top:15px; background:url("../../img/basket.png") no-repeat ; width: 28px; height: 32px;}.box-foot{height:250px; width:1030px; margin: 0 auto; padding:0; background-color:#f9f9f9; }
.box-foot .foot-separator {width:100%; height:36px; border-bottom:4px solid #e2e2e2; }
.box-foot .foot-container {width:1000px; margin:0 auto; padding-top:20px;}
.box-foot .foot-container .foot-l {float:left; width:378px; color: #4e4e4e; font-size: 11px;}
.box-foot .foot-container .foot-l ul {list-style: none;  display: block; padding: 0;}
.box-foot .foot-container .foot-l ul li {display: inline; line-height: 20px; float: left; padding-right:5px;}
.box-foot .foot-container .foot-l ul  li a {color: #4e4e4e; font-size: 13px; display: block; text-decoration: none;}

.box-foot .foot-container .foot-c {float:left; width:375px;}
.box-foot .foot-container .foot-c p{font-size:20px;}
.box-foot .foot-container .foot-c img {vertical-align: middle;}
.box-foot .foot-container .foot-r {float:left; width:247px;}
.box-foot .foot-container .foot-r h3 {margin: 0; padding: 0; color: #707070; font-size:22px; display:block; text-transform: uppercase;}
.box-form {}
.box-form .control-group { margin-bottom:10px; min-height:25px;}
.box-form .control-group label {display:block; font-size:12px; line-height:20px; padding-top:5px; }
.box-form .control-group label.checkbox { margin:0 0 5px -20px; padding-left:20px; }
.box-form .control-group input[type="text"], .box-form .control-group select, .box-form .control-group textarea {font-size: 12px; display:block; padding: 6px 12px; width: 230px; border: 1px solid #d5d5d5; font-family: open_sansregular,sans-serif; color: #3a3a3a;}
.box-form .control-group input[type="checkbox"] { margin:5px 5px 0 0; padding:0;}
.box-form .control-group input:focus {border: 1px solid #aeddee;}
.box-form .control-group textarea { width:500px; height:150px}
.box-form .buttonSubmit {font-family:open_sansregular; text-transform: uppercase; font-weight:bold; border:none; margin:0 5px 5px 0; font-size: 14px; padding: 12px 24px; display:inline-block; color: #fff; background-color:#93c01f; cursor: pointer; transition:background-color 0.5s; -webkit-transition:background-color 0.5s; }
.box-form .buttonSubmit:hover{background-color:#a8cc4f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s}
.box-form .buttonCancel {font-family:open_sansregular; text-transform: uppercase; font-weight:bold; border:none; margin:0 5px 5px 0; font-size: 14px; padding: 12px 24px; display:inline-block; color: #3A3A3A; background-color:#EAEAEA; cursor: pointer; transition:background-color 0.5s; -webkit-transition:background-color 0.5s; }
.box-form .buttonCancel:hover{background-color:#E4E4E4; transition:background-color 0.5s; -webkit-transition:background-color 0.5s}.box-gallery img {background:#ebebeb; padding: 4px; margin-right: 5px; margin-bottom: 5px; }
.box-gallery img:hover {opacity: 0.8; filter:alpha(opacity=80); }
.box-gallery .breadcrumbs-title {margin-top: 20px;}.box-galleryrel { padding-top:15px; }
.box-galleryrel a { float:left;margin:0; padding:0; display:inline-block; }
.box-galleryrel a img {margin:0 10px 10px 0; padding:0; background:#f2f2f2; border:3px solid #ebebeb; }
.box-galleryrel a.last img { margin-right:0;}
.box-galleryrel a:hover img {opacity: 0.8; filter:alpha(opacity=80); }.box-header {height:145px; width:100%;}

.header-container {
    background-color: #F9F9F9;
    margin: 0 auto;
    padding: 0 15px 30px;
    width: 1000px;
}
.box-header .header-content .header-l{float:left;width:210px; margin-top:30px;}
.box-header .header-content .header-r {float:right;}
.box-header .header-content .header-r .header-r-t {margin-top: 15px;}
.box-header .header-content .header-r .top-menu{float:left; margin-left: 150px;}
.box-header .header-content .header-r .top-menu ul {display: block; margin: 0; padding: 0;}
.box-header .header-content .header-r .top-menu ul li {display: inline-block; height:40px; line-height:40px; padding:0 5px;}
.box-header .header-content .header-r .top-menu ul li a {font-size: 11px; color: #4e4e4e; display:block; }

.box-header .header-content .header-r .searchbox{float:right;}
.box-header .header-content .header-r .searchbox fieldset {float: left; height:35px; border: none; border-bottom: 3px solid #E2E2E2; padding:0; margin:0; }
.box-header .header-content .header-r .searchbox label {text-transform: uppercase; margin: 0; line-height:36px; padding-right: 20px; border-right: 1px solid #9F9F9F; color: #9f9f9f; font-size: 16px;}
.box-header .header-content .header-r .searchbox input {font-size:14px; color: #5e5e5e; font-family: open_sansitalic; border: medium none; width:236px; background-color:#f9f9f9;}
.box-header .header-content .header-r .searchbox button {float:left;background: url("../../img/search.png") no-repeat scroll 0 0 transparent; border: medium none; font-size: 18px; color: #fff; text-transform: uppercase; height: 38px; width: 38px; cursor: pointer;}
.box-header .header-content .header-r .searchbox button:hover {background-position: 0 -38px;}

.box-header .header-content .header-r .main-menu{margin-top: 17px;}
.box-header .header-content .header-r .main-menu ul {font: 13px open_sansregular; list-style: none; display: block; margin: 0; padding:0; }
.box-header .header-content .header-r .main-menu ul li {display: block; float: left; margin:0; position: relative; z-index:3;}
.box-header .header-content .header-r .main-menu ul li:hover {background-color:#eaeaea;}
.box-header .header-content .header-r .main-menu > ul > li > a {display: block; color: #3a3a3a; height: 44px; line-height:44px; padding: 0 8px; text-transform: uppercase;}
.box-header .header-content .header-r .main-menu ul li a:hover {background-color:#eaeaea;}
.box-header .header-content .header-r .main-menu ul li a.active{background-color:#93c01f; color:#ffffff;}

/* do edycji*/
.box-header .header-content .header-r .main-menu ul li ul{list-style: none; visibility:hidden; position: absolute; background-color:#eaeaea; top: 42px; width:180px; height:auto; left: 0; padding:13px 0;}
.box-header .header-content .header-r .main-menu ul li ul li{position: relative; background-color:#eaeaea; color:#3a3a3a;}
.box-header .header-content .header-r .main-menu ul li ul li a {color: #3A3A3A; display: inline-block;font-size: 12px; line-height: 1.5; padding: 6px 10px; text-align: left; text-transform: uppercase; width: 160px;}
.box-header .header-content .header-r .main-menu ul li ul li a:hover {color: #009dd3;}
.box-header .header-content .header-r .main-menu ul li ul li a.active{background-image:none; font-weight:bold;}
.box-header .header-content .header-r .main-menu ul li ul li a.active:hover{background-image:none; color:#e7e7e7;}
.box-header .header-content .header-r .main-menu ul li:hover > ul{visibility:visible !important;}
/* ... */.box-list h2 { margin-top:0; padding-top:0}

.box-list .list-img { float:left; width:135px; padding-top:5px;}
.box-list .list-text { float:right; width:510px; }
.box-list .referenzen {font-size:12px; background: url("../../img/separator.png") repeat-x scroll 0 bottom transparent; padding: 10px 0 15px;}
.box-list .referenzen .author {text-align: right; color: #93c01f; font-family: open_sansitalic;}      
.box-list .referenzen .company {font-family: open_sansbold_italic;}
.box-list .referenzen > img {float: left;margin-right: 12px;}
.box-list .referenzen-text {}
.box-paging {padding-bottom:30px;}
.box-paging ul.paging-ul {font-size: 14px; list-style-position:outside; list-style-type:none; margin-left: 0; padding-left: 0; text-align:left;}
.box-paging li.paging-li { float: left; margin-right: 5px; position: relative; text-align: center; background:#EAEAEA; color: #000; padding: 5px 0;}
.box-paging li.paging-current { background:#93c01f; color: #FFFFFF; padding: 5px 10px;}
.box-paging a { color:#2E1A13; padding: 5px 10px; text-align: center; text-decoration: none;}.box-placelist .placelist-item { font-size:12px; border-bottom: 1px solid #e3e3e3; padding: 10px 0 15px;}   
.box-placelist .placelist-code { float:left; width:80px; font-size:20px; color:#fff; line-height:40px; text-align:center; background:#aeddee; }

.box-placelist .placelist-data { float:left; width:320px; margin-left:5px;margin-right:5px; font-size: 14px;}
.box-placelist .placelist-data a {color: #009dd3;}
.box-placelist .placelist-data p.title { font-size:14px; line-height: 20px; margin:0 0 2px 0; padding: 0;}
.box-placelist .placelist-data p.desc {font-size:13px; color:#3a3a3a; font-family: open_sansitalic; margin: 0; padding: 0;}
.box-placelist .placelist-data p.desc a {color:#3a3a3a; }
.box-placelist .placelist-type { float:left; width:45px; font-weight:bold; color:#93c01f; padding-top: 10px;}

.box-placelist .placelist-legend { margin-top:25px; }
.box-placelist .placelist-legend sup {color:#93c01f}
.box-placelist .placelist-legend-img{float: left;}
.box-placelist .placelist-legend-text{float: left; line-height: 40px;}
.box-placelist .placelist-legend-row img {vertical-align: middle}


.box-placelist .placelist-type a {display: block; background:url("../../img/right_arrow_new.png") no-repeat right; color:#fff;}
.box-placelist .placelist-type a:hover {opacity:0.8;}
.box-placelist .placelist-type a span{display: block; width: 12px; height: 24px; padding:0 4px; margin: 0; line-height: 24px;}
.box-placelist .placelist-numero {float:left; display: block; color:#93c01f; font-size: 12px; font-weight: bold; width: 180px;}
.box-placelist .placelist-numero img {display: block; margin: 0 30px;}
/* root element for produkt  */
.box-price ul.produkt {    list-style:none;    margin:0 !important;    padding:0;	display:block; }

/* single tab */
.box-price ul.produkt li {    float:left;    text-indent:0;    padding:0;    margin:0 !important;    list-style-image:none !important;	width:180px;	text-align:center;}

/* link inside the tab. uses a background image */
.box-price ul.produkt a {    display: block;    margin: 10px;	color:#3A3A3A;	font-weight:bold; }

.box-price ul.produkt a:active {}

/* when mouse enters the tab move the background image */
.box-price ul.produkt a:hover {}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.box-price ul.produkt a.current, ul.produkt a.current:hover, ul.produkt li.current a {}

/* Different widths for produkt: use a class name: w1, w2, w3 or w2 */
.box-product { margin-bottom:20px;}
.box-product .title { margin-top:0; padding-top:0; }
.box-product .images img {
    cursor:pointer;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    padding: 14px;
}
.box-product .images img:hover {

    filter: none;
    -webkit-filter: grayscale(0);
}

.box-product .images .img-container {float:left; display:block; width:158px; margin:2px;}

.box-product .images .imgholder {display:block; margin-bottom:4px; text-align:center; background:#EEEEEE;}

/* container for slides */
.box-product .images {  background:none;  position:relative; height:350px; width:325px; float:left;    margin:0px; }

/* single slide */
.box-product .images div { display:none; position:absolute; top:0; left:0; margin:0px; padding:0px; height:256px; font-size:12px; }

/* header */
.box-product .images h3 { font-size:22px; font-weight:normal; margin:0 0 20px 0; color:#456; }

/* tabs (those little circles below slides) */
.box-product .slidetabs { clear:both; display:none; }

/* single tab */
.box-product .slidetabs a { width:8px; height:8px; float:left;  margin:3px;   display:none;   font-size:1px; }

/* mouseover state */
.box-product .slidetabs a:hover { background-position:0 -8px; }

/* active state (current page state) */
.box-product .slidetabs a.current {   background-position:0 -16px; }

.box-product .product-saleable {
    background: url("/public/img/icon_in_shop2.png?64689712") repeat scroll 0 0 transparent;
    display: block !important;
    height: 36px;
    width: 36px;
    margin-left: 4px;
    margin-top: -40px;
    position: absolute;    
}.box-reference .reference-placeholder {margin: 30px -15px 10px; width: 1000px; background: #f4f4f4; padding: 15px;}
.box-reference .reference-title {border-bottom: 1px solid #e3e3e3; color: #707070; display: block; -webkit-text-stroke: 1px transparent; font-family: open_sanslight; font-size: 22px; font-weight: normal; letter-spacing: -1px; margin: 0 0 20px; padding: 0 0 5px; text-transform: uppercase;}
.box-reference .reference-arrow-container{width: 30px; height: 240px; float: left;}
.box-reference .reference-arrow {background: url('/public/img/arrow-left.png?64689712') no-repeat center -93px transparent; margin: 73px 3px; width: 23px; height: 93px; cursor: pointer;}
.box-reference .reference-arrow:hover {background-position: center 0;}
.box-reference .reference-arrow-left {background-image: url('/public/img/arrow-left.png?64689712'); width: 24px; height: 93px;}
.box-reference .reference-arrow-right {background-image: url('/public/img/arrow-right.png?64689712'); width: 24px; height: 93px;}

.box-reference .reference-container {float: left; height: 240px; overflow: hidden; width: 900px; margin: 0 20px; position:relative; }

.box-reference .reference-items {width:20000em;position:absolute;clear:both;margin:0;padding:0;border:0;}
.box-reference .reference-content {float:left;display:block;}
.box-reference .reference-box {width: 420px; margin: 15px; float: left;}

.box-reference .reference-img {height: 70px; margin-bottom: 10px;}
.box-reference .reference-img  img{max-height: 100%; max-width: 100%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
.box-reference .reference-box:hover  img {filter: none; -webkit-filter: grayscale(0);}
.box-reference .reference-text {font-size: 12px; overflow: hidden; max-height: 102px; line-height: 17px;} 
.box-reference .reference-author{font-size: 12px; color: #93c01f; font-family: open_sansitalic; margin: 10px 0; height: 20px; line-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.box-reference .reference-company {}
.box-search { margin:25px 0 15px 0px; }

.box-search .contentbox .searchholder {float:left;  border-bottom:2px solid #E2E2E2; }
.box-search .contentbox .searchinput { height:36px; width:350px; padding:0 10px; line-height:36px;font-size:16px; color:#5e5e5e; font-family:open_sansitalic; border:0; background: #fff; }
.box-search .contentbox .submit {float:left; height:38px; width:38px; background: url("../../img/search.png") no-repeat scroll 0 0 transparent; border: medium none; font-size: 18px; color: #fff; text-transform: uppercase; cursor: pointer;}
.box-search .contentbox button:hover {background-position: 0 -50px;}
.box-service .slider-container {height:300px; width:605px; background-color:#E9E9E9; padding:20px;}
.box-service .slider-container .slider {height:300px; width:605px; background-color:#fff;}

.box-service ul.css-tabs-service { margin:0 !important; padding:0; position:relative;	overflow:hidden; bottom: 300px;	height: 300px; width:245px;}
.box-service ul.css-tabs-service li {  padding:0; width:245px;    margin:0;    list-style-type:none;}
.box-service ul.css-tabs-service li div{ cursor:pointer; background-color:#222; opacity:0.9; transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; padding:10px;	width:225px;	height:80px;	position:relative;}
.box-service ul.css-tabs-service li div:hover{background-color:#009dd3;}

/* selected tab */
.box-service ul.css-tabs-service li.current div{background-color:#009dd3;margin-top:0px;}
/* override the root element to enable scrolling */
.box-service .css-panes-service {height: 300px; width: 605px; position:relative; overflow:hidden; clear:both; background-color: transparent;}
/* our additional wrapper element for the items */
.box-service .css-panes-service .items {width:20000em;position:absolute;clear:both;margin:0;padding:0;border:0;}
.box-service .css-panes-service div {float:left;display:block;width:605px;font-size:14px;background-color: transparent;}
.box-sidemenu { margin-bottom:20px; text-transform:uppercase;}
.box-sidemenu ul{list-style: none; height:auto; padding:0; margin:0;}
.box-sidemenu ul li{background-color:#EAEAEA; position: relative; border-bottom: 1px solid #fff;}
.box-sidemenu ul li a{display:block; width:100%; padding:0px; color:#3a3a3a; font-size:13px; line-height:46px; height:46px; text-align:left; text-indent:10px;}
.box-sidemenu ul li a:hover {background-color:#e4e4e4; color:#000;}
.box-sidemenu ul li a.active{background-color:#93c01f; color:#fff;}.box-slider {margin-bottom:20px;}

.box-slider .slider-container{height:440px; width:960px; background-color:#E9E9E9; padding:20px;}
.box-slider .slider-container .slider {height:440px; width:960px; background-color:#fff;}

/* override the root element to enable scrolling */
.box-slider .css-panes {height: 440px; width: 960px; position:relative; overflow:hidden; clear:both; background-color: transparent;}

/* our additional wrapper element for the items */
.box-slider .css-panes .items {width:20000em;position:absolute;clear:both;margin:0;padding:0;border:0;}
.box-slider .css-panes div {float:left;display:block;width:960px;font-size:14px;background-color: transparent;}

/* root element for tabs  */
.box-slider ul.css-tabs {overflow: hidden; position: relative; bottom: 453px; left: 580px; width: 340px; height: 440px; list-style: none;}

/* single tab */
.box-slider ul.css-tabs li {cursor:pointer;}
.box-slider ul.css-tabs li div {background-color:#222; padding: 14px 18px; height: 60px; transition:0.5s; -moz-transition:0.5s;-webkit-transition:0.5s; -o-transition:0.5s;}
.box-slider ul.css-tabs li div:hover {background-color:#009dd3; color: #a9def2;}
.box-slider ul.css-tabs li div:hover .date{ color: #a9def2; transition:0.5s; -moz-transition:0.5s;-webkit-transition:0.5s; -o-transition:0.5s;}
.box-slider ul.css-tabs li div .date {color: #8d8d8d;}
.box-slider ul.css-tabs li div .title {text-overflow: ellipsis; overflow: hidden; width: 304px; height: 44px;}

/* selected tab */
.box-slider ul.css-tabs li.tab-current div {background-color:#009dd3; -moz-transition:0.2s;-webkit-transition:0.2s; -o-transition:0.2s;}
.box-slider ul.css-tabs li.tab-current div .date {color: #a9def2;}.box-stampcreator .stampcreator-list {list-style: none outside none; margin: 20px 0 0; padding: 0;}
.box-stampcreator .stampcreator-itemholder {background: url('/public/img/dummy/dummy_200x150.png') no-repeat center center #F2F2F2; margin:0 10px 10px 0; float:left; display: block;}
.box-stampcreator .stampcreator-item {display: block; width: 250px; height: 170px; position:relative}
.box-stampcreator .stampcreator-fill {display: block; background:url('/public/img/icon_fill.png') no-repeat scroll center center transparent; border: none; position:absolute; width: 18px; height: 21px; bottom: 6px; right: 6px; text-indent: -1000px; cursor: pointer;}
.box-stampcreator .stampcreator-radio {float: left; width: 50%; height: 85px; position: relative; margin-top: 10px;}
.box-stampcreator .stampcreator-radio > input {bottom: 5px; position: absolute;}
.box-stampcreator .stampcreator-option {cursor: pointer; display:block; margin:0 auto; width:45px; height: 45px;  background:url('/public/img/icon_landscape.png')  no-repeat scroll center 0px transparent;}
.box-stampcreator .stampcreator-radio > input[type=radio]:checked + .stampcreator-option {background-position: center -46px;}
.box-stampcreator .stampcreator-radio > input[type=radio]:checked + .portrait {background-position: center -45px;}
.box-stampcreator .portrait {background-image:url('/public/img/icon_portrait.png') } 
.box-stampcreator .landscape {background-image:url('/public/img/icon_landscape.png') }

.box-stampcreator .stampcreator-type {float: left; height: 180px; margin-right: 10px; width: 165px; position: relative; margin-bottom: 20px;}
.box-stampcreator .stampcreator-type-input {bottom: 5px; position: absolute;}
.box-stampcreator .stampcreator-typeoption {cursor: pointer; display:block; margin:0 auto; width:150px; height: 160px; position: absolute; bottom: 30px; background:url('/public/img/icon_landscape.png')  no-repeat scroll 0 0px transparent;}

.box-stampcreator .card {background-image:url('/public/img/icon_card.png'); height: 68px; }
.box-stampcreator .standard {background-image:url('/public/img/icon_standard.png'); height: 68px;  }
.box-stampcreator .compact {background-image:url('/public/img/icon_compact.png'); height: 82px; }
.box-stampcreator .big {background-image:url('/public/img/icon_big.png'); height: 145px; }
.box-stampcreator .max {background-image:url('/public/img/icon_max.png'); height: 157px; }

.box-stampcreator .stampcreator-type-input[type=radio]:checked + .card {background-position: 0 -68px;}
.box-stampcreator .stampcreator-type-input[type=radio]:checked + .standard {background-position: 0 -68px;}
.box-stampcreator .stampcreator-type-input[type=radio]:checked + .compact {background-position: 0 -82px;}
.box-stampcreator .stampcreator-type-input[type=radio]:checked + .big {background-position: 0 -145px;}
.box-stampcreator .stampcreator-type-input[type=radio]:checked + .max {background-position: 0 -157px;}

.box-stampcreator .stampcreator-text {margin-left:25px; position: absolute; bottom: 2px;}
.box-stampcreator .stampcreator-title-input {border: 1px solid #D5D5D5; color: #3A3A3A; display: block; float: left; height: 22px; margin-right: 10px; font-family: open_sansregular,sans-serif; font-size: 12px; padding: 6px 12px; width: 200px; }
.box-stampcreator .stampcreator-title-input:focus {border:1px solid #aeddee}
.box-stampcreator .stampcreator-title .form-element {float: left}
.box-stampcreator .stampcreator-title .form-element ul{list-style:none; padding:0; margin:0; color: #93c01f; margin-left: 35px;}
.box-stampcreator .stampcreator-title-label {display: block; float: left; line-height: 36px; margin-right: 10px;}
.box-stampcreator .stampcreator-title-submit {background-color:#93c01f; margin:0px; height:36px; line-height:24px; font-weight: normal; float: left; color: #fff; padding:0px 30px 0 15px; text-transform: uppercase; font-size:14px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s; border:0px; cursor:pointer; font-family: open_sansregular;}
.box-stampcreator .stampcreator-title-submit:hover {background-color:#a8cc4f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s }
.box-stampcreator .stampcreator-file {color: #9D9D9D; font-style: italic; font-size: 13px;}
.box-stampcreator .stampcreator-stampselect {list-style: none outside none; margin: 20px 0; padding: 0;}
.box-stampcreator .stampcreator-stampselect li {cursor: pointer; float: left; margin: 0 10px 10px 0; text-align: center; width: 145px;}
.box-stampcreator .stampcreator-stampselect img:hover{opacity:0.8}
.box-stampcreator .stampcreator-frame {display: block; background:url('/public/img/stampborder.png') no-repeat scroll center center transparent; position:absolute; width: 250px; height: 170px; }
.box-stampcreator .stampcreator-typeform .error {clear: both;}

.box-stampcreator .stampcreator-stepcontainer {display: block; margin: 10px 0 20px; width: 660px; }
.box-stampcreator .stampcreator-step {float: left; margin-right: 15px; }
.box-stampcreator .stampcreator-stepcontent {background: #EBEBEB; display: table-cell; vertical-align: middle; height: 50px; width: 140px; padding: 5px; font-size: 13px; text-align: center; word-wrap: break-word; color: #3A3A3A; } 
.box-stampcreator .stampcreator-stepcontent.active {background: #93c01f; color: #fff;}

.box-stampcreator .stampcreator-preview-frame-landscape {background: url("/public/img/stamp/stampframe-landscape.png") no-repeat scroll center center transparent; display: block; height: 411px; position: absolute; width: 576px; z-index: 4;}
.box-stampcreator .stampcreator-preview-title-landscape {background: url("/public/img/stamp/stampvalue-landscape.png") no-repeat scroll center bottom transparent; display: block; height: 411px; position: absolute; width: 576px; z-index: 3;}
.box-stampcreator .stampcreator-preview-frame-portrait {background: url("/public/img/stamp/stampframe-portrait.png") no-repeat scroll center center transparent; display: block; height: 576px; position: absolute; width: 411px; z-index: 4;}
.box-stampcreator .stampcreator-preview-title-portrait {background: url("/public/img/stamp/stampvalue-portrait.png") no-repeat scroll center bottom transparent; display: block; height: 576px; position: absolute; width: 411px; z-index: 3;}.box-tag { margin-bottom:20px;}
.box-tag .title { margin-top:0; padding-top:0; }
.box-tag .cloudtag .item {font-family:open_sansregular; font-weight:normal; margin:0 5px 5px 0; font-size: 14px; padding: 12px; display:inline-block; color: #222; cursor: pointer; background-color: #dbdbdb; }
.box-tag .cloudtag .level-3 { opacity: 1; }
.box-tag .cloudtag .level-2 { opacity: 0.8; }
.box-tag .cloudtag .level-1 { opacity: 0.6; }


.box-top {min-height:50px; width:960px; background:url("../../img/mail.png?64689712") no-repeat scroll 40px 15px #aeddee; margin-bottom:20px; padding:45px 20px;}
.box-top .searchbox fieldset {background-color: #fff; border: medium none; float: left; height: 50px; line-height: 50px; margin: 0 0 0 190px; padding: 0; width: 625px;}


.box-top .searchbox label {text-transform: uppercase;  height: 26px; line-height: 26px; margin: 0; padding-right: 20px; border-right: 1px solid #9F9F9F; color: #9f9f9f; font-size: 16px;}
.box-top .searchbox input {font-size:16px; color: #5e5e5e; font-family: open_sansitalic; border: medium none; width:375px; margin: 0 10px; background: #fff;}
.box-top .searchbox button {float:left;background: url("../../img/search_big.png?64689712") no-repeat scroll 0 0 transparent; border: medium none; font-size: 18px; color: #fff; text-transform: uppercase; height: 50px; width: 97px; cursor: pointer;}
.box-top .searchbox button:hover {background-position: 0 -50px;}

.box-top .searchbox select {text-transform: uppercase; margin: 0 10px; color: #9f9f9f; font-size: 16px; font-family: open_sansregular,sans-serif; appearance:field; -moz-appearance:field;}

.box-top .searchbox .select-brief {border:0px; width:230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -1px;}

.box-top .searchbox .more {background-color: #fff; border: medium none; float: left; height: 50px; line-height: 50px; margin: 20px 0 0 190px; padding: 0; width: 650px;}
.box-top .searchbox .more input {width: auto;}
.box-top .searchbox .select-more {border:0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -1px;}

.box-top .search-switcher {float: left; width: 25px;}
.box-top .search-switcher .address {cursor:pointer; width:25px; height:25px; display: block; background:url("/public/img/icon_search_address.png?64689712") no-repeat scroll 0 -25px transparent}
.box-top .search-switcher .distance {cursor:pointer; width:25px; height:25px; display: block; background:url("/public/img/icon_search_distance.png?64689712") no-repeat scroll 0 -25px transparent}
.box-top .search-switcher .active {background-position: 0 0;}
.box-top .search-switcher .address:hover,
.box-top .search-switcher .distance:hover {background-position: 0 0;}/* breadcrumbs */
.breadcrumbs {display:block;height:20px; text-transform: uppercase; font-size:11px;}
.breadcrumbs .breadcrumbs-title{float:left; color: #0F2E75; margin:0; height:11px; line-height:11px; font-weight: normal; display:inline; color: #fff; background-color:#aeddee; padding:3px 5px;}
.breadcrumbs ul {list-style: none;  display: block;  margin: 0; padding: 0;}
.breadcrumbs ul li {display: inline; float: left; height:11px; line-height:11px; padding:  3px 15px; background:url("../../img/arrow.png") no-repeat scroll right center transparent;}
.breadcrumbs ul li:last-child{background:none;}
.breadcrumbs ul li a{color:#3a3a3a;}
.breadcrumbs ul li a:hover{color:#3a3a3a;}

.breadcrumbs-title a {float:left; color: #0F2E75; margin:0; height:11px; line-height:11px; font-weight: normal; display:inline; color: #fff; background-color:#aeddee; padding:3px 5px; text-transform: uppercase; font-size:11px;}
.breadcrumbs-title span {display: inline; float: left; height:11px; line-height:11px; padding:  0px  0 0 10px; background:url("../../img/arrow_back_w.png") no-repeat scroll left center transparent;}

.breadcrumbs-title-r {margin-top:10px;}
.breadcrumbs-title-r a {float:right; color: #0F2E75; margin:0; height:11px; line-height:11px; font-weight: normal; display:inline; color: #fff; background-color:#aeddee; padding:3px 5px; text-transform: uppercase; font-size:11px;  transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}
.breadcrumbs-title-r span {display: inline; float: right; height:11px; line-height:11px; padding:  0px  10px 0 0; background:url("../../img/arrow_next_w.png") no-repeat scroll right center transparent;}
.breadcrumbs-title-r a:hover {background-color:#93c01f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s;}
@font-face {
    font-family: 'open_sansbold';
    src: url('font/font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold_italic';
    src: url('font/opensans-bolditalic-webfont.eot');
    src: url('font/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bolditalic-webfont.woff') format('woff'),
         url('font/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('font/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('font/opensans-extrabold-webfont.eot');
    src: url('font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-extrabold-webfont.woff') format('woff'),
         url('font/opensans-extrabold-webfont.ttf') format('truetype'),
         url('font/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('font/opensans-extrabolditalic-webfont.eot');
    src: url('font/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('font/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('font/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('font/opensans-italic-webfont.eot');
    src: url('font/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-italic-webfont.woff') format('woff'),
         url('font/opensans-italic-webfont.ttf') format('truetype'),
         url('font/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('font/opensans-light-webfont.eot');
    src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-light-webfont.woff') format('woff'),
         url('font/opensans-light-webfont.ttf') format('truetype'),
         url('font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('font/opensans-lightitalic-webfont.eot');
    src: url('font/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-lightitalic-webfont.woff') format('woff'),
         url('font/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('font/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('font/opensans-semibolditalic-webfont.eot');
    src: url('font/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibolditalic-webfont.woff') format('woff'),
         url('font/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('font/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}@media print {
    .box-header .header-l { margin-top:0; }
    .box-header .header-l .logo img { width:85px; }
    .box-header .header-r-t { display:none; }
    .box-header .main-menu { margin-top:20px; }
    .box-content .sidebar { display:none; }
    .box-content .content { width:100%; margin-left:0;}
    .box-top { display:none }
}

html {-webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
body {background: #f9f9f9; margin: 0; padding: 0; font-family: open_sansregular,sans-serif; color: #3a3a3a; font-size:13px;}
div {display: block; margin: 0; padding: 0;}
img {border: none;}
p {margin: 0.5em 0;}
table {width:100%;}
a {color: #009dd3; text-decoration: none;}
.well {padding:10px; background:#aeddee; font-size:12px; color:#fff; font-family:open_sansregular; }
.well-confirm {padding:10px; background: #bfdba1; font-size:12px; color:#456028; font-family:open_sansregular; }
.well-confirm p {margin:0; padding: 0; font-size: 12px !important;}
.well-confirm.error {background: #93c01f; color: #fff;}

input, textarea {background: #f9f9f9;}

h1 {font-family:open_sanssemibold; font-weight:normal;}
h2 {background:url('../../img/underline.png?64689712') no-repeat left bottom transparent; font-family:open_sanslight; font-weight: normal; -webkit-text-stroke: 1px transparent; margin: 0.5em 0; padding: 0.5em 0; color: #707070; font-size:22px; display:block; text-transform: uppercase; letter-spacing: -1px;}
h3 {color: #3a3a3a; font-family:open_sansregular; font-weight:normal; font-size:26px; display:block; margin: 0.5em 0; padding: 0; letter-spacing: -1px;}
h4 {color: #93c01f; font-family:open_sansregular; font-weight:bold; font-size:14px; display:block; margin: 0.5em 0; padding: 0; }
h5 {color: #3a3a3a; font-family:open_sansregular; font-weight:bold; font-size:13px; display:block; margin: 0.5em 0; padding: 0; }

.h4 {color: #93c01f; font-family:open_sansregular; font-weight:bold; font-size:14px; display:block; margin: 0.5em 0; padding: 0; }

.error {color:#93c01f;}
.article p {font-size:14px;}
.article a {color: #009dd3;}
.sidebar a {color: #009dd3;}
.clear {clear: both;}
.file-attachment {background: url('/public/img/doc.png?64689712') no-repeat left center; padding-left:15px;}

/*form*/
.text {margin-bottom:14px;}
.text label {font-size: 12px;}
.text input {font-size: 12px; display:block; padding: 6px 12px; width: 230px; border: 1px solid #d5d5d5; font-family: open_sansregular,sans-serif; color: #3a3a3a;}
.text input:focus {border: 1px solid #aeddee;}

.checkbox {margin-bottom:14px;}
.checkbox label {font-size: 12px;}
.checkbox input {float:left}


.text textarea {color: #3a3a3a; font-size: 12px; display:block; padding: 6px 12px; width: 526px; height:160px; border: 1px solid #d5d5d5;font-family: open_sansregular,sans-serif; resize: vertical;}
.text textarea:focus {border: 1px solid #aeddee;}
.text.mgr-both{clear:both}
.text.mgr-left{float:left; clear:left;}
.text.mgr-right{float:left; margin-left:40px;}
.buttonSubmit {font-family:open_sansregular; text-transform: uppercase; font-weight:bold; border:none; margin:0 5px 5px 0; font-size: 14px; padding: 12px 24px; display:inline-block; color: #fff; background-color:#93c01f; cursor: pointer; transition:background-color 0.5s; -webkit-transition:background-color 0.5s; }
.buttonSubmit:hover{background-color:#a8cc4f; transition:background-color 0.5s; -webkit-transition:background-color 0.5s}
.buttonCancel {font-family:open_sansregular; text-transform: uppercase; font-weight:bold; border:none; margin:0 5px 5px 0; font-size: 14px; padding: 12px 24px; display:inline-block; color: #3A3A3A; background-color:#EAEAEA; cursor: pointer; transition:background-color 0.5s; -webkit-transition:background-color 0.5s; }
.buttonCancel:hover{background-color:#E4E4E4; transition:background-color 0.5s; -webkit-transition:background-color 0.5s}

/*table*/
.table_title {    background-color: #EBEBEB;    font-size: 18px;    padding: 20px;    width: 100%; }
.table_row_1 {width:90%; padding:15px 0; border-bottom:1px solid #ebebeb;}
.table_row_2 {width:10%; padding:15px 0; border-bottom:1px solid #ebebeb;}

/*calc*/
.calc_title { background-color: #EBEBEB;  font-size: 13px !important;  padding: 20px;}
.calc-form {margin-bottom:14px; float:left;}
.calc-form label {font-size: 12px; margin: 10px 0; display:block;}
.calc-form.mgr-left{margin-left:10px;}
.calc-form select {display:block; padding: 6px 12px; margin: 10px 0; border: 1px solid #d5d5d5;}
.calc-form select:focus {border: 1px solid #aeddee;}

/* sticky header menu*/

/* sticky header menu*/
.sticky {animation: 1s ease 0s normal none 1 thedrop;background: url("../../img/menu_panel_small.png") repeat scroll 0 0 transparent;position: fixed;height: 70px;left: 0;top: 0px;width: 100%;z-index: 501;padding:0;margin:0 auto;}
.sticky .header-content{width:1000px;margin: 0 auto;}
.sticky .header-l {margin-top: 10px!important;}
.sticky .header-l .logo img {height: 50px;}
.sticky .header-r-t {display:none;}
.sticky .header-r .main-menu {margin-top:11px!important;}

.tab .date {font-size: 14px; color: #e0e0e0; margin:0; }
.tab .title {font-size: 16px; color: #fff; margin:0; }
.tab .intro {font-size: 13px; color: #fff; margin-top:60px;}
.tab .name {font-size: 16px; color: #fff; margin:0; text-transform:uppercase;}
.tab .city {font-size: 11px; color: #a9def2;font-family: open_sansitalic;}

.current .tab .date {font-size: 14px; color: #a9def2;}
.current .tab .title {font-size: 22px; color: #fff;}
.current .tab .intro {font-size: 13px; color: #fff; margin-top:10px;}




/* prev and next buttons */
.forward, .backward {
    float:left;
    margin-top:140px;
    background:#fff url(/media/img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active	{ background-position:-60px -30px; }


/* prev */
.backward:hover	{ background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}

.pdf {background: url("/public/img/pdficon_small.png?64689712") no-repeat scroll left center transparent; padding-left: 20px;}

.separator{
    border-bottom: 1px solid #E3E3E3;
    margin: 0 0 20px;
    padding: 0 0 5px;
}

.box-template {width: 1000px; margin: 0 auto; padding:0 15px 30px; background-color: #f9f9f9; position:relative; }

.box-iso {width:255px; position:absolute; top:0px; left:0px; margin-left:-250px;}
.box-iso img { width:125px; }