/* @import url(csc_css/example_outlines.css); */

/********* Color scheme *******************
 * 
 * 447200: Dunkelgruen
 * c8fb80: Hellgruen
 * f1f1f1: Hellgrau
 * fdff67: Hellgelb
 * white : Weiss
 * black : Schwarz
 *
 *******************************************/

/********************************************
 * Normaliesierungen
 ********************************************/

/*normalisierung margin, padding, body rausgenommen, da sonst mit schatten probleme!*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{
margin:0;
padding:0;
}

/*normalisierung font-size header*/

h1, h2, h3, h4, h5, h6
{
font-size:100%;
}

/*entfernt list-style aus listen*/

ol, ul
{
list-style:none;
}

/*normalisiert font-style und font-weight auf normal*/

address, caption, cite, code, dfn, th, var
{
font-style:normal;
font-weight: normal;
}


/*normalisiert tabellen*/
table
{
border-collapse: collapse;
border-spacing:0;
width: 100%;
height: 160px;
text-align: center;
}


/*entfernt border aus fieldset und img*/
fieldset, img
{
border:0;
vertical-align:bottom;
}

/*richtet text in caption und th links aus*/
caption, th
{
text-align:center;
}

/*entfernt anfuehrungszeichen aus q*/

q:before, q:after
{
content:'';
}



/**********************************
 * Layout: ganze Seite 
 **********************************/

body {
    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
    /*font-size: 100.01%;*/
    font-size: 16px;
    background-color: #447200;
}

div#wrapper {
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
    width: 90%;
    border-style: solid;
    border-width: medium;
    border-color: #c8fb80;
    padding: 1em;
    background-color: white;
    border-radius: 40px;
}

div#branding {
    /*max-width: 1370px;*/ /*Breite des Titelbilds*/
    margin: 0 auto; /* Zentrieren fuer breitere Monitore */
    margin-bottom: 1.5em;
    position: relative;
}

div#menu-button {
    text-align: right;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
}



div#navi {
    text-align: left;
    /*background-color: #bcff5c;*/
    background-color: #c8fb80;
    padding: 2em;
    /*margin-right: 1em;*/
    margin-bottom: 1em;
    float: left;
    width: 12em;
    /*vorher: width: 10em;*/
    font-size: 0.9em;
    display:block;
    border-radius: 25px;
}


@media (pointer: coarse) {
    div#navi {
        text-align: center;
        padding: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        margin-left: 1em;
        float: none;
        width: inherit;
        display: none;
    }
    div#menu-button {
        display: block;
    }
}


div#info {
    text-align: left;
    float: right;
    width: 7em;
    font-size: 0.9em;
}

div#sprechzeiten, div#telefon {
    background-color: #bcff5c;
    margin-bottom: 1em;
    padding: 0.5em;
}

/*hasLayout bei IE ausloesen*/
div#content_wrapper {
    width: 100%;
}


div#content {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0em;
    margin-top: 0em;
    margin-left: 1em;
    display: block;
    /*margin-left: 13em;*/
    overflow: hidden;
    /*margin-right: 8em;*/
    /*width: 50%;*/
    /*background-color: #dddddd*/
    min-height: 300px;
    /*bei Schriftgröße 16px, damit Navimenü rein passt*/
    /*min-height: 404px; bei Schriftgröße 22px*/
    max-width: 880px;
}


div#address {
    margin-top: 2em;
    text-align: center;
    clear: left; 
    background-color: #c8fb80;
    /*font-weight: bold;*/
    font-size: 0.75em;
    color: #447200;
    word-spacing: 0.3em;
    letter-spacing: 0.1em;
    border-radius: 12px;
    /*
    border-style: solid;
    border-width: thin;
    border-color: black;
    */
    padding: 0.3em;
}

/* Logout button fuer fe editing */
div#logout-button {
    width: 8em;
    text-align: center;
    background-color: black;
    margin: 0.5em auto;
    padding: 0.1em;
    font-size: 80%; 
    border-style: dotted;
    border-width: 1px;
    border-color: white;
    color: white;
}
div#logout-button a:link, div#logout-button a:visited {
    color: white;
    text-decoration: none;
}

/* Navigation */

