Warning: Cannot modify header information - headers already sent by (output started at /www/htdocs/w00d0582/einsteinfreunde/templates/design/css.php:1) in /www/htdocs/w00d0582/einsteinfreunde/templates/design/css.php on line 1
/* CSS-Definition EGONline 2007*/ /* Revision 2015*/ /* Allgemeine Defintionen */ .blind {display:none} html, body {height:100%;margin:0;padding:0} body {background:white url(grauhinten.jpg);font-family: Tahoma,Arial,Helvetica,sans-serif;} .elternback{background-size:cover;background-image: url(../../images/elternbrief.jpg);} .elternback h1{text-shadow:1px 1px #000000;} #main {width:1280px; margin:0 auto; min-height:75%; background-color:white; } #logo {/*oben*/} #obenlinks {position:absolute;left:1em;top:1em;color:white;font-size:12px} #obenlinks a {color:white;text-decoration:none;} #obenlinks a:hover {text-decoration:underline;} #searchbox {position:absolute;top:4px;right:4px;} #logolink {display:block;position:absolute;left:4px;top:4px;padding-left:10px;padding-top:7px;width:241px;height:100px;background:transparent url(eg_logo.png) no-repeat} #logolink span {display:none} #s {background:#adb7c3;border:none;width:180px;font-size:14px;color:white;cursor:text;border-top:1px solid #d6dbe0;border-left:1px solid #d6dbe0} .trans {background:transparent;border:none;cursor:pointer;} #wiki {/*margin-right:310px;*/} #inhalt { padding-top:0px;padding-left:30px;padding-right:20px; font-size:14px;margin-top:0px;line-height:1.4em; -webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify; } #fuss { position:relative; width:100%; background-color:#446586; font-size:11px;color:white; text-align:center; bottom:0; padding:1em; border-top:1px solid ; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; } #navigation { position:relative; display:block; width:100%; min-height:100px; margin-top:-22px; text-align:center; overflow:hidden; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; background-color:#446586; background-image: -webkit-linear-gradient(#324960 0%, #446586 100%); background-image: -moz-linear-gradient(#324960 0%, #446586 100%); background-image: -o-linear-gradient(#324960 0%, #446586 100%); background-image: -ms-linear-gradient(#324960 0%, #446586 100%); background-image: linear-gradient(#324960 0%, #446586 100%); } #navileiste{margin-top:85px;} #submenu { position:relative; margin:0; display:block; width:100%; background-color:rgb(100,100,100); transition:all 1s; white-space:nowrap; overflow:hidden; font-size:14px; } #submenu .subinhalt{ overflow:hidden; width:1280px; height:200px; margin:0 auto; padding-left:10px; } #subscroll{transition:all 1s;float:left;} #submenu .subpart{ position:absolute; text-align:left; width:1280px; top:0px; overflow:hidden; } #submenu a{text-decoration:none;color:rgb(200,200,200);} #submenu a:hover{color:white;)} #closer { position:absolute; bottom:0px;height:1em; width:100%; text-align:center; background-color:#446586;font-size:2em;color:white; z-index:100; } #closer:hover{cursor:pointer;} #navigation .rubrik {display:inline-block; white-space:nowrap; font-size:16px; color:white;overflow:hidden; padding:4px 1em; text-align:center; text-decoration:none; margin-right:2px; background:#bdaf9a; border-top:1px solid #d6cec2; } #navigation .rubrik img{height:18px;text-align:left;float:left;margin-right:12px; } #navigation .rubrik:hover {text-decoration:underline;} #navigation .rubrik span.kurz {display:none} .naviclose {max-height:0px;display:none;} .naviopen {max-height:300px;display:block;} #navigation .rubrik[focus] {background:white;color:black;display:inline-block;border-top:1px solid white;box-shadow: 4px 4px 6px rgba(0,0,0,0.5);} /* Inhaltsfeld */ /* Schriftformatierung */ .breadcrumb {font-size:11px;margin-top:4px;margin-left:-10px;color:#928470} h1 {margin-top:5px;padding-top:0px; color:#45658a;font-size:1.7em;line-height:1em;font-weight:normal;text-align:left} h2 {font-size:19px;color:#45658a;font-weight:normal;text-align:left;} h3 {font-size:17px;color:#45658a;font-weight:normal;text-align:left;} p {line-height:1.4em;} hr {height:1px; color:black; background-color:black;border:none} b, strong {color:#444;} .email{margin-left:2.5em;} .email:before { background-image:url(../../images/bigicons/email.png); background-size:contain; background-repeat:no-repeat; background-position:0 bottom; content:""; position:absolute;margin-left:-2.5em;width:20px;height:1.2em; } /* Linkdarstellung */ #inhalt a {color:#000080} #inhalt .breadcrumb a {text-decoration: none; color:#928470;} /* Darstellung von Bildern */ .adminlink_icon {display: inline;} img, a img {border:none;display:block;margin:auto;} img.zeichen, img.normal {display:inline} /* Bilder */ .bildrechts, .bildlinks {margin: 10px;text-align: center;font-size:small;margin-bottom: 5px;} .bildrechts {margin-right: 0px;float:right;} .bildlinks {margin-left:0px; float:left} .bildmitte { margin-bottom: 10px;margin-left:0px;margin-right:0; text-align:center; } .bildmitte img {max-width:100%;box-shadow: 4px 4px 4px rgba(0,0,0,0.8);} .bildbreit {margin-bottom:3px;width:100%;} .bildpart {margin-left:10px;margin-bottom:5px;width:30%;margin-right:0px;float:right;box-shadow: 4px 4px 4px rgba(0,0,0,0.8);} /* Grafiken */ .grafikrechts, .grafiklinks {margin:10px;text-align:center;font-size:small;margin-bottom: 5px;max-width:50%} .grafikrechts {margin-right: 0px;float:right;} .grafiklinks {margin-left:0px; float:left} .grafikmitte {max-width:100%} .grayImage {display:inline-block;position:relative;left:50%;transform:translateX(-50%);} .grayImage img{-webkit-filter: grayscale(1);filter: grayscale(1);height:48px;} .bildunterschrift { margin-top: -20px; text-align: center; font-style: italic; font-size: 12px; } /* Zweckformatierungen und Einrückungen*/ .rueck {padding-left:35px;} .mitte {text-align:center} table.mitte {margin:auto} .quelle, .autor, .datum {text-align:right;font-style:italic} /* Spezielle Tabellen */ table.design, table.rahmen {background-color:white;border-spacing:0px;border-collapse:collapse;margin:auto;border:1px solid #A0A0A0} table.design td, table.design th,table.rahmen td, table.rahmen th {padding:5px;text-align:left} table.design td, table.rahmen td {text-align:left;vertical-align:top;} table.design th, table.rahmen th , tr.kopf td {font-weight:bold;vertical-align:middle;line-height:1} table.design td.rubrik, table.rahmen td.rubrik {text-align:right;vertical-align:top;font-weight:bold;} td.rahmenrechts {border-right:1px solid #A0A0A0} table.rahmen td, table.rahmen th {border:1px solid #A0A0A0} table.design caption, table.rahmen caption {font-weight:normal;text-align:left;font-size:18px;text-align:center} table.design th, table.rahmen th, tr.kopf td {background:#e6e6e6} table.ohnerahmen {border: 0px !important;} table.ohnerahmen th, table.ohnerahmen th, table.ohnerahmen tr.kopf td {background: none; !important} /* Miniartikel*/ .minirand {border:2px solid rgb(255,255,255);box-shadow:1px 1px 8px rgb(10,10,10);} #changer {display:inline-block;position:relative;max-width:100%;width:400px;height:100px;overflow:hidden;padding:0;margin:0;} #changer > div{position:absolute;width:100%;} .change {transition:all 0.5s} .swapMini{transform:translate(0px,-100px);} .miniartikel {display:inline-block;max-width:100%;width:400px;height:100px;color:black;overflow:hidden;background:#f5f5f5;text-align:left;} .miniartikel a {text-decoration:none;color:black;} .minipic{float:left;display:inline-block;width:30%;height:100%;background-color:white;background-repeat:no-repeat;background-size:cover;background-position:center;margin:0;padding:0;} .minipic2{display:inline-block;width:30%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:left;margin:0;padding:0;} .minitext{display:inline-block;width:70%;padding:4px;box-sizing:border-box;text-align:justify;overflow:hidden;vertical-align:bottom;color:black;font-size:12px;} .minitext h2 {white-space:nowrap;color:#45658a;margin:0;} /* Anreisser für Artikel und Rubriken */ .anreisser {float:left;border:1px solid #fff;width:48%;height:120px;padding:5px 10px 5px 10px;margin:0 0.5%;margin-bottom:12px;font-size:12px;box-shadow: 0px 0px 6px #c0c0c0;background:#f5f5f5;overflow:hidden;text-overflow:ellipsis -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; } .anreisser h2 {font-size:15px;margin-bottom:5px;line-height:17px} .anreisser span {float:right;} table .anreisser{width:98%;} #inhalt .anreisser a {color:black;text-decoration:none} #inhalt .anreisser h2 a{color:#000080} #inhalt .anreisser h2 a:hover {text-decoration:underline} /* Galerie */ .galerie {text-align:center} .galerie a {text-decoration:none} .galeriethumb { display:inline; height:153px; } /* WIKI */ .ok { display:block; background: url(../../images/icons/accept.png) 0px 0px no-repeat; padding-left: 20px; } .fehler { display:block; background: url(../../images/icons/delete.png) 0px 0px no-repeat; padding-left: 20px; } /* Listen */ ul li {list-style-image: url(dot.gif);} ul.news {margin: 0px; padding: 0px; margin-left: 13px;} ul.news li {margin-bottom: 8px;} ul.calendar {margin: 0px; padding: 0px; margin-left: 13px;} ul.calendar li {margin-bottom: 8px;} .zumartikel {text-align:right;margin:0;margin-bottom:-10px;} /* Seesite */ #pagenavi { text-align: center; } #pagenavi2 { text-align: center; clear: both; } .seesite_image { margin: 5px; margin-left: 30px; } /* MISC */ .iconlink { display: inline; text-decoration: none; } .iconlink img { display: inline; position: relative; top: 3px; } .reflection { position:relative; height:100%; margin-top:3px; } .reflection img { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: flipv; opacity:0.40; filter: alpha(opacity='40'); } .overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image: -moz-linear-gradient( rgba(255,255,255,0) 0%, rgb(255,255,255) 30%); background-image: -o-linear-gradient( rgba(255,255,255,0) 25%, rgb(255,255,255) 40%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(255,255,255)), color-stop(0.75, rgba(255,255,255,0))); filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff); } #cnavigation #next { position: absolute; top:22px; left:446px; height:100px; width:24px; font-size:1.8em; } #cnavigation #previous { position: absolute; top:22px; left:-260px; height:100px; width:24px; font-size:1.8em; } .terminliste td {vertical-align:top} .rechtebox {background:#ddd;width:280px;float:right;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative;padding:10px; margin-bottom:1em;margin-right:-10px;margin-top:0; } .rechtebox .anreisser {float:none;background:transparent;height:auto;width:auto;padding:0;margin:0;margin-bottom:10px;font-size:13px;border:none;} .rechtebox .anreisser img {display:none} .rechtebox h2, .rechtebox h3 {margin:0;margin-bottom:10px} .rechtebox ul {margin: 0px; padding: 0px; margin-left: 13px;} .rechtebox hr {background:white;border:10px solid white;margin-left:-10px;margin-right:-10px} .galleiste {width:100%; padding:10px; text-align:center; } .galleiste div{height:200px;white-space:nowrap;overflow:hidden;} .galleiste img {margin-bottom:10px;margin-left:10px;height:200px;float:left;} table.contact {height:300px;float:left;margin-right:10px;/*background-color:rgb(250,250,250)*/} table.contact td {padding:0 0.5em;vertical-align:top} table.contact img {height:200px;} #coverDiv {position:relative;top:0;left:-30px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;text-align:center;} #coverDiv div{position:absolute;padding:0;margin:0;background-repeat:no-repeat;background-position:center;background-size:contain;} #innen {white-space:nowrap;position:relative;width:100%;bottom:0.25em;font-size:2em;} #innen span {color:grey;text-shadow:2px 2px 2px #000;} #innen span[focus] {color:red;} #innen span:hover{color:green;} .fader{opacity:0.0} #startseite_kontakt{position:absolute;top:115px;right:20px;border:1px solid white;background:white;background:rgba(255,255,255,0.8);padding:0px 10px 0 10px} #startseite_willkommen{position:relative;top:120px;left:35px;padding:0;margin:0} #startseite_willkommen h2 {color:white;color:rgba(255,255,255,0.8);font-size:30px;padding:0;margin:0} @media all and (max-width:1280px) { #startseite_willkommen{left:15px} #main { width:100%; border:none; left:0;top:0; margin:0; } #inhalt { border:none; padding-left:20px; } #foerdergrafik {left:0px} #navigation {padding-right:0px;} } @media all and (max-width:990px) { #logolink {color:white;text-decoration:none;font-size:1.5em;top:4px;width:auto;height:auto;background:transparent} #logolink span {display:inline} } @media all and (max-width:960px) { .anreisser {width:99%;} .miniartikel {width:99%;margin:0.5em 0em;} #navigation .rubrik .lang {display:none} } @media all and (max-width:805px) { #navigation a#rubrik1 {display:none} #logolink {font-size:1.3em;} } @media all and (max-width:740px) { #searchbox {display:none} #startseite_willkommen{display:block;position:static} #startseite_willkommen h2 {color:black;display:block;width:100vw;position:relative;top:-10px;line-height:1em} } @media all and (max-width:685px) { #navigation .rubrik {width:auto;padding-right:5px;padding-left:5px;} } @media all and (max-width:660px) { #wiki {margin-right:0} .rechtebox {left:0;margin-left:0px;float:none;margin-right:5px;margin-bottom:10px;width:auto} .autorechts {display:none} } @media all and (max-width:475px) { #logolink {width:200px} #startseite_kontakt{position:static;padding:0} } @media all and (max-width:423px) { #navigation .rubrik .kurz {display:inline} }