/***** normalize - nicht ändern vor Zeile 75! *********************************/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; } audio, canvas, video { display:inline-block; *display:inline; *zoom:1; } audio:not([controls]) { display:none; height:0; } [hidden] { display:none; } html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { margin:0; overflow-x:hidden; } a:focus { outline:thin dotted; } a:active, a:hover { outline:0; } acronym, abbr { border-bottom:1px dotted; cursor:help; } abbr[title] { border-bottom:1px dotted; } b, strong { font-weight:bold; } blockquote { margin:1em 40px; } dfn { font-style:italic; } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; } mark { background:#ff0; color:#000; } code, kbd, pre, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; } pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; } small { font-size:80%; } sup { font-size:70%; vertical-align:text-top; } sub { font-size:70%; vertical-align:text-bottom; } img { border:0; -ms-interpolation-mode:bicubic; } svg:not(:root) { overflow:hidden; } figure { margin:0; } form { margin:0; } legend { border:0; padding:0; white-space:normal; *margin-left:-7px; } button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; } button, input { line-height:normal; } button, select { text-transform:none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; *overflow:visible; } button[disabled], html input[disabled] { cursor:default; } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *height:13px; *width:13px; } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } textarea { overflow:auto; vertical-align:top; } table { border-collapse:collapse; border-spacing:0; } /***** bis hier nichts ändern! **********************************************/ /***** Grundeinstellungen ***************************************************/ /* ##### webfonts ### Start ##### */ /* @font-face { font-family:'OpenSans'; src:url('../../external/fonts/OpenSans-Regular-webfont.eot'), url('../../external/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../external/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../external/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../external/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSans'; src:url('../../external/fonts/OpenSans-Italic-webfont.eot'), url('../../external/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../external/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../../external/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../external/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight:normal; font-style:italic; } @font-face { font-family:'OpenSans'; src:url('../../external/fonts/OpenSans-Semibold-webfont.eot'), url('../../external/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../external/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../../external/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../../external/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight:bold; font-style:normal; } @font-face { font-family:'OpenSans'; src:url('../../external/fonts/OpenSans-SemiboldItalic-webfont.eot'), url('../../external/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../external/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../../external/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../../external/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight:bold; font-style:italic; } */ /* ##### webfonts ### Ende ##### */ /***** Generelle Einstellungen *****/ html, button, input, select, textarea { color:#444; } html { background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:81%; line-height:1.5; color:#000; } body { padding-bottom:100px; } /***** Text *****/ h1 { color:#000; font-size:20px; font-size:1.5rem; font-weight:bold; letter-spacing:0em; line-height:1.25; margin:2em 0 0.1em 0; } .pHeading h1 { font-size:1.2rem; } h2 { color:#000; font-size:13px; font-size:1rem; font-weight:bold; letter-spacing:0em; line-height:1.25; margin:2em 0 0.1em 0; } h2:first-child { margin-top:0; } h1.zweizeilig, h2.zweizeilig { margin-bottom:0.25em; } h3 { color:#000; font-size:13px; font-size:1rem; font-weight:bold; margin:2em 0 0; } h4 { color:#000; font-size:13px; font-size:1rem; font-weight:bold; margin:1em 0 0; } h5 { color:#000; font-size:13px; font-size:1rem; font-weight:normal; margin:1em 0 0; } p { color:#000; margin:1em 0 0; -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; text-align:justify; } /***** Listen *****/ dl, menu, ol, ul { margin:0; } menu, ul { padding:0 0 0 1.1em; } ol { padding:0 0 0 1.5em; } ul.mehrzeilig, ol.mehrzeilig { margin-top:0.5em; } .mehrzeilig li { margin:0.25em 0 0; } dt { color:#000; font-weight:bold; margin:0.5em 0 0 0; } dd { margin:0; } /***** Formulare *****/ fieldset { margin:0 2px; padding:0.35em 0.625em 0.75em; border:1px solid #c0c0c0; } /***** Tabellen *****/ table { margin:0.5em 0 0; empty-cells:show; } caption { color:#000; font-weight:bold; text-align:left; } th, td { padding:0.1em; text-align:left; vertical-align:top; } /***** weitere Block-Elemente *****/ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } img { vertical-align:middle; } fieldset { border:0; margin:0; padding:0; } textarea { resize:vertical; } /***** Inline-Elemente ******************************************************/ strong, b, .bold { color:#000; font-weight:bold; } a { color:#000; font-weight:bold; text-decoration:none; } a:hover { color:#676767; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; } /* a:focus, a:hover, a:active { color:#000; } */ q { quotes:'\00bb' '\00ab' '\203a' '\2039'; } q:before { content:'\00bb'; } q:after { content:'\00ab'; } q q:before { content:'\203a'; } q q:after { content:'\2039'; } /***** allgemeine Klassen ***************************************************/ .chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; } .ir { background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px; } .ir:before { content:""; display:block; width:0; height:150%; } .hidden { display:none !important; visibility:hidden; } .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; } .invisible { visibility:hidden; } /***** clearfix *****/ .cf:before, .cf:after { content:''; display:table; } .cf:after { clear:both; } .cf { zoom:1; } /***** Links *****/ /* .linkIn { background:url('link_in.gif') left top no-repeat; color:#444; padding-left:18px; } .linkOut { background:url('link_out.gif') left top no-repeat; color:#444; padding-left:18px; } .linkDown { background:url('link_down.gif') left top no-repeat; color:#444; padding-left:18px; } .linkPopup { background:url('link_popup.gif') left top no-repeat; color:#444; padding-left:18px; } */ /***** Abstände *****/ .marginA0 { margin-top:0; } .marginA1 { margin-top:0.5em; } .marginA2 { margin-top:1em; } .marginA3 { margin-top:1.5em; } .marginA4 { margin-top:2em; } .marginA5 { margin-top:2.5em; } .marginA6 { margin-top:3em; } .marginB0 { margin-bottom:0; } .marginB1 { margin-bottom:0.5em; } .marginB2 { margin-bottom:1em; } .marginB3 { margin-bottom:1.5em; } .marginB4 { margin-bottom:2em; } .marginB5 { margin-bottom:2.5em; } .marginB6 { margin-bottom:3em; } .marginL0 { margin-left:0; } .marginL1 { margin-left:0.5em; } .marginL2 { margin-left:1em; } .marginL3 { margin-left:1.5em; } .marginL4 { margin-left:2em; } .marginL5 { margin-left:2.5em; } .marginL6 { margin-left:3em; } .marginR0 { margin-right:0px; } .marginR1 { margin-right:0.5em; } .marginR2 { margin-right:1em; } .marginR3 { margin-right:1.5em; } .marginR4 { margin-right:2em; } .marginR5 { margin-right:2.5em; } .marginR6 { margin-right:3em; } /***** verschiedene *****/ .larger1 { font-size:110%; } .larger2 { font-size:120%; } .larger3 { font-size:130%; } .smaller1 { font-size:90%; } .smaller2 { font-size:80%; } .smaller3 { font-size:70%; } .normal { font-weight:normal; } .alignleft { text-align:left; } .aligncenter { text-align:center; } .alignright { text-align:right; } .alignblock { text-align:justify; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .capitalize { text-transform:capitalize; } .avoid .avoid p, #c353 p { text-align:left; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; display:inline-block; width:100%; } #c353 p:first-child { margin-top:1.5em; } /***** spezifische Klassen **************************************************/ .linkPdf { background:url("../images/pdf.jpg") no-repeat scroll left 3px; padding-left:35px; } /***** Selektoren ************************************************************/ ::-moz-selection { background:#b3d4fc; text-shadow:none; } ::selection { background:#b3d4fc; text-shadow:none; } /***** Dokument-Struktur *****************************************************/ #outer-wrap { position:relative; overflow:hidden; width:100%; max-width:990px; } #inner-wrap { position:relative; width:100%; padding-top:30px; } #content { padding-right:30px; } #content ul { list-style:disc outside url('../images/strich.png'); } /***** Liste mit PDF-Dateien *****/ #content ul.pdf { list-style:none; margin-left:2px; padding-left:0; } #content ul.pdf li { margin-left:28px; text-indent:-28px; } #content ul.pdf li a { background:url("../images/pdf.jpg") no-repeat scroll left 3px; padding-left:35px; } #content ul.csc-uploads { padding-left:0; list-style:none; } #content ul.csc-uploads li { background:url('../images/pdf.jpg') no-repeat scroll left 3px; margin:0; padding-left:35px; text-align:left; } #content ul.csc-uploads span.csc-uploads-fileName { text-decoration:none; } /* #content ul.csc-uploads li a, #content ul.csc-uploads li a:link, #content ul.csc-uploads li a:active, #content ul.csc-uploads li a:focus, #content ul.csc-uploads li a:visited { font-weight:normal; } */ .oneCol { width:21.875%; margin:0 0 0 3.125%; float:left; } .twoCol { width:450px; margin:0 0 0 30px; float:left; } .twoCol img { width:100%; height:100%; } .threeCol, .threeColFlex { padding-left:30px; } .threeCol img { width:100% !important; height:auto !important; } /* Navigations */ #top { z-index:100; position:relative; height:30px; padding:8px 0; color:#fff; background:#707173; } #top #elbberg { height:30px; margin:0; padding:4px; font-size:13px; font-size:1rem; text-align:center; position:relative; } #top .nav-btn { position:absolute; left:10px; top:1px; } .close-btn { display:block; width:28px; height:20px; outline:none; background:url("../images/menubutton.png") left top no-repeat; white-space:nowrap; } /* text-indent:100%; */ .nav-btn { display:block; width:28px; height:30px; outline:none; background:url("../images/menubutton.png") left top no-repeat; white-space:nowrap; } /* text-indent:100%; */ #nav { position:absolute; width:210px; margin:1px 0 0 30px; overflow:hidden; z-index:200; } nav ol, nav ul { list-style:none; list-style-image:none; } #nav li a { display:block; color:#000; font-size:13px; font-size:1rem; line-height:1.28571em; font-weight:bold; outline:none; } #nav li a:hover { color:#676767; } #nav li.active a { color:#676767; } #nav .close-btn { display:none; } #nav .close-btn { overflow:hidden; padding:0; position:absolute; width:1px; } #nav li:last-child { border-right:none; } #nav li a { padding:0.42857em 0.85714em 0.42857em 0; } #nav li ul a { padding:0.42857em 0.85714em; } #logo img { width:210px; height:auto; } #suchleiste { margin-top:20px; border:1px solid #676767; width:208px; } #searchForm { position:relative; } #searchForm #searchText { width:154px; height:20px; margin-left:6px; border-style:hidden; border-width:0; bottom:0; } #searchForm #searchSubmitButton { position:absolute; right:3px; bottom:2px; width:18px; } #mainNav { text-transform:uppercase; margin-top:20px; } #mainNav ul { display:block; padding:0; } #mainNav li { display:block; font-size:1.1rem; font-weight:bold; } #mainNav li#menu-2, #mainNav li#menu-5, #mainNav li#menu-6, #mainNav li#menu-9 { border-top:1px solid #676767; margin-top:1em; padding-top:1em; } #mainNav li#menu-5 { background:url('../images/sprechblase.gif') right 1.75em no-repeat; } #mainNav li.act a { color:#676767; } #mainNav li.act li a { color:#000; } #mainNav li.act li a.active { color:#676767; } #mainNav a:hover { color:#676767; } #mainNav .down a:hover { color:#676767; cursor:default; } #mainNav .act.down a:hover { color:#676767; cursor:default; } #mainNav ul ul { text-transform:none; } #mainNav ul ul li { font-size:13px; font-size:1rem; margin-top:0.1em; } #mainNav .down ul a:hover { color:#676767; cursor:pointer; } #mainNav .down ul a.active:hover { cursor:default; } #mainNav ul ul a:active, #mainNav ul ul a:focus, #mainNav ul ul a:hover { color:#676767;} #mainNav li#menu-2 > a:before { background-position:-55px 0px; } #mainNav li#menu-2:target > a:before, #mainNav li#menu-2 > a.active:before { background-position:-55px -30px; } #mainNav li#menu-3 > a:before { background-position:-85px 0px; } #mainNav li#menu-3:target > a:before, #mainNav li#menu-3 > a.active:before { background-position:-85px -30px; } #mainNav li#menu-4 > a:before { background-position:-115 0px; } #mainNav li#menu-4:target > a:before, #mainNav li#menu-4 > a.active:before { background-position:-115px -30px; } #mainNav li#menu-5 > a { cursor:default; } #mainNav li#menu-5 > a:hover { color:#676767; } #mainNav li#menu-5.act > a:hover { color:#000; } #mainNav li > ul { display:none; } #mainNav li > a.active + ul, #mainNav li:target > ul { display:block; } /* Inhalt Startseite */ #teaserWrapper { margin:-15px 0 0 0; } .teaser { width:210px; margin:15px 0 0 30px; float:left; overflow:hidden; border-bottom:1px solid #676767; padding-bottom:10px; } .teaser img { width:100%; height:auto; } .teaser h2 { margin:10px 0 0; } .teaser p { margin:5px 0 0; } .teaser p a { font-weight:normal; } #maintext { width:100%; } .pHeading { border-bottom:1px solid #676767; padding:0 0 10px; } .pHeading h1 { margin-top:5.1%; text-transform:uppercase; } #c349 .pHeading h1 { margin-top:2.8%; } .pdfColumn { float:left; margin:10px 0 0 30px; width:30.43478%; } .pdfColumn ul { float:right; list-style-type:none; } .column2 { width:65.217%; float:left; margin-top:10px; -moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2; -moz-column-gap:20px; -webkit-column-gap:20px; -o-column-gap:20px; column-gap:20px; } .column2 p { text-align:justify; } .column2 p:first-child { margin-top:0; } .column3 { margin-top:10px; -moz-column-count:3; -webkit-column-count:3; -o-column-count:3; column-count:3; -moz-column-gap:30px; -webkit-column-gap:30px; -o-column-gap:30px; column-gap:30px; } #c75 .column3 {-moz-column-gap:4.34%; -webkit-column-gap:4.34%; -o-column-gap:4.34%; column-gap:4.34%; } .column3 h2 { margin-top:2.9rem; font-size:1.15rem; line-height:1.5; text-align:left; } .column3 h2 + p { margin-top:1.1rem; } .column3 p { text-align:justify; margin-top:1.5em; } .column3 h3 + p { margin-top:0; } .column3 h3 + p > a { font-weight:normal; } .column3 p:first-child { margin-top:0; } .column2 p, .column3 p { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; } /* RTE-Klassen */ p.einzug { margin-top:0; text-indent:1.2em; } p.marginA0 { margin-top:0; } p.alignleft { text-align:left; } #imageNav img { margin:15px 10px 0 0; } /* Projektseiten */ .theme-light.slider-wrapper { padding:0 0 0 30px; } .theme-light .nivoSlider { margin:0; padding-bottom:5.1%; } .theme-light .nivo-caption { display:block; color:#000; opacity:1; background:#fff; left:auto; bottom:2px; text-align:right; overflow:hidden; padding:0; border:0; height:5.1%; font-family:Arial,Helvetica,sans-serif; font-size:87.5%; line-height:1; } .theme-light .nivo-controlNav.nivo-thumbs-enabled { width:102%; margin:0.4% 0 -6px -9px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { margin:0 0 0 8px; width:92px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled img { width:90px; } .nivo-control img { border:1px solid #fff; } .nivo-control.active img { border:1px solid #666; } .nivo-control:hover img { border:1px solid #666; } .largeImage { position:relative; width:100%; } .imageCaption { position:absolute; right:1px; bottom:-20px; width:100%; text-align:right; } .prevNextNav { position:relative; margin-top:15px; padding-top:10px; border-top:1px solid #666; text-align:center; } #content .prevNextNav ul.prevNext { list-style:none; } .prevNextNav .prev { display:block; position:absolute; left:0; } .prevNextNav .up { text-align:center; } .prevNextNav .next { display:block; position:absolute; right:0; } /* Kontaktseite */ #c33 { margin:-32px 0 0 30px; } #c33 h2 { margin:0; } .kontakt { float:left; width:40%; } .kontakt h1 { margin:0; } .kontakt p { color:#000000; } .karte { float:right; width:55%; margin-left:5%; overflow:hidden; } .karte a { float:right; } .textKontakt { margin-top:2.22222%; padding-top:2.22222%; border-top:1px solid #676767; } .textKontakt h2 { margin-top:0; } .textKontakt p { color:#000000; text-align:justify; } /* Team */ .threeCol .smallImages { } .threeCol .smallImage { float:left; width:30.43%; margin-left:4.166%; } .threeCol .smallImage:first-child { margin-left:0; } .threeCol .smallImage img {width:100%; } .team p { text-align:justify; } .team img { width:100%; } .team table { } .team td { padding-left:10px; } /* Partner */ body#p6 #content { margin-left:0; } .partnerWrapper { width:21.87%; margin:0 0 0 4.166%; float:left; border-bottom:1px solid #676767; padding-bottom:15px; } .partnerWrapper:first-child { margin-left:0; } h2.partner { margin:20px 0 5px; } .partnerText p { margin:10px 0; text-align:justify; } .partnerImg img { width:100%; height:auto; } /* Planarchiv */ #content .archiveMenu ul { padding:0; list-style:none; } .archiveMenu .ort { text-transform:uppercase; font-weight:bold; border-top: 1px solid #676767; border-bottom: 1px solid #676767; padding:10px 0; margin-top:10px; } #ortAppen { margin-top:-10px; } #ortHeist { margin-top:-10px; } #ortSittensen { margin-top:-10px; } #content .archiveMenu .orte ul { padding:10px 0; } #content .archiveMenu .orte li { line-height:1.6em; padding:5px 0; color:#000; } .navArchivTop { margin:-15px 0 0 0; padding-bottom:20px; } .navArchivTop li { list-style-type:none; display:inline; float:left; margin:13px 0 0 10px; padding:0 5px 0; } .navArchivTop p { float:left; font-weight:bold; text-transform:uppercase; margin-top:13px; } .headingArchiv { border-bottom:1px solid #676767; border-top:1px solid #676767; } .headingArchiv h2 { font-size:13px; font-size:1rem; text-transform:uppercase; margin:15px 0 15px 0; } /* .linksArchiv { margin:20px 0; } .linksArchiv a { font-size:0.9em; } .linksArchiv ul { list-style-type:none; margin-left:-15px; } */ .navArchivBottom { border-top:1px solid #676767; padding-top:10px; } .navArchivBottom li { list-style-type:none; display:inline; float:left; margin:13px 0 0 10px; padding:0 5px 0; } .navArchivBottom p { float:left; font-weight:bold; text-transform:uppercase; } /* Suchergebnis */ .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight: bold; font-style: italic; } .tx-indexedsearch .tx-indexedsearch-browsebox li { display: inline; } .tx-indexedsearch .tx-indexedsearch-whatis { font-size:16px; font-size:123%; text-transform:uppercase; margin:-3px 0 20px 0; } .tx-indexedsearch-browsebox-result { padding:6px 0; border-top:1px solid #676767; border-bottom:1px solid #676767; } .tx-indexedsearch-browsebox-result p { margin-top:0; } .tx-indexedsearch-res { padding:0em 0; } .tx-indexedsearch-res .tx-indexedsearch-res { padding:2em 0; border-bottom:1px solid #676767; } .tx-indexedsearch-res .tx-indexedsearch-res:last-child { border-bottom:none; } .tx-indexedsearch-res h2 { margin-top:0; } ul.tx-indexedsearch-browsebox { padding:0; } .tx-indexedsearch .tx-indexedsearch-browsebox li { margin-right:10px; } /***** Media Queries *********************************************************/ #top { display:none; } #top .nav-btn { overflow:hidden; width:1px; } #content { min-height:1200px; margin-left:240px; } @media screen and (min-width:767px) { body#p6 #suchleiste, body#p6 #mainNav { display:none; } body#p6 .threeColFlex { margin-top: 100px; } } @media screen and (max-width:980px) { .threeCol #gallery { width:450px; } .column2 { -moz-column-count:1; -o-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:30px; -o-column-gap:30px; -webkit-column-gap:30px; column-gap:30px; } .column3 { text-align:justify; margin-top:10px; -moz-column-count:2; -o-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:30px; -o-column-gap:30px; -webkit-column-gap:30px; column-gap:30px; } #c75 .column3 { -moz-column-count:3; -o-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap:1em; -o-column-gap:1em; -webkit-column-gap:1em; column-gap:1em; } } @media screen and (max-width:766px) { html { font-size:94%; } #outer-wrap { margin:0; } #inner-wrap { margin:0; padding:0; } #top { display:block; width:100%; } #top .block { position:relative; height:30px; } #top .nav-btn { width:auto; background:transparent; } #teaserWrapper { width:89.8%; margin:0 5.1%; } .twoCol img { width:100%; height:auto; } /* Navigations */ #searchForm #searchText { margin-left:0; } #search-btn { position:absolute; right:16px; top:1px; width:auto; overflow:hidden; padding:0; } #searchForm #searchSubmitButton { right:15px; } #mainNav li#menu-2, #mainNav li#menu-5, #mainNav li#menu-6, #mainNav li#menu-9 { border-top:1px solid rgba(255, 255, 255, 0.1); margin-top:0; padding-top:0; } #nav { position:relative; width:100%; min-height:0; margin:0; padding:0; } .block #logo { display:none; } #nav li ul a { margin-left:40px; padding:12px 0; } #suchleiste { margin:-15px 0 0 18px; border:0; } #nav .close-btn { position:absolute; width:auto; } #nav li a { padding:0; color:#fff; } #nav li a:hover { color:#ccc; background:rgba(255, 255, 255, 0.1); } #nav li.active a { color:#fff; } #mainNav li#menu-5 { background:none; } #mainNav li.act a { color:#fff; } #mainNav li.act li a { color:#fff; } #mainNav li.act li.active a { color:#fff; } #mainNav a:active, #mainNav a:focus, #mainNav a:hover { text-decoration:none; color:#fff; } #mainNav .down a:hover { color:#fff; } #mainNav ul ul { text-transform:none; } #mainNav ul ul li { font-size:1rem; } #mainNav ul ul a:active, #mainNav ul ul a:focus, #mainNav ul ul a:hover { text-decoration:none; color:#fff; } #content { margin-left:0; padding:5.1% 0 0; } #content .archiveMenu { margin:0 7%; } .navArchivTop { margin:20px 5.1% 0 7%; } .navArchivTop p { font-size:20px; font-size:1.3rem; } .navArchivTop ul { margin-left:55px; } .navArchivTop li { margin:13px 0 0 0; padding:0 9px 0; } .navArchivTop a { font-size:20px; font-size:1.3rem; } .navArchivBottom { margin:0 7%; } .navArchivBottom p { font-size:20px; font-size:1.3rem; margin-top:13px; } .navArchivBottom ul { margin-left:55px; } .navArchivBottom a { font-size:20px; font-size:1.3rem; } .navArchivBottom li { margin:13px 0 0 0; padding:0 9px 0; } /*.teaser { width:93.5%; height:auto; margin:3.5% 0 0 3.25%; padding:0 0 12px; }*/ .teaser { width:100%; height:auto; margin:0 0 20px 0; padding-bottom:15px; } .teaser img { width:100%; height:auto; } .theme-light.slider-wrapper { margin:0 5.1%; width:89.8%; padding:0; } .theme-light .nivo-controlNav.nivo-thumbs-enabled { margin:5.1% 0 0 -9px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { margin:0 0 0 8px; width:62px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled img { width:60px; } .twoCol { width:89.8%; margin:5.1% 5.1% 0; } .twoCol img { width:100%; overflow:hidden; } .twoCol p { width:100%; } .threeCol { width:89.8%; margin:0 5.1% 0; padding:0; } .pHeading h1 { font-size:22px; font-size:1.5rem; margin-top:0; padding-top:7.1%; } .column2 { width:100%; } .pdfColumn { width:100%; margin-left:0; } .pdfColumn ul { float:none; margin-top:20px; } .column3 { width:auto; margin-top:2.89855%; -moz-column-count:1; -webkit-column-count:1; -o-column-count:1; column-count:1; -moz-column-gap:1%; -webkit-column-gap:1%; -o-column-gap:1%; column-gap:1%; } .threeColFlex { margin:0; } /* Projektseiten */ .theme-light .nivo-controlNav.nivo-thumbs-enabled { width:104%; margin:10px 0 0 -8px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { margin:0 0 0 9px; } .theme-light .nivo-caption { height:17px; } /* Partner */ .partnerWrapper { height:auto; width:89.8%; margin:5.1% 5.1% 0; } .partnerImg img { height:auto; } /* Archiv */ #c169, #c170, #c171 { margin:0; } /* Kontakt */ #c33 { width:89.8%; margin:5.1% 5.1% 0; } #c33 h1 { font-size:1.8rem; } #nav { position:absolute; top:0; padding-top:23px; } #nav:not(:target) { z-index:1; height:0; } #nav:target .close-btn { display:none; } #nav .block { position:relative; padding:0; } #nav li { position:relative; border-top:1px solid rgba(255, 255, 255, 0.1); background:#707173; } #nav li:last-child { border-bottom:1px solid rgba(255, 255, 255, 0.1); } #nav li.active:after { z-index:50; display:block; content:''; position:absolute; top:50%; right:-0.03125em; margin-top:-0.625em; border-top:0.625em transparent solid; border-bottom:0.625em transparent solid; border-right:0.625em white solid; } #nav li a { padding:0.85714em 2.14286em; } #mainNav ul ul li:last-child { border-bottom:none; } #mainNav ul ul li { margin-top:0; } .js-ready #inner-wrap { left:0; } .js-ready #nav { width:70%; height:1200px; background:#707173; } .js-ready #nav { left:-70%; } .js-ready #nav .block { background:transparent; } .js-ready #nav .close-btn {display:none;} .js-nav #inner-wrap { left:70%; } .csstransforms3d.csstransitions.js-ready #nav { left:0; -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; } .csstransforms3d.csstransitions.js-ready #inner-wrap { left:0 !important; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform 500ms ease; -moz-transition:-moz-transform 500ms ease; -o-transition:-o-transform 500ms ease; transition:transform 500ms ease; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; } .csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1); transform:translate3d(70%, 0, 0) scale3d(1, 1, 1); } .csstransforms3d.csstransitions.js-ready #nav .block { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:0.7; -webkit-transition:opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay:ease, 0s; -moz-transition:opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition:opacity 300ms 100ms ease, -o-transform 500ms ease; transition:opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%; -ms-transform-origin:50% 0%; -o-transform-origin:50% 0%; transform-origin:50% 0%; } .csstransforms3d.csstransitions.js-nav #nav .block { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } } @media screen and (max-width:540px) { .threeCol .smallImages { -moz-column-count:1; -webkit-column-count:1; -o-column-count:1; column-count:1; } .threeCol .smallImages .smallImage { display:none; } .threeCol .smallImages .smallImage:first-child { display:block; width:100%; } #c75 .column3 { -moz-column-count:1; -webkit-column-count:1; -o-column-count:1; column-count:1; } } @media print, (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { } @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:none; } /* a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre, blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr, img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } .noprint { display:none; } } /*style*/ /* html { color:#666; } */ /* #logo { background:url('../images/elbberg_ro.gif'); width:210px; height:64px; } #logo:hover { background:url('../images/elbberg_ro.gif'); } */ #team td { padding-left:1em; } .teaser:hover > h2 a, .teaser:hover > div p a { color:#676767; } #thumb img { border:1px solid #fff; } #thumb img:hover { border:1px solid #bbb; } .tx-indexedsearch-searchbox { display:none; }