body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} /* basic_harmonika.css */ .breadcrumb{overflow:hidden;border-bottom:2px solid #BE0010;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');/*centering*/ display: inline-block;/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/ counter-reset: flag;-moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999}.breadcrumb_home_image{height:22px}.breadcrumb a{position:relative;float:left;display:block;line-height:28px;text-decoration:none;outline: none;color: white;/*need more margin on the left of links to accomodate the numbers*/ padding: 0 16px 0 26px}.breadcrumb a:first-child{padding-left:20px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');content:'';/*to match with the parent's radius*/}.breadcrumb a:first-child:before{left:14px}.breadcrumb a:last-child{behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');/*this was to prevent glitches on hover*/ padding-right: 26px}.breadcrumb a:after{height:28px;top:0;right:-14px;position:absolute;content: '';/*half of square's length*/ /*same dimension as the line-height of .breadcrumb a */ width: 28px;/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: length = 1;diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem) if diagonal required = 1;length = 1/1.414 = 0.707*/ transform: scale(0.707) rotate(45deg);/*we need to prevent the arrows from getting buried under the next link*/ z-index: 1;/*background same as links but the gradient will be rotated to compensate with the transform applied*/ /*stylish arrow design using box shadow*/ box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0), 3px -3px 0 2px rgba(255, 255, 255, 0.1);/* 5px - for rounded arrows and 50px - to prevent hover glitches on the border created using shadows*/ border-radius: 0 5px 0 50px}.breadcrumb a:last-child:after{content: none}.breadcrumb a:before{}.flat a,.flat a:after{background-color:#32323a;background: linear-gradient(to bottom, #32323a 0%, #141414 100%);color: white}.flat a:before{background-color:#32323a;background: linear-gradient(to bottom, #32323a 0%, #141414 100%);box-shadow: 0 0 0 1px #ccc}.flat a.active,.flat a.active:after{background-color:#be0010;cursor:pointer;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F40014), color-stop(1, #90000c) );background:-moz-linear-gradient( center top, #F40014 5%, #90000c 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F40014', endColorstr='#90000c');color: white}.flat a:hover,.flat a:hover:after{background: #070707;background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);background: -o-linear-gradient(top, #26262c 0%, #070707 100%);background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);background: linear-gradient(to bottom, #26262c 0%, #070707 100%);color: white}.flat a:last-child:hover,.flat a:last-child:hover:after{background-color:#F40014;cursor:pointer;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #90000c), color-stop(1, #F40014) );background:-moz-linear-gradient( center top, #90000c 5%, #F40014 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90000c', endColorstr='#F40014');color: white}nav.mod_navigation.sidebar{text-align:left}nav.mod_navigation.sidebar ul{margin-left:0;padding-left:25px;list-style: none}nav.mod_navigation.sidebar ul.level_1 ul{padding-left:15px}nav.mod_navigation.sidebar ul li{list-style-image:url("/files/harmonika/system/icons/arrow_right_16.png")}nav.mod_navigation.sidebar ul li.submenu{list-style-image:url("/files/harmonika/system/icons/arrow_down_16.png")}nav.mod_navigation.sidebar h1:before{background-image:url("/files/harmonika/system/icons/list_w_s.png");content: ''}html{overflow-y: scroll;overflow-x: auto}a,body,div,em,input,label,li,ol,p,select,span,strong,td,th,textarea,u,ul{font-family:Verdana,sans-serif;color:#404040}a,span,body,div,input,label,li,ol,p,select,td,th,textarea,u,ul{font-size:14px}nav h1,div h1{margin:-10px -10px 15px;padding:5px;font-size:14px;font-weight:bold;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #F40014;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F40014', endColorstr='#90000c');background: -moz-linear-gradient(top, #F40014 0%, #90000c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F40014), color-stop(100%, #90000c));background: -webkit-linear-gradient(top, #F40014 0%, #90000c 100%);background: -o-linear-gradient(top, #F40014 0%, #90000c 100%);background: -ms-linear-gradient(top, #F40014 0%, #90000c 100%);background: linear-gradient(to bottom, #F40014 0%, #90000c 100%)}nav.box.sidebar h1,div.box.sidebar h1{margin:0;padding:5px;border-bottom:2px solid #BE0010;font-size:14px;font-weight:bold;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #141414;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#32323a', endColorstr='#141414');background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);background: -o-linear-gradient(top, #32323a 0%, #141414 100%);background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);background: linear-gradient(to bottom, #32323a 0%, #141414 100%);/* W3C Standard */}nav.box.sidebar h1{padding-left:5px;text-indent:30px;background: #141414;/* fallback */ background: url(/files/harmonika/system/icons/home_w_s.png) left center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));/* Saf4+, Chrome */ background: url(/files/harmonika/system/icons/home_w_s.png) left center no-repeat, -webkit-linear-gradient(top, #32323a 0%, #141414 100%);/* Chrome 10+, Saf5.1+ */ background: url(/files/harmonika/system/icons/list_w_s.png) left center no-repeat, -moz-linear-gradient(top, #32323a 0%, #141414 100%);/* FF3.6+ */ background: url(/files/harmonika/system/icons/list_w_s.png) left center no-repeat, -ms-linear-gradient(top, #32323a 0%, #141414 100%);/* IE10 */ background: url(/files/harmonika/system/icons/list_w_s.png) left center no-repeat, -o-linear-gradient(top, #32323a 0%, #141414 100%);/* Opera 11.10+ */ background: url(/files/harmonika/system/icons/home_w_s.png) left center no-repeat, linear-gradient(to bottom, #32323a 0%, #141414 100%);/* W3C */}div.mod_eventlist.sidebar h1{padding-left:5px;text-indent:30px;background: #141414;/* fallback */ background: url(/files/harmonika/system/icons/cal_w_s.png) left center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));/* Saf4+, Chrome */ background: url(/files/harmonika/system/icons/cal_w_s.png) left center no-repeat, -webkit-linear-gradient(top, #32323a 0%, #141414 100%);/* Chrome 10+, Saf5.1+ */ background: url(/files/harmonika/system/icons/cal_w_s.png) left center no-repeat, -moz-linear-gradient(top, #32323a 0%, #141414 100%);/* FF3.6+ */ background: url(/files/harmonika/system/icons/cal_w_s.png) left center no-repeat, -ms-linear-gradient(top, #32323a 0%, #141414 100%);/* IE10 */ background: url(/files/harmonika/system/icons/cal_w_s.png) left center no-repeat, -o-linear-gradient(top, #32323a 0%, #141414 100%);/* Opera 11.10+ */ background: url(/files/harmonika/system/icons/cal_w_s.png) left center no-repeat, linear-gradient(to bottom, #32323a 0%, #141414 100%);/* W3C */}div.mod_newslist.sidebar h1{padding-left:5px;text-indent:30px;background: #141414;/* fallback */ background: url(/files/harmonika/system/icons/mail_w_s.png) left center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));/* Saf4+, Chrome */ background: url(/files/harmonika/system/icons/mail_w_s.png) left center no-repeat, -webkit-linear-gradient(top, #32323a 0%, #141414 100%);/* Chrome 10+, Saf5.1+ */ background: url(/files/harmonika/system/icons/speech_w_s.png) left center no-repeat, -moz-linear-gradient(top, #32323a 0%, #141414 100%);/* FF3.6+ */ background: url(/files/harmonika/system/icons/speech_w_s.png) left center no-repeat, -ms-linear-gradient(top, #32323a 0%, #141414 100%);/* IE10 */ background: url(/files/harmonika/system/icons/speech_w_s.png) left center no-repeat, -o-linear-gradient(top, #32323a 0%, #141414 100%);/* Opera 11.10+ */ background: url(/files/harmonika/system/icons/mail_w_s.png) left center no-repeat, linear-gradient(to bottom, #32323a 0%, #141414 100%);/* W3C */}h2,h3,h4,h5,h6{font-size:14px;font-weight:bold}a{text-decoration:none;color:#AB1F1C}a:hover{text-decoration:underline;color:#404040}a:active,a:focus{outline: none;-moz-outline-style: none}img{vertical-align:middle;border:0px;border-radius:5px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc')}p,pre,form,figure{margin:0;padding:0}figcaption{font-weight:bold;color:#AB1F1C}.button{margin:3px 0 2px;padding:4px 10px;background-color:#be0010;border:1px solid #90000c;border-radius:5px;font-weight:normal;text-decoration:none;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;box-shadow:inset 0px 0px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #be0010), color-stop(1, #be0010) );background:-moz-linear-gradient( center top, #be0010 5%, #be0010 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#be0010', endColorstr='#be0010')}.button:hover{background-color:#be0010;text-decoration:none;color:#fff;cursor:pointer;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F40014), color-stop(1, #90000c) );background:-moz-linear-gradient( center top, #F40014 5%, #90000c 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F40014', endColorstr='#90000c')}.button:active{background-color:#F40014;cursor:pointer;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #90000c), color-stop(1, #F40014) );background:-moz-linear-gradient( center top, #90000c 5%, #F40014 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90000c', endColorstr='#F40014')}div.ce_text table{}div.ce_text table caption{margin-right:2px;margin-left:2px;padding:2px;background-color:#be0010;font-weight:bold;color:#fff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F40014), color-stop(1, #90000c) );background:-moz-linear-gradient( center top, #F40014 5%, #90000c 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F40014', endColorstr='#90000c')}div.ce_text table tbody{background-color:rgba(193,193,193,0.3)}div.ce_text table tbody td{padding:5px}.confirm{margin:20px 0;padding:10px;border:1px solid #07CE00;font-weight:bold;color:#07CE00}.bold{font-weight:bold}span.mandatory{color:#be0010} /* layout_harmonika.css */ header{/**background-color:#AB1F1C;**/}#top div#wrapper{display:none;-moz-box-shadow: 0 0 15px 5px #000000;-webkit-box-shadow: 0 0 15x 5px #000000;box-shadow: 0 0 15px 5px #000000}#header div.inside{background-color:#F40014;background-image:url("/files/harmonika/system/icons/_bg.png")}#header div.inside.backup{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #90000c), color-stop(1, #F40014) );background:-moz-linear-gradient( center top, #90000c 5%, #F40014 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90000c', endColorstr='#F40014')}div#container{background-image:url("/files/harmonika/system/pattern/pattern6.png");background-repeat:repeat}body{max-width:1050px;margin:20px auto;padding:0 20px 20px;background-image:url("/files/harmonika/system/icons/bg.png")}span.headline{width:100%;height:186px;display:block;padding-top:5px;text-align:center;font-weight:bold;color:#fff;font:42px 'Merienda',cursive;text-shadow: #404040 3px 3px 5px}img.logo_headline{height:160px;float:left;margin:20px 0 0 20px}footer{border-top:2px solid #BE0010;font-size:14px;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #141414;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);background: -o-linear-gradient(top, #32323a 0%, #141414 100%);background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);background: linear-gradient(to bottom, #32323a 0%, #141414 100%)}table.footer_tbl{width:100%;height:46px}table.footer_tbl col{width:16%}table.footer_tbl td{text-align:center}table.footer_tbl tr{height:100%}table.footer_tbl a{color:#fff}table.footer_tbl a:hover{color:#fff}p.about{color:#AB1F1C}p.back{margin:15px 5px} /* page_elements.css */ div.box.sidebar,nav.box.sidebar{margin:5px;background-color:#F1F1F1;border:1px solid #C1C1C1;behavior:url('assets/css3pie/1.0.0/PIE.htc');-moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999}div.box,nav.box,div.mod_comments,div.mod_sitemap,table.calendar,div.layout_full,div.event.layout_full,div.mod_article div.mod_search,div[class*='ce_']{margin:5px 5px 10px;padding:10px 10px 15px;border:1px solid rgba(216,216,216,0.2);background-color: rgba(216,216,216,0.2)}#left{padding:5px}div.mod_article,div.mod_newslist,div.mod_calendar,div.mod_eventreader,div.mod_breadcrumb,div.mod_eventlist,div.mod_newsreader,div.mod_newslist{margin:5px}div.mod_comments,div.mod_sitemap{margin:10px}div.mod_newslist.sidebar,div.mod_eventlist.sidebar,nav.mod_navigation.sidebar,div.mod_login{margin:5px 5px 10px;padding:0}div.news_wrapper.scrollable,div.event_wrapper.scrollable{margin:5px}div.mod_breadcrumb{margin-bottom:0;padding:5px 5px 0}figure.image_container{margin:10px}figure.image_container.float_left{margin:0 10px 10px 0}figure.image_container.float_right{margin:0 0 10px 10px}a.cboxElement{opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out}a.cboxElement:hover{opacity: 0.5}img:hover{-moz-box-shadow: 0 0 10px #404040;-webkit-box-shadow: 0 0 10px #404040;box-shadow: 0 0 10px #404040}div.pdf_link{float:right;display:block}div.nobg{background-color: transparent}div.nopad{padding:0}div.fivepad{padding:5px}div.event_wrapper.scrollable,div.news_wrapper.scrollable{height:300px;padding-right:10px;border-radius:5px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');/**border: 1px dotted #404040;**/}div.event_wrapper div.event,div.news_wrapper div.layout_short{padding:5px 0;border-bottom:2px dotted #c1c1c1;list-style-image:url("../../files/sqpurple.gif")}background-color: #c1c1c1;{*}div.event_wrapper div.event.first,div.news_wrapper div.layout_short.first{border-top:2px dotted #c1c1c1}.scrollable,div#galleryContainer{overflow-y: auto;padding 10px}::-webkit-scrollbar{width:10px;height:16px}::-webkit-scrollbar-thumb{border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #c1c1c1;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}::-webkit-scrollbar-thumb:hover{border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #AB1F1C;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}::-webkit-scrollbar-button{width:10px;height:16px;/**display:none;**/}::-webkit-scrollbar-corner{background-color: transparent}::-webkit-scrollbar-track{border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)}::-webkit-scrollbar-thumb:window-inactive{background: #f1f1f1}div.event_wrapper div.event span.date,div.news_wrapper div.layout_short p.info{font-size:9pt;font-weight:bold}div.event_wrapper div.event span.time{font-size:9pt}div.zeropad{padding-top:0}.error{color:#AB1F1C}div.error_page{width:400px;margin:50px auto 100px;font-size:16pt;font-weight:bold;color:#BE0001}div.error_page p{color:#BE0001}td.news_icon,td.event_icon{width:15%}td.news_info,td.event_info{width:85%}img.news_icon,img.event_icon{width:28px}table.event_item,table.news_short{width:100%}td.news_info h2,td.event_info h2{margin:5px 0 0} /* head_navigation.css */ nav.mod_navigation{display:none;margin:5px 0 0;text-align:center}ul.bluemenu{width:100%;height:49px;display:block;margin:7px 0 0;padding:0;border-bottom:2px solid #BE0010;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');list-style:none;background: #141414;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);background: -o-linear-gradient(top, #32323a 0%, #141414 100%);background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);background: linear-gradient(to bottom, #32323a 0%, #141414 100%)}ul.bluemenu li.level-0{height:49px;min-height:49px;position:relative;display:inline-block;padding:0 10px;vertical-align:top;font:12px/49px Helvetica,Arial,Verdana,sans-serif;*display: inline;zoom: 1;_height: 49px}ul.bluemenu li.level-0 a{color:#fff}ul.bluemenu li.level-0 span{font-weight:bold;color:#fff}ul.bluemenu li.level-0.first{behavior:url('assets/css3pie/1.0.0/PIE.htc')}ul.bluemenu li.level-0.hover,ul.bluemenu li.level-0.active,ul.bluemenu li.level-0.forward{box-shadow: inset 0 0 3px #000000;-moz-box-shadow: inset 0 0 3px #000000;-webkit-box-shadow: inset 0 0 3px #000000;background: #070707;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);background: -o-linear-gradient(top, #26262c 0%, #070707 100%);background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);background: linear-gradient(to bottom, #26262c 0%, #070707 100%)}ul.bluemenu li.level-0 ul{width:15em;position:absolute;display:none;margin:0;padding:0;background: #BE0010}ul.bluemenu li.level-0 li{position:relative;display:block;padding:10px;border-bottom:1px dotted #90000C;font-size:11px;line-height:120%;filter: none}ul.bluemenu li.level-0 li.last{border-bottom:none}ul.bluemenu li.level-0 li.hover{background: #90000C}ul.bluemenu li.level-0 span.arrow{display:none}ul.bluemenu li.level-0 span.arrow.hover{width:0;height:0;left:50%;position:absolute;display:block;margin-left:-10px;border-bottom:10px solid #BE0010;content: '';bottom: 0;border-left: 10px solid transparent;border-right: 10px solid transparent}ul.bluemenu li.level-0 li span.arrow,ul.bluemenu li.level-0 li span.arrow.hover{width:auto;top:10px;left:auto;bottom:auto;position:absolute;display:block;margin:0;font-size:110%;right:7px;border:none}div.mod_share{height:100%;float:right;margin:15px 10px 10px;padding:0 10px 10px;text-align:center;background: rgba(216,216,216,0.2)}div.mod_share.small{height:30px;float:right;margin:5px 10px 0 0;padding:0;text-align:center;background: rgba(216,216,216,0.2)}ul.share{padding-left:0;list-style:none}ul.share li{float:left;margin:-5px 5px 0}ul.share.small li{margin-top:-11px} /* search.css */ header div.mod_search{float:right;display:block;margin:16px 10px 0;z-index:100}div input[type="search"]{width:150px;margin:2px;padding:6px 15px 6px 35px;border:0 none;border-radius:5px;color:#d7d7d7;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: url('/files/harmonika/system/icons/search-white.png') no-repeat 10px 6px #444;font: bold 12px Arial,Helvetica,Sans-serif;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s}div input[type="search"]:focus{width:150px;color:#6a6f75;background: url(/files/harmonika/system/icons/search-dark.png) no-repeat 10px 6px #fcfcfc;-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)}div input[type="search"]#ctrl_keywords_88{width:60%}div input[type="search"]#ctrl_keywords_88:focus{width:60%}span.highlight{color:#AB1F1C}span.relevance{font-size:8pt;font-weight:normal} /* slider.css */ div#intro-1{}div.coin-slider{margin:5px;padding:0;behavior:url('assets/css3pie/1.0.0/PIE.htc');-moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999}a.cs-prev,a.cs-next{background-color:#be0010;cursor:pointer;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F40014), color-stop(1, #90000c) );background:-moz-linear-gradient( center top, #F40014 5%, #90000c 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F40014', endColorstr='#90000c');opacity: 0.9}div.cs-title p{color: white}div.cs-title{width:auto;min-width:40%;background-color:#be0010;cursor:pointer;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F40014), color-stop(1, #90000c) );background:-moz-linear-gradient( center top, #F40014 5%, #90000c 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F40014', endColorstr='#90000c')} /* kommentare.css */ div.guestbook_default,div.comment_default{width:95%;margin:10px auto 20px;padding:10px;border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #C1C1C1;background: rgba(193,193,193,0.3)}div.guestbook_default p.info,div.comment_default p.info{margin:-10px -10px 10px;padding:5px;border-bottom:2px solid #BE0010;border-radius:10px 10px 0 0;color:#fff;text-indent:30px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');background: #141414;background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat;background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat, -webkit-linear-gradient(top, #32323a 0%, #141414 100%);background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat, -moz-linear-gradient(top, #32323a 0%, #141414 100%);background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat, -ms-linear-gradient(top, #32323a 0%, #141414 100%);background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat, -o-linear-gradient(top, #32323a 0%, #141414 100%);background: url("/files/harmonika/system/icons/mail_w_s.png") left center no-repeat, linear-gradient(to bottom, #32323a 0%, #141414 100%)}div.reply{margin:30px 10px 10px}div.gb div.form,div.mod_comments div.form{width:95%;margin:auto}div#comment_form{display:none;margin-top:20px;margin-bottom:10px;margin-left:-10px;margin-rigth: -10px}a.comments_add_link{margin-left:-10px;curser:pointer}a.comments_add_link:hover{text-decoration:none;color:#fff;curser:pointer}div.submit_container{margin-top:10px}div.pagination{float:right;padding:5px;text-align:right}div.pagination a.link,div.pagination span{font-size:16px}div.pagination p{padding:5px;font-weight:bold}div.pagination ul{margin:0;list-style:none}div.pagination ul li{float:left;margin:5px} /* gallerie.css */ div#galleryContainer{height:680px;margin-top:10px;margin-bottom:20px;text-align:center}ul.list_albums li div figure.image_container{margin-left:30px;border-radius:5px;behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');box-shadow: 1px 1px #F1F1F1, 3px 3px #C1C1C1, 4px 4px #F1F1F1, 6px 6px #C1C1C1, 7px 7px #F1F1F1, 9px 9px #C1C1C1}ul.list_albums li div figure.image_container img{}div#galleryContainer ul li{width:31%;height:230px;display:block;margin:5px;text-align:center;border:1px solid #Fc1c1c1;line-height:220px;background-color:rgba(193,193,193,0.3);behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');behavior:url('assets/css3pie/1.0.0/PIE.htc');-moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999}div#galleryContainer ul li figure.image_container{vertical-align:middle}div.mod_gallery_creator{margin:5px 10px 20px}div.mod_gallery_creator div.pagination{display:block;margin:5px;padding:5px;text-align:right}div.mod_gallery_creator div.pagination ul{width:100%;height:1em;white-space:nowrap}div.mod_gallery_creator div.pagination ul li{display:inline}.current{font-weight:bold}div.mod_gallery_creator ul.list_albums{}ul.list_albums li{width:220px;float:left;text-align:center}div.col_1{margin:auto}ul.list_albums li div.tstamp{display:none}p.album_comment,ul.list_albums li div h2{padding-left:20px;text-align:left}p.count_pics,p.visitors{text-align:right;font-weight:bold} /* jscrollpane.css */ CSS Styles that are needed by jScrollPane for it to operate correctly. Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. .jspContainer{position:relative;overflow:hidden}.jspPane{position:absolute}.jspVerticalBar{width:16px;height:100%;top:0;right:0;position:absolute;background: red}.jspHorizontalBar{width:100%;height:16px;bottom:0;left:0;position:absolute;background: red}.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{position:relative;background: #dde}.jspDrag{top:0;left:0;position:relative;background: #bbd;cursor: pointer}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{height:100%;float:left}.jspArrow{display:block;text-indent:-20000px;background: #50506d;cursor: pointer}.jspArrow.jspDisabled{cursor: default;background: #80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;height:100%;float:left}.jspVerticalBar .jspArrow:focus{outline: none}.jspCorner{height:100%;float:left;background: #eeeef4} /* calendar.css */ div.mod_eventreader,div.mod_newsreader{padding-bottom:20px}div.event.layout_full{margin-bottom:20px}table.calendar tbody{}table.calendar thead th{height:40px}table.calendar{padding:10px 30px 30px}table.calendar tbody tr td.days{width:14%;min-height:70px;margin:5px;padding:5px;text-align:center;background-color:#be0010;background-color: rgba(244,0,20,0.1)}table.calendar tbody tr td.days div.header{margin:-5px -5px 0;padding:2px 0;font-weight:bold;color:#fff;background: #141414;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);background: -o-linear-gradient(top, #32323a 0%, #141414 100%);background: linear-gradient(to bottom, #32323a 0%, #141414 100%)}table.calendar tbody tr td.days div.event{margin-top:5px}table.calendar tbody tr td.days.active{background-color:#be0010;background-color: rgba(244,0,20,0.3)}table.calendar tbody tr td.days.today{}table.calendar tbody tr td.days.today div.header{background: #be0010}table.calendar tbody tr td.days.empty div.cal_wrapper{display:none}table.calendar tbody tr td.days.empty{background: transparent}th.head.current{font-size:12pt}div.event.current{font-weight:normal}div.cal_wrapper{min-height:70px}a.back{margin:5px} /* * harmonika5.css – das alte Design auf dem Markup von Contao 5. * Die alten Stylesheets (aus dem CSS-Editor von Contao 3) bleiben unverändert davor eingebunden; * hier steht nur, was durch das neue Core-Markup nicht mehr greift. Wird nach ihnen geladen. */ /* Schriftzug im Kopf (span.headline): Merienda lokal statt von Google Fonts (DSGVO), variable Schrift */ @font-face { font-family: 'Merienda'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(/files/harmonika/fonts/merienda.woff2) format('woff2'); } /* Kopf auf schmalen Fenstern: Das Layout ist fließend, Schriftzug (42px) und Logo (195px) waren fest – unter ~1000px brach "und Trachtenvolkstanzgruppe" in weitere Zeilen und lief über das Menü. Beide skalieren mit der Kopfbreite (cqw); bei voller Breite exakt wie im Original. Längste Zeile: 614px bei 42px → Faktor 0,064 auf den Platz neben dem Logo */ #header { container-type: inline-size; } #header img.logo_headline { width: clamp(90px, 18.6cqw, 195px); height: auto; } #header span.headline { font-size: clamp(14px, calc((81.4cqw - 40px) * 0.064), 42px); } /* Kopfhöhe mitskalieren statt fester 250px aus dem Layout (bei voller Breite: 186px Schriftzug + Menü = wie bisher) */ #header { height: auto; padding-bottom: 1px; } /* Mindesthöhe statt fester Höhe: die Schrift schrumpft langsamer als die Breite, die dritte Zeile darf nicht unter die Menüleiste rutschen */ #header span.headline { height: auto; min-height: clamp(0px, 17.4cqw, 183px); padding-bottom: 4px; } /* Hauptmenü über die volle Breite, Suche liegt darauf: .block bringt overflow:hidden und lässt die Navigation der schwebenden Suche ausweichen (in 3.0 war dafür "block" direkt aus dem Core-Template entfernt worden) */ #header nav.mod_navigation { overflow: visible; } /* Mittlere Breiten: Die Menüpunkte (569px Text + 14 × 10px Abstand) teilen sich die Zeile mit der schwebenden Suche (Feld + 71px Button/Polster + 20px Außenabstand). Reicht der Platz nicht, rutscht der letzte Punkt in die unsichtbare zweite Zeile. Deshalb schrumpfen nacheinander Suchfeld (150→90px), Abstände (10→3px) und Schrift (14→12px), jeweils mit 10px Reserve – bei voller Breite greifen die Maximalwerte, wie im Original */ #header .mod_search input[type="search"] { width: clamp(90px, calc(100cqw - 740px), 150px); } #header ul.bluemenu > li.level-0 { padding: 0 clamp(3px, calc((100cqw - clamp(90px, calc(100cqw - 740px), 150px) - 670px) / 14), 10px); } #header ul.bluemenu > li.level-0 > a, #header ul.bluemenu > li.level-0 > strong { font-size: clamp(12px, calc((100cqw - clamp(90px, calc(100cqw - 740px), 150px) - 143px) * 0.0246), 14px); } /* Schmale Fenster (Kopf < 720px, etwa Tablet hochkant – darunter passen die 7 Punkte auch mit 12px nicht): statt der abgeschnittenen Menüleiste ein Menü-Button (harmonika5.js), der die Hauptpunkte untereinander aufklappt. Unterpunkte über die Bereichsseite und die linke Navigation */ .menu-toggle { display: none; } @container (max-width: 719px) { #header .menu-toggle { display: block; height: 49px; margin: 7px 0 0; padding: 0 20px; border: 0; border-bottom: 2px solid #be0010; font: bold 14px/49px Verdana, sans-serif; color: #fff; text-align: left; cursor: pointer; background: linear-gradient(#32323a 0%, #141414 100%); width: 100%; } #header nav.mod_navigation > ul.level_1 { display: none; } #header nav.mod_navigation.is-open > ul.level_1 { display: block; height: auto; margin: 0; } #header nav.mod_navigation.is-open ul.bluemenu > li.level-0 { display: block; height: auto; min-height: 0; padding: 0 20px; line-height: 42px; text-align: left; border-bottom: 1px dotted #90000c; } #header nav.mod_navigation.is-open ul.bluemenu > li.level-0 > a, #header nav.mod_navigation.is-open ul.bluemenu > li.level-0 > strong { display: block; } /* Dropdowns und Pfeile des Desktop-Menüs aus */ #header nav.mod_navigation ul.bluemenu ul, #header nav.mod_navigation ul.bluemenu span.arrow { display: none !important; } /* Kopf neu anordnen: Logo + Schriftzug, darunter eine Leiste aus Menü-Button und Suche, darunter das Menü. nav mit display:contents, damit Button und Liste eigene Grid-Zellen bekommen */ #header > .inside { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "logo head head" "toggle toggle search" "menu menu menu"; } #header img.logo_headline { grid-area: logo; float: none; } #header span.headline { grid-area: head; } /* !important: ein altes Layout-Skript setzt nav.mod_navigation per jQuery inline auf display:block */ #header nav.mod_navigation { display: contents !important; } #header .menu-toggle { grid-area: toggle; margin: 0; } #header nav.mod_navigation > ul.level_1 { grid-area: menu; } #header .mod_search { grid-area: search; display: flex; align-items: center; float: none; margin: 0; padding: 0 10px 0 0; border-bottom: 2px solid #be0010; background: linear-gradient(#32323a 0%, #141414 100%); } #header .mod_search input[type="search"] { width: clamp(90px, 28cqw, 150px); } } /* Aktiver Navigationspunkt und Pfad (trail): Contao 3 nutzte , Contao 5 – die alte Regel ul.bluemenu li.level-0 span galt für alle Ebenen */ ul.bluemenu li.level-0 strong { font-weight: bold; color: #fff; } /* Die alte Basisregel a,span,…{font-size:14px} kennt kein strong – ohne das erbt der aktive Punkt die 12px/11px der li im Menü (Ebene 1/2) und wird kleiner */ nav.mod_navigation strong { font-size: 14px; } /* Contao 3 gab das HTML minimiert aus (minifyMarkup), Contao 5 mit Zeilenumbrüchen zwischen den inline-block-li – das ergibt je ~5px Lücke und verschiebt das zentrierte Menü. font-size:0 macht die Lücken null breit; die li setzen ihre Schrift selbst (font: 12px/49px …) */ ul.bluemenu { font-size: 0; }#left nav.mod_navigation strong { font-weight: normal; } /* Inhaltselemente: früher div[class*='ce_'] mit hellem Kasten, jetzt .content-* */ #main .mod_article > [class*="content-"] { margin: 5px 5px 10px; padding: 10px 10px 15px; border: 1px solid rgba(216, 216, 216, 0.2); background-color: rgba(216, 216, 216, 0.2); } /* Tabellen in Textelementen: früher div.ce_text table, jetzt .content-text */ .content-text table caption { margin: 0 2px; padding: 2px; font-weight: bold; color: #fff; background: linear-gradient(#f40014 5%, #90000c 100%); } .content-text table tbody { background-color: rgba(193, 193, 193, 0.3); } .content-text table tbody td { padding: 5px; } /* Formulare: Contao 3 gab sie als Tabelle aus (Beschriftung links, Feld rechts) – gleiche Spalten per Grid */ .ce_form .widget { display: grid; grid-template-columns: 125px minmax(0, 1fr); align-items: center; column-gap: 5px; margin: 3px 0; } .ce_form .widget > label { grid-column: 1; } .ce_form .widget > input, .ce_form .widget > textarea, .ce_form .widget > select { grid-column: 2; } .ce_form .widget > .captcha_text { grid-column: 2; } .ce_form .widget-captcha { grid-template-columns: 125px 190px minmax(0, 1fr); } .ce_form .widget-captcha > .captcha_text { grid-column: 3; } .ce_form .widget-radio, .ce_form .widget-checkbox { display: block; margin-left: 130px; } .ce_form .widget-radio fieldset, .ce_form .widget-checkbox fieldset { margin: 0; padding: 0 0 5px 10px; border: 0; border-top: 1px solid #c1c1c1; } .ce_form .widget-radio legend, .ce_form .widget-checkbox legend { padding: 0 3px; } .ce_form .widget-radio span, .ce_form .widget-checkbox span { margin-right: 10px; } .ce_form input.text, .ce_form input.captcha { width: 190px; } .ce_form textarea { width: 100%; height: 140px; } .ce_form .widget-submit { display: block; margin-top: 10px; padding-left: 130px; } /* Die Feld-Klasse "button red" setzt Contao 5 auch an den Wrapper – dort zurücksetzen, nur der Button ist rot */ .ce_form .widget-submit.button, .ce_form .widget-submit.button:hover, .ce_form .widget-submit.button:active { margin: 10px 0 0; padding: 0 0 0 130px; background: none; border: 0; border-radius: 0; } /* Bilder neben Text: früher figure.image_container.float_left/right in einem .block mit overflow:hidden */ .media { display: flow-root; } .media--left > figure { float: left; margin: 0 10px 10px 0; } .media--right > figure { float: right; margin: 0 0 10px 10px; } .media--above > figure, .media--below > figure { margin: 10px; } /* Rote Buttons: früher class="button red" direkt in den Templates */ .mod_search .submit, .pagination a.first, .pagination a.previous, .pagination a.next, .pagination a.last, p.back a, table.calendar th.head a, .mod_comment_form .submit { margin: 3px 0 2px; padding: 4px 10px; background-color: #be0010; border: 1px solid #90000c; border-radius: 5px; font-weight: normal; text-decoration: none; color: #fff; cursor: pointer; } .mod_search .submit:hover, .pagination a.first:hover, .pagination a.previous:hover, .pagination a.next:hover, .pagination a.last:hover, p.back a:hover, table.calendar th.head a:hover, .mod_comment_form .submit:hover { background: linear-gradient(#f40014 5%, #90000c 100%); color: #fff; text-decoration: none; } .mod_search .submit:active, .pagination a.first:active, .pagination a.previous:active, .pagination a.next:active, .pagination a.last:active, p.back a:active, table.calendar th.head a:active, .mod_comment_form .submit:active { background: linear-gradient(#90000c 5%, #f40014 100%); } /* Suche im Kopf: Feld und Button nebeneinander (Contao 5 legt das Feld in ein eigenes .widget) */ #header .mod_search .formbody { display: flex; align-items: center; } #header .mod_search .widget { margin: 0; } /* Breadcrumb: früher
mit Links und Haus-Icon (direkt im Core-Template geändert), jetzt