/***** + LEGEND : VORSICHT: wird SEHR unterschiedlich interpretiert + BUTTON : IE macht Probleme beim Abstand, Opera macht ganz seltsame Probleme (u.a. Schriftgroesse und float) ==> nutze INPUT CLASS="BUTTON" + spalte: keine margins/paddings, da es ansonsten zu inbox/outbox-Verschiebungen kommt ==> Abstaende wenn noetig per   an Spaltenanfang oder -ende + rel5 bis rel90: relative Spaltenbreite (man koennte auch abs-Spaltenbreiten bereitstellen) + FIELDSETs sind stabilere Boxelemente als DIV oder P abschlie�endes
nach der letzten Zeile wird leider fuer Opera benoetigt + Ueberschriften koennen ueber/unter/mit/ohne FIELDSETs genutzt werden (dafuer padding:0; und identisches margin in FIELDSET) geht man von einer h3-Ueberschrift ueber dem Formular aus, erfolgt die interne struktur mit h4, h5 + CLASS="CLEAR" gibt weissen Hintergrund fuer FORM, FIELDSET, P + RADIOBUTTONS und CHECKBOXEN unterliegen browserabhaengig der width-Skalierung und koennen daher NICHT mit rel__-Klasse versehen werden (IE: keine min-width-Unterstuetzung) ==> SPAN-Kapselung solange nicht letztes Element einer Zeile *****/ /* ############################### form - textelemente ############################### */ #inhalt form { padding:0; margin:0; margin-top:12px; /*width:100%;*/ } #inhalt form fieldset { background-color:#99d8cc; padding:0; margin:0 0 4px 0; border:0 solid; } /*"0 solid" f.Opera*/ #inhalt form fieldset legend { font-size:0.8em; margin-bottom:12px; } /* CAVE: browserabhaengige Layoutdifferenzen! */ #inhalt form h4 { font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; background-color:#00377b; color:#fff; padding:10px; margin:4px 0 0 0; font-weight:bold; font-size:1.2em; } #inhalt form h4 span { color:#fff; } #inhalt form fieldset h4 { margin:0; } #inhalt form h5 { background-color:#99d8cc; color:#000; padding:4px 10px 0px 10px; font-weight:bold; font-size:1.0em; } #inhalt form h5.larger { font-size:1.2em; } #inhalt form h6 { background-color:#99d8cc; color:#000; padding:4px 10px 0px 10px; font-weight:bold; } #inhalt form p, #inhalt form div, #inhalt form ul { background-color:#99d8cc; color:#000; padding:10px; } #inhalt form table { margin:10px; } #inhalt form th, #inhalt form td { background-color:#99d8cc; color:#000; } #inhalt form br { clear:left; } #inhalt form span { color:#000; } #inhalt form hr { clear:left; padding:0; width:100%; margin:8px 0 8px 0; border-style:none; background-color:#fff; color:#fff; height:1px; } * html #inhalt form hr { margin:4px 0 4px 0; } #inhalt form hr.separator { height:3px; } #inhalt form label { color:#000; } #inhalt form select { float:none; margin-bottom:2px; } #inhalt form input { border-style:none; } /* FOCUS fuer Eingabefelder, noch keine endgueltige Farbfestlegung erfolgt */ #inhalt form input:focus, #inhalt form textarea:focus { background-color:#fff6cc; } #inhalt form input.readonly, #inhalt form textarea.readonly { background-color:#ddd; } /* ############################### button ############################### */ #inhalt form a.button, #inhalt form a.button:link, #inhalt form a.button:visited, #inhalt form input.button { font-size:1.0em; font-weight:bold; text-align:center; text-decoration:none; color:#fff; border:1px solid #fff; background-color:#4d73a3; /*#4D73A3;*/ margin-right:4px; margin-bottom:1px; } * html #inhalt form a.button, * html #inhalt form a.button:link, * html #inhalt form a.button:visited, * html #inhalt form input.button { margin-bottom:4px; } #inhalt form a.button, #inhalt form a.button:link, #inhalt form a.button:visited { padding:1px 5px 1px 5px; } #inhalt form input.button { padding:0 5px 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; } #inhalt form a.button:hover, #inhalt form a.button:focus, #inhalt form input.button:hover, #inhalt form input.button:focus { /*border:1px solid #99D8CC;*/ background-color:#b2c3d8; color:#000; text-decoration:none; } /* ############################### form.clear ############################### */ #inhalt form .clear, #inhalt form.clear fieldset, #inhalt fieldset.clear, #inhalt form.clear p, #inhalt fieldset.clear p, #inhalt form p.clear { background-color:#fff; color:#000; } #inhalt form.clear input, #inhalt fieldset.clear input, #inhalt form p.clear input { background-color:#eee; } #inhalt form.clear input.check, #inhalt fieldset.clear input.check, #inhalt form p.clear input.check { background-color:#fff; } #inhalt form.clear input.button, #inhalt fieldset.clear input.button, #inhalt form p.clear input.button { background-color:#99d8cc; border:1px solid #036; } #inhalt form.clear input.button:hover, #inhalt fieldset.clear input.button:hover, #inhalt p.clear input.button:hover, #inhalt form.clear input.button:focus, #inhalt fieldset.clear input.button:focus, #inhalt p.clear input.button:focus{ border:1px solid #f60; } /* ############################### spalten + breiten ############################### */ #inhalt form .spalte { display:block; float:left; margin:0 0 4px 0; padding:0 0 4px 0; border-style:none; } /* #inhalt form input.check { vertical-align:top; } #inhalt form input.checkbox { vertical-align:middle; } #inhalt form input.checkbox_umbruch { vertical-align:top; } #inhalt form input.radio { vertical-align:bottom; } * html #inhalt form input.radio { vertical-align:middle; } */ #inhalt form .rel4 { width: 2.4em; min-width: 20px; } #inhalt form .rel9 { width: 4.9em; min-width: 40px; } #inhalt form .rel5 { width: 2.5em; min-width: 20px; } #inhalt form .rel10 { width: 5em; min-width: 40px; } #inhalt form .rel14 { width: 7.4em; min-width: 60px; } #inhalt form .rel29 { width: 9.9em; min-width: 80px; } #inhalt form .rel15 { width: 7.5em; min-width: 60px; } #inhalt form .rel20 { width:10em; min-width: 80px; } #inhalt form .rel24 { width:12.4em; min-width:100px; } #inhalt form .rel39 { width:14.9em; min-width:120px; } #inhalt form .rel25 { width:12.5em; min-width:100px; } #inhalt form .rel30 { width:15em; min-width:120px; } #inhalt form .rel34 { width:17.4em; min-width:140px; } #inhalt form .rel49 { width:19.9em; min-width:160px; } #inhalt form .rel35 { width:17.5em; min-width:140px; } #inhalt form .rel40 { width:20em; min-width:160px; } #inhalt form .rel44 { width:22.4em; min-width:180px; } #inhalt form .rel59 { width:24.9em; min-width:200px; } #inhalt form .rel45 { width:22.5em; min-width:180px; } #inhalt form .rel50 { width:25em; min-width:200px; } #inhalt form .rel54 { width:27.4em; min-width:220px; } #inhalt form .rel69 { width:29.9em; min-width:240px; } #inhalt form .rel55 { width:27.5em; min-width:220px; } #inhalt form .rel60 { width:30em; min-width:240px; } #inhalt form .rel64 { width:32.4em; min-width:260px; } #inhalt form .rel79 { width:34.9em; min-width:300px; } #inhalt form .rel65 { width:32.5em; min-width:260px; } #inhalt form .rel70 { width:35em; min-width:300px; } #inhalt form .rel74 { width:37.4em; min-width:300px; } #inhalt form .rel89 { width:39.9em; min-width:320px; } #inhalt form .rel75 { width:37.5em; min-width:300px; } #inhalt form .rel80 { width:40em; min-width:320px; } #inhalt form .rel84 { width:42.4em; min-width:340px; } #inhalt form .rel99 { width:44.9em; min-width:360px; } #inhalt form .rel85 { width:42.5em; min-width:340px; } #inhalt form .rel90 { width:45em; min-width:360px; } /**/