/*
Formularüberschrift: erstes div innerhalb von form

input type="radio"
input type="checkbox"
input type="text"
textarea
select

Schaltflächen ohne extra Gestaltung
input type="submit" 
input type="reset"

Anordnung per Tabelle: immer wenn es keine vertikale Anordnung ist. Zwar ist per CSS auch ohne TABLE eine Anordnung möglich, aber das lohnt bei einer Attrappe den Aufwand nicht.

Bei einer vertikalen Anordnung wird label verwendet und als Kinder die Formularelemente.
*/

form.attrappe div:nth-child(2) { padding: 1em } /*Das erste Div ist immer der Formulartitel*/

form.attrappe { background-color: rgb(236, 237, 228) /*braun-d*/ }

form.attrappe table.border td { border: 1px solid rgb(200, 200, 200) }
form.attrappe table td { border: none }

form.attrappe label { display: block }

form.attrappe fieldset, form.attrappe label { margin-top: 1em; margin-bottom: 1em }

form.attrappe fieldset { border: 1px solid rgb(200, 200, 200) }

form.attrappe fieldset { border-radius: 0.50em } 

form.attrappe div:first-child { text-align: center } 
form.attrappe div:first-child { font-weight: bold } 
form.attrappe div:first-child { border-bottom: 1px solid gray }