/* www.designfragen.de */

/* Ganz allgemein */

body, img, h1, h2, h3, h4, h5, p, li, a, ol, ul, 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;
}


hr, legend {
display: none;
}

.versteckt_web, .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 {
position: relative;
margin: 0 auto;
padding: 0;
border: 0;
width: 74em;
}

div#kopf {
position: relative;
margin: 0 8em 0 0;
border-top: 15px solid #585858;
padding: 15px 0 0 0;
width: 19em;
float: left;
}

div#navigation	{
position: relative;
margin: 20px 0 0 0;
padding: 10px 0 5px 0;
border-bottom: 1px solid #585858;
border-top: 1px solid #585858;
width: 19em;
}

div#news{
position: relative;
margin: 10px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #585858;
width: 19em;
}

div#ie6box{
position: relative;
margin: 10px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #585858;
width: 19em;
}

div#inhalt {
position: relative;
margin: 0px;
padding: 15px 0 0 0;
border-top: 15px solid #585858;
width: 47em;
float: right;
}

div#frage {
margin: 10px 0 0 0;
border-top: 1px solid #585858;
padding: 10px 0 10px 35px;
background: #fff url(/css/icon_frage.gif) left top no-repeat;
}

div#antwort{
padding: 0 0 0 35px;
}

div#autor {
margin: 20px 0 0 0;
border-top: 1px solid #585858;
padding: 20px 0 10px 35px;
background: #fff url(/css/icon_antwort.gif) left top no-repeat;
}

div#autor img {
float: left;
}

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

div#weiter {
margin: 10px 0 0 0;
border-top: 1px solid #585858;
padding: 20px 0 0px 35px;
background: #fff url(/css/icon_weiter.gif) left top no-repeat;
}

div#glossar {
margin: 20px 0 0 0;
border-top: 1px solid #585858;
padding: 10px 0 0 0;
}

div#unklar{
margin: 20px 0 0 0;
border-top: 1px solid #585858;
padding: 15px 0 0 35px;
background: #fff url(/css/icon_kontakt.gif) left top no-repeat;
}

div#fuss {
position: relative;
clear: both;
margin: 20px 0 0 0;
border-top: 1px solid #585858;
padding: 10px 0 0 0;
width: 470px;
}

/* Die Navigation */


/* Die Schriftinformationen */

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

h1, h2, h3, h4, p, ul, ol, li, a, blockquote  {
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.2em 0 1em 0;
font-size: 1.4em;
line-height: 1.5em;
color: #585858;
}

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

#news h3 {
font-size: 1.2em;
line-height: 1.2em;
color: #585858;
font-weight: normal;
}

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

div#kopf p {
margin: 0 0 5px 0;
font-size: 1.1em;
line-height: 1.4em;
}

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

blockquote {
margin: 0 0 10px 0;
font-size: 1.2em;
line-height: 1.5em;
padding-left: 30px;
background: transparent url(/css/blockquote.gif) 4px 4px no-repeat;
font-style: italic;
}

li {
margin: 0 0 7px 0;
}

a  {
text-decoration: none;
color: #CC1559;
}

a:hover {
text-decoration: underline;
}

ul {
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 #585858;
}

form input.zemSubmit {
padding: 4px;
display: block;
border: 1px solid #585858;
background-color: #585858;
color: #fff;
}

form input.zemSubmit:hover {
border: 1px solid #CC1559;
background-color: #CC1559;
}

form input#E-Mail:hover, form input#Name:hover, form textarea:hover {
border: 1px solid #CC1559;
}


/* 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 #585858;
}

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;
}

form input#suchen:hover {
border: 1px solid #CC1559;
color: #585858;
}