/***** + 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 ############################### */ #content form, #content .form { padding:0; margin:0; /*width:100%;*/ } #content form fieldset { background-color:#ccd6e0; padding:0; margin:0 0 4px 0; border:0 solid; } /*"0 solid" f.Opera*/ #content form fieldset legend { font-size:0.8em; margin-bottom:12px; } /* CAVE: browserabhaengige Layoutdifferenzen! */ #content form h4, #content .form h4 { background-color:#2b4878; color:#fff; padding:5px 10px 5px 10px; margin:4px 0 0 0; font-weight:bold; font-size:1.0em; } #content form h4 span, #content .form h4 span { color:#fff; } #content form fieldset h4 { margin:0; } #content form h4 abbr.abbr, #content .form h4 abbr.abbr, #content form h4 acronym.acronym, #content .form h4 acronym.acronym { border-color: #fff; } #content form h5, #content .form h5 { background-color:#ccd6e0; color:#000; padding:4px 10px 0px 10px; font-weight:bold; font-size:1.0em; } #content form h5.larger, #content .form h5.larger { font-size:1.2em; } #content form h6, #content .form h6 { background-color:#ccd6e0; color:#000; padding:4px 10px 0px 10px; font-weight:bold; } #content form p, #content .form p, #content form div, #content .form div, #content form ul, #content .form ul { background-color:#ccd6e0; color:#000; padding:10px; } #content form table, #content .form table { margin:10px; } #content form th, #content .form th, #content form td, #content .form td { background-color:#ccd6e0; color:#000; } #content form span, #content .form span { color:#000; } #content form hr, #content .form hr { clear:left; padding:0; width:100%; margin:8px 0 8px 0; border-style:none; background-color:#fff; color:#fff; height:1px; } * html #content form hr, * html #content .form hr { margin:4px 0 4px 0; } #content form hr.separator, #content .form hr.separator { height:3px; } #content form label { color:#000; } #content form select { float:none; margin-bottom:2px; } #content form input { border-style:none; } #content form label, #content form select, #content form submit, #content form a.button, #content form input[type=checkbox], #content form input[type=radio], #content form input[type=button], #content form input[type=submit], #content form input[type=reset] { cursor:pointer; } /* FOCUS fuer Eingabefelder, noch keine endgueltige Farbfestlegung erfolgt */ #content form input:focus, #content form textarea:focus { background-color:#fff6cc; } #content form input.readonly, #content form textarea.readonly { background-color:#ddd; } /* ############################### button ############################### */ #content form a.button, #content .form a.button, #content form a.button:link, #content .form a.button:link, #content form a.button:visited, #content .form a.button:visited, #content form input.button { border:1px solid #2b4878; background-color:#ffffff; margin-right:4px; margin-bottom:2px; font-size:1.0em; text-align:center; text-decoration:none; } * html #content form a.button, * html #content .form a.button, * html #content form a.button:link, * html #content .form a.button:link, * html #content form a.button:visited, * html #content .form a.button:visited, * html #content form input.button { margin-bottom:4px; } #content form a.button, #content .form a.button, #content form a.button:link, #content .form a.button:link, #content form a.button:visited, #content .form a.button:visited { padding:1px 5px 1px 5px; } #content form input.button { padding:0 5px 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; } #content form a.button:hover, #content .form a.button:hover, #content form a.button:focus, #content .form a.button:focus, #content form input.button:hover, #content form input.button:focus { border-color:#800000; background-color:#ffffff; text-decoration:none; } /* #content form input[type=submit], #content form input[type=submit].button { border-width:2px; } #content form input[type=submit].buttonslim { border-width:1px; } #content form input.check { vertical-align:top; } #content form input.checkbox { vertical-align:middle; } #content form input.checkbox_umbruch { vertical-align:top; } #content form input.radio { vertical-align:bottom; } * html #content form input.radio { vertical-align:middle; } */ /* ############################### form.clear ############################### */ #content form .clear, #content form.clear fieldset, #content fieldset.clear, #content form.clear p, #content fieldset.clear p, #content form p.clear { background-color:#fff; color:#000; } #content form.clear input, #content fieldset.clear input, #content form p.clear input { background-color:#eee; } #content form.clear input.check, #content fieldset.clear input.check, #content form p.clear input.check { background-color:#fff; } #content form.clear input.button, #content fieldset.clear input.button, #content form p.clear input.button { background-color:#ccd6e0; border:1px solid #2b4878; } #content form.clear input.button:hover, #content fieldset.clear input.button:hover, #content p.clear input.button:hover, #content form.clear input.button:focus, #content fieldset.clear input.button:focus, #content p.clear input.button:focus{ border:1px solid #f60; } /* ############################### spalten + breiten ############################### */ #content form .spalte, #content .form .spalte { display:block; float:left; margin:0 0 4px 0; padding:0 0 4px 0; border-style:none; } #content form br, #content .form br { clear:left; } #content form .rel4 { width: 2.4em; min-width: 20px; } #content form .rel9 { width: 4.9em; min-width: 40px; } #content form .rel5 { width: 2.5em; min-width: 20px; } #content form .rel10 { width: 5em; min-width: 40px; } #content form .rel14 { width: 7.4em; min-width: 60px; } #content form .rel29 { width: 9.9em; min-width: 80px; } #content form .rel15 { width: 7.5em; min-width: 60px; } #content form .rel20 { width:10em; min-width: 80px; } #content form .rel24 { width:12.4em; min-width:100px; } #content form .rel39 { width:14.9em; min-width:120px; } #content form .rel25 { width:12.5em; min-width:100px; } #content form .rel30 { width:15em; min-width:120px; } #content form .rel34 { width:17.4em; min-width:140px; } #content form .rel49 { width:19.9em; min-width:160px; } #content form .rel35 { width:17.5em; min-width:140px; } #content form .rel40 { width:20em; min-width:160px; } #content form .rel44 { width:22.4em; min-width:180px; } #content form .rel59 { width:24.9em; min-width:200px; } #content form .rel45 { width:22.5em; min-width:180px; } #content form .rel50 { width:25em; min-width:200px; } #content form .rel54 { width:27.4em; min-width:220px; } #content form .rel69 { width:29.9em; min-width:240px; } #content form .rel55 { width:27.5em; min-width:220px; } #content form .rel60 { width:30em; min-width:240px; } #content form .rel64 { width:32.4em; min-width:260px; } #content form .rel79 { width:34.9em; min-width:300px; } #content form .rel65 { width:32.5em; min-width:260px; } #content form .rel70 { width:35em; min-width:300px; } #content form .rel74 { width:37.4em; min-width:300px; } #content form .rel89 { width:39.9em; min-width:320px; } #content form .rel75 { width:37.5em; min-width:300px; } #content form .rel80 { width:40em; min-width:320px; } #content form .rel84 { width:42.4em; min-width:340px; } #content form .rel99 { width:44.9em; min-width:360px; } #content form .rel85 { width:42.5em; min-width:340px; } #content form .rel90 { width:45em; min-width:360px; } /**/