/* @charset 'utf-8'; */

/*** 1. Reset styles ***/

/* CSS Reset by Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

/*** 2. Some basic helper styles ***/

.hideme {
    position: absolute;
    left: -9999em;
}

.clearfix { display: inline-block; }

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*** 3. Basic styling ***/

body {
    background: #fff;
    color: #444;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

/* Fixed widths elements */
code, kbd, var,
tt, pre { font-family: Consolas, "Courier New", Courier, sans-serif; }

p code, p kbd,
p var, p tt { line-height: 1; }

a:link,
a:visited {
    color: #931872;
    text-decoration: underline;
}

a:hover { background: #f899d1; }

a:active,
a:focus { outline: 1px dotted #931872; }

strong, dt { font-weight: bold; }

em, cite { font-style: italic; }

acronym { text-transform: uppercase; }

abbr[title],
acronym[title] {
    border-bottom: 1px dotted #888 !important;
    cursor: help;
}

a abbr,
a acronym { cursor: pointer !important; }

del {
    color: #888;
    text-decoration: line-through;
}

ins {
    border-bottom: 1px dashed #888;
    text-decoration: none;
}

sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }

sub, sup {
    font-size: 75%;
    line-height: 1;
}

ol { list-style-type: decimal; }
ul { list-style-type: disc; }

ol, ul { padding-left: 2.5em; }

caption { text-align: center; }

th, td { padding: .167em; }

blockquote {
    margin: 1.5em 0 1.5em 2.5em;
    padding: 0;
    text-indent: -.3em;
    width: 80%;
}

/* text-indent doesn't make sense in IE6 + IE7  */
/* because it doesn't do :before or :after      */
* html blockquote { text-indent: 0em; }
*:first-child+html blockquote { text-indent: 0; }

blockquote { quotes: "\201E" "\201C" "\201A" "\2018"; }
blockquote:lang(de) { quotes: "\201E" "\201C" "\201A" "\2018"; }
blockquote:lang(en) { quotes: "\201C" "\201D" "\2018" "\2019"; }

blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }

/* Safari support */
blockquote * { quotes: none; }
blockquote > *:before { content: "\201E"; }
blockquote > *:after  { content: "\201C"; }
blockquote q:before   { content: "\201A"; }
blockquote q:after    { content: "\2018"; }

*[lang~='de'] blockquote > *:before,
blockquote[lang~='de'] > *:before { content: "\201E"; }
*[lang~='de'] blockquote > *:after,
blockquote[lang~='de'] > *:after { content: "\201C"; }
*[lang~='de'] blockquote q:before,
blockquote[lang~='de'] q:before { content: "\201A"; }
*[lang~='de'] blockquote q:after,
blockquote[lang~='de'] q:after { content: "\2018"; }

*[lang~='en'] blockquote > *:before,
blockquote[lang~='en'] > *:before { content: "\201C"; }
*[lang~='en'] blockquote > *:after,
blockquote[lang~='en'] > *:after { content: "\201D"; }
*[lang~='en'] blockquote q:before,
blockquote[lang~='en'] q:before { content: "\2018"; }
*[lang~='en'] blockquote q:after,
blockquote[lang~='en'] q:after { content: "\2019"; }

legend, label, select,
input, textarea { font-family: Helvetica, Arial, sans-serif; }

input, textarea, select { font-size: 1em; }

label { font-weight: normal; }

label, button,
input[type=button],
input[type=submit] { cursor: pointer; }

fieldset {
    display: block;
    margin: 0 0 1.5em;
}

input, textarea { padding: 2px; }

/* This positions an unstyled legend element */
/* correctly in IE6 + IE7                    */
* html legend,
*:first-child+html legend {
    position: relative;
    left: -10px;
}

/* 4. Screen styles */
#imap-kopf { background: url(../img/kopf-bg.png) top left repeat-x; }
#imap-text { background: url(../img/text-bg.png) top left repeat-x; }
#imap-kurz { background: url(../img/kurz-bg.png) top left repeat-x; }

#startseite #imap-kopf { margin-bottom: 60px; }

#imap-kopf img,
#imap-text img,
#imap-kurz img {
    display:  block;
    margin: 0 auto 0 38px;
}

#info {
    font-size: .875em;
    width: 420px;
}

#info abbr { font-size: .7857em; }

#startseite #info,
#inhalt #info {
    margin: 0 0 0 100px;
    position: relative;
}

#startseite #info { top: -85px; }

#inhalt #info { top: -60px; }

#info strong { color: #931872; }

#mininav {
    list-style: none;
    margin-top: 10px;
    padding-left: 0;
}

#mininav #eingang {
    font-size: 1.4286em;
    font-weight: bold;
    letter-spacing: 1px;
}

#kontaktseite h2,
#fehler h2,
#erfolg h2,
#kontaktformular,
.meldung,
#kontaktseite #info,
#fehler #info,
#erfolg #info,
#impressum h2#titel { margin-left: 100px; }

.meldung {
    margin-bottom: 10px;
    width: 600px;
}

#neuversuch, #abgeschickt { margin-bottom: 30px; }

h2, h3, h4 { font-weight: bold; }

#kontaktseite h2,
#fehler h2,
#erfolg h2,
#impressum h2 {
    font-size: 1.5em;
    margin-bottom: 5px;
}

#impressum h3 { font-size: 1.25em; }

#impressum #erhebung h3 { padding-top: 1.5em; }

#kontaktseite #info,
#fehler #info,
#erfolg #info { margin-bottom: 60px; }

#benutzerdaten label,
#benutzerdaten input,
#nachricht label,
#nachricht input {
    display: block;
    margin-bottom: 5px;
}

#benutzerdaten input,
#nachricht textarea {
    background: #fff;
    border: 1px solid #aaa;
    padding: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#benutzerdaten input:hover,
#nachricht textarea:hover { border: 1px solid #931872; }

#benutzerdaten input:focus,
#nachricht textarea:focus {
    background: #eee;
    border: 1px solid #931872;
    color: #444;
}

#benutzerdaten {
    float: left;
    width: 310px;
}

#anweisungen {
    font-size: .875em;
    margin-top: 10px;
    width: 280px;
}

#haftung,
#datenschutz,
#nutzung,
#kontrollen,
#zurueck { clear: left; }

#anschrift,
#gestaltung,
#haftung,
#datenschutz,
#erhebung,
#nutzung,
#auskunft {
    display: inline;
    float: left;
    margin-bottom: 10px;
    width: 400px;
}

#anschrift,
#haftung,
#datenschutz,
#nutzung { margin-left: 100px; }

#gestaltung,
#erhebung,
#auskunft { margin-left: 50px; }

#impressum p { font-size: .875em; }

#zurueck {
    margin: 0 0 60px 100px;
    padding-top: 20px;
    width: 400px;
}