/*
div#navi h1 {
    text-indent:-9999px;
    height: 0;
}
*/


div.menu1-level1-no a{
    text-decoration: none;
    color: #447200;
    font-weight: bold;
    padding: 0.1em 0.3em;
    display:block;
}

div.menu1-level1-act a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    padding: 0.2em 0.3em;
    display:block;
    background-color: #447200;
    border-radius: 8px;
}

div.menu1-level2-no a{  
    text-decoration: none;
    color: #447200;
    font-weight: normal;
    padding: 0em 0.3em;
    margin-left: 1.5em;
    display:block;
}

div.menu1-level2-act a{  
    text-decoration: none;
    color: white;
    font-weight: normal;
    padding: 0.1em 0.3em;
    margin-left: 1.5em;
    display:block;
    background-color: #447200;
    border-radius: 8px;
}

div#navi a:hover {
    color: white;
}

div#navi li {
    padding: 0.2em;
}


/**********************************
 * Layout: Details 
 **********************************/
 
/* Headings in content */
div#content h1 {
    font-family: 'Times New Roman',serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 0em;
    border-bottom-style: solid;
    border-bottom-color: #447200;
    border-bottom-width: 2px;
}

div#content h2 {
    font-family: 'Times New Roman',serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #447200;
    margin-bottom: 0.3em;
    margin-top: 0.5em;
    /*
    border-bottom-style: solid;
    border-bottom-color: #447200;
    border-bottom-width: 1px;
    */
}

div#content h3 {
    font-family: 'Times New Roman',serif;
    font-size: 1.1em;
    font-weight: bold;
    /*color: #447200;*/
    margin-bottom: 0.2em;
    margin-top: 0.3em;
}

div#content h4, div#content h5, div#content h6 {
    font-family: 'Times New Roman',serif;
    font-size: 1em;
    font-weight: bold;
    /*color: #447200;*/
    margin-bottom: 0.1em;
    margin-top: 0.2em;
}

/* Links in content*/

div#content a:link, div#content a:visited {
    color: #447200;
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px; 
    border-bottom-color: #447200;
    font-weight: bold;
}


div#content a:hover {
    border-bottom-style: solid;
}


div#content a:before {
    content: "\00BB";
    color: #447200;
}

div#content p {
    margin-bottom: 0.5em;
}

/* Tabellen */
table, th, td {
    border-width: 4px;
    border-style: solid;
    border-color: white;
    border-radius: 12px;
    background-color: #c8fb80;
    padding: 0.2em;
}

th {
    font-weight: bold;
    background-color: #447200;
    color: #c8fb80;
}

table caption {
    caption-side: bottom;
    font-size: 0.8em;
    font-style: italic;
}

/* Zitat */
blockquote {
    margin: 0.5em 5em 0.5em 0.5em;
    padding: 0.5em;
    border-style: dotted;
    border-color: black;
    border-width: 1px;
}

/* Trennlinie */
hr {
    color: #447200;
    background-color: #447200;
    height: 1px;
}


/* images in text */
.float-image {
    float: right;
    padding: 0.5em;
}


/* typo3 specific css stuff */
p.csc-frame-frame1 {
    background:#c8fb80;
    padding: 2em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 18px;
    /*
    border-style: solid;
    border-width: 1px;
    border-color: black;
    */
}

p.csc-frame-frame2 {
    background:#fdff67;
    padding: 0.5em;
    margin: 0.5em 5em 0.5em 0.5em;
    /*
    border-style: solid;
    border-width: 1px;
    border-color: black;
    */
}

/* Arrangement der Texte mit Bilder */
.csc-textpic {
    overflow: hidden;
    margin-bottom: 1em;
}

.csc-textpic-imagewrap {
    padding: 0.5em;
}

/* Einruecken */
.indent {
    margin-left:1em;
}

/* lists in content */
div#content ol {
    list-style-type: decimal;    
    margin-left: 2.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div#content ul {
    /* list-style-type: square; */
    list-style-image: url(bullet_green.jpg);
    margin-left: 2.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* tables */
.csc-textpic-caption {
    font-style: italic;
    font-size: 0.8em;
}

.flowerpix {
    float: right;
}