/* fonts */ @xxxfont-face { font-family: 'oddfellow'; src: url('../fonts/GaramondPremrPro-Capt.otf'); format('opentype') } /* basis */ body { margin: 0; color: #2b2b2b; font-family: georgia; } body.intranet { xbackground: url(../../graphics/intranet/basis/bg.gif) repeat-x; } p { margin: 0; } a img { border: none; } a:focus, input:focus, textarea:focus, select:focus, fieldset:focus { outline: none; } .width { width: 960px; xoverflow: hidden; } .break { float: none; clear: both; } .hidden { display: none; } body.public #stage { } /* top */ #top { height: 150px; font-family: arial, helvetica; text-transform: uppercase; } #top .row { xheight: 45px; } #top .row p.large { margin: 14px 0 6px 0; font-size: 11px; line-height: 15px; color: #b5b5b5; font-weight: bold; xfloat: right; } #top .row p.small { margin: 2px 0 0 0; font-size: 10px; line-height: 14px; color: #b5b5b5; font-weight: bold; xfloat: right; } #top .row p a { text-decoration: none; color: #b5b5b5; } #top .row p a:hover { color: #2b2b2b; } #top .row .info { height: 45px; float: left; text-align: left; } #top .row .info a { font-size: 10px; } #top .row .login { height: 45px; float: right; text-align: right; } #top .logo { xheight: 95px; padding: 44px 0 0 0; } #top .logo a { width: 140px; height: 60px; background: url(../../graphics/top/logo.gif); display: block; } #top .busy { width: 16px; height: 15px; margin: 14px 0 0 -8px; position: absolute; left: 50%; display: none; } #top .busy p { width: 16px; height: 15px; background: url(../../../graphics/intranet/basis/spin.gif) no-repeat 0 0; } /* columns */ #column_left { width: 190px; text-align: left; float: left; } #column_right { width: 715px; text-align: left; float: right; } #column_area { width: 450px; float: left; } #column_area img { max-width: 450px; } #column_extra { width: 225px; float: right; } #column_even_left { width: 460px; text-align: left; float: left; } #column_even_right { width: 460px; text-align: left; float: right; } /* nav */ #nav_holder { height: 47px; margin: 0 0 45px 0; } #nav { width: 100%; height: 53px; overflow: hidden; position: absolute; z-index: 500; } #nav ul.nav { margin: 0; padding: 0; list-style: none; font-family: arial, helvetica; text-transform: uppercase; display: table; } #nav ul.nav li { margin: 0; padding: 0; list-style: none; _display: table; float: left; } #nav ul.nav li a { padding: 0 0 0 13px; color: #fff; text-decoration: none; display: block; } #nav ul.nav li a p { padding: 18px 13px 18px 0; font-size: 12px; line-height: 14px; font-weight: bold; } #nav ul.nav li a.normal:hover p { padding-top: 19px; text-shadow: none; } #nav ul.nav li a.selected { background-repeat: no-repeat; background-position: left top; } #nav ul.nav li a.selected p { background-repeat: no-repeat; background-position: right top; } body.public #nav { background-image: url(../../graphics/nav/public/ribbon.png); } body.public #nav ul.nav li a p { text-shadow: 0px 1px 3px #330000; } body.public #nav ul.nav li a.selected { background-image: url(../../graphics/nav/public/tab_left.gif); } body.public #nav ul.nav li a.selected p { color: #9d0000; text-shadow: 0px 1px 0px #fff; background-image: url(../../graphics/nav/public/tab_right.gif); } body.intranet #nav { background-image: url(../../graphics/nav/intranet/ribbon.png); } body.intranet #nav ul.nav li a p { text-shadow: 0px 1px 3px #341d00; } body.intranet #nav ul.nav li a.selected { background-image: url(../../graphics/nav/intranet/tab_left.gif); } body.intranet #nav ul.nav li a.selected p { color: #774900; text-shadow: 0px 1px 0px #fff; background-image: url(../../graphics/nav/intranet/tab_right.gif); } /* nav sub */ #nav_sub { padding: 0 0 40px 0; } #nav_sub ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e0ceb2; } #nav_sub ul li { margin: 0; padding: 0; list-style: none; float: none; clear: both; } #nav_sub ul li a { text-decoration: none; display: block; xfloat: left; } #nav_sub ul li a p { font-family: arial, helvetica; font-size: 12px; line-height: 16px; text-align: right; } #nav_sub ul li a.normal { color: #565656; } #nav_sub ul li a.normal p { } #nav_sub ul li a.normal:hover p { color: #9d0000; } #nav_sub ul li a.selected { color: #9d0000; } #nav_sub ul li a.selected p { } #nav_sub ul li a.active { color: #2b2b2b; } #nav_sub ul li a.active p { } #nav_sub ul li.level1 { } #nav_sub ul li.level1 a { padding: 8px 1px 8px 0; border-top: 1px solid #e0ceb2; } #nav_sub ul li.level1 a p { xtext-transform: uppercase; xfont-weight: bold; } #nav_sub ul li.level1 a.selected { } #nav_sub ul li.level1 a.active { } #nav_sub ul li.level2 { } #nav_sub ul li.level2 a { padding: 0 1px 8px 0; } #nav_sub ul li.level2 a p { font-size: 11px; line-height: 15px; } #nav_sub ul li.level2 a.selected p { } #nav_sub ul li a.selected .arrow { width: 4px; height: 8px; background: url(../../graphics/nav/sub/arrow.gif); overflow: hidden; position: absolute; margin: 4px 0 0 198px; } #nav_sub ul li a p.description { padding: 4px 0 0 0; font-size: 11px; line-height: 15px; text-align: right; text-transform: none; font-weight: normal; } #nav_sub ul.extended { } #nav_sub ul.extended li { } #nav_sub ul.extended li a { padding-bottom: 12px; } #nav_sub ul.extended li a h1 { margin: 4px 0 4px 0; font-size: 14px; line-height: 19px; font-weight: normal; color: #995e00; } #nav_sub ul.extended li a.selected h1 { color: #9d0000; } #nav_sub ul.extended li a p { text-align: left; font-size: 10px; line-height: 14px; color: #2b2b2b; } #nav_sub ul.extended li a p.date { margin: 0 0 4px 0; font-weight: bold; } #nav_sub ul.extended li a p.intro { } /* tabs */ #xtabs { height: 47px; margin: -45px 0 45px 0; background: url(../../graphics/nav/tabs/tabs_shadow.gif) repeat-x 0 bottom #e5e5e5; overflow: hidden; } #xtabs ul.tabs { height: 47px; margin: 0; padding: 0; list-style: none; font-family: arial, helvetica; text-transform: uppercase; display: table; } #xtabs ul.tabs li { height: 47px; margin: 0 1px 0 1px; padding: 0; list-style: none; background: url(../../graphics/nav/tabs/tabs.gif) repeat-x; float: left; } #xtabs ul.tabs li a { height: 47px; padding: 0 0 0 20px; color: #fff; text-decoration: none; background: url(../../graphics/nav/tabs/tabs.gif) no-repeat; display: block; } #xtabs ul.tabs li a p { padding: 33px 20px 34px 0; font-size: 11px; line-height: 0px; font-weight: bold; background: url(../../graphics/nav/tabs/tabs.gif) no-repeat; } #xtabs ul.tabs li.normal { background-position: left -50px; } #xtabs ul.tabs li.normal a { background-position: left 0; } #xtabs ul.tabs li.normal a p { background-position: right -100px; color: #ae8b66; } #xtabs ul.tabs li.normal a:hover p { color: #7a4e16; } #xtabs ul.tabs li.selected { background-position: left -200px; } #xtabs ul.tabs li.selected a { background-position: left -150px; } #xtabs ul.tabs li.selected a p { background-position: right -250px; color: #7a4e16; padding-top: 34px; } #tabs { margin: -45px 0 45px 0; overflow: hidden; } #tabs { background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); } #tabs ul { margin: 0; padding: 16px 0 14px 0; display: table; } #tabs ul li { margin: 0 2px 0 2px; padding: 0; list-style: none; float: left; } #tabs ul li a { padding: 2px 10px 2px 10px; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: block; } #tabs ul li a p { padding: 5px 0 5px 0; font-family: arial, helvetica; font-size: 10px; line-height: 7px; text-transform: uppercase; font-weight: bold; color: #fff; } #tabs ul li a.normal { background: #c0bbb4; } #tabs ul li a.normal p { color: #fff; } #tabs ul li a.normal:hover { background: #995e00; } #tabs ul li a.selected { background: #995e00; } #tabs ul li a.selected p { color: #fff; } /* flaps */ .flaps { background: #f2efed; border: 1px solid #c9c7c5; } .flaps ul { margin: 0; padding: 0; } .flaps ul li { margin: 0 0 0 -1px; padding: 0; list-style: none; float: left; } .flaps ul li a { padding: 9px 20px 7px 20px; display: block; text-decoration: none; } .flaps ul li a p { font-family: arial, helvetica; font-size: 12px; line-height: 15px; font-weight: bold; } .flaps ul li a.normal { margin: 0 1px 0 1px; } .flaps ul li a.normal p { color: #85807a; } .flaps ul li a.normal:hover p { color: #514734; } .flaps ul li a.selected { margin: -1px 0 -1px 0; background: #fff; border: 1px solid #c9c7c5; border-bottom: 1px solid #fff; } .flaps ul li a.selected p { margin: 1px 0 -1px 0; color: #514734; } #popup_link .flaps { margin: 1px 1px 0 1px; padding: 20px 20px 0 20px; border: none; border-bottom: 1px solid #c9c7c5; } #popup_link .flaps ul li a { border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; } /* screen */ #screen { margin: 0 0 25px 0; } #screen .window { } #screen .window .image { width: 660px; float: left; } #screen .bookmark { width: 70px; height: 260px; background: url(../../graphics/bookmark/bookmark_bg.gif); float: left; } #screen .bookmark .top { width: 70px; height: 20px; background: url(../../graphics/bookmark/bookmark_top.gif); } #screen .bookmark ul.dots { margin: 0; padding: 24px 0 0 0; list-style: none; } #screen .bookmark ul.dots li { margin: 0; padding: 0; list-style: none; } #screen .bookmark ul.dots li a { height: 17px; display: block; background: url(../../graphics/bookmark/bookmark_dots.png) no-repeat; } #screen .bookmark ul.dots li a.normal { background-position: center top; } #screen .bookmark ul.dots li a.normal:hover { background-position: center -17px; } #screen .bookmark ul.dots li a.selected { background-position: center -34px; } #screen .message { width: 230px; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; overflow: hidden; } #screen .message .filter { width: 230px; height: 260px; background: #000; opacity: 0.4; filter: alpha(opacity = 40); position: absolute; display: none; } #screen .message .text { width: 230px; height: 260px; position: absolute; } #screen .message .text table { width: 230px; height: 260px; } #screen .message .text table p { padding: 14px 20px 0 20px; font-family: georgia; font-size: 18px; line-height: 26px; color: #fff; text-align: left; text-shadow: 0px 1px 3px #000; } #screen .message .image { width: 230px; height: 260px; overflow: hidden; } #screen .shadow { height: 23px; background: url(../../graphics/images/shadow_large.gif) no-repeat; } #screen .shadow .bookmark { width: 80px; height: 23px; margin: 0 0 0 655px; background: url(../../graphics/bookmark/bookmark_end.gif); } /* presentation */ #presentation { margin: 0 0 50px 0; text-align: left; float: left; width: 100%; } #presentation p { font-family: arial, helvetica; } #presentation .left { width: 630px; float: left; } #presentation .left p { padding: 0 90px 0 0; font-size: 13px; line-height: 24px; } #presentation .left p b { font-size: 11px; text-transform: uppercase; } #presentation .right { width: 315px; margin: 38px 0 0 0; background: url(../../graphics/misc/line_dotted.gif) repeat-y; float: right; } #presentation .right h6 { margin-bottom: 12px !important; padding: 0 0 0 15px; font-size: 20px; line-height: 28px; } #presentation .right p { padding: 0 35px 0 15px; font-size: 11px; line-height: 18px; } #presentation .right .counter { width: 297px; height: 52px; margin: 0 0 0 15px; background: url(../../graphics/misc/counter.gif) repeat-x; } #presentation .right .counter p { width: 31px; margin: 0 2px 0 0; padding: 9px 0 0 0; font-family: arial, helvetica; font-size: 26px; line-height: 18px; font-weight: bold; color: #fff; text-align: center; float: left; } #presentation .right .counter p.decimal { background: url(../../graphics/misc/counter_thousand.png) no-repeat -1px -1px; } /* #presentation .right .counter.done p:nth-last-child(3), #presentation .right .counter.done p:nth-last-child(6) { background: url(../../graphics/misc/counter_thousand.png) no-repeat; }*/ /* text */ h5 { margin: 0 0 8px 0; padding: 2px 6px 2px 6px; font-size: 11px; line-height: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #9d0000; float: left; clear: both; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } h6 { margin: 0 0 20px 0; font-size: 36px; line-height: 40px; font-weight: normal; color: #995e00; } /* .text p { margin: 0 0 18px 0; font-size: 12px; line-height: 21px; font-family: arial, helvetica; }*/ .text p { margin: 0 0 18px 0; font-size: 14px; line-height: 21px; font-family: arial, helvetica; } .text p b { font-size: 11px; text-transform: uppercase; } .text p.intro { margin: 0 0 32px 0; font-size: 18px; line-height: 28px; font-family: georgia; } .text p.date { margin: -10px 0 16px 0; font-family: arial, helvetica; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #888; } .text a { color: #2b2b2b; } .text h1 { margin: 0 0 6px 0; font-size: 18px; line-height: 23px; font-weight: normal; color: #995e00; } .text h2 { margin: 0 0 2px 0; font-size: 11px; line-height: 18px; color: #995e00; text-transform: uppercase; } .text h5 { margin: 0 0 10px 0; } .text h6 { margin: 0 0 15px 0; } .text ul { margin: -10px 0 22px 0; padding: 0 0 0 27px; } .text ul li { margin: 0 0 2px 0; padding: 0; list-style: square; font-family: arial, helvetica; font-size: 13px; line-height: 20px; } .text p.byline { padding: 0 15px 0 0; color: #646464; float: left; } .text p.byline b { font-size: 10px; padding: 0 6px 0 0; } .text p.byline a { text-decoration: none; color: #646464; } .text p.byline a:hover { text-decoration: underline; } .text p.byline a.tab { padding: 0 6px 0 2px; } .text p.byline a.tab.normal { color: #818181; } .text p.byline a.tab.selected { color: #6c5837; font-weight: bold; } .text img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .text img.align_left { margin: 0 30px 0 0; } .text img.align_right { margin: 0 0 0 30px; } .text_small p { margin: 0 0 20px 0; font-size: 11px; line-height: 16px; font-family: arial, helvetica; } .text_small p b { } .text_small a { color: #2b2b2b; } .text_small h1 { margin: 0 0 2px 0; font-size: 14px; line-height: 19px; font-weight: normal; color: #995e00; } p a.more { margin: 8px 0 0 0; font-size: 11px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; color: #9d0000; text-decoration: none; display: block; } p a.more:hover { color: #995e00; text-decoration: underline; } /* blogg */ #column_blog_text { width: 530px; text-align: left; float: left; } #column_blog_more { width: 370px; text-align: left; float: right; } /* .blogg_more { xwidth: 450px; margin: 40px 0 0 0; xpadding: 7px 0 0 0; xborder-top: 2px solid #cecece; } /* .blogg_more ul { margin: 0; padding: 0; } /* .blogg_more ul li { xwidth: 47%; margin: 0; padding: 0; list-style: none; xfloat: left; } /* .blogg_more ul li.odd { float: left; clear: left; }*/ /* .blogg_more ul li.even { float: right; }*/ /* .blogg_more ul li a { padding: 12px 0 12px 0; border-top: 1px solid #cecece; display: block; text-decoration: none; } .blogg_more ul li a p { } .blogg_more ul li a p.title { margin: 0 0 4px 0; font-size: 15px; line-height: 18px; color: #6c5837; } .blogg_more ul li a p.description { font-family: arial, helvetica; font-size: 11px; line-height: 15px; color: #2b2b2b; } .blogg_more ul li a:hover p.title { color: #9d0000; } */ .archive { padding: 20px 0 80px 0 !important; overflow: hidden; } .archive ul { margin: 0 -30px 40px 0 !important; text-align: left; float: left; } .archive ul li { width: 300px; margin: 0 30px 0 0 !important; float: left !important; clear: none !important; } .archive ul li:nth-child(3n+4) { clear: left !important; } /* text, extra */ .quot { } .quot p { } .quot p.text { font-size: 14px; line-height: 24px; color: #995e00; background: url(../../graphics/text/quot.gif) no-repeat 0 4px; } .quot p.text .icon { padding: 0 34px 0 0; } .quot p.byline { margin: 10px 0 0 0; font-size: 10px; line-height: 15px; color: #2b2b2b; font-family: arial, helvetica; text-transform: uppercase; } /* fact */ .fact { margin: 11px 0 0 0; } .fact .row { margin: 0 0 7px 0; background: url(../../graphics/misc/line_fact.gif) repeat-x 0 11px; } .fact .row p { line-height: 16px; background: #fff; } .fact .row p a { color: #9b5e00; text-decoration: none; } .fact .row p a:hover { color: #a00000; text-decoration: underline; } .fact .row p.left { padding: 1px 5px 0 0; font-family: arial, helvetica; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #636363; float: left; } .fact .row p.left .description { padding-left: 5px; font-weight: normal; text-transform: none; } .fact .row p.right { max-width: 60%; padding: 0 0 0 5px; font-family: georgia; font-size: 13px; color: #2b2b2b; text-align: right; float: right; } .fact.version2 { margin: 0 0 24px 0; } .fact.version2 .row { margin: 0; background: none; } .fact.version2 .row:nth-child(2n+1) { background: #f4ebe0; } .fact.version2 .row p { margin: 0; background: none; } .fact.version2 .row p.left { padding: 8px 0 6px 8px; } .fact.version2 .row p.right { padding: 8px 8px 6px 0; } .fact.version2 .row.break p { float: none; } .fact.version2 .row.break p.right { padding: 0 0 8px 7px; text-align: left; } /* note */ .note { margin: 0 0 10px 0; padding: 0 0 40px 0; background: url(../../graphics/misc/note_shadow.gif) no-repeat left bottom #f8f3ec; font-family: arial, helvetica; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; } .note .info { padding: 15px 15px 13px 15px; background: url(../../graphics/misc/note_top.gif) repeat-x; } .note .info h1 { margin: 0 0 6px 0; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #6f5730; text-shadow: 0px 1px 0px #fff; } .note .info p { margin: 0; font-size: 11px; line-height: 15px; color: #2b2b2b; } .note .buttons { padding: 0 0 0 15px; } .note p.button { } .note p.button a { padding: 8px 8px 8px 8px; font-size: 10px; line-height: 0px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; background: #aaaaaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; float: left; } .note p.button a:hover { background: #995e00; } /* promotion */ .promotion { margin: 0 0 26px 0; padding: 3px 0 0 0; xborder-top: 2px solid #995e00; font-family: arial, helvetica; } .promotion .head { border-bottom: 2px solid #995e00; } .promotion .head h1 { margin: 0; padding: 11px 7px 9px 7px; font-size: 11px; line-height: 0px; text-transform: uppercase; color: #fff; background: #995e00; float: left; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; } .promotion p { margin: 0 0 8px 0; font-size: 11px; line-height: 17px; color: #484848; } .promotion p.button { } .promotion p.button a { padding: 8px 8px 8px 8px; font-size: 10px; line-height: 0px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; background: #aaaaaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; float: left; } .promotion p.button a:hover { background: #995e00; } /* video */ .video { margin: 16px 0 0 0; background: grey; } /* push */ #push { margin: 0 -30px 0 0; text-align: left; background: url(../../graphics/misc/line_dotted_push.gif) repeat-y 314px top; overflow: hidden; } #push .push { width: 330px; _background: url(../../graphics/misc/line_dotted.gif) 315px top repeat-y; float: left; } #push .push a { width: 300px; text-decoration: none; color: #2b2b2b; display: block; } #push .push a .image { width: 300px; margin: 0 0 6px 0; padding: 0 0 20px 0; background: url(../../graphics/images/shadow_3.gif) no-repeat left bottom; } #push .push a .image img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; } #push .push a h5 { font-size: 10px; padding-bottom: 1px; } #push .push a h6 { margin: 4px 0 8px; padding: 0 15px 0 0; font-size: 20px; line-height: 25px; } #push .push a p { padding: 0 20px 0 0; font-family: arial, helvetica; font-size: 11px; line-height: 18px; } #push .push a p.more { margin: 8px 0 0 0; font-size: 11px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; color: #9d0000; text-decoration: none; display: block; } #push .push a:hover h5 { background: #995e00; } #push .push a:hover p.more { color: #995e00; text-decoration: underline; } /* images */ #image_top { margin: 0 0 25px 0; padding: 0 0 23px 0; background: url(../../graphics/images/shadow_large.png) no-repeat left bottom; } #image_top img { width: 960px; height: 260px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #image_top .image { width: 960px; height: 260px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-position: center center; background-repeat: no-repeat; } #image_top .image.width { background-size: 100% auto; } #image_top .image.height { background-size: auto 100%; } .image_right { height: 300px; margin: 10px 0 40px 0; } .image_right { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .image_left { margin: 0 0 20px 0; } .image_left img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .image_extra { margin: 4px 0 20px 0; } .image_extra img { width: 225px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /* soft */ .soft { } .soft ul { margin: 0; padding: 0; } .soft ul li { margin: 0 20px 0 0; padding: 0; list-style: none; float: left; } .soft ul li .cover { } .soft ul li .title { padding: 8px 0 16px 0; } .soft ul li .title p { font-family: arial, helvetica; font-size: 11px; line-height: 11px; color: #2b2b2b; font-weight: bold; text-align: center; } .soft ul li a { text-decoration: none; display: block; } .soft ul li a:hover .title p { color: #9d0000; } /* institutions */ #institution_sigill { width: 136px; height: 136px; margin: 152px 0 0 27px; position: absolute; background: url(../../graphics/images/sigill.png) no-repeat; } #institution_sigill .sigill { width: 120px; height: 120px; margin: 8px 0 0 0; background-position: center center; background-repeat: no-repeat; } #institution_head { margin: -16px 0 28px 0; } #institution_head p { font-family: georgia; font-size: 15px; line-height: 21px; text-align: center; } #institution_head p.name { color: #a00000; } /* calendar */ #calendar { margin: 10px 0 0 0; } #calendar ul { margin: 0; padding: 0; } #calendar ul li { margin: 0; padding: 11px 0 10px 0; list-style: none; background: url(../../graphics/misc/line_double.gif) repeat-x left top; } #calendar ul li .calendar { width: 65px; height: 62px; background: url(../../graphics/institutions/calendar.png) no-repeat; float: left; } #calendar ul li .calendar p { font-family: arial, helvetica; line-height: 0px; color: #2b2b2b; font-weight: bold; text-transform: uppercase; text-align: center; text-shadow: 0px 1px 0px #fff; } #calendar ul li .calendar p.date { padding: 27px 0 0 0; font-size: 18px; } #calendar ul li .calendar p.month { padding: 16px 0 0 0; font-size: 11px; } #calendar ul li .info { padding: 15px 0 0 76px; } #calendar ul li .info p.title { margin: 0 0 4px 0; font-size: 15px; line-height: 18px; } #calendar ul li .info p.description { font-family: arial, helvetica; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #5e5e5e; } /* lodge news */ #lodgenews { } #lodgenews ul { margin: 0; padding: 0 0 3px 0; background: url(../../graphics/misc/line_double.gif) repeat-x left bottom; } #lodgenews ul li { margin: 0; padding: 4px 0 1px 0; list-style: none; background: url(../../graphics/misc/line_double.gif) repeat-x left top; } #lodgenews ul li a { padding: 2px 0 2px 0; display: block; } #lodgenews ul li a .image { width: 96px; height: 85px; margin: 7px 0 9px 10px; background: url(../../graphics/institutions/images.png) no-repeat; float: left; } #lodgenews ul li a .image img { width: 76px; height: 57px; margin: 14px 0 0 10px; display: block; float: left; } #lodgenews ul li a .info { width: 500px; padding: 20px 0 20px 16px; float: left; } #lodgenews ul li a .info p { color: #2b2b2b; } #lodgenews ul li a .info p.title { margin: 0 0 2px 0; font-size: 17px; line-height: 21px; color: #704500; } #lodgenews ul li a .info p.date { margin: 0; font-family: arial, helvetica; font-size: 11px; line-height: 15px; font-weight: bold; text-transform: uppercase; color: #888; } #lodgenews ul li a .info p.intro { margin: 4px 0 0 0; font-family: arial, helvetica; font-size: 11px; line-height: 16px; } #lodgenews ul li a:hover { background: #f3f1ee; } /* contact */ #contact { margin: 8px 0 8px 0; } #contact ul { margin: 0; padding: 0; } #contact ul li { margin: 0; padding: 0; list-style: none; } #contact ul li .image { height: 143px; margin: 0 15px 0 0; background: url(../../graphics/institutions/contact.png) no-repeat; float: left; } #contact ul li .image img { height: 126px; margin: 8px 0 0 8px; display: block; } #contact ul li .image.small { width: 111px; background-position: 0 0; } #contact ul li .image.small img { width: 95px; } #contact ul li .image.large { width: 126px; background-position: 0 -150px; } #contact ul li .image.large img { width: 110px; } #contact ul li .info { width: 400px; padding: 11px 0 0 5px; float: left; } /* gallery */ .gallery { } .gallery ul { margin: 0; padding: 0; } .gallery ul li { width: 238px; margin: 0 0 22px 0; padding: 0; list-style: none; float: left; } .gallery ul li:nth-child(3n+1) { clear: left; } .gallery ul li .image { margin: 0 0 11px 0; } .gallery ul li .image img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .gallery ul li .info { } .gallery ul li .info p { } .gallery ul li .info p.title { margin: 0 0 3px 0; font-size: 15px; line-height: 21px; color: #995e00; } .gallery ul li .info p.name, .gallery ul li .info p.email { font-family: arial, helvetica; font-size: 11px; line-height: 17px; } .gallery ul li .info p.name { font-weight: bold; } .gallery ul li .info p a { color: #2b2b2b; } .gallery ul li .info p a:hover { color: #9f0000; text-decoration: none; } /* albums */ .albums { } .albums ul { margin: 0; padding: 0; } .albums ul li { margin: 0 20px 16px 0; padding: 0; list-style: none; float: left; } .albums ul li a { display: block; text-decoration: none; } .albums ul li a .album { width: 196px; height: 150px; background: url(../../graphics/album/album.png) no-repeat; } .albums ul li a .album img { width: 152px; height: 114px; margin: 18px 0 0 23px; display: block; float: left; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } .albums ul li a .info { padding: 6px 0 0 0; } .albums ul li a .info p { width: 196px; font-family: arial, helvetica; font-size: 11px; line-height: 15px; text-transform: uppercase; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .albums ul li a .info p.title { color: #2b2b2b; } .albums ul li a .info p.date { color: #888; } .albums ul li a:hover .album img { opacity: 0.7; -moz-opacity: 0.7; } .albums ul li a:hover .info p.title { color: #a00000; } #album_images { } #album_images ul { margin: 0 -14px 0 0; padding: 0; float: left; } #album_images ul li { margin: 0 14px 14px 0; padding: 0; list-style: none; float: left; } #album_images ul li a { display: block; } #album_images ul li a .image { width: 168px; height: 130px; background: url(../../graphics/album/image.gif) no-repeat; } #album_images ul li a .image img { width: 152px; height: 114px; margin: 8px 0 0 8px; display: block; float: left; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } #album_images ul li a:hover .image img { opacity: 0.7; -moz-opacity: 0.7; } #album_images.version2 { } #album_images.version2 ul li a { width: 168px; height: 112px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-size: cover; background-repeat: no-repeat; } #album_images.version2 ul li a .image { display: none; } #album_images.version2 ul li a:hover { opacity: 0.7; -moz-opacity: 0.7; } #album { width: 30px; height: 30px; margin: 50% 0 0 -15px; position: fixed; z-index: 2000; top: 0; left: 50%; background: #fff; box-shadow: 0px 2px 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; display: none; } #album .image { padding: 10px; } #album .image img { display: block; cursor: pointer; } #album .dots { height: 5px; margin: 4px 0 13px 0; } #album .dots ul { margin: 0; padding: 0; display: table; } #album .dots ul li { width: 5px; height: 5px; margin: 0 5px 0 0; padding: 0; list-style: none; overflow: hidden; float: left; } #album .dots ul li p { width: 5px; height: 5px; display: block; background: url(../../graphics/album/dots.gif) no-repeat; overflow: hidden; } #album .dots ul li p.normal { background-position: 0 0; } #album .dots ul li p.selected { background-position: -5px 0; } #album .caption { padding: 0 20px 0 20px; } #album .caption p { xfont-family: Courier, 'courier new'; font-family: georgia; font-size: 13px; line-height: 18px; text-align: center; } #album_cover { width: 100%; height: 100%; position: fixed; z-index: 1000; top: 0; left: 0; background: #000; display: none; } /* form */ body.public .form { padding: 20px 0 20px 0; font-family: arial, helvetica; text-align: left; } body.public .form .post { width: 248px; margin: 0 19px 16px 0; float: left; } body.public .form .post.full { width: 615px; margin-right: 0; float: none; } body.public .form .post.auto { width: auto; margin-right: 0; float: none; } body.public .form .post .left { width: 80px; margin-right: 10px; float: left; } body.public .form .post .right { width: auto; overflow: hidden; } body.public .form .post .label { padding: 0 0 2px 0; } body.public .form .post .label p { font-size: 12px; line-height: 15px; color: #51423a; font-weight: bold; } body.public .form .post .label p .description { font-size: 10px; line-height: 15px; color: #816e61; font-weight: normal; padding: 0 0 0 6px; } body.public .form .post .field { } body.public .form .post .field input, body.public .form .post .field textarea { width: 100%; padding: 6px 0 6px 6px; background: #f5f3f1; border: none; outline: none; box-shadow: inset 0px 1px 2px #979490; -webkit-box-shadow: inset 0px 1px 2px #979490; -moz-box-shadow: inset 0px 1px 2px #979490; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: background 0.4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; } body.public .form .post .field textarea { resize: vertical; } body.public .form .post .field textarea.large { height: 130px; } body.public .form .post .field textarea.editor { height: 431px; } body.public .form .post .field input:focus, body.public .form .post .field textarea:focus { background: #f4ebe0; } body.public .form .post .field fieldset { margin: 0; padding: 0; height: 25px; border: none; outline: none; } body.public .form .post .field fieldset select { width: 100%; height: 25px; border: 1px solid #bababa; } body.public .form .message { padding: 0 0 15px 0; float: none; clear: both; } body.public .form .message p { font-size: 12px; line-height: 16px; font-weight: bold; color: #9d0000; } body.public .form .fineprint { padding: 15px 0 0 0; float: none; clear: both; } body.public .form .fineprint p { font-size: 11px; line-height: 15px; color: grey; } body.public .form .fineprint p a { color: grey; text-decoration: none; border-bottom: 1px dotted grey; } body.public #message_browser { display: none; } /* searchresult */ .searchresult { padding: 10px 0 0 0; } .searchresult ul { margin: 0; padding: 0; border-top: 2px solid #dbd6d0; } .searchresult ul li { margin: 0; padding: 1px 0 1px 0; list-style: none; border-bottom: 1px solid #dbd6d0; } .searchresult ul li a, .searchresult ul li .holder { padding: 5px 0 6px 8px; display: block; color: #2b2b2b; } .searchresult ul li .column { float: left; } .searchresult ul li .column p { padding: 4px 0 0 0; font-family: georgia; font-size: 12px; line-height: 15px; } .searchresult ul li .column1 { width: 15%; } .searchresult ul li .column1 p { text-transform: uppercase; font-weight: bold; } .searchresult ul li .column2 { width: 45%; } .searchresult ul li .column3 { width: 25%; } .searchresult ul li .column4 { width: 15%; } .searchresult ul li .column4 p { width: 24px; height: 21px; padding: 0; float: right; } .searchresult ul li a:hover { background: #f6f5f4; } .searchresult ul li a:hover .column4 p { background: url(../../graphics/misc/arrow_more.png) no-repeat left center; } .searchresult p.none { padding: 20px 0 22px 0; font-family: georgia; font-size: 14px; line-height: 0; } .searchresult ul li.searchresult_head { margin: 1px 0 0 0; padding: 0 0 2px 0; background: #f5f3f1; } .searchresult ul li.searchresult_head .column p { font-family: arial, helvetica; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; } /* login */ #login { width: 710px; float: left; } #login .login_content { border: 1px solid #c9c7c5; border-top: none; padding: 0 0 0 20px; } /* buttons */ .buttons { font-family: arial, helvetica; text-align: left; } .buttons.large { } .buttons.left { float: left; } .buttons.left.small .button { margin: 0 6px 0 0; } .buttons.left.large .button { margin: 0 10px 0 0; } .buttons.right { float: right; } .buttons.right.small .button { margin: 0 0 0 6px; } .buttons.right.large .button { margin: 0 0 0 10px; } .buttons.small .button { float: left; } .buttons.small .button a { height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none; display: block; } .buttons.small .button a p { padding: 6px 12px 0 11px; font-size: 10px; line-height: 7px; font-weight: bold; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; } .buttons.large .button { float: left; } .buttons.large .button a { height: 24px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none; display: block; } .buttons.large .button a p { padding: 11px 20px 0 20px; font-size: 11px; line-height: 0px; font-weight: bold; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; } .buttons .button.general a { border: 1px solid #c0c0c0; box-shadow: inset 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 0px #fff; } .buttons .button.general a { background: #e3e3e3; background: linear-gradient(to bottom, #f4f4f4 0%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, #f4f4f4 0%, #dcdcdc 100%); background: -moz-linear-gradient(top, #f4f4f4 0%, #dcdcdc 100%); } .buttons .button.general a p { color: #78736f; text-shadow: 0px 1px 0px #fff; } .buttons .button.default a { border: 1px solid #928b87; box-shadow: inset 0px 1px 0px #dbd5ce; -webkit-box-shadow: inset 0px 1px 0px #dbd5ce; -moz-box-shadow: inset 0px 1px 0px #dbd5ce; } .buttons .button.default a { background: #c0b4a8; background: linear-gradient(to bottom, #cfc4b7 0%, #a09086 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfc4b7), color-stop(100%, #a09086)); background: -webkit-linear-gradient(top, #cfc4b7 0%, #a09086 100%); background: -moz-linear-gradient(top, #cfc4b7 0%, #a09086 100%); } .buttons .button.default a p { color: #fff; text-shadow: 0px -1px 0px #77695e; } .buttons .button.disabled a, body.busy .buttons .button.general a, body.busy .buttons .button.default a { border: 1px solid #dedede; box-shadow: inset 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 0px #fff; cursor: not-allowed; } .buttons .button.disabled a, body.busy .buttons .button.general a, body.busy .buttons .button.default a { background: #f1f1f1; background: linear-gradient(to bottom, #fafafa 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0% ,#fafafa), color-stop(100%, #e7e7e7)); background: -webkit-linear-gradient(top, #fafafa 0%, #e7e7e7 100%); background: -moz-linear-gradient(top, #fafafa 0%, #e7e7e7 100%); } .buttons .button.disabled a p, body.busy .buttons .button.general a p, body.busy .buttons .button.default a p { color: #bbb8b6; text-shadow: none; } /* foot */ #foot { margin: 50px 0 0 0; background: url(../../graphics/foot/paper.png) repeat-x; font-size: 11px; line-height: 18px; color: #7b7264; text-align: left; xfont-family: Courier, 'courier new'; font-family: arial, helvetica; } #foot .oddfellow { padding: 40px 0 0 0; text-align: left; } #foot .oddfellow p { margin: 0 0 14px 0; font-size: 13px; line-height: 18px; text-transform: uppercase; letter-spacing: 3px; } #foot .info { padding: 6px 0 16px 0; text-align: left; float: left; } #foot .info .section { padding: 0 32px 0 10px; background: url(../../graphics/misc/line_dotted.gif) repeat-y; float: left; } #foot .info .section h1 { margin: 0 0 2px 0; font-size: 11px; line-height: 18px; color: #7b7264; font-weight: bold; text-transform: uppercase; } #foot .info .section p { font-size: 13px; line-height: 18px; } #foot .info .section p a { color: #7b7264; text-decoration: underline; } #foot .info .section p a:hover { text-decoration: none; } #foot .legal { margin: 12px 0 20px 0; text-align: left; } #foot .legal p { font-size: 12px; line-height: 16px; } #foot .legal p a { color: #7b7264; text-decoration: underline; } #foot .legal p a:hover { text-decoration: none; } #foot .seal { width: 50px; height: 50px; margin: -10px 0 0 0; background: url(../../graphics/foot/seal.png); float: right; } #foot .space { height: 30px; background: #fff; } body.intranet #foot div { display: none; }