/* www.designfragen.de */

/* Ganz allgemein */

body, img, h1, h2, h3, h4, h5, p, li, ul, ol, input, textarea {
border: 0;
margin: 0;
padding: 0;
}

ul {
margin: 0 10px 0 0px;
list-style: square;
}

ol {
margin: 0 10px 0 0px;
}

input, textarea {
margin: 2px 0 8px 0;
border: 1px solid #354312;
}


.versteckt_print, .versteckt_beide {
display: none;
}

/* Die Hauptboxen */

body	{
font-family: Verdana, Helvetica, sans-serif;
background-color: #fff;
text-align: center;
/* text-align sorgt dafür, dass der IE5/Win den Inhalt in die Mitte setzt */
}

div#wrapper {
margin: 4em 4em 2em 7em;
width: auto;
}

div#navigation, div#weiter, div#unklar, div#fuss, form#searchform {
display: none;
}

div#frage {
margin-top: 2em;
}

div#autor img {
float: left;
}

div#autor p {
margin: 0 0 0 80px;
}


/* Die Schriftinformationen */

body	{
color: #000;
font-size:62.5%;
}

h1, h2, h3, h4, p, ul, ol, li, a  {
text-align: left;
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
background: transparent;
text-decoration: none;
color: #585858;
}

h1, h2 {
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
padding: 0.5em 0 1em 0;
font-size: 1.5em;
line-height: 1.5em;
color: #585858;
}

h3 {
margin: 0 0 1em 0;
padding: 0;
font-size: 1.4em;
line-height: 1.6em;
color: #585858;
font-weight: bold;
}

h4 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.3em;
line-height: 1.6em;
color: #585858;
font-weight: bold;
}

div#kopf p {
margin: 1em 0 1em 0;
}

p, li {
margin: 0 0 10px 0;
font-size: 1.3em;
line-height: 1.6em;
}

li {
margin: 0 0 7px 0;
}

a  {
text-decoration: underline;
color: #000;
}

a:hover {
text-decoration: underline;
}

ul, ol {
margin-bottom: 20px;
}

ul li {
font-size: 1.2em;
line-height: 1.5em;
list-style: square;
}

ul.no_bullet li {
list-style: none;
}

div#glossar p {
margin: 0 10px 0 0;
font-size: 1.1em;
line-height: 1.1em;
float: left;
}

div#glossar ul li {
margin: 0 7px 0 0;
font-size: 1.1em;
line-height: 1.1em;
list-style: none;
float: left;
}

#fuss p {
text-align: right;
color: #000;
font-size: 1.1em;
line-height: 1.2em;
}

/* Kontaktformular */

form {
text-align: left;
}

form fieldset {
padding: 0;
border: 0;
}

form label {
margin: 15px 0 -10px 0;
display: block;
}

form input {
display: none;
}

form input#E-Mail, form input#Name {
padding: 4px;
width: 300px;
display: block;
border: 1px solid #ccc;
}

form input.zemSubmit {
padding: 4px;
display: block;
border: 1px solid #ccc;
}

/* Diese beiden Felder sind nur Spam-Honeypots */
form input#phone, form input#mail  {
width: 300px;
height: 1px;
display: inline;
float: left;
}

form textarea {
padding: 4px;
width: 300px;
height: 100px;
margin-bottom: 16px;
border: 1px solid #ccc;
}

ul.zemError {
margin-top: 10px;
}

ul.zemError li {
color: #f00;
}

form input#suchen {
font-size: 1.1em;
line-height: 1.4em;
margin-top: 1em;
padding: 0.5em;
display: block;
width: 16em;
border: 1px solid #ccc;
color: #ccc;
}