/* HTML5 ✰ Boilerplate */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } body, select, input, textarea { color: #444; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } a, a:active, a:visited { color: #333; } a:hover { color: #444; } ul, ol { margin: 0 0 1.8em 1.8em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto; } .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } ::-moz-selection{ background: #441010; color:#fff; text-shadow: none; } ::selection { background:#441010; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #441010; } button { width: auto; overflow: visible; } /* Site Specific Styles */ html { background:#fff; transition:all .5s; } body { box-shadow:0 0 3px rgba(0,0,0,.15); border-right:1px solid #ddd; border-left:1px solid #ddd; border-radius:4px; margin:5px auto; min-width:960px; width:960px; font:13px/18px sans-serif; color:#222; background:white; background:rgba(255,255,255,.95); background:url(img/bg.gif) repeat-y; border-top:2px solid #fff; } noscript { margin:150px auto; padding:20px; font-size:1.1em; text-shadow:0 1px #fff; background:#ccc; } .js noscript { display:none; } a { text-decoration:none; } #content a { text-decoration:underline; color:#d00; position:relative; transition:all .5s linear .5s; cursor: pointer; } .alignleft { float:left; margin:0 10px 10px 0; } .aligncenter { margin:auto; } .alignright { float:right; } header { height:70px; width:100%; border-bottom:25px solid #000; background:url('img/lpv-header.png') no-repeat 0 50% #fff; position:relative; border-radius:4px 4px 0 0; } #logo { background:url('img/lpv-header.png') no-repeat 0 50% #fff; width:320px; height:100%; display:block; } #logo_sev { background:url('img/lpv-header.png') no-repeat 0 right #fff; bottom: 0; position: absolute; right: 0; top: 0; width: 385px; } #loading { position:absolute; left:225px; top:125px; z-index:5; } nav { float:left; width:189px; /* background:#fff; */ color:#717171; text-align:right; min-height:600px; border-right:1px solid #717171; } #kontaktadresse { margin:15px 5px 10px; font-size:12px; line-height:20px; } #nav>li>a { background:url('img/sidenav.png') repeat-x scroll top transparent; color:#717171; display:block; font-weight:bold; height:38px; line-height:28px; padding:0 7px 0 0; text-shadow:0 1px #fff; text-transform:uppercase; font-size:14px; border-top:1px dotted #717171; position:relative; transition:all .5s ease; } #nav>li>a:hover { background-image:linear-gradient(#e1e1e1,#ffffff); box-shadow:inset 0 2px 4px rgba(0,0,0,.3); } #nav a:focus { outline:none; } .ui-state-active, #nav>li>a.last { border-bottom:1px dotted #717171; } #nav>.current-page-item>a, #nav>.current-page-parent>a { color:#222; } #nav>li>a>span+span { text-transform:none; font-weight:normal; position:absolute; top:14px; right:7px; font-size:11px; } .sub-menu { padding:8px 10px; display:none; } .sub-menu a { font-size:11px; color:#5e5e5e; display:block; line-height:15px; } .sub-menu a.current-sub-element { color:#d00; position:relative; right:-11px; padding-right:7px; border-right:4px solid #d00; } #servicenav { width:189px; background:url('img/servicenav.png') repeat-x scroll top #000; overflow:hidden; height:24px; margin:-25px 0 0; border-top:1px solid #000; border-right:1px solid #333; position:relative; } #servicenav li { float:left; } #servicenav a { color:#fff; text-shadow:0 -1px #333; float:left; border-left:1px solid #333; width:62px; text-align:center; line-height:22px; } #langSwitcher { background:url('img/servicenav.png') repeat-x scroll top #000; position:absolute; right:-235px; top:-25px; width:235px; border-right:1px solid #333; } #langSwitcher .lang { color:#fff; text-shadow:0 -1px #333; float:left; border-left:1px solid #333; width:77px; text-align:center; line-height:24px; cursor:pointer; text-decoration:none; transition:background .5s ease 1s; } #langSwitcher .lang.deactivated, #langSwitcher .lang.deactivated:hover, #langSwitcher .lang.deactivated:focus, #langSwitcher .lang.deactivated:active { opacity:.5; background:none; cursor:default; } #langSwitcher .lang:first-child { width:78px; } #langSwitcher .lang:hover { color:#fff; } #menu-item-695 a { background:rgba(255,0,0,.3); cursor:pointer; transition:background .5s ease 1s; } #menu-item-695 a:hover, #langSwitcher .lang:hover { background:rgba(255,0,0,.5); transition:background .3s ease .2s; } #menu-item-695 a:active #langSwitcher .lang:active { background:rgba(255,0,0,.15); } footer { width:920px; height:18px; line-height:18px; clear:both; background:#444; background:linear-gradient(#444,#333); color:#eee; padding:3px 20px; border-radius:0 0 4px 4px; font-size:12px !important; margin:0 0 0 -1px; border-right:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; border-top:1px solid #fff; } #content { border-left:1px solid #717171; margin:0 0 0 -1px; opacity:0; padding:15px 20px; float:left; position:relative; z-index:10; background:#fff; width:495px; min-height:100px; min-width: 495px; } #content h1 { font-size:18px; margin:0 0 20px; max-width:500px; } #content h2 { font-size:15px; margin:0 0 20px; max-width:500px; } #content h1 a { color:#222; text-decoration:none; } #content h1 a span { text-decoration:none; position:static; text-shadow:0 1px #eee; color:#222; } #content p { margin:0 0 15px; } #content .post { width:240px; position:relative; float:left; font-size:13px; border-bottom:1px dotted #aaa; padding:0 0 30px; margin:0 0 15px; } #content .post .date { margin:0 0 5px; font-size:.9em; color:#666; } .single_date { font-size:12px; color:#333; margin:-10px 0 0; display:block; } #content .post.even { margin:0 15px 15px 0; } #content.single .post { width:100%; margin:0; float:none; height:auto; } #content a img { max-width:480px; height:auto; box-shadow:0 2px 5px rgba(0,0,0,.1); border:1px solid #c4c4c4; padding:4px; } #content img.alignleft { margin:0 10px 0 0 !important; } #content a.more { position:absolute; right:5px; bottom:5px; display:block; } #slider { height:232px; overflow:hidden; width:349px; position:absolute; top:-232px; left:0; background:#222; } #slider a img { width: 350px; height: 232px; } #slider_nav { border-right:1px solid #ddd; position:absolute; top:-232px; right:0; height:232px; width:185px; background:#bbb; background:linear-gradient(#ddd,#eee); } #slider_nav .slide { display:block; padding:5px; height:67px; .linear-gradient(#e7e7e7,#d0d0d0); font-size:12px; cursor:pointer; text-decoration:none; color:#333; text-shadow:0 1px #fff; .transition(all,.5s); opacity:.7; } #slider_nav .slide.activeSlide { .linear-gradient(#f7f7f7,#f2f2f2); opacity:1; } #slider .artikelbild { border:none; box-shadow:none; padding:0; } #content.home { margin-top:232px; } #content.home #langSwitcher { top:-257px; } #agenda { float:right; background:#f0eeef; padding:5px; width:225px; min-height:200px; } .login { padding:5px; width:225px; float:right; clear:right; } @login_label_color:#bbb; .login label { color:#444; text-align:center; display:block; font-size:12px; margin:0 0 -3px; padding:4px 0; border-top:1px solid @login_label_color; border-left:1px solid @login_label_color; border-right:1px solid @login_label_color; border-radius:2px; width:223px; } .login input, .login button, button { display:block; width:215px; max-width:215px; min-width:215px; border:1px solid #bbb; padding:4px; border-radius:2px; margin:0 0 5px; } .login button, button { width:225px; max-width:225px; min-width:225px; text-shadow:0 1px #fff; background:#fff; .linear-gradient(#fff,#eee); box-shadow:0 1px 2px rgba(0,0,0,.05); .transition(all,.5s); } button { width: 397px; min-width: 397px; max-width: 397px; } .login button:hover, .login button:focus, .login .forgotpw:hover, .login .forgotpw:focus { box-shadow:0 2px 2px rgba(0,0,0,.15); } .login button:active, .login .forgotpw:active { box-shadow:inset 0 2px 2px rgba(0,0,0,.15) !important; } #login-info { margin:15px 5px 0; padding:5px 5px 0; width:215px; min-height:20px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; } .bold { color:#000; } .login-error { background:#FBDADA; border: 1px solid #E4A2A2; border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08); color: #FC0020; margin: 5px 0 10px; padding: 5px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } #userinfo { margin:15px 0; font-size:12px; } #login-info .forgotpw { font-size:11px; text-align:center; display:block; color:#666; padding:3px 0; border:1px solid #bbb; border-radius:2px; margin:0 0 5px; text-shadow:0 1px #fff; background:#fff; .linear-gradient(#fff,#eee); box-shadow:0 1px 2px rgba(0,0,0,.05); .transition(all,.5s); } #login-info .forgotpw:hover { box-shadow:0 2px 2px rgba(0,0,0,.15); } #login-info .forgotpw_title { color:#444; text-align:center; display:block; font-size:12px; margin:0 0 -3px; padding:4px 0; border-top:1px solid @login_label_color; border-left:1px solid @login_label_color; border-right:1px solid @login_label_color; border-radius:2px; } #logout { margin:0 0 5px -5px !important; } /* formulare */ label { background:#eee; color:#444; text-align:center; display:block; margin:0 0 -18px; padding:4px 0; border-top:1px solid @login_label_color; border-left:1px solid @login_label_color; border-right:1px solid @login_label_color; width:395px; border-radius:2px 2px 0 0; } #gm-contact-form label { height: 35px; } input, textarea { display:block; border:1px solid #bbb; padding:5px; border-radius:2px; margin:0 0 5px; width:385px; max-width:385px; min-width:385px; } #gm-contact-copy { float: left; margin: 2px 5px 5px; max-width: 10px; min-width: 10px; width: 10px; } #gm-contact-copytext { margin: 15px 5px 5px 0; } .email-message, .email-error { border-radius:2px; border:1px solid #e11; background:#eee; margin:0 0 10px; padding:10px; width:377px; color:#e11; } .email-message { border:1px solid #1e1; color:darken(#1c1,20%); } select { width: 397px; padding: 4px; margin: 0 0 20px; border: 1px solid #222; border-radius: 2px; display: block; font-size: 12px; } input[type=submit] { width:395px; max-width:395px; min-width:395px; font-weight:bold; } .wpcf7-response-output { border: 1px solid hsl(0,0%,60%); border-radius: 2px; padding: 5px; background: hsl(0,0%,93%); width: 382px; margin:0 0 20px; } .wpcf7-display-none { display:none; } .em-calendar { width:100%; margin:auto; border:1px solid #a6a6a6; border-bottom:2px solid #a6a6a6; text-align:center; background:#fff; } .em-calendar-wrapper { position:relative; } .em-calendar td{ padding:1px 2px; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; font-size:12px; } .em-calendar td:hover { background:linear-gradient(#f2f2f2,#ffffff); cursor:pointer; } .eventful a, .eventful-post a, .eventful, .eventful-post { color:#d00; background:#ededed; } .eventful-today, .eventless-today, .eventful-today a, .eventless-today a{ font-weight:bold; background:#D00; color:#fff !important; border:none; } .days-names { font-weight:bold; } .eventless-pre, .eventless-post { opacity:.5; } #em-loading { background:url('img/loading.gif') no-repeat 50% 50% #fff; width:100%; height:100%; position:absolute; z-index:3; opacity:.8; } #em-wrapper li { list-style:none; margin:0 0 10px; padding:4px 0; border-bottom:1px solid #ddd; } .em-location-map, .em-locations-map { width: 495px !important; height: 300px !important; } #tabs { position:absolute; top:-21px; left:15px; width:500px; height:22px; overflow:hidden; } .tabContent { display:none; } #tabs .tabTitle { float:left; background:#fff; background:linear-gradient(#e4e4e4,#ffffff); margin:0 4px 0 0; padding:1px 6px 2px; min-width:40px; font-size:12px; color:#444; font-weight:normal; text-align:center; text-shadow:0 1px #ccc; box-shadow:inset 0 -2px 2px rgba(0,0,0,.2); opacity:.7; border-radius:1px 1px 0 0; transition:all .3s; text-decoration:none; position:relative; top:2px; } #tabs .tabTitle.active, #tabs .tabTitle.active:hover, #tabs .tabTitle:active, #tabs .tabTitle:focus { opacity:1; box-shadow:none; color:#222; top:0; } #tabs .tabTitle:hover { top:0; opacity:.9; color:#222; } .pdf { background:url('img/pdf.png') top left no-repeat; } .zip { background:url('img/zip.png') top left no-repeat; } .excel { background:url('img/excel.png') top left no-repeat; } .word { background:url('img/word.png') top left no-repeat; } .powerpoint { background:url('img/powerpoint.png') top left no-repeat; } .pdf,.zip,.excel,.word,.powerpoint { text-indent:22px; display:inline-block; } .socialmedia { color: #cdcdcd !important; text-indent: 22px; float: left; } #twitter { background: url('img/twitter.png') no-repeat 0 0; margin: 0 10px 0 0; } #facebook { background: url('img/facebook.png') no-repeat 0 0; } #miux { float:right; color:#bbb; } #content .wp-caption { height: 200px; width: 155px !important; } .wp-post-image { margin:0 0 5px; } /* Personen */ .person { float:left; height:275px; width:149px; padding:5px; border-radius:2px; border:1px solid #ddd; overflow:hidden; margin:0 0 5px; box-shadow:0 2px 3px rgba(0,0,0,.05); background:linear-gradient(#fcfcfc,#ffffff); } .person .wp-post-image { float:left; } .person span { margin:0; } .personen-funktion { font-size: 13px; line-height: 13px; margin: 0 0 5px; } .personen-name { font-weight:bold; font-size: 14px; margin: 0 0 5px; } .person:nth-child(3n-1) { margin:0 5px 5px 5px; } .personen-tel b, .personen-tel-p b { float: left; margin: 0 5px 0 0; width: 10px; } /* Downloads */ #downloads, #archiv { list-style: none; margin: 0; } #archiv>li, #downloads .download-kategorie-wrapper { background: #eee; border: 1px solid #bbb; color: #444; padding: 4px; margin: 0 0 3px; box-shadow:0 1px 2px rgba(0,0,0,.05); border-radius: 2px; } #archiv>li>div, #downloads .download-kategorie-wrapper div { cursor: pointer; } #archiv .artikel-list, #downloads .download-kategorie { display: none; font-size: 12px; font-weight: normal; list-style: none; text-decoration: none; background: #f4f4f4; color: #555; margin: 5px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-shadow: none; } #downloads .download-link { position:relative; } #archiv .archiv>span { background:rgba(0,0,0,.5); border: 1px solid #555; border-radius: 2px; color: #fff; cursor: pointer; float: left; margin: 0 10px 0 0; text-align: center; width: 85px; } #downloads .download-link span { cursor: pointer; position:absolute; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); color:#fff; padding:3px 9px; transition:all .5s; } #downloads .download-link span:hover { background:rgba(0,0,0,.7); } #archiv ul>li, #downloads .download-link a { box-shadow:inset 0 1px 2px rgba(0,0,0,.05); display: block; border-bottom: 1px solid #c7c7c7; padding: 3px 5px; text-decoration: none; background-position: 5px 3px; } #archiv ul>li { padding:5px 0; } #downloads .download-link:last-child a { border-bottom: none; } #downloads .description { margin:10px 5px; padding:15px; background:#fff; box-shadow:inset 0 2px 3px rgba(0,0,0,.15); border:1px solid #ddd; display:none; } #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; } #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; } @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* less.js */ .linear-gradient(@begin:black,@end:white,@switch:100%) { background: @begin; background: -webkit-gradient(linear, 0 0, 0 100%, from(@begin), color-stop(@switch, @end)); background: -moz-linear-gradient(top, @begin, @end @switch); background: -o-linear-gradient(top, @begin, @end @switch); background: linear-gradient(top, @begin, @end @switch); } .transition( @what : all, @length : 1s, @easing : ease-in-out ) { -webkit-transition: @what @length @easing; -moz-transition: @what @length @easing; -o-transition: @what @length @easing; transition: @what @length @easing; }