/* begin Page */
body { padding: 0; margin: 0; color: #F0F0F0; height: 100%; min-height: 100%; background-color: #262626; min-width: 920px; }
html { height: 100%; }
html:first-child #art-page-background-glare { border: 1px solid transparent; }
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; }
ul { list-style-type: none; }
ol { list-style-position: inside; }
form { padding: 0 !important; margin: 0 !important; }
table.position { position: relative; width: 100%; table-layout: fixed; }
.cleared { display: block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height: 0; overflow: hidden; }
.reset-box { overflow: hidden; display: table; }
.hidden { display: none; }

/* Typography */
#art-main, table, .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, input, select, textarea, .art-blockcontent-body, .art-blockcontent-body table, .art-blockcontent-body li, .art-blockcontent-body a { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; }
.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a { line-height: 20px; }
.art-postcontent p { margin: 12px 0; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; text-decoration: none; }
h1, h1 a { font-size: 32px; }
.art-postcontent a { text-decoration: none; color: #D1D1D1; }
.art-postcontent a:link { font-weight: normal; color: #8C8C8C; }
.art-postcontent a:visited, .art-postcontent a.visited { font-style: italic; font-weight: normal; color: #8C8C8C; }
.art-postcontent a:hover, .art-postcontent a.hover { font-style: italic; font-weight: normal; text-decoration: underline; color: #BABABA; }

/* Headings */
.art-postcontent h1, .art-blockcontent h1 { margin: 21px 0; }
.art-postcontent h1 { color: #BABABA; }
.art-postcontent h2, .art-blockcontent h2 { margin: 19px 0; font-size: 24px; }
.art-postcontent h2 { color: #BABABA; }
.art-postcontent h2 a, .art-blockcontent h2 a { font-size: 24px; }
.art-postcontent h3, .art-blockcontent h3 { margin: 19px 0; font-size: 19px; }
.art-postcontent h3 { color: #8C8C8C; }
.art-postcontent h3 a, .art-blockcontent h3 a { font-size: 19px; }
.art-postcontent h4, .art-blockcontent h4 { margin: 20px 0; font-size: 16px; }
.art-postcontent h4 { color: #D4D4D4; }
.art-postcontent h4 a, .art-blockcontent h4 a { font-size: 16px; }
.art-postcontent h5, .art-blockcontent h5 { margin: 26px 0; font-size: 13px; }
.art-postcontent h5 { color: #D4D4D4; }
.art-postcontent h5 a, .art-blockcontent h5 a { font-size: 13px; }
.art-postcontent h6, .art-blockcontent h6 { margin: 35px 0; font-size: 11px; }
.art-postcontent h6 { color: #BABABA; }
.art-postcontent h6 a, .art-blockcontent h6 a { font-size: 11px; }

/* Main Structure */
#art-main { display: inline-block; position: relative; z-index: 0; width: 100%; left: 0; top: 0; cursor: default; overflow: visible; float: left; clear: left; }
#art-page-background-glare { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; min-width: 920px; }
#art-page-background-glare-image { width: 100%; position: fixed; top: 0; height: 160px; background-image: url('images/page_gl.png'); background-repeat: no-repeat; background-position: center top; }
#art-page-background-top-texture, #art-page-background-middle-texture { min-width: 920px; }

/* Header & Menu Bg */
div#art-header-bg { position: absolute; overflow: hidden; top: 30px; left: 0; margin: 0 auto; width: 100%; height: 277px; z-index: 0; }
div#art-hmenu-bg { position: absolute; overflow: hidden; top: 0; left: 0; margin: 0 auto; width: 100%; height: 30px; z-index: 0; }

/* Box, Sheet */
.art-sheet { position: relative; margin: 0 auto; min-width: 13px; min-height: 13px; cursor: auto; width: 920px; }
.art-sheet-body { position: relative; padding: 0 1px 1px 1px; }
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc, .art-sheet-cr, .art-sheet-cl { position: absolute; }
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl { width: 12px; height: 12px; background-image: url('images/sheet_s.png'); }
.art-sheet-tl { top: 0; left: 0; clip: rect(auto, 6px, 6px, auto); }
.art-sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 6px, 6px); }
.art-sheet-bl { bottom: 0; left: 0; clip: rect(6px, 6px, auto, auto); }
.art-sheet-br { bottom: 0; right: 0; clip: rect(6px, auto, auto, 6px); }
.art-sheet-tc, .art-sheet-bc { left: 6px; right: 6px; height: 12px; background-image: url('images/sheet_h.png'); }
.art-sheet-tc { top: 0; clip: rect(auto, auto, 6px, auto); }
.art-sheet-bc { bottom: 0; clip: rect(6px, auto, auto, auto); }
.art-sheet-cr, .art-sheet-cl { top: 6px; bottom: 6px; width: 12px; background-image: url('images/sheet_v.png'); }
.art-sheet-cr { right: 0; clip: rect(auto, auto, auto, 6px); }
.art-sheet-cl { left: 0; clip: rect(auto, 6px, auto, auto); }
.art-sheet-cc { position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; background-color: #363636; }

/* Header */
div.art-header { margin: 0 auto; position: relative; width: 100%; height: 277px; }
div.art-header-clip { position: absolute; width: 100%; left: 0; overflow: hidden; height: 277px; }
div.art-header-center { position: relative; width: 1920px; left: 50%; }
div.art-header-jpeg { position: absolute; top: 0; left: -50%; width: 1920px; height: 277px; background-image: url('images/header.jpg'); background-repeat: no-repeat; background-position: center center; }
div.art-logo { display: block; position: absolute; top: 20px; left: 0; }

/* Menu */
.art-hmenu, .art-hmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }
.art-hmenu { min-height: 0; position: relative; }
.art-hmenu a { outline: none; position: relative; display: block; overflow: hidden; height: 30px; cursor: pointer; text-align: left; text-decoration: none; }
.art-hmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; }
.art-hmenu li:hover { z-index: 10000; white-space: normal; }
.art-hmenu li li { float: none; }
.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background: none; min-height: 0; background-image: url('images/spacer.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; }
.art-hmenu li:hover>ul { visibility: visible; top: 100%; }
.art-hmenu li li:hover>ul { top: 0; left: 100%; }
.art-hmenu:after, .art-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }
.art-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }
.art-hmenu a .r, .art-hmenu a .l { position: absolute; display: block; top: 0; z-index: -1; height: 100px; background-image: url('images/menuitem.png'); }
.art-hmenu a .l { left: 0; right: 0; }
.art-hmenu a .r { width: 400px; right: 0; clip: rect(auto, auto, auto, 400px); }
.art-hmenu a .t { color: #D9D9D9; padding: 0 17px; margin: 0; line-height: 30px; text-align: center; }
.art-hmenu a:hover .l, .art-hmenu a:hover .r, .art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r { top: -35px; }
.art-hmenu a:hover .t, .art-hmenu li:hover a .t { color: #D4D4D4; }

/* Submenu */
.art-hmenu ul a { display: block; white-space: nowrap; height: 26px; width: 180px; overflow: hidden; background-image: url('images/subitem.png'); background-position: left top; background-repeat: repeat-x; border: 1px solid #595959; text-align: left; text-indent: 12px; text-decoration: none; line-height: 26px; color: #E0E0E0; font-size: 12px; margin: 0; padding: 0; }
.art-hmenu ul li a:hover, .art-hmenu ul li:hover>a { color: #D9D9D9; background-position: 0 -26px; }
.art-hmenu .art-hmenu-li-separator { display: block; width: 1px; height: 30px; }

/* Nav */
.art-nav { position: relative; margin: 0 auto; min-height: 30px; z-index: 100; }
.art-nav-outer { position: absolute; width: 100%; }
.art-nav-l, .art-nav-r { position: absolute; z-index: -1; top: 0; height: 100%; background-image: url('images/nav.png'); }
.art-nav-l { left: 0; right: 0; }
.art-nav-r { right: 0; width: 1920px; clip: rect(auto, auto, auto, 1920px); }
.art-nav .art-hmenu-separator { display: block; margin: 0 auto; width: 1px; height: 30px; background-image: url('images/menuseparator.png'); }

/* Layout (Optimiert mit Flexbox) */
.art-content-layout { display: block !important; width: 100% !important; margin: 0 auto; position: relative; }
.art-content-layout-row { display: flex !important; justify-content: center !important; width: 100% !important; margin: 0; padding: 0; }
.art-layout-cell { display: block !important; background-color: Transparent; vertical-align: top; text-align: left; border: none; margin: 0; padding: 0; }
.art-layout-glare { position: relative; }
.art-content-layout .art-sidebar1 { background-color: #262626; width: 200px; flex-shrink: 0 !important; }
.art-content-layout .art-sidebar2 { background-color: #363636; width: 180px; flex-shrink: 0 !important; }
.art-content-layout .art-content { width: 538px !important; min-width: 538px !important; max-width: 538px !important; flex-shrink: 0 !important; margin: 0; z-index: 1; position: relative; }
.art-sidebar1 { background-image: url('images/sidebar_g.png'); background-repeat: repeat-y; }
.art-sidebar2 { }
.art-content-layout .art-content .art-block { background-color: #262626; }

/* VMenu */
.art-vmenublock { position: relative; margin: 14px 0 0 34px; }
.art-vmenublock-body, .art-vmenublockcontent-body { position: relative; padding: 0; }
ul.art-vmenu, ul.art-vmenu li { list-style: none; margin: 0; padding: 0; line-height: 0; }
ul.art-vmenu ul { display: none; }
ul.art-vmenu ul.active { display: block; }
ul.art-vmenu a { position: relative; display: block; overflow: hidden; height: 30px; cursor: pointer; text-decoration: none; }
ul.art-vmenu a .r, ul.art-vmenu a .l { position: absolute; display: block; top: 0; height: 100px; background-image: url('images/vmenuitem.png'); }
ul.art-vmenu a .l { left: 0; right: 29px; }
ul.art-vmenu a .r { width: 918px; right: 0; clip: rect(auto, auto, auto, 889px); }
ul.art-vmenu a .t { display: block; position: relative; top: 0; line-height: 30px; color: #FFFFFF; padding: 0 10px 0 34px; font-size: 16px; }
ul.art-vmenu a.active .l, ul.art-vmenu a.active .r { top: -70px; }
ul.art-vmenu a.active .t, ul.art-vmenu a:hover .t { color: #6B6B6B; }
ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r { top: -35px; }

/* VMenu SubItems */
ul.art-vmenu ul a { display: block; white-space: nowrap; height: 20px; overflow: visible; background-image: url('images/vsubitem.gif'); background-position: 25px 0; background-repeat: repeat-x; padding: 0 0 0 25px; line-height: 20px; color: #FFFFFF; font-size: 11px; }
ul.art-vmenu ul li li a { background-position: 50px 0; padding: 0 0 0 50px; }
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active { color: #9C9C9C; }

/* Blocks */
.art-block { position: relative; margin-top: 15px; }
.art-block-body { position: relative; padding: 0; }
.art-blockheader { position: relative; height: 25px; margin-bottom: 0; }
.art-blockheader h3.t, .art-blockheader h3.t a { color: #9C9C9C; font-size: 13px; line-height: 25px; padding: 0 10px; white-space: nowrap; margin: 0; }
.art-blockcontent-body { position: relative; padding: 5px; color: #CCCCCC; }
.art-blockcontent-body a { color: #E5E5E5; text-decoration: underline; }
.art-blockcontent-body a:visited { color: #B5B5B5; text-decoration: none; }
.art-blockcontent-body a:hover { color: #828282; text-decoration: none; }
.art-blockcontent-body p { margin: 6px 0; }
.art-blockcontent-body ul li { color: #9C9C9C; padding: 0 5px 5px 12px; background-image: url('images/blockcontentbullets.png'); background-repeat: no-repeat; line-height: 125%; }
.widget_search { margin: 0 26px 0 46px; }
div.art-block img { border: solid 0 #454545; margin: 0; }

/* Buttons */
.art-button-wrapper a.art-button, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 13px; text-decoration: none; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #1A1A1A !important; border: none; background: none; line-height: 24px; height: 24px; margin: 0 !important; padding: 0 5px !important; cursor: pointer; outline: none; }
.art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 24px; overflow: hidden; margin-top: 4px; z-index: 0; }
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r { display: block; position: absolute; height: 82px; margin: 0; padding: 0; background-image: url('images/button.png'); }
.art-button-wrapper .art-button-l { left: 0; right: 0; }
.art-button-wrapper .art-button-r { width: 401px; right: 0; clip: rect(auto, auto, auto, 401px); }
.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r { top: -29px; }
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r { top: -58px; }

/* Posts & Articles */
.art-post { position: relative; margin: 0; }
.art-post-body { position: relative; padding: 6px 20px 0 20px; }
.art-post ul > li { list-style-type: disc; }
.art-article img, img.art-article, .art-footer img { border: solid 0 #454545; margin: 7px; }
.art-article table { border-collapse: collapse; margin: 1px; }
.art-article th, .art-article td { padding: 2px; border: solid 1px #696969; vertical-align: top; text-align: left; }
.art-article th { text-align: center; vertical-align: middle; padding: 7px; }
pre { overflow: auto; padding: 0.1em; }

/* Post Headers & Icons */
h2.art-postheader { margin: 5px 0; }
h2.art-postheader a { text-align: left; text-decoration: none; color: #D9D9D9; }
h2.art-postheader a:visited { color: #C7C7C7; }
h2.art-postheader a:hover { color: #8C8C8C; }
.art-postheadericons, .art-postheadericons a { color: #E0E0E0; text-decoration: none; }
.art-postheadericons a { color: #8C8C8C; }
.art-postheadericons a:hover { font-style: italic; text-decoration: underline; color: #BABABA; }

/* Post Elements */
.art-post ol, .art-post ul { margin: 1em 0 1em 2em; padding: 0; }
.art-post li { font-size: 13px; color: #A8A8A8; }
.art-post li ol, .art-post li ul { margin: 0.5em 0 0.5em 2em; }
.art-postcontent blockquote { border: solid 0 #C7C7C7; margin: 10px 10px 10px 50px; padding: 0 0 0 28px; background-color: #828282; background-image: url('images/postquote.png'); background-position: left top; background-repeat: no-repeat; overflow: auto; clear: both; color: #080808; }
.art-postcontent blockquote p { margin: 3px; }

/* Post Footer */
.art-postmetadatafooter { overflow: hidden; padding: 1px; background-color: #5C5C5C; border: 1px solid #454545; }
.art-postfootericons, .art-postfootericons a { color: #F5F5F5; text-decoration: none; }
.art-postfootericons a { color: #0F0F0F; }
.art-postfootericons a:hover { color: #BFBFBF; }

/* Footer */
.art-footer { position: relative; margin: 0; width: 100%; }
.art-footer-b { position: absolute; left: 5px; right: 5px; bottom: 0; height: 5px; background-image: url('images/footer_b.png'); }
.art-footer-r, .art-footer-l { position: absolute; height: 5px; background-image: url('images/footer_s.png'); bottom: 0; }
.art-footer-l { left: 0; width: 5px; }
.art-footer-r { right: 0; width: 10px; clip: rect(auto, auto, auto, 5px); }
.art-footer-t { position: absolute; top: 0; left: 0; right: 0; bottom: 5px; background-color: #5C5C5C; }
.art-footer-body { position: relative; padding: 5px; }
.art-rss-tag-icon { display: block; background-image: url('images/rssicon.png'); background-position: center right; background-repeat: no-repeat; height: 32px; width: 32px; cursor: default; position: absolute; left: 6px; bottom: 5px; z-index: 1; }
.art-footer-text { padding: 0 10px; text-align: center; color: #D9D9D9; }
.art-footer-text p { margin: 0; padding: 0; }
.art-footer-text a { color: #0F0F0F; text-decoration: none; }
.art-footer-text a:visited { color: #ADADAD; }
.art-footer-text a:hover { color: #E0E0E0; }
.art-page-footer { padding: 1em; text-align: center; color: #828282; font-size: 10px; }
.art-page-footer a { color: #B5B5B5; text-decoration: underline; }

/* Comments & Navigation */
#commentform textarea, textarea#comment { width: 99%; }
ul#comments-list, ul#comments-list li { background: none; padding: 0; list-style-type: none; list-style-image: none; }
ul#comments-list li li { margin-left: 20px; }
ul#comments-list li cite { font-size: 1.2em; }
div.avatar { position: relative; margin: 0 5px; border: 1px solid #aaa; padding: 1px; background: #fff; float: left; }
ul#comments-list div.avatar { float: right; }
div.avatar img { margin: 0 !important; padding: 0; border: none; }
span.page-navi-outer, span.page-navi-inner { position: relative; display: block; float: left; margin: 0; padding: 0; }
span.page-navi-outer { margin: 1px; border: 1px solid #aaa; }
span.page-navi-inner { padding: 1px; min-width: 14px; line-height: 18px; text-align: center; border: 2px solid #fff; font-weight: bold; }
a span.page-navi-inner { border-width: 1px; font-weight: normal; }
.navigation { display: block; text-align: center; }

/* WP Standards & Alignments */
.aligncenter, p.aligncenter, p.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }
.alignright img { margin: 1em 0 1em 1em; }
.alignleft img { margin: 1em 1em 1em 0; }
.wp-caption { border: 1px solid #ddd; background-color: #262626; padding-top: 4px; margin: 10px; text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.gallery { margin: 0 auto 18px; clear: both; overflow: hidden; background-color: #262626; border: 1px solid #ddd; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery img { border: 10px solid #f1f1f1; }
.gallery .gallery-caption { color: #fff; font-size: 11px; margin: 0 0 12px; padding: 0 2px; }

/* Miscellaneous Widgets */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { text-align: right; padding-right: 10px; }
#wp-calendar #prev a { text-align: left; padding-left: 10px; }
#wp-calendar td, #wp-calendar caption { text-align: center; }
img.wp-post-image { margin: 0 5px 5px 0 !important; }
div.art-layout-cell-size1 { width: 100%; }
div.art-layout-cell-size2 { width: 50%; }
div.art-layout-cell-size3 { width: 33%; }
div.art-layout-cell-size4 { width: 25%; }
.art-widget-title { padding: 0 0 0 24px; margin-bottom: 0; }
#respond .required { color: #ff4b33; font-weight: bold; }
#respond input, #respond textarea { width: 98%; margin: 0 0 9px; }
.art-footer .art-widget-title { font-size: 1.2em; padding: 0; }
.art-footer .art-widget, .art-footer .art-widget a { color: #D9D9D9; text-align: left; }
DIV[id^="GMPmap"] IMG { margin: 0; }