@font-face { font-family: 'Manrope-Lighter'; src: url('../font/Manrope-Light.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Manrope-Normal'; src: url('../font/Manrope-Regular.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Manrope-Bold'; src: url('../font/Manrope-Medium.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Manrope-Bolder'; src: url('../font/Manrope-Bold.ttf'); font-weight: normal; font-style: normal; }

body, div, input, textarea, span, a, li, button  { font-family: Manrope-Lighter; font-size: 14px; font-weight: normal; color: #000077; }
li, h1, h2, h3 { font-family: Manrope-Normal; font-size: 14px; font-weight: normal; color: #000077; }

body              { margin: 0px; padding: 0px; background-color: #e0e0ff; }
body.test_env     { background-image: url('../graphics/test_env.png'); }

div               { position: relative; border: 0px solid; }
div.splash_page   { width: 100%; padding-top: 260px; }
div.splash_logo   { position: absolute; width: 100%; background-image: url('../graphics/splash.png'); background-repeat: no-repeat; }
div.offline       { position: absolute; width: 100%; }
div.stripe        { background-color: #d6d5f9; width: 100%; height: 40px; }
div.stripe:nth-child(odd) { background-color: #c0beed; width: 100%; height: 40px; }
div.stripe_page   { position: absolute; width: 100%; top: 114px; }
div.stripe_page div.stripe  { height: 29px; }
div.page          { width: 100%; }
div.page_header   { height: 260px; }
div.page_content  { position: absolute; width: 100%; text-align: center; padding-bottom: 80px; }
div.page_footer   { padding-top: 20px; margin-left: 15%; }
div.content_area  { background-color: #ffffff; z-index: 10; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); }
div.content_adminarea  { background-color: #ffffff; z-index1: 10; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); }
div.content       { position: relative; }
div.content_title { min-height: 1px; }
div.content .title  { display: block; background-color: #e0e0ff; margin: 0px; padding: 5px 10px; font-family: Manrope-Normal; }
div.logo          { background-image: url('../graphics/logo.gif'); }
div.title_photo_bar  { position: absolute; }
div.header_info   { position: absolute; z-index: 200; }
div.header_info .info_element             { float: right; margin-left: 10px; }
div.header_info div.basket_counter a      { font-size: 20px; }
div.header_info div.basket_counter span.counter { background-color: #E7AE01; border-radius: 10px; margin-left: -15px; padding: 0px 5px; vertical-align: top; color: #ffffff;}
div.footer_info   { position: absolute; }
div.address       { display: table-cell; }
div.scrollup      { position: fixed; bottom: 0px; left: 0px; width: 100%; text-align: center; padding: 10px; background-color: #FFC929; display: none; z-index: 1000; }
div.news_content  { padding: 0px 20px 10px 20px; }
div.news          { background-color: #EAF272; padding: 10px 30px; border: 2px solid #8c9d31; border-top: 0px solid transparent; }
div.product_category  { padding: 1px;  border: 1px solid #e0e0ff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); }
div.product_category img  { padding-bottom: 2px; border-bottom: 1px solid #e0e0ff; width: 180px; height: 73px; overflow: hidden; }
div.product_category div  { padding: 2px 4px; margin-bottom: 3px; }
div.product_category div.discount  { padding-top: 35px; width: 110px; }
div.product_list  { overflow: hidden; }
#listing-large               { margin-left: -20px; }
#listing-large div.product   { display: inline-block; width: 220px; margin-left: 20px; margin-bottom: 30px; padding: 5px 2px 10px 2px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #e0e0ff; overflow: hidden; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); text-align: center; vertical-align: top; }
#listing-large img           { width: 180px; height: 135px; }
#listing-large div.product div.description { padding: 5px; padding-bottom: 20px; }
#listing-large div.product div.order_info  { width: 220px; bottom: 0px; }
#listing-large div.product div.name { height: 70px; padding-bottom: 10px; overflow: hidden; text-align: left; font-size: 14px; border-bottom: 1px solid #e0e0ff; }
#listing-large div.product div.price { padding: 0px 5px; font-size: 20px; font-family: Manrope-Normal; text-align: right; }
#listing-large div.product div.price_info  { padding: 0px 5px; font-size: 12px; font-family: Manrope-Lighter; opacity: 1; text-align: right; }
#listing-large div.product div.rating { margin-top: 10px; margin-bottom: 10px; }
#listing-large div.product:hover div.price_info,
#listing-large div.product:hover div.rating { visibility: hidden; }
#listing-large div.product:hover { border: 1px solid #7474DB; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; }
#listing-large div.product_actions   { position: absolute; opacity: 0; width: 220px; bottom: 0px; background-color: #ffffff; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#listing-large div.product:hover div.product_actions { opacity: 1; }
#listing-list div.product    { display: table; width: 100%; padding: 4px 0px; border-bottom: 1px solid #e0e0ff; text-align: left; overflow: hidden; }
#listing-list div.product:last-child  { border-bottom: 0px; margin-bottom: 10px; }
#listing-list a              { display: table-cell; width: 100px; }
#listing-list img            { width: 120px; height: 90px; }
#listing-list div.product div.description { display: table-cell; left: 10px; vertical-align: top; }
#listing-list div.product div.name { text-align: left; }
#listing-list div.product div.order_info { display: table-cell; width: 200px; vertical-align: top; }
#listing-list div.product div.price { font-size: 18px; font-family: Manrope-Normal; text-align: right; }
#listing-list div.product div.price_info  { font-size: 12px; font-family: Manrope-Lighter; text-align: right; }
#listing-list div.product div.rating { margin-top: 10px; text-align: right; }
#listing-list div.product_actions  { opacity: 0; text-align: right; background-color: #ffffff; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#listing-list div.product:hover div.product_actions { opacity: 1; }
div.product_detail                  { width: 100%; }
div.product_detail div.bordered     { padding: 3px; border: 1px solid #e0e0ff; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); }
div.product_detail div.image        { width: 30%; }
div.product_detail img.image        { width: 100%; display: block; }
div.product_detail div.description  { padding: 0px 10px; }
div.product_detail div.order_info   { width: 200px; text-align: right; overflow: hidden; }
div.product_detail div.name         { font-size: 16px; text-align: left; }
div.product_detail div.order_info div.price { font-size: 20px; font-family: Manrope-Normal; }
div.product_detail div.order_info div.info { font-size: 12px; font-family: Manrope-Lighter; }
div.product_detail div.rating       { margin-top: 10px; }
div.product_detail div.product_actions   { margin-top: 20px; }
div.discount_container      { position: absolute; top: 0px; left: 0px; width: 100px; height: 100%; overflow: hidden; }
a.discount_container        { position: absolute; top: 0px; left: 0px; width: 100px; height: 100%; overflow: hidden; }
div.discount                { position: absolute; background-color: #e74601; color: #ffffff; width: 140px; padding-top: 40px; padding-bottom: 10px; top: -20px; left: -50px; text-align: center; font-family: Manrope-Normal; font-size: 16px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
div.rating_product          { display: block; padding: 10px; border: 1px solid #e0e0ff; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); }
div.rating_product > div    { width: 100%; }
div.rating_product div.image  { width: 160px; }
div.rating_product .image img { width: 100%; display: block; }
div.rating_product div.name   { padding-left: 20px; font-size: 16px; }
div.rating_product div.order_info  { width: 200px; text-align: right; }
div.rating_product div.price  { font-size: 20px; font-family: Manrope-Normal; }
div.forms         { border: 1px solid #e0e0ff; margin-left: auto; margin-right: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); }
div.forms_header  { background-color: #FFC929; padding: 10px 0px; }
div.forms_header span                 { font-size: 18px; color: #ffffff; }
div.forms_footer  { padding: 10px 0px; border-top: 1px solid #e0e0ff; }
div.forms_appendix { margin-left: auto; margin-right: auto; padding-top: 10px; }
div.forms_content { padding: 30px 50px; }
div.forms_element { text-align: left; }
div.forms_mandatory  { background-color: #fa1113; color: #ffffff; padding: 10px; border-top: 3px solid #c80000; border-bottom: 3px solid #c80000; margin-top: 5px; margin-bottom: -10px; }
div.forms_mandatory span  { color: inherit; }
div.forms_error   { background-color: #fa1113; color: #ffffff; padding: 10px; border-top: 3px solid #c80000; border-bottom: 3px solid #c80000; margin-top: 5px; margin-bottom: -10px; }
div.forms_error li,
div.forms_error h3  { color: inherit; }
div.basket                                { padding-bottom: 40px; }
div.basket_heading                        { width: 100%; background-color: #E7AE01; color: #ffffff; }
div.basket_heading div.product_detail     { text-align: left; color: inherit; padding: 5px; }
div.basket_heading div.price              { min-width: 100px; text-align: right; color: inherit; padding: 5px; }
div.basket_heading div.quantity           { min-width: 100px; text-align: center; color: inherit; padding: 5px; }
div.basket_heading div.delete             { min-width: 20px; text-align: center; color: inherit; padding: 5px; }
div.basket_heading div.sub_total          { min-width: 100px; text-align: right; color: inherit; padding: 5px; }
div.basket_heading div.delivery_address   { min-width: 300px; text-align: left; color: inherit; padding: 5px; }
div.basket_heading div.customer_comment   { min-width: 300px; text-align: left; color: inherit; padding: 5px; }
div.basket_content                        { width: 100%; }
div.basket_content div.delivery_address   { padding: 5px; border-bottom: 1px dashed #E7AE01; }
div.basket_content div.customer_comment   { padding: 5px 15px 5px 5px; border-bottom: 1px dashed #E7AE01; }
div.basket_content div.customer_comment textarea { max-width: 400px; }
div.basket_row                            { width: 100%; height: 80px; border-bottom: 1px dashed #E7AE01; background-color: #fffaee; }
div.basket_row:last-child                 { border-bottom: 1px solid #E7AE01; }
div.basket_row div.product_detail         { text-align: left; color: inherit; padding: 5px; vertical-align: top; }
div.basket_row div.product_detail img     { width: 100px; margin-right: 10px; float: left; }
div.basket_row div.empty                  { min-width: 100px; text-align: left; padding: 5px; padding-top: 30px; }
div.basket_row div.price                  { min-width: 100px; text-align: right; padding: 5px; padding-top: 30px; }
div.basket_row div.price span.discount    { position: absolute; right: 5px; bottom: 20px; font-size: 12px; color: #ff0000; }
div.basket_row div.quantity               { min-width: 100px; text-align: center; padding: 5px; }
div.basket_row div.quantity input         { width: 50%; text-align: center; }
div.basket_row div.delete                 { min-width: 20px; text-align: center; padding: 5px; color: #B7B7FF; }
div.basket_row div.delete button          { color: inherit; }
div.basket_row div.delete:hover           { color: #E74601; }
div.basket_row div.sub_total              { min-width: 100px; text-align: right; padding: 5px; }
div.basket_cost                           { width: 100%; }
div.cost_row                              { width: 100%; padding: 5px 0px; border-bottom: 1px dashed #E7AE01; }
div.cost_row:last-child                   { border-bottom: 3px double #E7AE01; }
div.cost_row div.spacer                   { width: 100%; }
div.cost_row div.label                    { min-width: 150px; text-align: left; padding: 5px; }
div.cost_row div.value                    { min-width: 120px; text-align: right; padding: 5px; }
div.cost_row div.vat_ratio:not(:first-child)  { padding-bottom: 4px; }
div.cost_row div.vat_ratio span.vat_rate  { float: left; }
div.basket .accentuate                    { font-family: Manrope-Normal; }
div.purchase_list                         { padding-bottom: 40px; }
.purchase_list div.heading                { width: 100%; background-color: #e7ae01; color: #ffffff; display: table; }
.heading div.purchase_number              { width: 100px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.heading div.customer_id                  { width: 100px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.heading div.customer_name                { text-align: left; color: inherit; padding: 5px; display: table-cell; }
.heading div.purchase_label               { text-align: left; color: inherit; padding: 5px; display: table-cell; }
.heading div.purchase_date                { width: 150px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.heading div.status                       { width: 100px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_list div.purchase_order         { background-color: #fffaee; }
.purchase_list div.purchase_order:nth-child(odd)  { background-color: #fffefa; }
.purchase_list div.purchase_order:hover   { background-color: #FFF6D5; cursor: pointer; }
.purchase_list div.purchase_view          { width: 100%; display: table; }
.purchase_view div.purchase_number        { width: 100px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_view div.customer_id            { width: 100px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_view div.customer_name          { text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_view div.purchase_label         { text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_view div.purchase_date          { width: 150px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_view div.status                 { width: 100px; text-align: left; color: inherit; padding: 5px; display: table-cell; }
.purchase_list div.collapse               { display: none; }
.purchase_order p.collapse                { position: absolute; top: 0px; right: 0px; width: 20px; padding: 5px; }
.purchase_order ul.purchase_content       { list-style-type: none; padding: 2px 10px; }
.purchase_order ul.purchase_content li div { display: inline-block; }
ul.purchase_content li div.quantity       { width: 50px; text-align: right; }
ul.purchase_content li div.product        { text-align: left; }
div.syserror                              { background-color: #F8283C; padding: 10px 20px; }
div.sysinfo                               { background-color: #05C56D; padding: 10px 20px; }
div.syswarning                            { background-color: #DBC82A; padding: 10px 20px; }
div.instant_search                        { display: inline-block; }
div.listing_settings                      { padding: 5px 0px; border-top: 1px solid #e0e0ff; border-bottom: 1px solid #e0e0ff; margin-bottom: 5px; text-align: left; }
.function_button div                      { width: 100px; height: 100px; }
.function_button:hover div                { background-position-y: -100px; }
div.dispatch_method                       { min-height: 100px; margin-top: 30px; margin-bottom: 20px; text-align: left; padding: 5px 10px; border: 1px solid #e0e0ff; border-radius: 10px; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); cursor: pointer; }
div.dispatch_method:hover                 { border: 1px solid #7474DB; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; }
div.dispatch_method img                   { position: relative; float: right; top: -24px; right: 10px; }
div.dropdown                              { position: relative; display: inline-block; border-left: 1px solid #e0e0ff; border-right: 1px solid #e0e0ff; border-top: 1px solid #e0e0ff; border-bottom: 1px solid #e0e0ff; margin-top: 2px; margin-bottom: 2px; background-color: #FFFFFF; }
div.dropdown select                       { opacity: 0; margin-left: 50px; }
div.dropdown_inner                        { position: absolute; width: 100%; top: 0px; right: 0px; border: 0px; background-color: inherit; padding: 4px 0px 0px 0px; }
div.dropdown_inner span.value             { position: absolute; left: 5px; top: 2px; white-space: nowrap; }
div.dropdown_inner span.arrow             { position: absolute; top: 2px; right: 0px; }
div.file_selector                         { overflow: scroll; height: 102px; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #e0e0ff; }
div.v_separator                           { margin-top: 10px; border-top: 1px solid #e0e0ff; height: 10px; }
div.scroll_frame                          { position: relative; display: inline-block; background-color: #E7AE01; padding-top: 26px; border-top: 1px solid #e0e0ff; border-bottom: 1px solid #e0e0ff; }
div.scroll                                { position: static !important; display: inline-block; overflow-y: scroll; border-top: 1px solid #e0e0ff; background-color: #fffaee; }
div.summary                               { vertical-align: top; }
div.article                               { display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 5px; }
div.article .title                        { display: block; background-color: #e0e0ff; margin: 0px; padding: 5px 10px; font-family: Manrope-Normal; }
div.article .frame                        { display: inline-block; padding: 3px 0px; border-bottom: 1px solid #e0e0ff; }
div.article .wrapper                      { display: block; }
div.article .content_news                 { float: right; text-align: left; padding: 0px 0px 25px 5px; width: 300px; }
div.article img                           { display: block; border: 1px solid #e0e0ff; max-width: 100%; }
div.article .content_news p.created       { background-color: #e0e0ff; color: #FF6929; padding: 2px 5px; }
div.article .content_news p.short_desc    { padding-top: 10px; }
div.article .read_more                    { position: absolute; bottom: 0px; right: 0px; background-color: #e0e0ff; padding: 5px 8px 2px 8px; font-size: 12px; border-top-left-radius: 50%; border-top-right-radius: 50%; }
div.article_wide                          { display: block; margin-bottom: 20px; }
div.article_wide img                      { display: block; border: 1px solid #e0e0ff; max-width: 800px; padding: 10px; }
div.article_wide p                        { padding-top: 5px; }
div.date_picker_control                   { display: inline-block; }
div.file_upload_control                   { display: inline-block; }
div.calendar_control                      { position: absolute; background-color: #ffffff; z-index: 30; -webkit-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); -moz-box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); box-shadow: 0px 1px 3px 0px rgba(224,224,253, 1); }
div.contact_item                          { clear: both; }
div.contact_item label                    { font-size: 12px; float: left; width: 110px; padding-right: 20px; }
div.contact_item p                        { padding-left: 30px; font-family: Manrope-Bolder; margin-bottom: 10px; }
div.contact_item a                        { font-family: Manrope-Normal; }
div.contact_info p                        { margin-bottom: 5px; }
div.article .employee                     { float: right; text-align: left; padding: 0px 0px 5px 5px; width: 400px; }
div.article .employee .name               { display: block; background-color: #e0e0ff; margin: 0px; padding: 5px 10px; }
div.article .employee .position           { font-style: italic; }
div.article .employee .coordinate         { line-height: 20px; }
div.weblink .frame                        { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0ff; }
div.weblink:last-child .frame             { border-bottom: none; }
div.weblink .frame a                      { display: block; }
div.weblink .frame a:hover                { background-color: #E0E0FF; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;}
div.flyer                                 { display: inline-block; margin-right: 10px; margin-bottom: 10px; vertical-align: top; }
div.flyer .frame                          { width: 210px; height: 300px; overflow: hidden; border: 1px solid #e0e0ff; }
div.flyer:hover .frame                    { border: 1px solid #7474DB; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; }
div.flyer .frame img                      { width: 213px; height: 304px; margin-left: -1px; margin-top: -2px; }
div.flyer .description                    { position: absolute; bottom: 100px; width: 100%; text-align: center; background-color: rgba(83, 83, 144, 0.75); color: #ffffff; }
div.flyer .description p                  { padding: 10px; }
div.goto_list                             { position: absolute; top: 5px; right: 10px; }
div.embeded-container                     { position: relative; overflow: hidden; width: 100%; max-width: 762px; }
div.embeded-container div.embeded         { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; max-width: 762px; }
div.embeded iframe,
div.embeded object,
div.embeded embed                         { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

a,
a span            { text-decoration: none; color: #000077; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
a:hover,
a:hover span      { color: #FF6929; }
a.product_category  { margin-right: 10px; margin-bottom: 10px; }
a.product_category:hover div.product_category { border: 1px solid #7474DB; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; }
.listing_settings a  { padding: 3px; display: inline-block; }
.listing_settings a i.icon:before  { margin-left: 0px; margin-right: 0px; }
.listing_settings a.active  { color: #FF6929;}
a.function_button        { display: inline-block; width: 100px; margin-right: 20px; margin-bottom: 30px; text-align: center; vertical-align: top; }
a.function_button:hover  { color: #000077; }
a.list_button              { background-color: #ffffff; border-radius: 3px; margin-right: 5px; border: 1px solid; }
a.button_green             { border-color: #009933; color: #009933; }
a.button_green:hover       { background-color: #009933; color: #ffffff; }
a.button_red               { border-color: #cc0000; color: #cc0000; }
a.button_red:hover         { background-color: #cc0000; color: #ffffff; }
a.button_orange            { border-color: #ff9933; color: #ff9933; }
a.button_orange:hover      { background-color: #ff9933; color: #ffffff; }
a.link_button              { background-color: #ffffff; border: 2px solid #7474DB; color: #7474DB; padding: 6px 20px; border-radius: 5px; cursor: pointer; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a.link_button img          { vertical-align: bottom; margin-right: 5px; }
a.link_button:hover        { border-color: #FF6929; color: #FF6929; }
a.dispatch_permission:hover { color: inherit; }

label                  { position: relative; margin: 0px; margin-bottom: 10px; padding: 0px; line-height: 20px; }
label.required:after   { content: ' *'; color: #FF0000; }
label.label_right      { padding-left: 10px; }
label.label_top        { display: block; margin-bottom: 2px; }

input.show_menu        { display: none; }
input.forms            { line-height: 24px; height: 24px; padding: 0px 5px; border: 1px solid #e0e0ff; }
input.forms:hover      { border-color: #FFC929; }
input.mandatory_error  { border: 1px solid #c80000; }
input.irrelevant       { border-color: #e0e0ff; background-color: #e0e0ff; }
input.irrelevant:hover { border-color: #e0e0ff; }

textarea.forms         { line-height: 14px; margin: 0px; padding: 4px 5px; border: 1px solid #e0e0ff; }
textarea.forms:hover   { border-color: #FFC929; }

button.forms        { background-color: #ffffff; border: 2px solid #7474DB; color: #7474DB; padding: 6px 20px; border-radius: 5px; cursor: pointer; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }
button.forms:hover  { border-color: #1919A2; color: #1919A2; }
button.simple       { display: inline-block; border: none; background-color: transparent; padding: 0px; cursor: pointer; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
button.simple:hover { color: #FF6929; }
button.small        { display: inline-block; margin: 0px; margin-right: 1px; background-color: transparent; padding: 0px; cursor: pointer; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
button.list_button         { border-radius: 3px; border: 1px solid; }
button.button_green        { border-color: #009933; color: #009933; }
button.button_green:hover  { background-color: #009933; color: #ffffff; }
button.button_red          { border-color: #cc0000; color: #cc0000; }
button.button_red:hover    { background-color: #cc0000; color: #ffffff; }
button.date_picker         { height: 26px; line-height: 22px; margin: 0px; margin-left: -4px; padding: 0px 5px; background-color: #ffffff; color: #7474db; border: 2px solid #7474db; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }
button.date_picker:hover   { border-color: #1919A2; color: #1919A2; }
button.file_upload         { height: 26px; line-height: 22px; margin: 0px; margin-left: -4px; padding: 0px 5px; background-color: #ffffff; color: #7474db; border: 2px solid #7474db; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }
button.file_upload:hover   { border-color: #1919A2; color: #1919A2; }

ul                { margin: 0px; padding: 0px; }
ul.navigation     { list-style-type: none; min-width: 100px; }
ul.navigation li  { position: relative; border-right: 5px solid transparent; }
ul.navigation li.active  { border-right: 5px solid #000077; }
ul.navigation li span { position: relative; display: block; width: 100%; right: 0px; }
ul.navigation li span a.nav { position: relative; display: block; padding: 4px 20px; font-family: Manrope-Bold; text-decoration: none; line-height: 20px; font-size: 18px; text-align: right; color: #B56026; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -o-transition:color 0.3s ease-in-out; -ms-transition:color 0.3s ease-in-out; -moz-transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out; }
ul.navigation li span:hover a.nav,
ul.navigation li.active span a.nav   { color: #000077; text-shadow: 0 1px 0 rgba(251, 233, 77, 0.4); }
ul.nested_subnavigation     { position: relative; display: none; }
ul.nested_subnavigation li  { position: relative; line-height: 1px; }
ul.nested_subnavigation li span { position: relative; display: block; width: 100%; text-align: right; }
ul.navigation li.active ul.nested_subnavigation  { display: block; }
ul.nested_subnavigation li span a.nav,
ul.nested_subnavigation li.inactive span a.nav { position: relative; display: block; padding: 4px 15px; text-decoration: none; line-height: 20px; font-size: 18px; text-align: right; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -o-transition:color 0.3s ease-in-out; -ms-transition:color 0.3s ease-in-out; -moz-transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out; }
ul.nested_subnavigation li span:hover a.nav    { color: #000077; text-decoration: underline; text-shadow: 0 1px 0 rgba(251, 233, 77, 0.4); }
ul.nested_subnavigation li.active span a.nav   { color: #000077; text-shadow: 0 1px 0 rgba(251, 233, 77, 0.4); }
ul.subnavigation  { position: absolute; display: none; top: 0px; left: 100%; list-style-type: none; min-width: 100px; margin: 0px; padding: 0px; z-index: 10; -webkit-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); }
ul.subnavigation li { position: relative; background-color: #FFF270; }
ul.subnavigation li:nth-child(odd) { background-color: #FFF7A4; }
ul.subnavigation li span { position: relative; display: block; margin-right: 0px; right: 0px; }
ul.subnavigation li span a { position: relative; display: block; padding: 4px 20px; text-decoration: none; line-height: 20px; font-size: 16px; text-align: left; color: #B56026; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -o-transition:color 0.3s ease-in-out; -ms-transition:color 0.3s ease-in-out; -moz-transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out; }
ul.subnavigation li span a:hover { color: #000077; text-shadow: 0 1px 0 rgba(251, 233, 77, 0.4); }
ul.navigation li span:hover ul.subnavigation,
ul.subnavigation:hover { display: block; }
ul.popup_navigation         { list-style-type: none; display: none; background-color: #ffffff; }
ul.popup_navigation li.inactive span a.nav,
ul.popup_navigation li.active span a.nav { color: #B56026; white-space: nowrap; }
ul.popup_navigation li span:hover a.nav,
ul.popup_navigation li.active span a.nav   { color: #000077; text-shadow: 0 1px 0 rgba(251, 233, 77, 0.4); }
ul.navigation li:hover > ul.popup_navigation  { display: block; }
ul.wizard                      { list-style-type: none; margin-top: 15px; }
ul.wizard li                   { position: relative; float: left; line-height: 40px; padding: 0px 20px; text-align: center; font-size: 16px; font-family: Manrope-Lighter; border: 1px solid #e0e0ff; border-left: none; }
ul.wizard li:first-child       { border-left: 1px solid #e0e0ff; }
ul.wizard li.done              { }
ul.wizard li.active            { background-color: #e0e0ff; font-family: Manrope-Normal; }
ul.wizard li.in_progress       { border-bottom: 3px solid #1919A2; }
ul.wizard li.clickable         { cursor: pointer; }
ul.wizard li.clickable:hover   { background-color: #FFF6DB; }
ul.wizard li span.done         { position: absolute; top: -5px; right: 5px; line-height: 22px; width: 22px; border: 1px solid #BCE001; border-radius: 50%; color: #BCE001; background-color: #ffffff; font-size: 16px; }
ul.tabs                        { list-style-type: none; height: 36px; padding: 0px 20px; border-bottom: 1px solid #7474DB; }
ul.tabs li                     { display: table-cell; padding: 0px 15px; line-height: 35px; border-top: 1px solid #A0A0EB; border-right: 1px solid #A0A0EB; font-family: Manrope-Lighter; }
ul.tabs li:first-child         { border-left: 1px solid #7474DB; }
ul.tabs li.active              { border-top: 1px solid #7474DB; border-right: 1px solid #7474DB; border-bottom: 1px solid #ffffff; font-family: Manrope-Normal; }
ul.tabs li.enabled:hover       { background-color: #f0f0ff; border-bottom: 1px solid #7474DB; cursor: pointer; }
ul.tabs_purchase                   { list-style-type: none; height: 28px; padding: 0px; border-bottom: 1px solid #ffffff; }
ul.tabs_purchase li                { display: table-cell; padding: 0px 15px; line-height: 27px; color: #e7ae01; border-top: 1px solid #e7ae01; border-right: 1px solid #e7ae01; font-family: Manrope-Lighter; }
ul.tabs_purchase li:first-child    { border-left: 1px solid #e7ae01; }
ul.tabs_purchase li.active         { background-color: #e7ae01; color: #ffffff; font-family: Manrope-Normal; }
ul.tabs_purchase li.enabled:hover  { background-color: #fffaee; cursor: pointer; }
.sysinfo ul,
.syswarning ul,
.syserror ul                   { list-style-type: none; }
.sysinfo ul li,
.sysinfo ul li h3,
.syswarning ul li,
.syswarning ul li h3,
.syserror ul li,
.syserror ul li h3             { text-align: left; color: #ffffff; }
.instant_search ul  { display: block; }
div.instant_search ul { position: absolute; max-height: 70vh; width: inherit; min-width: 100%; top: 26px; margin: 0px; padding: 0px; list-style-type: none; overflow-y: auto; z-index: 200; border: 2px solid #ffffff; -webkit-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); }
div.instant_search ul:empty { visibility: hidden; }
div.instant_search li { background-color: #FFFFFF; border-bottom: 1px solid #e0e0ff; margin: 0px; padding: 5px; cursor: pointer; }
div.instant_search li:last-child { border-bottom: 0px; }
div.instant_search li:hover { background-color: #FFF6D5; }
ul.dropdown_link { position: absolute; right: -10px; margin-top: 5px; display: none; background-color: #E0E0FF; z-index: 999; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); }
ul.dropdown_link li { display: block; padding: 5px; white-space: nowrap; }
ul.dropdown_menu li:hover ul.dropdown_link { display: block; padding: 1px; }
.dropdown_menu li { position: relative; list-style-type: none; padding: 5px 0px 5px 0px; }
.dropdown_link li a { padding: 5px; color: #000077; }
.dropdown_link li:hover { background-color: #FFD34D; }
ul.listing       { padding-left: 20px; padding-top: 5px; }
ul.listing li    { font-size: 14px; font-family: Manrope-Lighter; }
ul.rating li        { position: relative; margin: 0px; padding: 0px; padding-top: 5px; list-style-type: none; }
ul.rating li input  { margin: 0px; padding-left: 15px; }
ul.rating li span   { position: absolute; left: 5px; line-height: 24px; }
div.rating_overview   { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0ff; }
div.rating_overview p { padding-top: 5px; }
div.rating_overview > span { float:right; }
div.rating_overview > ul li { font-family: Manrope-Lighter; }

p                { margin: 0px; padding: 0px; }

h1               { font-size: 20px; margin-bottom: 10px; }
h3               { font-size: 16px; margin: 0px; padding-bottom: 5px; }

span.separator   { padding: 0px 10px; }
span.level       { padding-left: 20px; }
span.bring_out   { font-family: Manrope-Normal; }
span.selected    { position: absolute; margin-left: 4px; top: -5px; line-height: 22px; width: 22px; border: 1px solid #BCE001; border-radius: 50%; color: #BCE001; background-color: #ffffff; font-size: 16px; }
span.nowrap      { white-space: nowrap; }

table.datasheet                     { empty-cells: show; border-spacing: 0px; border-bottom: 1px solid #E7AE01; }
.datasheet thead th,
.datasheet thead td                 { background-color: #E7AE01; color: #ffffff; padding: 5px; border-right: 1px solid #ffffff; }
.datasheet thead th:last-child,
.datasheet thead td:last-child      { border-right: none; }
.datasheet tbody tr                 { background-color: #fffaee; }
.datasheet tbody tr:nth-child(odd)  { background-color: #fffefa; }
.datasheet tbody td                 { padding: 5px; border-right: 1px dashed #E7AE01; }
.datasheet tbody td:last-child      { border-right: none; }
table.file_selector                 { position: relative; min-width: 250px; margin: 0px; padding: 0px; border-collapse: collapse; }
table.file_selector tbody tr:hover  { background-color: #FFF6D5; color: #000077; cursor: pointer; }
table.file_selector td              { padding: 2px 5px; }
thead th.fix                        { white-space: nowrap; padding: 0px 5px; height: 0px; border-top: 0px; border-bottom: 0px; line-height: 0px; color: transparent; }
thead th.fix div                    { position: absolute; top: 0px; border-left: 1px solid #ffffff; margin-left: -6px; padding: 5px; line-height: 16px; color: #ffffff; }
thead th.fix:first-child div        { border-left: none; margin-left: -5px; }
table.summary                       { empty-cells: show; border-spacing: 0px; min-width: 300px; }
table.summary caption               { background-color: #7474DB; color: #ffffff; margin: 0px; padding: 5px; border-top: 1px solid #e0e0ff; text-align: left; }
td.summary_group                    { background-color: #E7AE01; color: #ffffff; padding: 5px; border-right: 1px dashed #fffaee; border-bottom: 1px solid #fffaee; }
td.summary                          { background-color: #fffaee; padding: 5px; border-right: 1px dashed #E7AE01; border-bottom: 1px solid #E7AE01; vertical-align: top; }
td.summary_group:last-child,
td.summary:last-child               { border-right: none; }
td.changed                          { color: #33CC66; }
td.faulty                           { color: #FF3333; }
tr.datasheet td.import_successful   { background-color: #53ba84; color: #ffffff; }
tr.datasheet td.import_failed       { background-color: #e08289; color: #ffffff; }
table.calendar                      { border-collapse: collapse; table-layout: fixed; width: 320px; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); }
table.calendar th                   { margin: 0px; padding: 0px; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid #FFC929; background-color: #FFC929; }
table.calendar th.month_year_selector:hover  { background-color: #E7AE01; cursor: pointer; }
table.calendar td                   { margin: 0px; padding: 0px; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid #e0e0ff; }
table.calendar tr.month_year th     { height: 40px; font-family: Manrope-Lighter; }
table.calendar tr.weekday td        { height: 30px; border: 1px solid #7474DB; background-color: #7474DB; color: #ffffff; }
table.calendar tr.day               { height: 40px; }
table.calendar td.week_number       { border: 1px solid #7474DB; background-color: #7474DB; color: #ffffff; }
table.calendar td.day_outside       { color: #e0e0ff; }
table.calendar td.day_active        { background-color: #3636BC; color: #ffffff; }
table.calendar td.day:hover         { background-color: #FFF6DB; color: #000077; cursor: pointer; }

fieldset                            { position: relative; }
fieldset.criteria                   { margin: 0px; padding: 5px 10px; border: 1px solid #e0e0ff; }
fieldset.rating                     { margin: 0px; padding: 0px; border: none; display: inline-block; }
fieldset.rating > input             { display: none; }
fieldset.rating > label             { float: right; margin: 0px; padding: 0px; padding-right: 5px; }
fieldset.rating > label:before      { font-family: 'fontello'; content: "\e801"; font-size: 1.3em; content: "\e801"; display: inline-block; }
fieldset.rating > input:checked ~ label:before,
fieldset.rating > input:checked > label:hover:before { content: "\e800";  }
fieldset.rating > label:hover:before,
fieldset.rating > label:hover ~ label:before { color: #FF6929; }

img.product_pic_preview             { width: 40px; }

hr { border: 0px; border-bottom: 1px solid #e0e0ff; width: 100%; margin-top:1em; margin-bottom: 1em; }

/*** Ausrichtung ***/
.left            { text-align: left; }
.center          { text-align: center; }
.right           { text-align: right; }
.top             { vertical-align: top; }
.middle          { vertical-align: middle; }

/*** Position ***/
.align           { display: table; }
.cell            { display: table-cell; }
.inline          { display: inline-block; vertical-align: top; }

.outspacing_top1    { margin-top: 10px; }
.outspacing_top2    { margin-top: 30px; }
.outspacing_top3    { margin-top: 60px; }
.outspacing_left1   { margin-left: 10px; }
.outspacing_left2   { margin-left: 30px; }
.outspacing_bottom1 { margin-bottom: 10px; }
.outspacing_bottom2 { margin-bottom: 30px; }

.inspacing1         { padding: 10px; }
.inspacing_top1     { padding-top: 10px; }
.inspacing_left1    { padding-left: 10px; }
.inspacing_left2    { padding-left: 20px; }
.inspacing_left3    { padding-left: 30px; }

.indent_left     { padding-left: 0.5em; }
.space_right     { padding-right: 0.5em; }

.full_width      { width: 100%; }

.important       { color: #E74601; }
.hidden          { display: none; }

.xs_size         { width: 75px; display: inline-block; text-align: left; }
.s_size          { width: 150px; display: inline-block; text-align: left; }
.m_size          { width: 225px; display: inline-block; text-align: left; }
.l_size          { width: 300px; display: inline-block; text-align: left; }
.xl_size         { width: 500px; display: inline-block; text-align: left; }
.xxl_size        { width: 1000px; max-width: 90%; display: inline-block; text-align: left; }

strong           { color: #FF6929; }

.font_downsize   { font-size: 80%; }

/* For mobile phones: */
div.page          { padding-top: 5px; }
div.content_area  { width: 90%; min-height: 200px; margin-left: 10%; }
div.content       { padding: 0px 20px; }
div.logo          { width: 110px; height: 108px; background-size: 110px 108px; margin-left: 5px; }
div.splash_page   { width: 100%; padding-top: 20%; }
div.splash_logo   { height: 215px; background-size: 219px 215px; background-position: center; top: 20%; background-image: url('../graphics/logo.gif'); }
div.header_info   { top: 0px; left: 140px; }
div.header_info a { font-size: 18px; }
div.page_content  { top: 40px; }
div.instant_search > input  { width: 60px; }
div.instant_search > ul  { right: 4px; }
div.article.screen_large  { display: none; }
div.article.screen_small .frame  { display: block; }
div.article img           { margin-top: 5px; }
div.site_updated { font-size: 10px; }

.l_size          { width: 200px; }

/* Navigation */
div.navigation          { display: block; position: absolute; top: -35px; right: 0px; width: 15%; }
label.show_menu         { display: block; font-size: 25px; text-align: right; cursor: pointer; margin-bottom: 2px; }
ul.navigation           { display: none; width: 100%; }
input.show_menu:checked ~ ul.navigation  { position: relative; display: block; z-index: 100; background-color: #e0e0ff; -webkit-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); }
ul.popup_navigation     { position: relative; border-left: 5px solid #e0e0ff; }

@media only screen and (min-width: 769px) {
    /* For tablets: */
    div.page          { padding-top: 20px; }
    div.content_area  { width: 90%; min-height: 400px; margin-left: 10%; padding-bottom: 30px;}
    div.content       { padding: 0px 20px; }
    div.logo          { width: 219px; height: 215px; background-size: 219px 215px; margin-left: 10%; left: -70px; }
    div.header_info   { width: 70%; height: 30px; right: 50px; top: 0px; text-align: right; }
    div.header_info a { font-size: 14px; }
    div.splash_page   { width: 100%; padding-top: 260px; }
    div.splash_logo   { height: 346px; background-size: 746px 346px; background-position: center; top: 100px; background-image: url('../graphics/splash.png'); }
    div.page_content  { top: 90px; }
    div.instant_search > input  { width: 150px; }
    div.instant_search > ul  { left: -2px; }
    div.article.screen_large  { display: inline-block; }
    div.article.screen_small  { display: none; }
    div.article img           { margin-top: 0px; float: left; }
    div.site_updated { position: absolute; top: -18px; left: 0px; font-size: 12px; }

    .l_size          { width: 300px; }

    /* Navigation */
	div.navigation          {  }
	label.show_menu         { display: block; font-size: 25px; text-align: right; cursor: pointer; margin-bottom: 2px; }
	ul.navigation           { display: none; width: 100%; }
	input.show_menu:checked ~ ul.navigation  { position: relative; display: block; z-index: 100; background-color: #e0e0ff; -webkit-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); }
	ul.popup_navigation     { position: relative; border-left: 5px solid #e0e0ff; }
}

@media only screen and (min-width: 1025px) {
    /* For desktop: */
    div.page          { padding-top: 30px; }
    div.content_area  { width: 70%; min-height: 600px; margin-left: 15%; padding-bottom: 40px; }
    div.content_adminarea  { min-height: 600px; margin-left: 15%; padding-bottom: 40px; }
    div.content       { padding: 0px 20px; }
    div.logo          { width: 219px; height: 215px; background-size: 219px 215px; margin-left: 15%; left: -100px; }
    div.header_info   { width: 70%; height: 30px; display: table; margin-left: 15%; padding-right: 200px; left: 0px; top: 60px; text-align: right; }
    div.header_info a { font-size: 14px; }
    div.account       { text-align: right; }
    div.title_photo_bar  { width: 529px; height: 50px; background-size: 529px 50px; margin-left: 15%; top: 3px; left: 140px; background-image: url('../graphics/title_photo_bar.jpg'); }
    div.splash_page   { width: 100%; padding-top: 260px; }
    div.splash_logo   { height: 346px; background-size: 746px 346px; background-position: center; top: 100px; background-image: url('../graphics/splash.png'); }
    div.page_content  { top: 120px; }
    div.offline       { top: 100px; }
    div.offline_page  { width: 500px; margin: auto; padding: 100px 0px 0px 100px; background-image: url('../graphics/logo_big.png'); background-repeat: no-repeat; }
    div.offline_page .frame { min-height: 100px; border: 1px solid #7474DB; padding: 20px 50px 100px 20px; background-color: #ffffff; background-image: url('../graphics/cone.jpeg'); background-repeat: no-repeat; background-position: right bottom; }
    div.instant_search > input  { width: 150px; }
    div.instant_search > input.impersonate  { width:200px; }
    div.instant_search > ul  { left: -2px; }
    div.article.screen_large  { display: inline-block; }
    div.article.screen_small  { display: none; }
    div.article img           { margin-top: 0px; float: left; }
    div.site_updated { position: absolute; top: -30px; left: 0px; }

    .l_size          { width: 300px; }

    /* Navigation */
    div.navigation       { top: 140px; left: 0px; width: 15%; }
    label.show_menu      { display: none; }
    ul.navigation        { display: block; }
    ul.popup_navigation  { position: absolute; top: 0px; left: 100%; z-index: 100; border-left: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); box-shadow: 2px 2px 5px 0px rgba(115,115,155,0.75); }


    div.col5          { width: 500px; }

    .outspacing_top1  { margin-top: 20px; }

    .inspacing_top1   { padding-top: 20px; }
}