@import url(reset.css);

/* --------------------------------------------------------------- Layout */

html {
    text-align: center;
    height: 100%;
    margin-bottom: 1px;
}

body {
    background: #fffaa1;
    color: #004723;
    direction: ltr;
    font: 87.5%/1.5 "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; /* 14px Grundschriftgröße */
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#container { width: 740px; margin: 60px auto 40px auto; text-align: left; overflow: hidden; position: relative;}

#logo { position: absolute; top: 0; right: 0;}

#content {  float: left; width: 100%;}

#gfx { float: left; width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #004723;}

#map { float: right; width:341px; height: 229px; border: 8px solid #fff; margin-bottom: 20px;}

#praxis { float: left; width:341px; height: 229px; border: 8px solid #fff; margin: 0 20px 20px 0;}

#footer { clear: both; width: 100%; height: 50px;}

/* -------------------------------------------------------- Überschriften */

h1, h2, h3 { font-family: "Times New Roman",times,serif; font-weight: bold; }

h1 { font-size: 48px; margin-bottom: 18px;}
h2 { font-size: 30px; margin-bottom: 14px;}
h3 { font-size: 22px; margin-bottom: 14px;}
h4 { font-size: 16px; margin-bottom: 14px; font-weight: bold;}


/* -------------------------------------------------------------- Absätze */

p { font-size: 16px; margin-bottom: 21px;}

#footer p {
    height: 30px;
    padding: 27px 0 0 0;
    text-align: right;
}

/* --------------------------------------------------------------- Listen */

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

ul { }

ol { }

li { font-size: 16px; }

.bulletlist li {
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 15px;
}

/* --------------------------------------------------------------- Bilder */

img { border: none;}

img.links {
    float: left;
}

img.rechts {
    float: right;
}

/* ----------------------------------------------------------- Trennlinie */

hr { }

/* ----------------------------------------------------- Textauszeichnung */

strong { font-weight: bold; }

em { }

dfn, acronym, abbr { }

address { }

/* ---------------------------------------------------------------- Links */

a {text-decoration: underline;}

a:link { color: #004723; text-decoration: underline;}

a:visited { color: #004723;}

a:focus { color: #004723;}

a:hover { color: #004723;}

a:active { color: #004723;}

#content h1 a {text-decoration: none;}

#footer a:link, #footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: underline;}