body
{
	background-color: white;
	color: black;
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	padding: 10px;
text-align: center;
} 



form {
  width: 550px; 
  padding: 20px;
}

legend {  border-bottom: 1px solid #E5E5E5;
    color: #333333;
    display: block;
    font-size: 125%;
    margin-bottom: 20px;
    padding: 0.3em 0;
    width: 100%;}

}
label { /* Beschriftung auf eigener Zeile */
  display: block;
}
input,
textarea {
  width: 550px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
  padding: 5px;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input[type="radio"]  {padding: 0; float: left; width: 20px;}

.radio {clear: both; display: block; height: 20px;}

ul.check {list-style-image: url(/images/check.png);margin: 20px 0px; padding: 0px;  }
ul.check li {margin: 5px 23px; padding: 2px 0px;}


h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 30px; color: #4b4b4b; margin-bottom: 10px;}

h2 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 23px; color: #4b4b4b; margin-bottom: 10px;}
h3 {font-size: 15px; }

.left {width: 45%; float: left; text-align: left;}
.right {width: 45%; float: right;text-align: left;} 

input {-moz-box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 3px #DDDDDD inset;
    display: inline-block;
    font-size: 1.3em;
    padding: 0.5em 0.6em;
    transition: border 0.3s linear 0s;}

#kontaktformular {text-align: left;}
#kontaktformular label {font-weight: bold;}
#kontaktformular textarea {border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 3px #DDDDDD inset;
    display: inline-block;
    font-size: 1.3em;
    padding: 0.5em 0.6em;
    transition: border 0.3s linear 0s;}