/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * Browser Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } fieldset, img { border: 0; } a:focus { outline: none; } option { padding-left: 0.4em; } ul, ol, dl { margin: 0 0; padding-left: 6px } dl { margin: 0 0; } dd { padding-left: 40px; } blockquote { margin: 0 0 1em 1.5em; } p { margin: 1em 0; } td, th { padding: 1px; } html { height: 100%; margin-bottom: 1px; } /* * Page */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; color: #646464; } body#page { background: #ffffff; } /* set body font size (styleswitcher) */ font-small { font-size: 11px; } font-medium { font-size: 12px; } font-large { font-size: 13px; } /* center page */ wrapper { margin: auto; } /* * Layout */ div#absolute { position: absolute; z-index: 15; top: 0px; left: 0px; width: 100%; } div#page-body { padding: 10px 0px 0px 0px; } wrapper-tl { background: #ffffff url(../images/png) 0 0 no-repeat; } wrapper-tr { background: url(../images/png) 100% 0 no-repeat; } wrapper-bl { background: url(../images/png) 0 100% no-repeat; } wrapper-br { padding: 10px 10px 10px 10px; background: url(../images/png) 100% 100% no-repeat; } div#header { width: auto; padding: 0px 0px 0px 0px; background: url(../images/png) 0 0 repeat-x; position: relative; z-index: 10; clear: both; } div#header header-l { background: url(../images/png) 0 0 no-repeat; } div#header header-r { height: 106px; background: url(../images/png) 100% 0 no-repeat; } div#toolbar { width: auto; height: 25px; padding: 6px 140px 0px 225px; clear: both; } div#date { margin: 4px 10px 0px 0px; float: left; font-size: 85%; color: #ffffff; } div#topmenu { margin: 4px 0px 0px 0px; float: left; } div#styleswitcher { height: 20px; margin: 3px 0px 0px 10px; float: right; } div#styleswitcher a { width: 15px; height: 20px; float: right; text-decoration: none; display: block; } a#switchfontsmall { background: url(../images/png) 0 0 no-repeat; } a:hover#switchfontsmall { background: url(../images/png) 0 -20px no-repeat; } a#switchfontmedium { background: url(../images/png) 0 0 no-repeat; } a:hover#switchfontmedium { background: url(../images/png) 0 -20px no-repeat; } a#switchfontlarge { background: url(../images/png) 0 0 no-repeat; } a:hover#switchfontlarge { background: url(../images/png) 0 -20px no-repeat; } a#switchwidththin { background: url(../images/png) 0 0 no-repeat; } a:hover#switchwidththin { background: url(../images/png) 0 -20px no-repeat; } a#switchwidthwide { background: url(../images/png) 0 0 no-repeat; } a:hover#switchwidthwide { background: url(../images/png) 0 -20px no-repeat; } a#switchwidthfluid { background: url(../images/png) 0 0 no-repeat; } a:hover#switchwidthfluid { background: url(../images/png) 0 -20px no-repeat; } div#headerbar { width: auto; height: 72px; padding: 0px 10px 0px 225px; clear: both; } div#headermodule { margin: 7px 0px 0px 0px; float: right; } div#logo { position: absolute; top: 0px; left: 0px; } div#menu { position: absolute; top: 68px; left: 220px; height: 35px; } div#search { position: absolute; top: 9px; right: 10px; } div#banner { position: absolute; top: 5px; right: -10px; width: 0px; z-index: 3; } div#top { width: auto; margin: 10px 0px 0px 0px; background: url(../images/png) 0 0 repeat-x; clear: both; } div#top .top-b { background: url(../images/png) 0 100% repeat-x; } div#top .top-l { background: url(../images/png) 0 0 repeat-y; } div#top .top-r { background: url(../images/png) 100% 0 repeat-y; } div#top .top-tl { background: url(../images/png) 0 0 no-repeat; } div#top .top-tr { background: url(../images/png) 100% 0 no-repeat; } div#top .top-bl { background: url(../images/png) 0 100% no-repeat; } div#top .top-br { min-height: 60px; background: url(../images/png) 100% 100% no-repeat; } div#middle { width: auto; margin: 10px 0px 0px 0px; clear: both; } div#middle .background { min-height: 140px; } div#middle .background { padding: 0px 0px 0px 0px; background: none; } .left div#middle .background { padding: 0px 0px 0px 0px; background: none; } .right div#middle .background { padding: 0px 0px 0px 0px; background: none; } div#left { width: 200px; } .left div#middle div#left { float: left; } .right div#middle div#left { float: right; } div#main { width: auto; } div#main { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .left div#main { margin: 0px 0px 0px 210px; } .right div#main { margin: 0px 210px 0px 0px; } div#maintop { padding: 0px 0px 10px 0px; } div#mainmiddle { } .showright div#mainmiddle { background: transparent; } div#right { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; } div#content { width: auto; } div#content { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } .showright div#content { margin: 0px 190px 0px 0px; padding: 0px 0px 10px 0px; } div#contenttop { margin: 0px 0px 10px 0px; } div#breadcrumb { height: 19px; font-size: 85%; } div#contentbottom { margin: 10px 0px 0px 0px; } div#mainbottom { padding: 0px 0px 10px 0px; } div#bottom { width: auto; margin: 0px 0px 0px 0px; background: url(../images/png) 0 0 repeat-x; clear: both; } div#bottom .bottom-b { background: url(../images/png) 0 100% repeat-x; } div#bottom .bottom-l { background: url(../images/png) 0 0 repeat-y; } div#bottom .bottom-r { background: url(../images/png) 100% 0 repeat-y; } div#bottom .bottom-tl { background: url(../images/png) 0 0 no-repeat; } div#bottom .bottom-tr { background: url(../images/png) 100% 0 no-repeat; } div#bottom .bottom-bl { background: url(../images/png) 0 100% no-repeat; } div#bottom .bottom-br { min-height: 60px; background: url(../images/png) 100% 100% no-repeat; } div#footer { width: auto; min-height: 100px; padding: 10px 0px 0px 0px; clear: both; text-align: center; } div#footer anchor { margin: 3px 10px 0px 0px; width: 30px; height: 5px; background: url(../images/png) 0 0 no-repeat; display: block; float: right; text-decoration: none; } /* * Clearing & Floating */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .floatbox { overflow:hidden; } .float-left { float: left; overflow: hidden; } .float-right { float: right; overflow: hidden; } .width20 { width: 19.999%; } .width25 { width: 24.999%; } .width33 { width: 33.333%; } .width50 { width: 49.999%; } .width66 { width: 66.666%; } .width75 { width: 74.999%; } .width100 { width: 100%; }width-thin wrapper { width: 960px; }width-wide wrapper { width: 1200px; }width-fluid wrapper { width: 96%; }div#styleswitcher { width: 45px; }/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * links */ a:link, a:visited { color: #aa1428; text-decoration: none; } a:hover { color: #ff0000; text-decoration: underline; } /* * E-Web Marketing Discreet Footer Link */ .footer_link { color:#646464; font-family:Arial,Helvetica,sans-serif; text-decoration:none; } green a:link, green a:visited { color: #5a8c00; } green a:hover { color: #73c800; } pink a:link, pink a:visited { color: #aa2dd2; } pink a:hover { color: #fa4bff; } orange a:link, orange a:visited { color: #ff3200; } orange a:hover { color: #ff6400; } blue a:link, blue a:visited { color: #1e87c8; } blue a:hover { color: #00afff; } /* * unsorted lists */ arrow, arrow-big, checkbox, checkbox-big, check, check-big, star, star-big, plus, plus-big { margin: 10px 10px 10px 20px; padding: 0px 0px 0px 0px; list-style: none; } arrow li, checkbox li, check li, star li, plus li { margin: 10px 0px 10px 0px; padding: 7px 0px 6px 35px; font-weight: bold; line-height: 100% } arrow-big li, checkbox-big li, check-big li, star-big li, plus-big li { margin: 15px 0px 15px 0px; padding: 15px 0px 15px 60px; font-size: 200%; font-weight: bold; } arrow li { background: url(../images/png) 0 0 no-repeat; } arrow-big li { background: url(../images/png) 0 0 no-repeat; } checkbox li { background: url(../images/png) 0 0 no-repeat; } checkbox-big li { background: url(../images/png) 0 0 no-repeat; } check li { background: url(../images/png) 0 0 no-repeat; } check-big li { background: url(../images/png) 0 0 no-repeat; } star li { background: url(../images/png) 0 0 no-repeat; } star-big li { background: url(../images/png) 0 0 no-repeat; } plus li { background: url(../images/png) 0 0 no-repeat; } plus-big li { background: url(../images/png) 0 0 no-repeat; } /* * ordered lists */ disc, disc-big { margin: 10px 10px 10px 20px; padding: 0px 0px 0px 15px; } disc { padding: 0px 0px 0px 27px; background: url(../images/png) 0 0 repeat-y; } disc li { margin: 0px 0px 0px 0px; padding: 0px 0px 6px 12px; font-weight: bold; line-height: 28px; } disc-big { padding: 0px 0px 0px 45px; font-size: 200%; background: url(../images/png) 0 0 repeat-y; } disc-big li { margin: 0px 0px 0px 0px; padding: 0px 0px 12px 20px; font-weight: bold; line-height: 45px; } /* * highlighted div and span boxes */ note, span, alert, download, tip { display: block; } note, note { margin: 10px 0px 10px 0px; padding: 5px 10px 5px 10px; background: #f4f5f6; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; text-align:justify; } div, span, alert, alert, download, download, tip, tip { margin: 10px 0px 10px 0px; padding: 7px 10px 7px 35px; } div, span { background: #f4f5f6 url(../images/png) 3px 3px no-repeat; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; } alert, alert { background: #fff5eb url(../images/png) 3px 3px no-repeat; border-top: 1px dotted #ffb4a0; border-bottom: 1px dotted #ffb4a0; } download, download { background: #f5faeb url(../images/png) 3px 3px no-repeat; border-top: 1px dotted #78be5a; border-bottom: 1px dotted #78be5a; } tip, tip { background: #fffdeb url(../images/png) 3px 3px no-repeat; border-top: 1px dotted #ffc864; border-bottom: 1px dotted #ffc864; } /* * highlighted quotations */ blockquote { margin: 10px 0px 10px 0px; padding: 10px 35px 10px 35px; background: url(../images/png) 0 0 no-repeat; text-align:justify; } blockquote p { margin: 0px -35px -10px 0px; padding: 0px 35px 10px 0px; background: url(../images/png) 100% 100% no-repeat; } big { margin: 10px 0px 10px 0px; padding: 50px 50px 50px 50px; background: url(../images/png) 0 0 no-repeat; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 300%; text-transform: uppercase; font-weight: bold; line-height: 100%; text-align: left; } big p { margin: 0px -50px -50px 0px; padding: 0px 30px 50px 0px; background: url(../images/png) 100% 100% no-repeat; } /* * preformatted text elements */ pre { margin: 2px 0px 2px 0px; padding: 10px 10px 10px 10px; border: 1px dotted #aab4be; border-left: 20px solid #b4b4b4; background: #f4f5f6; font-size: 90%; /* Browser specific (not valid) styles to make preformatted text wrap */ /* white-space: pre-wrap; /* css-3 */ /* white-space: -moz-pre-wrap; /* Mozilla, since 2026 */ } /* * highlighted emphasis */ box, file, directory { font-family: "Courier New", Courier, monospace; font-style: normal; } box { padding: 0px 2px 0px 2px; background:#f4f5f6; border: 1px dotted #aab4be; } file { padding: 0px 0px 0px 13px; background: transparent url(../images/png) 0 1px no-repeat; color: #000000; } directory { padding: 0px 0px 0px 16px; background: transparent url(../images/png) 0 1px no-repeat; color: #000000; } /* * headings */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 0px; margin-bottom: 5px; line-height: 100%; } h1 { font-size: 300%; font-weight: normal; color: #7887A0; } h2 { font-size: 250%; color: #b4b4be; } h3 { font-size: 200%; color: #646478; } h4 { font-size: 175%; font-weight: normal; color: #7887A0; } h5 { font-size: 150%; color: #878796; } h6 { font-size: 125%; color: #7887A0; } green h1, green h4, green h6 { color: #739141; } pink h1, pink h4, pink h6 { color: #c83cbe; } orange h1, orange h4, orange h6 { color: #f06400; } blue h1, blue h4, blue h6 { color: #5591d7; } /* * forms */ fieldset { border: 1px solid #ccc; } legend { background: #fff; } textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; } input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display:none; } fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } legend { padding: 0 .8em 0 .8em; } legend+* { margin-top: 1em; } textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; } option { padding: 0 .4em .1em; } form div { margin-bottom: .8em; } button, input[type='button'] { padding: .2em .3em .2em .1em; line-height: 100%; }/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * topmenu */ div#topmenu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#topmenu li { margin: 0px; padding: 0px; float: left; display: block; } div#topmenu li a { height: 20px; padding: 0px 10px 0px 10px; background: url(../images/png) 0 4px no-repeat; float: left; display: block; position: relative; line-height: 17px; overflow: hidden; font-size: 85%; text-decoration: none; } div#topmenu item1 a { padding: 0px 10px 0px 0px; background: none; } div#topmenu a:link, div#topmenu a:visited { color: #C8C8C8; } div#topmenu a:hover { color: #ffffff; } /* * menu */ div#menu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#menu li { margin: 0px; padding: 0px; list-style: none; float: left; } div#menu li a, #menu li separator { height: 35px; display: block; float: left; line-height: 35px; text-decoration: none; color: #000000; } div#menu li span { } div#menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#menu li current { color: #aa1428; } div#menu a:hover, div#menu separator:hover, div#menu sfhover, div#menu current:hover { color: #aa1428; } div#menu active { font-weight: bold; } div#menu active ul { font-weight: normal; } div#menu parent separator { cursor: pointer; } div#menu menu { } div#menu level1 { margin-right: 5px; } div#menu level1 span, div#menu level1 span { padding: 0px 15px 0px 15px; } div#menu level1:hover, div#menu sfhover { background: url(../images/png) 0 0 no-repeat; } div#menu sfhover sfhover { background: none; } div#menu li:hover level1, div#menu sfhover level1, div#menu li:hover level1, div#menu sfhover level1 { background: url(../images/png) 100% 0 no-repeat; } div#menu active { background: url(../images/png) 0 0 no-repeat; } div#menu active, div#menu active { background: url(../images/png) 100% 0 no-repeat; } div#menu active li { background: none; } div#menu li li active { background: none; } div#menu menu ul { position: absolute; top: 35px; left: -999em; width: 165px; padding: 0px 0px 10px 0px; background: url(../images/png) 0 100% no-repeat; } div#menu li:hover ul, div#menu sfhover ul { left: 0px; z-index: 100; } div#menu level1 li { width: 100%; text-indent: 15px; } div#menu level1 li a, div#menu level1 li separator{ height: 25px; padding: 0px; margin: 0px 1px 0px 1px;; background: #ffffff url(../images/png) 100% 0 no-repeat; float: none; display: block; line-height: 25px; } div#menu level2 parent, div#menu li level2 parent { background: #ffffff url(../images/png) 100% 0 no-repeat; } div#menu li ul ul { margin: -36px 0 0 164px; } div#menu li:hover ul ul, div#menu sfhover ul ul { border-top: 1px solid #C8C8C8; } div#menu li:hover ul ul, div#menu sfhover ul ul, div#menu li:hover ul ul ul, div#menu sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu sfhover ul ul ul ul { left: -999em; } div#menu li li:hover ul, div#menu li sfhover ul, div#menu li li li:hover ul, div#menu li li sfhover ul, div#menu li li li li:hover ul, div#menu li li li sfhover ul { left: 0; z-index: 100; } /* * sub menu */ div#middle module_menu ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; background: #ffffff; } div#middle menu li { margin: 0px; padding: 0px; display: block; } div#middle menu li a, div#middle menu li separator { height: 25px; display: block; line-height: 25px; text-decoration: none; color: #000000; } div#middle menu li span { display: block; } div#middle menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#middle menu current { color: #aa1428; } div#middle menu a:hover, div#middle menu separator:hover, div#middle menu sfhover, div#middle menu current:hover { color: #aa1428; } div#middle menu active { font-weight: bold; } div#middle menu active li { font-weight: normal; } div#middle menu parent separator { cursor: pointer; } div#middle menu level1 { } div#middle menu level1, div#middle menu level1 { background: #ffffff url(../images/png) 100% 0 no-repeat; text-indent: 15px; } div#middle menu parent level1, div#middle menu parent level1 { background: #ffffff url(../images/png) 100% 0 no-repeat; } div#middle menu level2 { } div#middle menu level2 a { height: 20px; line-height: 20px; } div#middle menu level2 { background: #ffffff url(../images/png) 100% 0 no-repeat; text-indent: 35px; } div#middle menu level2 span { background: url(../images/png) 15px 2px no-repeat; } div#middle menu level3 { } div#middle menu level3 { background: #ffffff url(../images/png) 100% 0 no-repeat; text-indent: 45px; } div#middle menu level3 span { background: url(../images/png) 25px 2px no-repeat; } div#middle menu level4 { } div#middle menu level4 { background: #ffffff url(../images/png) 100% 0 no-repeat; text-indent: 55px; } div#middle menu level4 span { background: url(../images/png) 35px 2px no-repeat; }/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* reset header for all modules */ moduletable h3, moduletable_menu h3, moduletable-blank h3, module h3, module_menu h3, module-blank h3, module-white h3, module-grey h3, module-black h3, module-blue h3, module-green h3, module-orange h3, module-new h3, module-top h3, module-pick h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%; } /* * header modules */ #headermodule module { margin: 0px 0px 0px 10px; float: right; } #headermodule module div { background: url(../images/png) 0 0 repeat-x; } #headermodule module div div { background: url(../images/png) 0 0 no-repeat; } #headermodule module div div div { height: 57px; padding: 5px 10px 5px 10px; background: url(../images/png) 100% 0 no-repeat; overflow: hidden; text-align:justify; color: #646464; font-size: 90%; } #headermodule module div div div div { height: auto; padding: 0px 0px 0px 0px; background: none; } #headermodule module h3 { font-weight: bold; } /* blank */ #headermodule module-blank { margin: 0px 0px 0px 10px; overflow: hidden; float: right; } /* * top modules */ /* default */ #top moduletable { padding: 10px 15px 10px 15px; background: none; text-align:justify; } #top .seperator moduletable { background: url(../images/png) 100% 100% no-repeat; } #top moduletable h3 { margin: 0px 0px 5px 0px; text-align: left; font-size: 125%; font-weight: bold; } /* blank */ #top moduletable-blank { } /* * middle modules (left, right, maintop, mainbottom, contenttop, contentbottom) */ /* default */ #middle module { background: url(../images/png) 100% 100% no-repeat; } #middle module div { background: url(../images/png) 100% 0 no-repeat; } #middle module div div { background: url(../images/png) 0 100% no-repeat; } #middle module div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } /* menu */ #middle module_menu { background: url(../images/png) 100% 100% no-repeat; } #middle module_menu div { background: url(../images/png) 100% 0 no-repeat; } #middle module_menu div div { background: url(../images/png) 0 100% no-repeat; } #middle module_menu div div div { padding: 10px 1px 10px 1px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } /* white */ #middle module-white { background: url(../images/png) 100% 100% no-repeat; } #middle module-white div { background: url(../images/png) 100% 0 no-repeat; } #middle module-white div div { background: url(../images/png) 0 100% no-repeat; } #middle module-white div div div { padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } /* grey */ #middle module-grey { background: url(../images/png) 100% 100% no-repeat; } #middle module-grey div { background: url(../images/png) 100% 0 no-repeat; } #middle module-grey div div { background: url(../images/png) 0 100% no-repeat; } #middle module-grey div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } /* black */ #middle module-black { background: url(../images/png) 100% 100% no-repeat; } #middle module-black div { background: url(../images/png) 100% 0 no-repeat; } #middle module-black div div { background: url(../images/png) 0 100% no-repeat; } #middle module-black div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; color: #ffffff; overflow: hidden; } /* blue */ #middle module-blue { background: url(../images/png) 100% 100% no-repeat; } #middle module-blue div { background: url(../images/png) 100% 0 no-repeat; } #middle module-blue div div { background: url(../images/png) 0 100% no-repeat; } #middle module-blue div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; color: #ffffff; overflow: hidden; } /* green */ #middle module-green { background: url(../images/png) 100% 100% no-repeat; } #middle module-green div { background: url(../images/png) 100% 0 no-repeat; } #middle module-green div div { background: url(../images/png) 0 100% no-repeat; } #middle module-green div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; color: #ffffff; overflow: hidden; } /* orange */ #middle module-orange { background: url(../images/png) 100% 100% no-repeat; } #middle module-orange div { background: url(../images/png) 100% 0 no-repeat; } #middle module-orange div div { background: url(../images/png) 0 100% no-repeat; } #middle module-orange div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; color: #ffffff; overflow: hidden; } /* new */ #middle module-new { background: url(../images/png) 100% 100% no-repeat; } #middle module-new div { background: url(../images/png) 100% 0 no-repeat; } #middle module-new div div { background: url(../images/png) 0 100% no-repeat; } #middle module-new div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } /* top */ #middle module-top { background: url(../images/png) 100% 100% no-repeat; } #middle module-top div { background: url(../images/png) 100% 0 no-repeat; } #middle module-top div div { background: url(../images/png) 0 100% no-repeat; } #middle module-top div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } /* pick */ #middle module-pick { background: url(../images/png) 100% 100% no-repeat; } #middle module-pick div { background: url(../images/png) 100% 0 no-repeat; } #middle module-pick div div { background: url(../images/png) 0 100% no-repeat; } #middle module-pick div div div { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../images/png) 0 0 no-repeat; overflow: hidden; } #middle module div div div div, #middle module_menu div div div div, #middle module-white div div div div, #middle module-grey div div div div, #middle module-black div div div div, #middle module-blue div div div div, #middle module-green div div div div, #middle module-orange div div div div, #middle module-new div div div div, #middle module-top div div div div, #middle module-pick div div div div { min-height: 0px; padding: 0px 0px 0px 0px; background: none; } /* header */ #middle module h3, #middle module_menu h3, #middle module-white h3, #middle module-grey h3, #middle module-black h3, #middle module-blue h3, #middle module-green h3, #middle module-orange h3, #middle module-new h3, #middle module-top h3, #middle module-pick h3 { margin: -10px -15px 5px -15px; padding: 0px 0px 0px 15px; height: 25px; line-height: 25px; text-align: left; font-weight: bold; } #middle module-black h3, #middle module-blue h3, #middle module-green h3, #middle module-orange h3 { color: #ffffff; } /* * left modules */ #left module, #left module_menu, #left module-white, #left module-grey, #left module-black, #left module-blue, #left module-green, #left module-orange, #left module-new, #left module-top, #left module-pick { margin: 0px 0px 10px 0px; } #left module h3, #left module_menu h3, #left module-white h3, #left module-grey h3 { background: url(../images/png) 0 0 no-repeat; } #left module_menu h3 { margin: -10px -1px 0px -1px; } /* blank */ #left module-blank { margin: 0px 0px 10px 0px; overflow: hidden; } /* * maintopbox & mainbottombox modules */ #maintop module, #mainbottom module, #maintop module_menu, #mainbottom module_menu, #maintop module-white, #mainbottom module-white, #maintop module-grey, #mainbottom module-grey, #maintop module-black, #mainbottom module-black, #maintop module-blue, #mainbottom module-blue, #maintop module-green, #mainbottom module-green, #maintop module-orange, #mainbottom module-orange, #maintop module-new, #mainbottom module-new, #maintop module-top, #mainbottom module-top, #maintop module-pick, #mainbottom module-pick { margin: 0px 0px 0px 0px; text-align:justify; } #maintop .seperator module, #mainbottom .seperator module, #maintop .seperator module_menu, #mainbottom .seperator module_menu, #maintop .seperator module-white, #mainbottom .seperator module-white, #maintop .seperator module-grey, #mainbottom .seperator module-grey, #maintop .seperator module-black, #mainbottom .seperator module-black, #maintop .seperator module-blue, #mainbottom .seperator module-blue, #maintop .seperator module-green, #mainbottom .seperator module-green, #maintop .seperator module-orange, #mainbottom .seperator module-orange, #maintop .seperator module-new, #mainbottom .seperator module-new, #maintop .seperator module-top, #mainbottom .seperator module-top, #maintop .seperator module-pick, #mainbottom .seperator module-pick { margin: 0px 10px 0px 0px; } /* blank */ #maintop module-blank, #mainbottom module-blank { margin: 0px 0px 0px 0px; overflow: hidden; } #maintop .seperator module-blank, #mainbottom .seperator module-blank { margin: 0px 10px 0px 0px; } /* * right modules */ #right module, #right module_menu, #right module-white, #right module-grey, #right module-black, #right module-blue, #right module-green, #right module-orange, #right module-new, #right module-top, #right module-pick { margin: 0px 0px 10px 0px; } #right module h3, #right module_menu h3, #right module-white h3, #right module-grey h3 { background: url(../images/png) 0 0 no-repeat; } #right module_menu h3 { margin: -10px -1px 0px -1px; } /* blank */ #right module-blank { margin: 0px 0px 10px 0px; overflow: hidden; } /* *contenttopbox & contentbottombox modules */ #contenttop module, #contentbottom module, #contenttop module_menu, #contentbottom module_menu, #contenttop module-white, #contentbottom module-white, #contenttop module-grey, #contentbottom module-grey, #contenttop module-black, #contentbottom module-black, #contenttop module-blue, #contentbottom module-blue, #contenttop module-green, #contentbottom module-green, #contenttop module-orange, #contentbottom module-orange, #contenttop module-new, #contentbottom module-new, #contenttop module-top, #contentbottom module-top, #contenttop module-pick, #contentbottom module-pick { margin: 0px 0px 0px 0px; } #contenttop .seperator module, #contentbottom .seperator module, #contenttop .seperator module_menu, #contentbottom .seperator module_menu, #contenttop .seperator module-white, #contentbottom .seperator module-white, #contenttop .seperator module-grey, #contentbottom .seperator module-grey, #contenttop .seperator module-black, #contentbottom .seperator module-black, #contenttop .seperator module-blue, #contentbottom .seperator module-blue, #contenttop .seperator module-green, #contentbottom .seperator module-green, #contenttop .seperator module-orange, #contentbottom .seperator module-orange, #contenttop .seperator module-new, #contentbottom .seperator module-new, #contenttop .seperator module-top, #contentbottom .seperator module-top, #contenttop .seperator module-pick, #contentbottom .seperator module-pick { margin: 0px 10px 0px 0px; } /* blank */ #contenttop module-blank, #contentbottom module-blank { margin: 0px 0px 0px 0px; overflow: hidden; } #contenttop .seperator module-blank, #contentbottom .seperator module-blank { margin: 0px 10px 0px 0px; } /* * bottom modules */ /* default */ #bottom moduletable { padding: 10px 15px 10px 15px; background: none; text-align:justify; } #bottom .seperator moduletable { background: url(../images/png) 100% 100% no-repeat; } #bottom moduletable h3 { margin: 0px 0px 5px 0px; text-align: left; font-size: 125%; font-weight: bold; } /* blank */ #bottom moduletable-blank { }/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * YOOsearch */ div#yoo-search { width: 120px; height: 18px; padding: 0px; background: url(../images/png) 0 0 no-repeat; } div#yoo-search input { width: 93px; height: 14px; padding: 2px 2px 2px 7px; border: none; outline: none; background: none; float: left; color: #646464; font-size: 75%; } div#yoo-search button { width: 18px; height: 18px; padding: 0px; border: none; background: url(../images/png) 0 0 no-repeat; cursor: pointer; text-indent: 100px; line-height: 0px; } div#yoo-search:hover, div#yoo-search sfhover { background: url(../images/png) 0 -18px no-repeat; } div#yoo-search:hover input, div#yoo-search sfhover { color: #000000; } div#yoo-search input:focus, div#yoo-search sffocus { color: #000000; } /* * Joomla! */ .contentheading, .componentheading { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 150%; line-height: 100%; font-weight: bold; color: #64696e; } green .contentheading, green .componentheading { color: #6ea028; } pink .contentheading, pink .componentheading { color: #8c3caa; } orange .contentheading, orange .componentheading { color: #f04600; } blue .contentheading, blue .componentheading { color: #5087d7; } #overDiv { line-height: 100%; font-weight: normal; padding: 0px; margin: 0px; } .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; color: #323232; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } .contentpane { margin: 0; padding: 0; width: auto; } .contentpaneopen { margin: 0; padding: 0; width: auto; } .contentpaneopen hr { border-top: 0px; border-right: 0px; border-bottom: 1px solid #c8c8c8; border-left: 0px; line-height: 0px; height: 1px; } .contentdescription { } .article_seperator { display: block; height: 16px; } .small { font-size: 95%; font-style: italic; color: #969696; } .createdate { height: 20px; vertical-align: top; font-size: 95%; font-weight: bold; color: #646464; } .modifydate { height: 20px; vertical-align: bottom; font-size: 95%; color: #646464; } .buttonheading { } .buttonheading img { margin-right: 2px; } mosimage { margin: 5px; } mosimage_caption { font-size: 95%; } .button { font-size: 95%; } .inputbox { } .sectiontableheader { padding: 5px 5px 5px 5px; background: #ebebeb; border-bottom: 1px solid #b4b4b4; font-weight : bold; } sectiontableentry1 td { padding: 5px 0px 0px 5px; background: #fafafa; border-bottom: 1px solid #dcdcdc; text-align: left; } sectiontableentry2 td { padding: 5px 0px 0px 5px; background: #f0f0f0; border-bottom: 1px solid #dcdcdc; text-align: left; } sectiontableentry1 { padding: 5px 0px 0px 5px; background: #fafafa; border-bottom: 1px solid #dcdcdc; text-align: left; } sectiontableentry2 { padding: 5px 0px 0px 5px; background: #f0f0f0; border-bottom: 1px solid #dcdcdc; text-align: left; } .poll { } .poll button { margin: 10px 0px 0px 0px; } /* * Joomla! system CSS file: css */ /* OpenID icon style */ system-openid { background: url(# no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;} #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;} /* System Standard Messages */ #system-message message { display: none; } #system-message message { } /* System Error Messages */ #system-message error { display: none; } #system-message error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message notice { display: none; } #system-message notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;} /* * Joomla! system CSS file: css */ /* Form validation */ .invalid { border-color: #ff0000; } invalid { color: #ff0000; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url(../../system/images/png) no-repeat; float: left; margin-left: 5px; } .button2-right { background: url(../../system/images/png) 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url(../../system/images/png) 100% 0 no-repeat; } .button2-left .readmore { background: url(../../system/images/png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(../../system/images/png) 100% 0 no-repeat; } /* Tooltips */ tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } tooltip h4 { padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/png) no-repeat; } tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ .img_caption .left { float: left; margin-right: 1em; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right p { clear: right; text-align: center; } /* Calendar */ a calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../../system/images/png) no-repeat; cursor: pointer; vertical-align: middle; }/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * YOOsearch */ #page default yoo-search resultbox { position: absolute; right: -10px; top: 22px; z-index: 20; } /* * YOOlogin */ #page quick yoo-login login { width: 231px; height: 45px; overflow: visible; font-size: 150%; } #page quick yoo-login login .login-button-text, #page quick yoo-login login .login-button-icon { margin-right: 0px; } #page quick yoo-login login .lostpassword, #page quick yoo-login login .lostusername, #page quick yoo-login login .registration { margin-top: 5px; } #page quick yoo-login logout { height: 30px; margin-top: 10px; overflow: visible; font-size: 130%; } #page quick yoo-login logout .logout-button-text, #page quick yoo-login logout .logout-button-icon { margin-right: 0px; }/* * YOOtheme CSS file * * @author yootheme * @copyright Copyright (C) 2026 YOOtheme Ltd. & Co. KG. All rights reserved. */ body#page { background: #141414 url(../images/black/png) 0 0 repeat-x; } wrapper-tl { background: #ffffff url(../images/black/png) 0 0 no-repeat; } wrapper-tr { background: url(../images/black/png) 100% 0 no-repeat; } wrapper-bl { background: url(../images/black/png) 0 100% no-repeat; } wrapper-br { padding: 10px 10px 10px 10px; background: url(../images/black/png) 100% 100% no-repeat; } div#footer { color: #ffffff; } div#footer anchor { background: url(../images/png) 0 0 no-repeat; }