/* **** Datei forms.css **** */ @media screen { /** * YAML Forms - visual styling * * (en) visual form styling area * (de) Festlegung des optischen Erscheinungsbildes */ form.yform { /*margin-left: 10px;*/ } form.yform fieldset { border: 0px; margin: 0; padding: 0; width: 450px; } form.yform legend { font-size: 125%; font-weight: normal; color: #000; margin: 0; padding: 0; } form.yform label { color: #000; } form.yform .type-text input, form.yform .type-text textarea, form.yform .type-select select { font-family: Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */ border: 1px solid #ddd; } /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */ form.yform div input:focus, form.yform div select:focus, form.yform div textarea:focus, form.yform div input:hover, form.yform div select:hover, form.yform div textarea:hover, form.yform div input:active, form.yform div select:active, form.yform div textarea:active { /* border: 1px #a66 solid; background: #fff; */ } /* Styling of buttons | Gestaltung von Buttons */ form.yform .type-button input { border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #444 solid; border-bottom: 1px #444 solid; color: #000; background: #454545 url(bilder/button_gray.png) top left repeat-x; padding: .5em 1.2em; width: 130px; color: white; font-weight: bold; } form.yform .type-button input, form.yform .type-button input:hover { border: 0; text-decoration: underline; } form.yform .type-button input#reset { color: #300; background: #661717 url(bilder/button_red.png) top left repeat-x; } form.yform .type-button input#submit { color: #330; background: url(bilder/Absenden_Button.png) top left repeat-x; } /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */ form.yform div.type-button input:focus, form.yform div.type-button input:hover, form.yform div.type-button input:active { } form.yform div.type-button input#reset:focus, form.yform div.type-button input#reset:hover, form.yform div.type-button input#reset:active { } form.yform div.type-button input#submit:focus, form.yform div.type-button input#submit:hover, form.yform div.type-button input#submit:active { } /*------------------------------------------------------------------------------------------------------*/ /** * Vertical-Forms - technical base (standard) * * |-------------------------------| * | fieldset | * |-------------------------------| * | label | * | input / select / textarea | * |-------------------------------| * | /fieldset | * |-------------------------------| * * (en) Styling of forms where both label and input/select/textarea are styled with display: block; * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden * * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! */ /* General form styling | Allgemeine Formatierung des Formulars */ form.yform { overflow: hidden; } form.yform fieldset { overflow: hidden; } form.yform legend { background: transparent; border: 0; } form.yform label { display:block; cursor: pointer; } form.yform .message { display: block; margin-bottom: 0.5em; color: #666; } /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */ form.yform input[type=hidden] { display: none !important; } /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */ form.yform sup { color: #800; font-weight: bold; } /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */ form.yform div.type-text, form.yform div.type-select, form.yform div.type-check, form.yform div.type-button { margin: 1px 0; position: relative; overflow: hidden; } /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */ form.yform .type-text input, form.yform .type-text textarea { display: block; position: relative; padding: 0.3em 0.3em; width: 58.5%; } form.yform .type-select select { display: block; position: relative; padding: 0.3em 2px 0.3em 1px; width: 100%; cursor: pointer; } form.yform .type-select select optgroup { font-style: normal; font-weight: bold; } form.yform .type-check input { cursor: pointer; } form.yform .type-check label { display: inline; } /* Styling of buttons | Gestaltung von Buttons */ form.yform .type-button input { cursor: pointer; } /* Styling of error-messages | Fehlermeldungen */ form.yform div.error { background:#FAF4F4 none repeat scroll 0 0; border:1px dashed #AA0000; padding:2px; margin: 3px 0; } form.yform div.error label { padding-left: 5px; width: 95px; } form.yform div.error label { color: #000; font-weight:bold; } form.yform div.error .message { color: #800; } /*------------------------------------------------------------------------------------------------------*/ /** * Columnar forms display - technical base (optional) * * |-------------------------------------------| * | fieldset | * |-------------------------------------------| * | | * | label | input / select / textarea | * | | * |-------------------------------------------| * | /fieldset | * |-------------------------------------------| * * (en) Styling of forms where label floats left of form-elements * (de) Formulargestaltung, bei der die label-Elemente nach links fließen * * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! */ /* Columnar display | Spalten-Darstellung */ .columnar .type-text label, .columnar .type-select label { float: left; width: 100px; /* Can be fixed width too | Kann auch eine fixe Angabe sein */ } /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */ .columnar div.type-check { padding-left: 30%; } .columnar div.error .message { margin-left: 30%; } .columnar div.type-text input, .columnar div.type-text textarea { width: 67.8%; } .columnar div.type-select select { width: 69.4%; } /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */ * html .columnar div.type-text input, * html .columnar div.type-text textarea { width: 67.2%; } * html .columnar div.type-select select { width: 68.8%; } /*------------------------------------------------------------------------------------------------------*/ /** * Forms Fieldset/Legend-Bug in IE * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/ * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ /* IE5.x & IE6 */ * html form.yform legend { position:absolute; top: -.5em; left: .5em; } * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; } /* IE7 */ *+html form.yform legend { position:absolute; top: -.5em; left: .5em; } *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; } form#arztSuche { margin: 1em 1em 2em 0; } .columnar div.type-text textarea { font-size: 11px; } form.yform div.type-button { text-align:right; width:394px; margin-top: 5px; } } /* **** Datei iehacks.css **** */ @media screen { @charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win * * Don't make any changes in this file! * Your changes should be added to a separate patch-file. * * @copyright Copyright 2005-2009, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.1 * @revision $Revision: 343 $ * @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ * @appdef yaml */ /** * (en) Debugging: When you see a green background, IE is getting this stylesheet * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde * * @debug * @app-yaml-default disabled */ /* body { background: #0f0; background-image: none; } */ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari) * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari) * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ html { height: auto; margin-bottom:0; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid no */ * html textarea { overflow:scroll; overflow-x: hidden; } * html input { overflow: hidden; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Stability fixes with 'position:relative' * (de) Stabilitätsverbesserungen durch 'position:relative' * * @bugfix * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ body { position:relative; } /* Essential in IE7 for correct layout scaling ... */ /** html body { position:static; } /* ... but not for IE5.x and IE6 */*/ #main { position: relative; } /* helpful for several problems in older IE versions*/ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Clearfix Method for containing floats in IE * (de) Clearfix-Anpassung für diverse IE-Versionen * * @workaround * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28 * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ .clearfix { display: inline-block; } /* ... especial for IE7 */ .clearfix { display: block; } /* ... für IE5,IE6,IE7 */ * html .clearfix { height: 1%; } /* ... für IE5 + IE6/Win | hasLayout aktivieren */ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Adjustment of .floatbox class for IE * (de) Anpassung der .floatbox-Klasse für IE * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ .floatbox { width:100%; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Special class for oversized content element * (de) Spezielle Klasse für übergroße Inhaltselemente * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ .slidebox { position:relative; margin-right: -1000px; height: 1%; } /*------------------------------------------------------------------------------------------------------*/ /** * (en): Bugfix for partially displayed column separators * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html #col1, * html #col2, * html #col3 { position:relative; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Preventing several css bugs by forcing "hasLayout" * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout" * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid no */ body { height: 1%; } #page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */ #page_margins, #page, .page_margins, .page { height: 1%; } /* IE 5.x */ /*------------------------------------------------------------------------------------------------------*/ /** * Disappearing List-Background Bug * @see http://www.positioniseverything.net/explorer/ie-listbug.html * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html ul, * html ol, * html dl { position: relative; } /*------------------------------------------------------------------------------------------------------*/ /** * List-Numbering Bug * * @bugfix * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ body ol li { display:list-item; } /** * Form related bugfixes * * @bugfix * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid no */ fieldset, legend { position:relative; } /* global fixes for YAML's form construction set */ form.yform, form.yform div, form.yform div * { zoom:1; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear * Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the * longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed * in YAML. * * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear * Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout * wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt * sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen. * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid no */ html #ie_clearing { /* (en) Only a small help for debugging */ /* (de) Nur eine kleine Hilfe zur Fehlersuche */ position:static; /* (en) Make container visible in IE */ /* (de) Container sichtbar machen im IE */ display:block; /* (en) No fix possible in IE5.x, normal clearing used instead */ /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */ \clear:both; /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/ /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */ width: 100%; font-size:0px; margin: -2px 0 -1em 1px; } * html #ie_clearing { margin: -2px 0 -1em 0; } #col3_content {margin-bottom:-2px; } /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */ /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */ html { margin-right: 1px; } * html { margin-right: 0 } /* (en) Bugfix: Essential for IE7 */ /* (de) Bugfix: Notwendig im IE7 */ #col3 { position:relative; } /*------------------------------------------------------------------------------------------------------*/ /** * IE z-index-Fix * brings #col1 and #col2 in front of #col3 * * @workaround * @affected all IE * @css-for all IE * @valid yes */ *+html #col3 { z-index: -1; } * html #col1, * html #col2 { z-index: 1; } * html #col3 { z-index:auto; } /*------------------------------------------------------------------------------------------------------*/ /** * IE/Win Guillotine Bug * @see http://www.positioniseverything.net/explorer/guillotine.html * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body a, * html body a:hover { background-color: transparent; } /** * (en) IE-Adjustments for content columns and subtemplates * (de) IE-Anpassung für Spaltencontainer und Subtemplates * * Doubled Float-Margin Bug * @see http://positioniseverything.net/explorer/doubled-margin.html * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ #col1, #col2 { display:inline; } .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; } /* Fix for: "Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */ * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; } .equalize, .equalize .subcolumns { overflow:hidden; display:block; } /* transform CSS tables back into floats */ .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l { float: left; display:inline; padding-bottom: 32767px; margin-bottom: -32767px; } .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r { float: right; margin-left: -5px; display:inline; padding-bottom: 32767px; margin-bottom: -32767px; } .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l, .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r { padding-bottom: 0; margin-bottom: 0; } /*------------------------------------------------------------------------------------------------------*/ /** * Internet Explorer and the Expanding Box Problem * @see http://www.positioniseverything.net/explorer/expandingboxbug.html * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html #col1_content, * html #col2_content, * html #col3_content { word-wrap: break-word; } /* trigger hasLayout to force containing content */ .subc, .subcl, .subcr { height: 1%; } /* avoid growing widths */ * html .subc, * html .subcl, * html .subcr { word-wrap: break-word; overflow:hidden; } } /* **** Datei layout.css **** */ @media screen { html { height: 100%; margin-bottom: 1px; } body { padding: 0px; margin: 20px 0 0 0; font: 12px Arial; color: #000000; background:#FFFFFF url(../bilder/bg_1px.jpg) repeat-x scroll 50% 0; text-align:center; } p { margin: 0; } ul { margin-top: 10px; } h1 { font: bold 18px/22px Arial, Helvetica, sans-serif; padding: 0 0 5px 0; margin: 0; } h2 { font: bold 14px Arial, Helvetica, sans-serif; padding: 0 0 5px 0; margin: 0; } h3 { font: bold 12px Arial, Helvetica, sans-serif; padding: 0 0 5px 0; margin: 0; } h4 { font: normal 12px Arial, Helvetica, sans-serif; padding: 0 0 5px 0; margin: 0; } ul li ul { margin: 0 0 5px 0; } #main { position: relative; width:860px; height:599px; margin:0 auto; text-align: left; } #content { position: absolute; top: 580px; left: 10px; } #content h1 { font-size:13px; margin: 0px 0px 10px 0px; } #content.sub { background-image:url(../bilder/RLS_Viewer_HG.png); background-repeat: no-repeat; height:380px; left:0; position:absolute; top:74px; width:840px; } #content.sub .scroll { overflow:auto; width: 840px; height: 380px; } #content.sub .text { padding: 20px 20px 0 20px; } #content.sub h1 { font-size:15px; margin: 0px 0px 10px 0px; } #header { position: absolute; top: 0px; left: 0px; } #logo { position: absolute; top: 0px; left: 0px; } #anschrift { position: absolute; top: 0px; left: 577px; } #schritte { height:400px; left:24px; position:absolute; top:75px; width:860px; } * html #schritte { top:73px; } *+html #schritte { top:73px; } #schritt1 { position: absolute; top: 0px; left: 0px; } #schritt2 { position: absolute; top: 0px; left: 290px; } #schritt3 { position: absolute; top: 0px; left: 580px; } .schritt { width: 235px; height: 53px; } * html .schritt { height: 53px; } .schritt h3 { color:white; padding:19px 0 0; text-align:center; margin: 0; } .schrittBg { background-image: url(../bilder/schritt_bg.png); width: 260px; height: 311px; background-repeat: no-repeat; font-size:15px; } #schritt1 .schritt { background-image: url(../bilder/schritt_1_pfeil.jpg); } #schritt2 .schritt { background-image: url(../bilder/schritt_2_pfeil.jpg); } #schritt3 .schritt { background-image: url(../bilder/schritt_3_pfeil.jpg); } #schritte .text { padding: 30px 55px 0 25px; } #schritte ul { padding-left: 10px; margin: 1px 0 0 0; } #ticker { position: absolute; top: 65px; left: 0px; width: 860px; } #tickerContent { text-align: center; padding: 3px 0; border-top: 1px solid #9B9798; border-bottom: 1px solid #9B9798; color: #9B9798; } #online_blaettern { position: absolute; top: 74px; left: -50px; } #menu { left:92px; position:absolute; top:470px; } /* * html #menu { top: 510px; } */ #menu ul { margin: 0px; padding: 0px; } .button { float: left; background-image: url(../bilder/menuebutton.jpg); height: 30px; background-repeat: no-repeat; list-style: none; margin-right: 5px; } #menu li.aktiv { background-image: url(../bilder/menuebutton_aktiv.jpg); } .button a { display: block; color: white; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; padding-top: 8px; width: 130px; z-index: 1000; } .button a:hover, .button a.aktiv { text-decoration: underline; } #subhead { position: absolute; top: 540px; left: 0px; } #vorschau { position: absolute; top: -58px; left: 470px; } .vorschau_info { position: absolute; top: 280px; left: 3px; margin-bottom: 20px; } .col { float:left; margin-right:20px; width:370px; } *+html form#Kontaktformular { padding-top: -20px; } form#Kontaktformular h2 { margin: 0 0 0.5em 0; padding: 0; font-size: 1.2em; } form#Kontaktformular { width: 420px; } #formular_zusatz { left:480px; position:absolute; top:48px; font-size: 14px; width:340px; } #formular_zusatz ul { padding-left: 20px; margin: 0; } #formular_zusatz ul li { margin-bottom: 5px; } .text a, .viewer_link { color: #3A8118; font-weight: bold; } .mediumHintergrund { background-color: #000000; } .mediumBeschriftung { display: block; padding: 2px; color: #FFFFFF; font-size: 10px; } #imprint { position: absolute; top: -18px; right: 19px; text-align: right; color: #FFFFFF; } #imprint a { color: #FFFFFF; text-decoration: none; } #imprint a:hover { text-decoration: underline; } }