@charset 'utf-8';

/*** Reset styles ***/

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

:focus { outline: 0; }

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul { list-style: none; }

table {
    border-collapse: separate;
    border-spacing: 0;
}

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

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

html { height: 100%; }

body { height: 101%; }

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

.hideme:focus {
    position: static;
    left: 0;
}

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

abbr[title],
acronym[title] { cursor: help; }

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

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


/*** Basic styles against reset ***/

body { line-height: 1.5; }

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

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

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

h2 abbr[title] { border-bottom: 0px none !important; }


strong, dt { font-weight: bold; }

em, cite { font-style: italic; }

acronym { text-transform: uppercase; }


/*** Screen styles ***/

body {
    background: #94d448 url(../img/schmucklogo.png) 0 125px no-repeat;
    font-family: Arial, Verdana, sans-serif;
}

legend, label,
select, input,
textarea {
    font-family: Verdana, sans-serif;
    font-size: 1em;
}

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

a:hover { color: #333; }

a:focus {
    background: #333;
    color: #fff;
}

a img { border: 0px none; }

#kopf, #inhalt, #footer { margin-left: 100px; }

#kopf {
    display: inline;
    float: left;
    padding-top: 20px;
    width: 600px;
}

#kopf h1 { padding-bottom: 10px; }

#kopf h1 a { display: block; }

#kopf h1 a img,
#breadcrumb img { vertical-align: bottom; }

#breadcrumb {
    display: inline;
    float: left;
    margin-left: 100px;
}

#navigation {
    background: #f57215;
    display: inline;
    float: left;
    font-size: .875em;
    list-style: none;
    padding-left: 0;
    width: 600px;
}

#navigation li {
    float: left;
    width: auto;
}

#navigation li ul {
    list-style: none;
    padding-left: 0;
}

#navigation a:link,
#navigation a:visited,
#navigation a:active {
    color: #fff;
    display: block;
    margin-right: 1px;
    padding: 2px 5px;
    text-decoration: none;
}

#navigation a:hover,
a#aktiv {
    background: #e0f2c1;
    color: #333 !important;
}

#navigation a:focus {
    border: 0px none;
    text-decoration: underline;
}

#seite { clear: both; }

#inhalt {
    background: #e0f2c1;
    color: #333;
    display: inline;
    float: left;
    padding: 20px 0 10px;
    width: 600px;
}

#inhalt h2 {
    font-size: 1.5em;
    margin-bottom: .417em;
    padding: 0 10px;
}

#inhalt h3 {
    font-size: 1.25em;
    margin-bottom: .5em;
    padding: 0 10px;
}

#inhalt h4 {
    font-size: 1em;
    font-weight: bold;
}

#inhalt h4, #inhalt p,
#inhalt dl {
    margin-bottom: .625em;
    padding: 0 10px;
}

#inhalt ol, #inhalt ul {
    margin-bottom: .625em;
    padding-right: 10px;
}

#inhalt li { margin-bottom: .625em; }

#inhalt ul { list-style-image: url(../img/liste.png); }

.sprechzeiten,
.ansprechpart {
    display: inline;
    float: left;
    width: 300px;
}

.absprache { clear: left; }

#inhalt p#hinweis {
    font-size: .8125em;
    margin-bottom: .769em;
    padding-left: 3.077em;
}

#inhalt h3.linkliste {
    border-top: 2px solid #94d448;
    margin: 0 10px;
    padding: .5em 0;
}

.anfahrt-vorschau { border: 5px solid #f57215; }

#zusatz {
    background: #94d448;
    color: #fff;
    display: inline;
    float: left;
    margin-left: 100px;
    width: 160px;
}

#zusatz h3 {
    font-size: 1.25em;
    margin-bottom: .5em;
    padding: 20px 10px 0 0;
}

#zusatz p {
    font-size: .875em;
    margin-bottom: .7143em;
    padding: 0;
}

#zusatz img { display: block; }

.standort { margin-top: 20px; }
.telefon { margin-bottom: 20px; }

#zusatz p#mail-beratung { font-size: 1.25em; }

#mail-beratung a { font-size: 2.5em; }

#mail-beratung a:link,
#mail-beratung a:visited,
#mail-beratung a:active {
    color: #fff;
    text-decoration: none;
}

#mail-beratung a:hover { color: #f57215; }

#mail-beratung a:focus {
    background: #333;
    color: #fff;
}


#kontaktformular { padding: 0 10px; }

#kontaktformular legend {
    font-size: 1.25em;
    margin-bottom: .5em;
}

#kontaktformular fieldset { margin-bottom: .5em; }

#benutzerdaten label,
#benutzerdaten input,
#nachricht label,
#nachricht input { display: block; }

#benutzerdaten input,
#nachricht textarea {
    background: #fff;
    border: 1px solid #666;
    color: #666;
    margin-bottom: 5px;
    padding: 2px;
}

#nachricht textarea { padding: 2px 4px; }

#benutzerdaten label { clear: both; float: left; width: 200px; }
#benutzerdaten input { float: left; width: 300px; }

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

#benutzerdaten input:focus,
#nachricht textarea:focus {
    border: 1px solid #94d448;
    color: #333;
}

#footer {
    clear: both;
    font-size: .875em;
    padding: 10px 0;
    width: 600px;
}

#footer a { padding: 0 10px; }