.layout img
        {
        min-width: 320px;
        width:90%;
        height:auto;
        }

.unterlinks
        {
        height:auto;
        width:90%;
        float:left;
        margin-bottom:4px;
        padding-bottom:4px;
        }

.thema
        {
        height:auto;
        min-width:320px;
        width:90%;
        float:left;
        margin-bottom:4px;
        padding-bottom:4px;
        }


.thema a
        {
        display:block;
        padding:10px;
        margin-top:0px;
        margin-bottom:6px;
        margin-right:4px;
        text-decoration:none;
        color:#000;
        background-color:#cbc1b9;
        float:left;
        width:75px;
        }

.thema a:focus,
.thema a:hover,
.thema a:active
        {
        color:#fff;
        background-color:#000;
        }

body        {
        margin:auto;
        text-align:left;
        min-width: 300px;
        max-width: 900px;
        padding-left:10px;
        line-height: 150%;
         }

.layout
        {
        position: absolute;
        max-width:880px;
         width: auto;
        min-width:300px;
            text-align:left;

        }


p        {
        font-size:1em;
        font-weight:normal;
        }

h1       {
        font-size:1em;
        font-weight:normal;
        }

h2
        {
        font-size:2.2em;
        padding:0px;
        margin-top:10px;
        margin-bottom:30px;
        text-transform: uppercase;
        line-height: 110%;
        font-weight:normal;
color:#9c948e;
        }

h3        {
        font-size:1.7em;
        padding:0px;
        margin-top:10px;
        margin-bottom:10px;
        text-transform: uppercase;
        line-height: 110%;
        font-weight:normal;
	color:#9c948e;
        }



h1,
h2,
h3       {
        font-family:serif;
        }

span        {color:darkred;}








a        {
        text-decoration: none;
        padding: 10px;
        float: left;
        color: black;
        background-color: white;
        width: 200px;
        margin-bottom: 6px;
        margin-right: 10px;
        }

html     {
         font-family: sans-serif;
         font-size: 1.0em;
         line-height: 150%;
         background-color:#f4f0ee;
        }









ul        {
        padding-left: 0px;
        }

li        {
        list-style-type:none;
        margin-left: 0;
        }

textarea,
.Feld
        {
        font-family: sans-serif;
        font-size:16px;
        width: 90%;
        min-width:300px;
        padding: 10px;
        line-height: 150%;
        background-color: white;
        border: 2px solid grey;
        margin-bottom:10px;
        }



.sendebutton
        {
        font-family: serif;
        font-size:18px;
        width: 90%;
        min-width:300px;
        background: darkred;
        color:white;
        padding: 10px;
        margin-top:10px;
        }

.sendebutton:hover
        {
        background: black;
        color: white;
        }

a:hover
        {
        color: white;
        background-color: black;
        }




#formatwahl
        {
        width: 90%;
        min-width:300px;
        float:left;
        background-color: #DEB887;
        padding:10px;
        }



.mustertext
        {
        min-width:300px;
        width: 90%;
        height: 300px;
        overflow-x: hidden;
        overflow: scroll;
        padding: 10px;
        background-color: white;
        border: 2px solid grey;
        font-size: 1.0em;
        }


.preisliste
        {
        width: 90%;
        min-width:300px;
        height: 100px;
        overflow-x: hidden;
        overflow: scroll;
        padding: 10px;
        margin-left: 0px;
        background-color: white;
        border: 2px solid grey;
        font-size: 1.0em;
        }




label::after {
        content: "";
        display: block;
}



input[type=radio] + label {
  color: black;

}
input[type=radio]:checked + label {
  color: blue;
font-weight:bold;

}

fieldset
{background: white;
height: 250px;
overflow: auto;
min-width:300px;
width: 90%;
border: 2px solid grey;
}