/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= global definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ html, body, div, table, caption, ul, li, adress, img, h1, h2, h3, h4, p, hr { border: none 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .hide { display: none; } .cleaner { display: block; height: 0; line-height: 0; clear: both; float: none; font-size: 0; } .leftclear { clear: left; } .rightclear { clear: right; } .left { float: left; } .right { float: right; } .center { position: relative; float: right; left: -50%; text-align: left; } .center-in { position: relative; left: 50%; margin:0; padding:0; } .bothclear { clear: both; } .textright { text-align: right; } .textcenter { text-align: center; } .textleft { text-align: left; } p.error { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "courier new", courier, monospace; color: #ff0000; } .v-ellip, v\:ellip { text-overflow: ellipsis; -o-text-overflow: ellipsis; /* -moz-binding: url( 'bindings.xml#ellipsis' ); HTML: , , http://chetzit.com/blog/css/9.html */ white-space: nowrap; overflow: hidden; display: inline-block; max-width: 100%; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= base layout definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ html { width: 100%; height: 100%; } body { width: 100%; height: 100%; } body { background: #fff url(../img/bg_datapage.png) no-repeat top center; } body#mainpage { background: #fff url(../img/bg.png) no-repeat top center; } #container { width: 100%; text-align: center; } #container-in { width: 960px; position: relative; margin: 0 auto; padding-top: 170px; text-align: left; } #header { width: 100%; height: 170px; overflow: hidden; position: absolute; top: 0; left: 0; } #columns-in { /* min-height:400px; height:auto !important; height:400px; */ /* filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; */ } #column-left { width: 690px; float: left; } #column-left-in { position: relative; } #column-right { width: 230px; float: right; position: relative; } body, input, table, textarea { font-family: Georgia, Trebuchet, Times New Roman; font-size: 9pt; color: #505050; } a { font-style: italic; text-decoration: underline; color: #505050; } a:hover { color: #000; } a:hover { text-decoration: none; } a.more { line-height: 1.5em; padding-right: 15px; background: url(../img/link_more.png) no-repeat bottom right; } a.more:hover { background: url(../img/link_more_hover.png) no-repeat bottom right; color: #000; } a.external { line-height: 1.5em; padding-right: 18px; background: url(../img/link_external_source.png) no-repeat bottom right; } a.external:hover { background: url(../img/link_external_source_hover.png) no-repeat bottom right; color: #000; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= content definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #columns { padding-top: 10px; } #columns-in { background: url(../img/line_vertical_content.png) repeat-y top right; } #content { margin: 0 0 50px 0; } #photos, #photolist, #search-results, .contentbox, #sitemap { padding-top: 24px; background: url(../img/line.png) repeat-x top left; } .intm { display: none; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= text elements -=-=-=-=-=-=-=-=-=-=-=-=-= */ p { margin: 0 0 5px 0; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; } h1 { position: relative; font-size: 2.8em; margin: 0; padding: 32px 0 18px 0; /* margin-bottom: 18px; background: url(../img/line.png) repeat-x bottom left; */ } h2 { font-size: 2.2em; margin: 40px 0 14px 0; } h2.first { margin-top: 0; } h3 { font-size: 1.5em; margin: 25px 0 8px 0; } table h3 { margin: 8px 0 8px 0; } h3.first { margin-top: 0; } h4 { font-size: 1.3em; margin: 15px 0 5px 0; } h4.first { margin-top: 0; } h5 { font-size: 1.2em; margin: 15px 0 3px 0; font-weight: bold; } h5.first { margin-top: 0; } h6 { font-size: 1.1em; margin: 12px 0 2px 0; font-weight: bold; } h6.first { margin-top: 0; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= header & menu1st definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #header { background: url(../img/line_double.png) repeat-x bottom left; } #logotype { position: absolute; top: 18px; left: 0px; } #logotype img, #logo-200let img { border: 0 none; } #logo-200let { position:absolute; top: 50px; left: 380px; } #header h2.title { display: block; width: 199px; height: 103px; position: absolute; top: 32px; left: 140px; margin: 0; overflow: hidden; } #header h2.title a { display: block; width: 199px; height: 103px; overflow: hidden; text-decoration: none; border: 0 none; background: url(../img/szm_title.png) no-repeat center; } a#logotype:hover, #header h2.title a:hover { filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; } #languages { position: absolute; top: 85px; right: 0; /* font-family: Arial; */ font-size: 1.1em; } #languages strong { font-weight: normal; color: #969696; text-transform: uppercase; } #languages a { font-style: normal; text-decoration: none; text-transform: uppercase; } #languages a:hover { text-decoration: underline; } #search { width: 230px; overflow: hidden; position: absolute; top: 110px; right: 0px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= text -=-=-=-=-=-=-=-=-=-=-=-=-= */ .perex { text-align: justify; font-style: italic; margin-bottom: 12px; } .content p, #content p { text-align: justify; line-height: 1.6em; margin-bottom: 8px; /* text-indent: 20px; */ } #eventdetail .leftcol p { text-align: left; } .content ul, .content ol, #content ul, #content ol { padding: 0; margin: 12px 0; } .content ul li, .content ol li, #content ul li, #content ol li { margin-left: 24px; line-height: 1.6em; text-align: left; } .content a, #content a { color:#324b96; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= img -=-=-=-=-=-=-=-=-=-=-=-=-= */ img.media-img { margin: 10px 18px; } table img.media-img, table span.media-img-container img.media-img { margin: 10px; } img.left, p.left img.media-img, p.left span.description, span.left img.media-img, span.left span.description { margin-left: 0; } img.size-full { margin: 10px 0; } img.right, p.right img.media-img, p.right span.description, span.right img.media-img, span.right span.description { margin-right: 0; } .perex img { margin-top: 0; } p.media-img-container, span.media-img-container { display: block; text-decoration: none; text-align: center; } p.media-img-container img.media-img, span.media-img-container img.media-img { margin-bottom: 6px; } p.media-img-container .description, span.media-img-container .description { display: block; margin-bottom: 8px; } p.left .description, span.left .description { margin-right: 18px; } p.right .description, span.right .description { margin-left: 18px; } p.media-img-container .description, span.media-img-container .description { position: relative; margin: 0px 18px 5px 18px; font-size: 0.9em; font-style: italic; line-height: 1.4em; text-align: center; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= table -=-=-=-=-=-=-=-=-=-=-=-=-= */ #content table, table.meteo-table { margin: 18px 0; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; } #content table td, #content table th, table.meteo-table td, table.meteo-table th { border-bottom: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } #content table td, table.meteo-table td { padding: 4px 8px; } #content table th, table.meteo-table th { padding: 8px; background: #fff url(../img/table_th.png) repeat-x bottom left; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= form -=-=-=-=-=-=-=-=-=-=-=-=-= */ form { margin: 0; padding: 0; } #column-left form { margin: 30px 0; } .text input, .password input { width: 250px; height: 22px; line-height: 22px; margin-bottom: 7px; margin-right: 10px; background: #fff; font-size: 1.1em; border: 1px solid #969696; } textarea { width: 100%; height: 120px; padding: 3px 5px; background: #fff; border: 1px solid #969696; overflow: auto; } .button, .submit, .reset { position: relative; } .button input, .submit input, .reset input { height: 26px; padding: 0 15px; margin-bottom: 7px; margin-right: 10px; font-size: 1.1em; border: 1px solid #969696; cursor: pointer; background: #fff url(../img/button.png) repeat-x top; } .button input:hover, .submit input:hover, .reset input:hover, .button input.hover, .submit input.hover, .reset input.hover { background: #fff url(../img/button_hover.png) repeat-x top; } .formFooter, .formFooter, .formFooter { padding-left: 150px; } textarea.onblur, input.onblur { font-style: italic; color: #aaaaaa; } input.onclick { font-style: normal; color: #505050; } label { display: block; width: 250px; line-height: 22px; float: left; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= databoxies definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* -=-=-=-=-=-=-=-=-=-=-=-=-= databox -=-=-=-=-=-=-=-=-=-=-=-=-= */ .databox { width: 690px; margin-bottom: 30px; overflow: hidden; background: url(../img/line.png) repeat-x top left; position: relative; } .databox h3 { margin: 10px 0 10px 0; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= banner-rotator & banner-rotator2 -=-=-=-=-=-=-=-=-=-=-=-=-= */ #banner-rotator.databox, #banner-rotator2.databox { background: transparent; margin-bottom: 18px; } #banner-rotator h3 { margin: 0px 0 10px 0; } #banner-rotator .content { height: 300px; overflow: hidden; position: relative; border: 1px solid #c8c8c8; background: #fff; } #banner-rotator2 .content { width: 100%; overflow: hidden; position: relative; background: url(../img/banners_section_content_pattern.png) repeat-x top left; } #banner-rotator2 .content-in { background: url(../img/banners_section_content_decor.png) no-repeat top right; } #banner-rotator2 p.perex { display: block; padding: 15px 20px 30px 20px; color: #000; } #banner-rotator2 a.more { position: absolute; right: 20px; bottom: 15px; line-height: 1em; font-size: 1.2em; } #banner-rotator #banner-visible { width: 460px; height: 300px; overflow: hidden; float: left; } #banner-rotator2 #banner-visible { width: 690px; height: 225px; overflow: hidden; position: relative; } ul#bannerslist { display: block; width: 280px; position: absolute; top: 0; right: 0; list-style-type: none; margin: 0; padding: 0; } ul#bannerslist li { width: 280px; height: 50px; margin: 0; float: right; overflow: hidden; position: relative; background: #fff url(../img/banners_item.png) repeat-x bottom left; } ul#bannerslist li.active { } ul#bannerslist li:hover, ul#bannerslist li.hover, ul#bannerslist li.active { overflow: visible; background: #fff url(../img/banners_item_hover.png) no-repeat bottom left; } ul#bannerslist li a { display: block; width: 271px; height: 50px; position: absolute; top: 0; right: 0; margin-left: 8px; font-style: normal; font-size: 1.2em; /* font-family: arial; */ text-decoration: none; color: #000000; } ul#bannerslist li:hover a, ul#bannerslist li.hover a, ul#bannerslist li.active a { width: 297px; background: transparent url(../img/banners_item_hover.png) no-repeat bottom left; color: #fff; } ul#bannerslist li a span { display: block; padding: 6px 8px 0px 38px; } ul#bannerslist li:hover a span, ul#bannerslist li.hover a span, ul#bannerslist li.active a span { margin-left: 26px; } ul#bannerslist li a small { display: block; margin-top: 2px; font-size: 0.75em; color: #505050; } ul#bannerslist li:hover a small, ul#bannerslist li.hover a small, ul#bannerslist li.active a small { color: #b9b9b9; } .banner-navigation { position: absolute; bottom: 15px; left: 15px; } .banner-navigation a { display: block; width: 20px; height: 20px; line-height: 16px; padding: 0; margin-left: 5px; overflow: hidden; float: left; text-align: center; /* font-family: arial; */ font-style: normal; text-decoration: none; font-size: 1.2em; background: url(../img/banner_button.png) no-repeat center; color: #fff; filter: alpha(opacity=60); opacity: 0.60; -moz-opacity: 0.60; } .banner-navigation a.active, .banner-navigation a:hover { filter: alpha(opacity=99); opacity: 0.99; -moz-opacity: 0.99; font-weight: bold; } .banner-navigation a span { } /* -=-=-=-=-=-=-=-=-=-=-=-=-= banner-rotator -=-=-=-=-=-=-=-=-=-=-=-=-= */ #events-actual.databox { overflow: visible; } #events-actual h3.title { margin-top: 0; padding-top: 10px; } #eventcarousel, #eventcarousel2 { width: 687px; height: 265px; position: relative; margin-bottom: 18px; } #eventcarousel #eventcarousel-in, #eventcarousel2 #eventcarousel-in { width: 687px; height: 265px; overflow: hidden; position:relative; } #eventcarousel ul, #eventcarousel2 ul { display: block; width: 20000px; list-style-type: none; position: relative; left: 0px; } #eventcarousel ul li, #eventcarousel2 ul li { display: block; width: 230px; overflow: hidden; margin: 0; padding: 0; float: left; } #eventcarousel ul li:hover, #eventcarousel2 ul li:hover { opacity: 0.90; /* Safari, Opera */ -moz-opacity: 0.90; /* FireFox */ } #eventcarousel ul li:hover img, #eventcarousel2 ul li:hover img { filter: alpha(opacity=90); /* IE */ } #eventcarousel ul li a, #eventcarousel2 ul li a { display: block; width: 227px; overflow: hidden; text-decoration: none; border: 0 none; cursor: pointer; } #eventcarousel ul li span.img, #eventcarousel2 ul li span.img { display: block; width: 227px; height: 172px; overflow: hidden; position: relative; border: 0 none; } #eventcarousel ul li span.img img, #eventcarousel2 ul li span.img img { min-width:227px; width:auto !important; width:227px; min-height:172px; height:auto !important; height:172px; } #eventcarousel ul li span.info, #eventcarousel2 ul li span.info { display: block; width: 227px; height: 95px; position: relative; margin: 0; overflow: hidden; font-style: normal; color: #fff; } #eventcarousel2 ul li span.info { color: #505050; } #eventcarousel ul li span.info span.info-in, #eventcarousel2 ul li span.info span.info-in { display: block; width: 207px; height: 81px; overflow: hidden; margin: 6px 10px; } #eventcarousel ul li span.info strong.title, #eventcarousel2 ul li span.info strong.title { display: block; margin-bottom: 3px; } #eventcarousel2 ul li span.info strong.title { color: #000000; text-decoration: underline; } #eventcarousel2 ul li:hover span.info strong.title, #eventcarousel2 ul li.hover span.info strong.title { text-decoration: none; } #eventcarousel ul li span.info .perex, #eventcarousel2 ul li span.info .perex { display: block; width: 185px; height: 45px; overflow: hidden; line-height: 1.4em; font-size: 0.9em; color: #e1e1e1; font-style: normal; text-align: left; text-decoration: none; } #eventcarousel2 ul li span.info .perex { color: #505050; } #eventcarousel ul li span.info span.more, #eventcarousel2 ul li span.info span.more { display: block; width: 16px; height: 25px; overflow: hidden; position: absolute; top: 60px; right: 10px; background: url(../img/arrow_down2.png) no-repeat center; } #eventcarousel ul li:hover span.info span.more, #eventcarousel ul li.hover span.info span.more { background: url(../img/arrow_down2_hover.png) no-repeat center; } #eventcarousel2 ul li:hover span.info span.more, #eventcarousel2 ul li.hover span.info span.more { background: url(../img/arrow_down2_hover2.png) no-repeat center; } #eventcarousel a.previous, #eventcarousel a.next, #eventcarousel2 a.previous, #eventcarousel2 a.next { display: block; width: 20px; height: 172px; text-decoration: none; } #eventcarousel a.previous, #eventcarousel2 a.previous { position: absolute; top: 0px; left: -20px; background: url(../img/eventcarousel_left.png) no-repeat top right; } #eventcarousel a.next, #eventcarousel2 a.next { position: absolute; top: 0px; right: -20px; background: url(../img/eventcarousel_right.png) no-repeat top left; } #eventcarousel a.previous:hover, #eventcarousel2 a.previous:hover { background: url(../img/eventcarousel_left.png) no-repeat top left; } #eventcarousel a.next:hover, #eventcarousel2 a.next:hover { background: url(../img/eventcarousel_right.png) no-repeat top right; } #eventcarousel a.previous_button_disabled, #eventcarousel a.next_button_disabled, #eventcarousel2 a.previous_button_disabled, #eventcarousel2 a.next_button_disabled { display: none; } #carouselcontent, #carouselcontent2 { background: url(../img/line.png) repeat-x top left; position: relative; } #carouselcontent .content-in, #carouselcontent2 .content-in { padding-top: 45px; } #carouselcontent h2, #carouselcontent2 h2 { margin-top: 0; margin-bottom: 20px; } #carouselcontent strong.prefix, #carouselcontent2 strong.prefix { position: absolute; top: 10px; left: 0; margin: 0; padding: 0; font-weight: normal; font-size: 1.6em; color: #787878; } #carouselcontent .preloader, #carouselcontent2 .preloader { position: absolute; right: 0; top: 10px; margin-right: 0; } .content .leftcol { width: 210px; margin-right: 20px; overflow: hidden; float: left; position: relative; } .content .rightcol { width: 460px; overflow: hidden; float: left; } #carouselcontent .leftcol img, #carouselcontent2 .leftcol img { margin-bottom: 8px; } #eventdetail .leftcol p, #carouselcontent .leftcol p, #carouselcontent2 .leftcol p, .h1-adds p { display: block; padding-left: 40px; margin-bottom: 8px; line-height: 1.5em; font-style: italic; } #eventdetail .leftcol p.archive { display: block; height: 30px; margin-bottom: 12px; background: #ed0000 url(../img/archive.png) repeat-x bottom left; color: #fff; padding: 0 10px; line-height: 30px; } #carouselcontent .leftcol p { text-align: left; } #carouselcontent .leftcol p strong, #carouselcontent2 .leftcol p strong { font-style: normal; } #carouselcontent .rightcol, #carouselcontent2 .rightcol { width: 460px; overflow: hidden; float: right; } #carouselcontent .rightcol p, #carouselcontent2 .rightcol p { text-align: justify; } #eventdetail { padding-top: 18px; padding-bottom: 30px; background: url(../img/line.png) repeat-x top left; } #eventdetail .leftcol img { margin-bottom: 12px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= adds -=-=-=-=-=-=-=-=-=-=-=-=-= */ p.adds { margin-top: 20px; } #content p.adds { text-indent: 0; } .adds a { line-height: 1.8em; padding-left: 24px; } #content adds a { color: #505050; } .adds .customfield2, .adds .date { font-style: italic; color: #787878; } .adds a.facebook { background: url(../img/icon_facebook.png) no-repeat top left; } .adds a.print { background: url(../img/icon_print.png) no-repeat top left; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= itemlist -=-=-=-=-=-=-=-=-=-=-=-=-= */ .itemlist .leftcol a { text-decoration: none; } .itemlist .leftcol a .imgbox { display: block; width: 140px; height: 105px; overflow: hidden; } .itemlist .leftcol a:hover img { filter: alpha(opacity=90); opacity: 0.90; -moz-opacity: 0.90; } .itemlist h4 { font-size: 1.25em; } .itemlist h4 a { color: #324b96; } .itemlist .item { width: 100%; margin-bottom: 18px; } .itemlist p { margin: 0; } .itemlist p.perex { font-style: normal; text-align: justify; } .itemlist .rightcol { /* margin-left: 156px; */ float: none; } .itemlist .rightcol h4 { margin-top: 0; } .itemlist .rightcol h4.pdf { padding-left: 22px; background: url(../img/icon_pdf.gif) no-repeat top left; } .itemlist .rightcol h4.doc, .itemlist .rightcol h4.docx { padding-left: 22px; background: url(../img/icon_doc.gif) no-repeat top left; } .itemlist .more { line-height: 2em; } .itemlist a.other { font-size: 1.2em; line-height: 1em; } .itemlist .date, .itemlist .author, .itemlist .photos { font-style: italic; color: #787878; } .itemlist .author strong { font-weight: normal; } .itemlist a.link { display: block; width: 100%; height: 14px; overflow: hidden; margin-top: 3px; white-space: nowrap; font-size: 0.9em; } .norecord { display: block; clear: both; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= events-prepared, articlelist, search -=-=-=-=-=-=-=-=-=-=-=-=-= */ #events-prepared { } #events-prepared .databox-in { margin-top: 1px; padding: 10px 16px 20px 12px; background: #e9e9e9 url(../img/prepared.png) repeat-x top left; } #events-prepared h3 { margin-top: 0; margin-bottom: 12px; } #articles h3, #eventcalendar h3, #eventcalendar2 h3, #photogalleries h3 { float: left; margin-bottom: 22px; } .itemlist .leftcol { display: block; width: 140px; position: relative; overflow: hidden; margin-right: 16px; float: left; } #eventcalendar .leftcol, #eventcalendar2 .leftcol, #events-prepared .leftcol { border-top-width: 8px; border-top-style: solid; } #search-results .item { margin-bottom: 20px; } #articles .item, #events-prepared .item { margin-bottom: 16px; } #eventcalendar .date, #eventcalendar .department, #eventcalendar .event, #eventcalendar2 .date, #eventcalendar2 .department, #eventcalendar2 .event { font-weight: bold; font-style: normal; color: #505050; } .FBConnectButton_Simple span, .FBConnectButton_RTL_Simple span { text-decoration: underline !important; } .FBConnectButton_Simple:hover span, .FBConnectButton_RTL_Simple:hover span { text-decoration: none !important; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= photogallery -=-=-=-=-=-=-=-=-=-=-=-=-= */ #photogallerylist .leftcol { width: 158px; } #photogallerylist .leftcol a { display: block; padding-bottom: 10px; background: #ebebeb url(../img/photogallerylist.png) repeat-x top left; border: 1px solid #cbcbcb; } #photogallerylist .leftcol a .imgbox { width: 156px; height: 111px; overflow: hidden; text-align: center; } #photogallerylist .leftcol a img { margin: 8px; } #selphotogallery { position: absolute; top: 117px; right: 2px; } #photolist table { border: 0 none; margin: 0; padding: 0; } #photolist table td { vertical-align: top; padding-bottom: 30px; } #photolist table td div { width: 210px; overflow: hidden; border-top: 1px solid #969696; } #photolist table td strong, #photolist table td p, #photolist table td a { width: 210px; display: block; margin: 5px 0; overflow: hidden; } #photolist table td strong { margin-top: 8px; } #photolist table td a { margin-top: 10px; background-position: center center; background-repeat: no-repeat; height: 150px; } #photolist table td a:hover { filter: alpha(opacity=70); opacity: 0.70; -moz-opacity: 0.70; } #photolist table td a img { display: none; } #photolist table td.col1, #photolist table td.col2 #photolist table td.col3 { width: 210px; } #photolist table td.col1, #photolist table td.col2 { padding-right: 30px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= news -=-=-=-=-=-=-=-=-=-=-=-=-= */ #news.databox { margin-bottom: 30px; } #news .item { margin-bottom: 14px; } #news h4 { font-size: 1.25em; margin-bottom: 7px; } #news h4 a { color: #324b96; } #news .department { padding: 0 5px; font-style: italic; color: #fff; } #news .date { padding-left: 3px; font-style: italic; color: #787878; } #news p.perex { font-style: normal; text-align: justify; } a.other { font-size: 1.2em; } #news a.other { position: relative; top: -5px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= navigation -=-=-=-=-=-=-=-=-=-=-=-=-= */ .navigation { float: right; margin: 10px 0; display: inline; /* font-family: arial; */ } .navigation a { font-style: normal; padding: 0 3px; } .navigation a:hover { color: #324B96; } .navigation .current, .navigation .arrow-left, .navigation .noactive .arrow-left, .navigation .arrow-stop-left, .navigation .noactive .arrow-stop-left, .navigation .arrow-right, .navigation .noactive .arrow-right, .navigation .arrow-stop-right, .navigation .noactive .arrow-stop-right { padding: 0 4px; line-height: 16px; text-decoration: none; } .navigation .arrow-left { background: url(../img/icon_arrow_left.png) no-repeat center; } .navigation .arrow-left:hover { background: url(../img/icon_arrow_left_hover.png) no-repeat center; } .navigation .noactive .arrow-left { background: url(../img/icon_arrow_left_noactive.png) no-repeat center; } .navigation .arrow-stop-left { background: url(../img/icon_arrow_stop_left.png) no-repeat center; } .navigation .arrow-stop-left:hover { background: url(../img/icon_arrow_stop_left_hover.png) no-repeat center; } .navigation .noactive .arrow-stop-left { background: url(../img/icon_arrow_stop_left_noactive.png) no-repeat center; } .navigation .arrow-right { background: url(../img/icon_arrow_right.png) no-repeat center; } .navigation .arrow-right:hover { background: url(../img/icon_arrow_right_hover.png) no-repeat center; } .navigation .noactive .arrow-right { background: url(../img/icon_arrow_right_noactive.png) no-repeat center; } .navigation .arrow-stop-right { background: url(../img/icon_arrow_stop_right.png) no-repeat center; } .navigation .arrow-stop-right:hover { background: url(../img/icon_arrow_stop_right_hover.png) no-repeat center; } .navigation .noactive .arrow-stop-right { background: url(../img/icon_arrow_stop_right_noactive.png) no-repeat center; } #content .navigation .arrow-left, #content .navigation .arrow-stop-left, #content .navigation .arrow-right, #content .navigation .arrow-stop-right { text-decoration: none; } .preloader { margin: 4px 10px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= crumbs -=-=-=-=-=-=-=-=-=-=-=-=-= */ #crumbs { width: 100%; height: 24px; line-height: 24px; margin-bottom: 8px; white-space: nowrap; overflow: hidden; font-size: 0.9em; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= department -=-=-=-=-=-=-=-=-=-=-=-=-= */ #department { width: 100%; height: 75px; overflow: hidden; border-bottom: 1px solid #7d7d7d; } #department div { width: 100%; height: 75px; overflow: hidden; } #department p, #department a { margin: 15px 20px; height: 45px; padding-left: 65px; } #department a { display: block; font-style: normal; } #department p big, #department a big { display: block; margin-bottom: 7px; font-size: 2.2em; font-weight: normal; color: #fff; } #department p small { display: block; font-size: 1.5em; color: #E1E1E1; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= search -=-=-=-=-=-=-=-=-=-=-=-=-= */ h1 span.prefix, h1 span.subtitle { position: absolute; top: 22px; left: 0; margin: 0; padding: 0; font-weight: normal; font-size: 0.55em; } h1 span.query, h1 span.title { display: block; font-size: 0.8em; margin: 8px 0 0 0; position: relative; top: 4px; } /* #photos.databox { background: transparent; } */ #search-results .navigation.top, #photos .navigation.top { display: inline; margin-top: 0; float: right; } #search-results .navigation { } #search-results .preloader, #photos .preloader { display: inline; margin: 4px 10px 4px 0; float: left; } strong.searchword { color: #324B96; } #search-results .count, #photos .count { display: inline; float: left; } #search-results .count strong, #photos .count strong { font-size: 1.2em; } #results { margin-top: 20px; } #photolist { padding-top: 50px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= calendar -=-=-=-=-=-=-=-=-=-=-=-=-= */ .h1-adds { position: absolute; top: 125px; right: 0; } .h1-adds .location { width: 180px; background: url(../img/icon_location.png) no-repeat left top; } .h1-adds .datetime { background: url(../img/icon_datetime.png) no-repeat left top; } .h1-adds .properties { float: right; margin-left: 10px; min-height:37px; } .h1-adds .properties .alone{ margin-top:5px; float:left; } #calendar.databox { /* background: transparent; */ padding-top: 12px; margin-bottom: 30px; } #calendar.databox #calendar-ajax { width: 230px; min-height:230px; height:auto !important; height:230px; float: left; } #calendar.databox #calendar-table { width: 210px; } #calendar.databox .eventtypes { padding-top: 12px; } #calendar.databox .eventtypes h4 { margin-top: 0; } #calendar.databox .eventtypes ul, #calendar.databox .departments{ list-style-type: none; margin: 0; padding: 0; padding-top: 10px; } #calendar.databox .eventtypes { clear: both; } #calendar.databox .eventtypes ul { display: block; width: 690px; } #calendar.databox .eventtypes ul li, #calendar.databox .departments div { display: block; float: left; width: 210px; height: 45px; margin: 0; line-height: 1px; padding-left: 18px; padding-bottom: 12px; overflow: hidden; } #calendar.databox .eventtypes ul li.eventtype0 { padding-left: 0; width: 230px; } #calendar.databox .departments div.type1, #calendar.databox .departments div.type3 { font-size: 0.9em; } #calendar.databox .eventtypes ul li a, #calendar.databox .departments div a { display: block; height: 44px; margin: 0; overflow: hidden; line-height: 44px; padding: 0 10px 0 10px; text-decoration: none; font-size: 1.4em; font-style: normal; position: relative; } #calendar.databox .eventtypes ul li.eventtype1 a, #calendar.databox .eventtypes ul li.eventtype2 a { padding-left: 45px; } #calendar.databox .eventtypes ul li a span { display: block; width: 24px; height: 24px; position: absolute; top: 9px; left: 12px; } #calendar.databox .eventtypes ul li a span.type0 { background: url(../img/icon_exhibition_small.png) no-repeat center; } #calendar.databox .eventtypes ul li a span.type1 { background: url(../img/icon_location_small.png) no-repeat center; } #calendar.databox .departments div:hover, #calendar.databox .departments div.hover { /* filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; */ } #calendar.databox .eventtypes ul li a:hover, #calendar.databox .eventtypes ul li a.active, #calendar.databox .departments div a.active, #calendar.databox .departments div a:hover { color: #fff; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= sideboxies definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* -=-=-=-=-=-=-=-=-=-=-=-=-= sidebox -=-=-=-=-=-=-=-=-=-=-=-=-= */ .sidebox { width: 230px; margin-bottom: 30px; overflow: hidden; background: url(../img/line.png) repeat-x top left; } .sidebox h3 { margin: 12px 0 6px 0; } .sidebox p { color: #787878; font-style: italic; } .sidebox a { color: #505050; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= menu -=-=-=-=-=-=-=-=-=-=-=-=-= */ #menu { /* position: relative; */ } #menu.sidebox { padding: 0; background: transparent; } #menu.sidebox h3 { margin-top: 0; margin-bottom: 10px; } #menu ul { display: block; padding: 10px 0 20px 0; background: #505050 url(../img/menu1st.png) repeat-x top; } #menu ul ul { padding: 0; padding-bottom: 10px; background: transparent; } #menu ul li { display: block; position: relative; cursor: pointer; } #menu ul li a { display: block; padding: 6px 12px 6px 24px; font-size: 1.2em; font-style: normal; text-decoration: none; background: url(../img/bullet.png) no-repeat left top; color: #ffffff; } #menu ul li span.add { display: none; } #menu ul li.current span.add { display: block; width: 5px; height: 5px; position: absolute; left: 12px; top: 9px; background: url(../img/menu1st_current.png) no-repeat center; } #menu ul li.nochild span.add, #menu ul li.current li span.add { display: none; } #menu ul li li.nochild.current span.add { display: block; } #menu ul li.current a, #menu ul li.active li.current a, #menu ul li.active li.active li.current a { color: #fff; } #menu ul li.current span.add { top: 12px; } #menu ul ul li.current span.add { top: 9px; } #menu ul ul ul li.current span.add { left: 22px; } #menu ul li.active a { background: url(../img/bullet_active.png) no-repeat left top; } #menu ul li.nochild a { background: url(../img/bullet.png) no-repeat left top; } #menu ul li:hover, #menu ul li.hover, #menu ul li.active { background: #222222 url(../img/menu1st_hover.png) repeat-x top left; } #menu ul li ul { display: none; } #menu ul li.active ul { display: block; } #menu ul li.active ul li a { font-size: 1em; padding-top: 4px; padding-bottom: 4px; background: url(../img/bullet_in.png) repeat-y left top; color: #d7d7d7; } #menu ul li.active ul li a:hover { color: #fff; } #menu ul li.active ul li.active { background: #222222; } #menu ul li.active ul li ul { display: none; } #menu ul li.active ul li.active ul { display: block; } #menu ul li.active ul li.active ul { padding-bottom: 5px; } #menu ul li.active ul li.active ul li a { font-size: 1em; padding-left: 36px; background: url(../img/bullet_in2.png) repeat-y left top; color: #aaaaaa; } #menu ul li.active ul li.active ul li a:hover { color: #fff; } #menu ul li.active ul li.active ul li.first a { background: url(../img/bullet_active2.png) no-repeat left top; } #menu ul li.active ul li.nochild ul li.first a { background: url(../img/bullet_in2.png) repeat-y left top; } #menu ul ul ul ul { display: none; } #menu .functions { position: absolute; top: 0; right: 0; } #menu .functions a { font-style: normal; text-decoration: none; } #menu .functions a:hover { text-decoration: underline; } #menu .functions .text-small, #menu .functions .text-big { /* font-family: arial; */ } #menu .functions .text-small { font-size: 0.8em; } #menu .functions a.favorite, #menu .functions a.sitemap { display: inline; line-height: 12px; padding: 0 6px; margin-left: 5px; } #menu .functions a.favorite { background: url(../img/icon_favorite.png) no-repeat center; } #menu .functions a.sitemap { background: url(../img/icon_sitemap.png) no-repeat center; } #menu .functions a.favorite:hover, #menu .functions a.sitemap:hover { filter: alpha(opacity=70); opacity: 0.70; -moz-opacity: 0.70; text-decoration: none; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= form special -=-=-=-=-=-=-=-=-=-=-=-=-= */ #flashMessage { font-weight: bold; font-size: 1.1em; color: #000; } #search .formbox, #newsletter .formbox, #contact .text { width: 228px; height: 26px; overflow: hidden; border: 1px solid #969696; background: #fff; } #newsletter .formbox { margin-top: 7px; } #contact .formbox { margin-bottom: 10px; } #search .text input, #newsletter .text input, #contact .text input { width: 190px; margin: 0 0 0 5px; float: left; border: 0 none; } #contact .text { margin-bottom: 7px; } #contact .textarea { margin-bottom: 5px; } #contact .textarea textarea { width: 218px; height: 90px; padding: 0; margin: 3px 5px 0 5px; line-height: 1.4em; border: 0 none; } #search .submit, #newsletter .submit, #contact .submit { padding: 0; margin: 0; } #search .submit input, #newsletter .submit input, #contact .submit input { float: right; width: 30px; border: 0 none; margin-right: -1px; padding: 0; background: url(../img/arrow_right.png) no-repeat center; } #search .submit input:hover, #search .submit input.hover, #newsletter .submit input:hover, #newsletter .submit input.hover, #contact .submit input:hover, #contact .submit input.hover { background: url(../img/arrow_right_hover.png) no-repeat center; } #contact .submit input { width: 38px; height: 26px; padding: 0; background: url(../img/contact_submit.png) no-repeat center; border: 1px solid #969696; } #contact .submit input:hover, #contact .submit input.hover { background: url(../img/contact_submit_hover.png) no-repeat center; } .xselect { width: 228px; height: 30px; margin-bottom: 7px; position: relative; } .xselect .select-in { width: 228px; height: 30px; overflow: hidden; position: absolute; top: 0; left: 0; border: 1px solid #969696; cursor: pointer; background: #fff; } .xselect .option { display: block; margin: 3px; padding: 5px 5px 4px 5px; background: #e6e6e6; color: #505050; font-style: italic; } .xselect .option a { display: block; text-decoration: none; } .xselect.hover .option a { color: #fff; } .xselect .type0 { color: #505050; } .xselect .type1, .xselect .type2, .xselect .type3, .xselect .type4, .xselect .type5, .xselect .type6 { color: #fff; } .xselect .option:hover { background: #222222 url(../img/calendar_anchor_hover.png) repeat-x top left; color: #fff; } .xselect.hover .select-in { height: auto; } .xselect .bar { display: block; width: 32px; height: 28px; position: absolute; top: 1px; right: 0px; cursor:pointer; background: #fff url(../img/arrow_down.png) no-repeat center; } .xselect.hover .bar { background: #fff url(../img/arrow_down_hover.png) no-repeat center; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= calendar -=-=-=-=-=-=-=-=-=-=-=-=-= */ #calendar #calendar-table { margin: 10px 0 12px 0; padding: 6px 10px; border: 1px solid #969696; } #calendar-table table { width: 100%; border: 0 none; border-spacing: 3px; } #calendar-table table td, #calendar-table table th { width: 14.25%; padding: 3px 0 6px 0; text-align: center; color: #787878; } #calendar-table table td a { display: block; font-style: normal; font-size: 1.1em; text-decoration: none; } #calendar-table table td { color #fff; } #calendar-table table td, #calendar-table table td{ border: 1px solid #fff; } #calendar-table table td:hover, #calendar-table table td.hover { border: 1px solid #E6E6E6; } #calendar-table table td.outofmonth:hover, #calendar-table table td.outofmonth.hover { border: 0 none; } #calendar-table table td a:hover { color #000; } #calendar-table table td.weekend, #calendar-table table th.weekend, #calendar-table table td.weekend a { font-style: italic; color: #505050; } #calendar-table table .header td, #calendar-table table .header th { color: #505050; } #calendar-table table td.event-past { background: #e6e6e6; } #calendar-table table td.event-future { background: #aaaaaa; } #calendar-table table td.event-future a { color: #fff; } #calendar-table table td.today { border: 1px solid #505050; color: #505050; } #calendar .date strong { font-style: normal; font-size: 1.2em; } #calendar-table table td a.previous { display: block; background: url(../img/navigation_previous.png) no-repeat center; } #calendar-table table td a.previous:hover { background: url(../img/navigation_previous_hover.png) no-repeat center; } #calendar-table table td a.next { display: block; background: url(../img/navigation_next.png) no-repeat center; } #calendar-table table td a.next:hover { background: url(../img/navigation_next_hover.png) no-repeat center; } #calendar-table table td.event-past:hover, #calendar-table table td.event-future:hover, #calendar-table table td.today:hover, #calendar-table table td.event-past.hover, #calendar-table table td.event-future.hover, #calendar-table table td.today.hover { background: url(../img/calendar_anchor_hover.png) no-repeat center; } #calendar-table table td.event-past:hover a, #calendar-table table td.event-future:hover a, #calendar-table table td.today:hover a, #calendar-table table td.event-past.hover a, #calendar-table table td.event-future.hover a, #calendar-table table td.today.hover a { color: #fff; } #calendar-table table td.noactions:hover, #calendar-table table td.noactions.hover { background: transparent; background-color: #fff; } #calendar-table table td.noactions:hover a, #calendar-table table td.noactions.hover a { color: #505050; } #calendar-table table th.header { text-transform: uppercase; font-size: 1.2em; } #eventlist .archive { padding: 0 5px; margin: 0 5px; background: #ed0000 url(../img/archive.png) repeat-x bottom left; color: #fff; } #calendar .eventlist p { display: block; border-left: 8px solid; padding-left: 10px; } #calendar .eventlist strong a { font-style: normal; text-decoration: none; } #calendar .eventlist strong a:hover { text-decoration: underline; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= didyouknow -=-=-=-=-=-=-=-=-=-=-=-=-= */ #didyouknow p { min-height: 100px; padding: 12px 48px 20px 12px; background: #eaeaea url(../img/sidebox_did_you_know.png) no-repeat top left; color: #505050; } .together { width: 228px; height: 123px; overflow: hidden; border: 1px solid #969696; } .together .submit { float: right; } #contact .contacts p { font-style: normal; margin: 7px 0; color: #505050; } #contact .contacts big { font-size: 1.5em; font-weight: normal; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= collection -=-=-=-=-=-=-=-=-=-=-=-=-= */ #collection { margin: 50px 0; } #column-left #collection form { padding-bottom: 10px; margin: 10px 0 20px 0; background: url("../img/line.png") repeat-x left bottom; } #collection .input { float: left; margin-right: 30px; } #collection label { width: 50px; } .collection-article { margin-bottom: 20px; } #column-left .collection-article h4 { margin-top: 2px; } #column-left .collection-article p.collection-author { margin-bottom: 0px; } .collection-no-article { font-style: italic; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= footer definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #footer { margin-top: 20px; padding-bottom: 100px; text-align: center; } #footer-in { width: 960px; margin: 0 auto; text-align: left; font-style: italic; background: url(../img/line_double.png) repeat-x top left; color: #aaaaaa; } #footer .fcenter, #footer .fright, #footer .fleft { display: inline; margin-top: 40px; text-align: center; } #footer .fcenter { margin-left: 248px; float: left; width: 464px; background: url(../img/line_vertical.png) repeat-y top right; } #footer .fcenter-in { width: 464px; background: url(../img/line_vertical.png) repeat-y top left; } #footer .fright { float: left; width: 248px; } #footer .fright div .partner { margin-left: 80px !important; } #footer .fleft { float: left; width: 248px; margin-left: -960px; } #footer .fright a.partner, #footer .fleft a.partner { display: block; height: 70px; } #footer .fright a.partner { margin: 0px 0px 0px 10px; float: left; } #footer .author { margin-top: 30px; text-align: center; } #footer .author a.partner { text-decoration: none; line-height: 16px; padding: 0 57px; background: url(../img/logotype_deriva.png) no-repeat center; filter: alpha(opacity=50) !important; /* IE */ opacity: 0.50 !important; /* Safari, Opera */ -moz-opacity: 0.50 !important; /* FireFox */ } #footer .fright a.partner img { margin-top: 14px; } #footer a { color: #505050; } #footer .fcenter p { margin-bottom: 5px; } #footer .fcenter a.partner { display: block; width: 120px; height: 40px; float: left; margin-bottom: 10px; margin-left: 20px; } #footer .fcenter a.partner-row { display: block; width: 100%; height: 40px; margin-bottom: 20px; text-align: center; } #footer .fcenter a.partner-row img { margin: 0 auto; } #footer .author a, #footer a.partner img, #footer .fcenter a.partner-row img { filter: alpha(opacity=50) !important; /* IE */ opacity: 0.50; /* Safari, Opera */ -moz-opacity: 0.50; /* FireFox */ } #footer .author a:hover, #footer a.partner:hover img, #footer .fcenter a.partner-row:hover img { filter: alpha(opacity=90); /* IE */ opacity: 0.90 !important; /* Safari, Opera */ -moz-opacity: 0.90; /* FireFox */ } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= type colors definitions =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #eventcarousel ul li .img .icon, #eventcarousel2 ul li .img .icon, #eventcalendar .icon, #eventcalendar2 .icon, #events-prepared .icon { display: block; width: 24px; height: 24px; position: absolute; top: 7px; right: 7px; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= colors -=-=-=-=-=-=-=-=-=-=-=-=-= */ #calendar .eventlist .type1, #eventcalendar .type1, #eventcalendar2 .type1, #events-prepared .type1 { border-color: #35408a; } #calendar .eventlist .type2, #eventcalendar .type2, #eventcalendar2 .type2, #events-prepared .type2 { border-color: #008B37; } #calendar .eventlist .type3, #eventcalendar .type3, #eventcalendar2 .type3, #events-prepared .type3 { border-color: #8C231C; } #calendar .eventlist .type4, #eventcalendar .type4, #eventcalendar2 .type4, #events-prepared .type4 { border-color: #E4002A; } #calendar .eventlist .type5, #eventcalendar .type5, #eventcalendar2 .type5, #events-prepared .type5 { border-color: #6B5094; } #calendar .eventlist .type6, #eventcalendar .type6, #eventcalendar2 .type6, #events-prepared .type6 { border-color: #EA6823; } #news .item .type0 { background: #969696; color: #fff; } .xselect .type1, #news .item .type1 { background: #35408a; } .xselect .type2, #news .item .type2 { background: #008B37; } .xselect .type3, #news .item .type3 { background: #8C231C; } .xselect .type4, #news .item .type4 { background: #E4002A; } .xselect .type5, #news .item .type5 { background: #6B5094; } .xselect .type6, #news .item .type6 { background: #EA6823; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= icons -=-=-=-=-=-=-=-=-=-=-=-=-= */ ul#bannerslist li.type1 a span { background: url(../img/type1_icon.png) no-repeat left center; } ul#bannerslist li.type2 a span { background: url(../img/type2_icon.png) no-repeat left center; } ul#bannerslist li.type3 a span { background: url(../img/type3_icon.png) no-repeat left center; } ul#bannerslist li.type4 a span { background: url(../img/type4_icon.png) no-repeat left center; } ul#bannerslist li.type5 a span { background: url(../img/type5_icon.png) no-repeat left center; } ul#bannerslist li.type6 a span { background: url(../img/type6_icon.png) no-repeat left center; } #eventdetail .leftcol p.type0, #carouselcontent .leftcol p.type0, #carouselcontent2 .leftcol p.type0 { background: url(../img/icon_location.png) no-repeat left top; } #eventdetail .leftcol p.type1, #carouselcontent .leftcol p.type1, #carouselcontent2 .leftcol p.type1 { background: url(../img/type1_icon.png) no-repeat left top; } #eventdetail .leftcol p.type2, #carouselcontent .leftcol p.type2, #carouselcontent2 .leftcol p.type2 { background: url(../img/type2_icon.png) no-repeat left top; } #eventdetail .leftcol p.type3, #carouselcontent .leftcol p.type3, #carouselcontent2 .leftcol p.type3 { background: url(../img/type3_icon.png) no-repeat left top; } #eventdetail .leftcol p.type4, #carouselcontent .leftcol p.type4, #carouselcontent2 .leftcol p.type4 { background: url(../img/type4_icon.png) no-repeat left top; } #eventdetail .leftcol p.type5, #carouselcontent .leftcol p.type5, #carouselcontent2 .leftcol p.type5 { background: url(../img/type5_icon.png) no-repeat left top; } #eventdetail .leftcol p.type6, #carouselcontent .leftcol p.type6, #carouselcontent2 .leftcol p.type6 { background: url(../img/type6_icon.png) no-repeat left top; } #eventcarousel ul li.type0 span.info, #eventcarousel ul li.type1 span.info { background: url(../img/type1_bar.png) repeat-x left top; } #eventcarousel ul li.type2 span.info { background: url(../img/type2_bar.png) repeat-x left top; } #eventcarousel ul li.type3 span.info { background: url(../img/type3_bar.png) repeat-x left top; } #eventcarousel ul li.type4 span.info { background: url(../img/type4_bar.png) repeat-x left top; } #eventcarousel ul li.type5 span.info { background: url(../img/type5_bar.png) repeat-x left top; } #eventcarousel ul li.type6 span.info { background: url(../img/type6_bar.png) repeat-x left top; } #department .type0, #department .type1 { background: url(../img/type1_department_bar.png) repeat-x left top; } #department .type2 { background: url(../img/type2_department_bar.png) repeat-x left top; } #department .type3 { background: url(../img/type3_department_bar.png) repeat-x left top; } #department .type4 { background: url(../img/type4_department_bar.png) repeat-x left top; } #department .type5 { background: url(../img/type5_department_bar.png) repeat-x left top; } #department .type6 { background: url(../img/type6_department_bar.png) repeat-x left top; } #department .type0 p { background: url(../img/type0_icon_big.png) no-repeat left center; } #department .type1 p { background: url(../img/type1_icon_big.png) no-repeat left center; } #department .type2 p { background: url(../img/type2_icon_big.png) no-repeat left center; } #department .type3 p { background: url(../img/type3_icon_big.png) no-repeat left center; } #department .type4 p { background: url(../img/type4_icon_big.png) no-repeat left center; } #department .type5 p { background: url(../img/type5_icon_big.png) no-repeat left center; } #department .type6 p { background: url(../img/type6_icon_big.png) no-repeat left center; } #calendar.databox .eventtypes ul li a, #calendar.databox .departments div a { background: url(../img/type0_calendar_bar.png) repeat-x top left; } #calendar.databox .departments div.type0 a:hover, #calendar.databox .departments div.type0 a.active { background: url(../img/type1_calendar_bar.png) repeat-x top left; } #calendar.databox .eventtypes ul li a:hover, #calendar.databox .eventtypes ul li a.active { background: url(../img/type0_calendar_bar_hover.png) repeat-x top left; } #calendar.databox .departments div.type1 a:hover, #calendar.databox .departments div.type1 a.active { background: url(../img/type1_calendar_bar.png) repeat-x top left; } #calendar.databox .departments div.type2 a:hover, #calendar.databox .departments div.type2 a.active { background: url(../img/type2_calendar_bar.png) repeat-x top left; } #calendar.databox .departments div.type3 a:hover, #calendar.databox .departments div.type3 a.active { background: url(../img/type3_calendar_bar.png) repeat-x top left; } #calendar.databox .departments div.type4 a:hover, #calendar.databox .departments div.type4 a.active { background: url(../img/type4_calendar_bar.png) repeat-x top left; } #calendar.databox .departments div.type5 a:hover, #calendar.databox .departments div.type5 a.active { background: url(../img/type5_calendar_bar.png) repeat-x top left; } #calendar.databox .departments div.type6 a:hover, #calendar.databox .departments div.type6 a.active { background: url(../img/type6_calendar_bar.png) repeat-x top left; } #eventdetail .leftcol p.datetime, #carouselcontent .leftcol p.datetime, #carouselcontent2 .leftcol p.datetime { background: url(../img/icon_datetime.png) no-repeat top left; } .etype1 { background: url(../img/icon_exhibition_small.png) no-repeat center; } .etype2 { background: url(../img/icon_action_small.png) no-repeat center; } #eventdetail .leftcol p.etype1, #carouselcontent .leftcol p.etype1, #carouselcontent2 .leftcol p.etype1 { background: url(../img/icon_exhibition.png) no-repeat top left; } #eventdetail .leftcol p.etype2, #carouselcontent .leftcol p.etype2, #carouselcontent2 .leftcol p.etype2 { background: url(../img/icon_action.png) no-repeat top left; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= weather greaph -=-=-=-=-=-=-=-=-=-=-=-=-= */ #chartBox { list-style: none; margin: 10px 0px 0px 0px; padding: 0; } #chartBox li { display: block; float: left; border: none; margin: 0 !important; } #chartBox li a { display: block; padding: 10px 20px; font-style: normal; background: #E6E6E6; color: #000; position: relative; margin: 0px 4px 0px 0px; } #chartBox a.active { background: #fff; border: 1px solid #969696; border-bottom: none; z-index: 1000; } #chartBoxContent { display: block; width: 100%; border: 1px solid #969696; height: 300px; overflow: hidden; position: relative; top: -1px; clear: both; float: none; margin-bottom: 10px; } /*#chartBoxContent div { width: 100% !important; }*/ .meteo-table { margin-top: 0px !important; } /* -=-=-=-=-=-=-=-=-=-=-=-=-= weather box -=-=-=-=-=-=-=-=-=-=-=-=-= */ #meteo { display: block; width: 650px; height: 175px; background: #2fa84e url('../img/weatherBox.png') repeat-x; overflow: hidden; color: #fff; margin: 0 0 18px 0; padding: 0; padding: 15px 20px; color: #e1e1e1; } #meteo h3 { font-size: 1.5em; font-weight: normal; padding: 0; margin: 0; color: #fff; } #meteo dl { display: block; width: 380px; float: left; } #meteo dl dt { display: block; float: left; padding: 7px 0px 0px 28px; width: 60px; overflow: hidden; font-size: 1.1em; } #meteo dl dd { display: block; float: left; padding: 4px 0px 0px 0px; width: 80px; overflow: hidden; font-size: 1.3em; margin: 0; color: #fff; } #meteo dl dd span { font-size: 0.7em; } #meteo dl dt.meteo-icon-wind, #meteo dl dt.meteo-icon-humidity, #meteo dl dt.meteo-icon-pressure { margin-left: 42px; } dt.meteo-icon-calendar { background: url('../img/weatherBoxDate.png') no-repeat left 4px; } dt.meteo-icon-wind { background: url('../img/weatherBoxWind.png') no-repeat left 4px; } dt.meteo-icon-clock { background: url('../img/weatherBoxTime.png') no-repeat left 4px; } dt.meteo-icon-humidity { background: url('../img/weatherBoxHumidity.png') no-repeat left 4px; } dt.meteo-icon-pressure { background: url('../img/weatherBoxPress.png') no-repeat left 4px; } dt.meteo-icon-temperature { background: url('../img/weatherBoxTemperature.png') no-repeat left 7px; } dt.meteo-icon-rain { background: url('../img/weatherBoxRainfall.png') no-repeat left 8px; } #meteo .records { display: block; width: 239px; float: right; margin-top: -17px; } #meteo .records strong { text-decoration: underline; padding-bottom: 5px; color: #fff; } #meteo .records dl { clear: both; float: none; width: 239px; padding: 0; margin: 0; } #meteo .records dl dt { display: block; float: left; padding: 3px 0px 0px 15px; width: 110px; overflow: hidden; font-size: 1.1em; } #meteo .records dl dd { padding: 2px 0px 0px 0px; width:110px; } #meteo .records .meteo-month { display: block; padding: 55px 0px 0px 0px; } #meteo .records dl dt.meteo-icon-up { background: url('../img/weatherBoxUp.png') no-repeat left 6px; } #meteo .records dl dt.meteo-icon-down { background: url('../img/weatherBoxDown.png') no-repeat left 6px; } #meteo p.meteo-footer { padding: 0; margin: 0; position: absolute; bottom: 14px; left: 18px; font-size: 1.1em; color: #e1e1e1; } #meteo p.meteo-footer a { text-decoration: underline; color: #fff; } #meteo p.meteo-footer a:hover { text-decoration: none; } .florius-input { float: left; } .florius-submit { float: left; padding-left: 0; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* IE < 8 */ /* // 200let //*/ .eventAddPhotoButton {width: 198px; height: 22px; display: block; position: absolute; right: 20px; bottom: 21px; font-style: normal; font-size: 16px; background: url('../img/addPhoto.jpg') no-repeat 0 0; text-align: center; text-decoration: none; padding-top: 4px;} .eventAboutLogged { display: block; width: 250px; height: 70px; font-size: 13px; background: #e8e8e8; border: 1px solid #cbcbcb; position: absolute; right: 0; top: 0; } .eventLeft { display: block; width: 110px; margin-top: 10px; margin-left: 10px; float: left; } .eventStrong { display: block; font-size: 18px; color: #000; } .eventName { display: block; font-size: 14px; color: #505050; } .eventRight { display: block; float: left; width: 120px; margin-top: 10px;} .eventRight a { display: block; font-style: normal; color: #324b96; margin-bottom: 3px; } .images-head-bar { position: relative; height: 25px; margin-bottom: 12px; } .eventKategorie { width: 100px; position: absolute; top: -9px; left: 120px; } .eventKategorie .select-in { width: 100px; } .eventKategorie .option, .eventKategorie .option:hover { background: none; color: #505050; } .event-images .item { width: 206px; padding: 0 2px; margin-right: 29px; margin-left: 0 !important; float: left; list-style: none; } .event-images .item.last { margin-right: 0 !important; } .event-images .item h2 {margin-top: 0; font-size: 14px; margin-top: 3px; font-weight: bold; margin-bottom: 10px; } .event-images .winner { background: #ffffe1; } .event-images .winner strong { color: #e60028; font-size: 14px; text-transform: uppercase; } .event-images .item div { font-style: italic; margin-bottom: 12px; } .event-images .item img { margin-left: -2px; } .event-images .images .item { margin-bottom: 20px; background: #e6e6e6; } .event-images .images .item a { display: block; width: 210px; height: 210px; background-position: center center; background-repeat: no-repeat; margin-right: -2px; margin-left: -2px; } .event-images .images .item a img { display: none; } .event-images .titles .item { border-top: 1px solid #969696; padding-top: 7px; } .images-head-bar .navigation { width: 200px; text-align: right; position: absolute; right: 0; top: -10px; } .eventLogin { width: 350px; float: left; } .eventLogin form {} .eventLogin form fieldset { border: none; border-right: 1px solid #c9c9c9; position: relative;} .eventLogin form fieldset input,.eventLogin form fieldset label { display: block; } .eventLogin form fieldset input.text { width: 216px; height: 22px; border: 1px solid #969696; margin-bottom: 13px; padding-left: 6px; padding-right: 6px; } .eventLogin form fieldset label { margin-bottom: 6px; color: #787878; } .eventLogin form fieldset .formDelimiter { width: 50px; height: 29px; background: #fff; position: absolute; top: 50%; right: -25px; text-align: center; font-size: 16px; color: #aaaaaa; font-style: italic; padding-top: 11px; margin-top: -20px; } .eventRegisterForm .submit, .eventLogin form fieldset input.submit, .eventRegisterButton { margin-top: 9px;/* border: 1px solid #a9a9a9; height: 24px; background: url('./eventSubmit.png') repeat-x 0 0; */} .eventRegisterButton { display: block; width: 80px; position: absolute; right: 100px; top: 100px; text-align: center; height: 20px; padding: 0 15px; margin-bottom: 7px; margin-right: 10px; font-size: 1.1em; border: 1px solid #969696; cursor: pointer; background: #fff url(../img/button.png) repeat-x top; color: #505050 !important; text-decoration: none; font-style: normal; padding-top: 4px; } .eventRegisterButton:hover { background: #fff url(../img/button_hover.png) repeat-x top; } .eventBoxRegister { width: 230px; margin-right: 21px; float: left; } .eventRegisterForm { margin-top: 10px !important; } .eventRegisterForm fieldset { border: none; } .eventRegisterForm label { font-size: 14px; color: #787878; margin-bottom: 8px; width: auto; float: none; } .eventRegisterForm .text { width: 216px; height: 22px; border: 1px solid #969696; margin-bottom: 15px; padding-left: 6px; padding-right: 6px; } .eventRegisterForm .xselect { margin-bottom: 15px; width: 120px; } .eventRegisterForm .xselect .select-in { width: 120px; } .eventRegisterForm .xselect .select-in .option, .eventRegisterForm .xselect .select-in .option:hover { background: none; color: #505050; } .eventRegisterForm .customCheckbox label { float: right; width: 640px; } .eventRegisterForm .checkbox .checkbox { margin-top: 7px; } .eventRegisterForm .customCheckbox .customCheckboxIn { width: 20px; height: 20px; float: left; background: url('./../img/200_checkbox.jpg') no-repeat 0 -20px; margin-top: 5px; } .eventRegisterForm .customCheckbox.checked .customCheckboxIn { background-position: 0 0 !important; } .eventRegisterForm .customCheckbox input { display: none; } .eventAddImages {} .eventAddImages fieldset { border: none; } .eventAddImages fieldset .row { margin-bottom: 40px; } .eventAddImages fieldset .eventPhoto { width: 210px; height: 210px; margin-right: 20px; float: left; background-image: url('../img/addPhotoPlaceholder.jpg'); background-repeat: no-repeat; background-position: center center; overflow: hidden; } .eventAddImages fieldset .eventPhoto div { width: 210px; height: 210px; background-position: center center; background-repeat: no-repeat; } .eventAddImages fieldset .form { float: left; } .eventAddImages fieldset .form label { display: block; float: none; width: auto; font-size: 14px; color: #787878; margin-bottom: 4px; } .eventAddImages fieldset .form label span { font-style: italic; } .eventAddImages fieldset .form textarea { width: 413px; height: 58px; resize: none; margin-bottom: 8px; padding-left: 6px; padding-right: 6px; } .eventAddImages fieldset .form .text { height: 22px; width: 216px; border: 1px solid #969696; margin-bottom: 8px; padding-left: 6px; padding-right: 6px; } .eventAddImages fieldset .submitLine { background: url("../img/line.png") repeat-x scroll left top rgba(0, 0, 0, 0); padding-bottom: 30px; padding-top: 18px; } .extend-nav .navigation { width: 200px; text-align: right; } .extend-nav .navigation a { color: #505050; } .pos-relative { position: relative; } .lineBreak { display: block; height: 7px; } .competition_photos p.perex { padding-bottom: 40px !important; } .competition_photos a.more { bottom: 20px !important; } #RegisteredUserPasswordRecoveryForm fieldset, #RegisteredUserPasswordResetForm fieldset { border: 0; } #RegisteredUserPasswordRecoveryForm fieldset .submit .submit { margin-top: 15px; } .photo_partners { margin-top: 20px; display: block; } #department .type_comeptition_photo { background-image: url('./../img/photo_department_bar.png') !important; } #department .type_comeptition_photo a { background: url('./../img/photo_icon_big.png') no-repeat 0 0; } #photo_banner a, #news-banner a { display: block; margin-top: 20px; } /* // //*/ .index_partners { margin-top: 32px; } .index_partners a { float: left; margin-top: 0; } .index_partners a.olympus { padding-top: 30px; } .index_partners a.mas { padding-top: 16px; } .index_partners a.wiki {} #logo100let { padding-top: 20px; }