/* CSS screen */

/* Farben: */

body
{
    text-align:center;
    padding:10px 0px 10px 0px;
    margin:0px;
    background-color:#fef1ab;
}
a, td, label, input, textarea, span, div
{
    font-family: arial, verdana, sans-serif;
    font-weight:normal;
    font-size:13px;
    color:#414141;
    margin:0px;
    padding:0px;
}
p, h1, h2, h3, h4, ul, li
{
    font-family: arial, verdana, sans-serif;
    font-weight:normal;
    font-size:13px;
    color:#414141;
    margin:0px;
    padding:0px;
}

a, div { background-repeat:no-repeat; }
a { text-decoration:none; }
img { border:none; }
td { vertical-align:top; }
ul { list-style-type:none; }
li, h2, h1, h2, h3, p { background-repeat:no-repeat; }

em, em a
{
    font-weight:bold;
    font-style:normal;
    color:#eb891a;
}

/* hauptboxen ------------------------------------------------------------------*/
#box-center
{
    width:959px;
    margin:0px auto;
    padding:0px 0px 0px 0px;
    background-color:#FFFFFF;
    background-image:url(../upload/designpics/hg_box_center.jpg);
    background-repeat:repeat-y;
    text-align:left;
}

/* Header -------------------------------------------------------------------*/
#box-header
{
    width:949px;
    height:212px;
    padding-top:10px;
    padding-left:10px;
    float:left;
    background-image:url(../upload/designpics/hg_header_oben.jpg);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
    #box-header #box-1
    {
        float:left;
        width:571px;
        height:212px;
        background-image:url(../upload/designpics/hg_header_verlauf.jpg);
        background-repeat:repeat-x;
    }
        #box-header #box-1 img { padding:40px 0px 0px 40px; }
        #box-header #box-1 ul { padding:11px 0px 0px 28px; }
        #box-header #box-1 ul li {
            padding:0px 0px 5px 0px;
            font-size:12px;
            line-height:16px;
            color:#666666;
            font-weight:bold;
        }

    #box-header #box-2
    {
        float:left;
        width:368px;
        height:212px;
        background-image:url(../upload/designpics/hg_header_verlauf.jpg);
        background-repeat:repeat-x;
    }
        #box-header #box-2 #box-headerbild
        {
            height:152px;
            padding:17px 0px 0px 20px;
        }
        #box-header #box-2 #box-headerbild img
        {
            border:5px solid #eb891b;
        }



/* Navi -------------------------------------------------------------------*/
#box-navi
{
    width:959px;
    height:35px;
}
    #box-navi-1
    {
        width:17px;
        height:35px;
        float:left;
        background-image:url(../upload/designpics/hg_navi_1.jpg);
        background-repeat:no-repeat;
    }
    #box-navi-2
    {
        width:925px;
        height:35px;
        float:left;
        background-image:url(../upload/designpics/hg_navi_2.jpg);
        background-repeat:repeat-x;
    }
    #box-navi-3
    {
        width:17px;
        height:35px;
        float:left;
        background-image:url(../upload/designpics/hg_navi_3.jpg);
        background-repeat:no-repeat;
    }

    /* Navi Detail */

    /* Nebennavi oben links */
    #box-navi-2 #ul-nebennavipunkte-1
    {
        float:left;
        padding:6px 0px 0px 5px;
        width:800px;
    }
        #box-navi-2 #ul-nebennavipunkte-1 li
        {
            float:left;
            margin:0px 0px 0px 0px;
            padding:0px 0px 1px 17px;
            line-height:0px;
            background-image:url(../upload/designpics/listenpunkt_nebennavi.gif);
            background-position:7px 3px;
        }
            #box-navi-2 #ul-nebennavipunkte-1 .kein-listenpunkt { background-image:none; }
            #box-navi-2 #ul-nebennavipunkte-1 li.over {}
            #box-navi-2 #ul-nebennavipunkte-1 li a
            {
                font-size:12px;
                text-decoration:none;
                font-weight:bold;
                color:#a47535;
                line-height:15px;
                margin:0px 0px 0px 0px;
                padding:0px;
            }
            /* #box-navi-2 #ul-nebennavipunkte-1 li.a-over a, */
            #box-navi-2 #ul-nebennavipunkte-1 li.active a,
            #box-navi-2 #ul-nebennavipunkte-1 li a:hover
            {
                color:#ffffff;
                text-decoration:underline;
            }

    /* Nebennavi oben rechts */
    #box-navi-2 #ul-nebennavipunkte-2
    {
        float:right;
        padding:6px 0px 0px 0px;
        width:102px;
    }
        #box-navi-2 #ul-nebennavipunkte-2 li
        {
            float:left;
            margin:0px 0px 0px 0px;
            padding:0px 0px 1px 15px;
            line-height:0px;
            background-image:url(../upload/designpics/listenpunkt_nebennavi.gif);
            background-position:7px 3px;
        }
            #box-navi-2 #ul-nebennavipunkte-2 .kein-listenpunkt { background-image:none; }
            #box-navi-2 #ul-nebennavipunkte-2 li.over {}
            #box-navi-2 #ul-nebennavipunkte-2 li a
            {
                font-size:12px;
                text-decoration:none;
                font-weight:bold;
                color:#a47535;
                line-height:15px;
                margin:0px 0px 0px 0px;
                padding:0px;
            }
            /* #box-navi-2 #ul-nebennavipunkte-2 li.a-over a, */
            #box-navi-2 #ul-nebennavipunkte-2 li.active a,
            #box-navi-2 #ul-nebennavipunkte-2 li a:hover { color:#ffffff; text-decoration:underline;}
    

/* content ------------------------------------------------------------------*/

#box-content
{
    width:839px; /* 878px */
    float:left;
    padding:0px 60px 60px 60px;
    margin:0px;
}
    #box-content h1, #box-content h1 a
    {
        font-size:20px;
        font-weight:bold;
        color:#eb891b;
        margin:30px 0px 25px 0px;
        line-height:1.6em;
    }
    #box-content h2, #box-content h2 a
    {
        font-size:17px;
        color:#eb891b;
        font-weight:bold;
        margin:20px 0px 15px 0px;
        line-height:1.6em;
    }
    #box-content h3, #box-content h3 a
    {
        font-size:15px;
        font-weight:bold;
        color:#eb891b;
        margin:20px 0px 10px 0px;
        line-height:1.6em;
    }
    #box-content h4, #box-content h4 a
    {
        font-size:13px;
        font-weight:bold;
        margin:20px 0px 10px 0px;
        line-height:1.6em;
    }
    #box-content p
    {
        font-size:13px;
        margin:0px 0px 10px 0px;
        line-height:1.4em;
    }
    #box-content td p
    {
        font-size:13px;
        line-height:1.6em;
        margin:0px;
        padding:0px;
    }
    #box-content input { font-size:13px; }
    #box-content td
    {
        font-size:13px;
        line-height:1.6em;
        padding-right:10px;
    }
    #box-content img { /*border:5px solid #eb891b;*/ /* margin:0px 25px 10px 10px; */ }
    #box-content ul { margin-left:10px; }

    /* listen ohne links */
    #box-content ul li
    {
        font-size:13px;
        background-image:url(../upload/designpics/listenpunkt_5.gif);
        padding:0px 20px 0px 18px;
        display:block;
        margin:0px;
        line-height:1.6em;
        background-position:0px 8px;
    }
        #box-content ul li p { line-height:1.0em; }
        
        #box-content ul li ul { margin-top:5px; margin-left:5px; }
            #box-content ul li ul li
            {
                font-size:13px;
                background-image:url(../upload/designpics/listenpunkt_2.gif);
                padding:0px 20px 5px 18px;
                display:block;
                margin:0px;
                line-height:1.3em;
                background-position:0px 6px;
            }
                #box-content ul li ul li ul { margin-top:5px; margin-left:5px; }
                    #box-content ul li ul li ul li
                    {
                        font-size:13px;
                        background-image:url(../upload/designpics/listenpunkt_3.gif);
                        padding:0px 20px 5px 16px;
                        display:block;
                        margin:0px;
                        line-height:1.3em;
                        background-position:0px 7px;
                    }
                        #box-content ul li ul li ul li ul { margin-top:5px; margin-left:5px; }
                            #box-content ul li ul li ul li ul li
                            {
                                font-size:13px;
                                background-image:url(../upload/designpics/listenpunkt_4.gif);
                                padding:0px 20px 5px 16px;
                                display:block;
                                margin:0px;
                                line-height:1.3em;
                                background-position:0px 7px;
                            }

    #box-content ol { margin-left:0px; }

    /* listen ohne links */
    #box-content ol li
    {
        font-size:13px;
        padding:0px 20px 11px 0px;
        margin:0px;
        line-height:1.6em;
    }
        #box-content ol li ul { margin-top:5px; margin-left:5px; }
            #box-content ol li ul li
            {
                font-size:13px;
                background-image:url(../upload/designpics/listenpunkt_2.gif);
                padding:0px 20px 5px 18px;
                display:block;
                margin:0px;
                line-height:1.3em;
                background-position:0px 6px;
            }

    /* fett */
    #box-content .fett, .fett { font-weight:bold; }

    /* farbig */
    #box-content .farbig, .farbig { color:#eb891b; }
    #box-content .fett-farbig, .fett-farbig { font-weight:bold; color:#eb891b; }
    #box-content strong .farbig, strong .farbig { font-weight:bold; }
    #box-content .farbe-rot, .farbe-rot { color:red; }
    #box-content .schrift-klein, .schrift-klein { font-size:11px; }
    #box-content .kursiv { font-style: italic; }

    /* abstände */
    #box-content .abstand-unten-0 { padding-bottom:0px; }
    #box-content .abstand-unten-1 { padding-bottom:10px; }
    #box-content .abstand-unten-2 { padding-bottom:20px; }
    #box-content .abstand-unten-3 { padding-bottom:30px; }
    #box-content .abstand-unten-5 { padding-bottom:40px; }
    #box-content .abstand-unten-7 { padding-bottom:70px; }
    #box-content .abstand-unten-10 { padding-bottom:220px; }
    #box-content .abstand-oben-0 { padding-top:0px; }
    #box-content .abstand-oben-1 { padding-top:10px; }
    #box-content .abstand-oben-2 { padding-top:20px; }
    #box-content .abstand-oben-3 { padding-top:30px; }
    #box-content .abstand-oben-5 { padding-top:40px; }
    #box-content .abstand-oben-7 { padding-top:70px; }
    #box-content .abstand-oben-8 { padding-top:130px; }
    #box-content .abstand-oben-10 { padding-top:220px; }

        /* abstände für z.B. Bilder */
        #box-content .abstand-links-oben-unten-10-10-10{padding:10px 0px 10px 10px;}
        #box-content .abstand-links-oben-unten-20-20-20{padding:20px 0px 20px 20px;}
        #box-content .abstand-links-oben-unten-30-0-30{padding:0px 0px 30px 30px;}
        #box-content .abstand-links-oben-unten-30-20-20{padding:20px 0px 20px 30px;}

        /* abstände für z.B. Texteinrückungen */
        #box-content .abstand-links-10{padding-left:10px;}
        #box-content .abstand-links-20{padding-left:20px;}
        #box-content .abstand-links-30{padding-left:30px;}
        #box-content .abstand-links-40{padding-left:40px;}
        #box-content .abstand-links-50{padding-left:50px;}

    /* Links im content */
    #box-content a,
    #box-content h2 a
    {
        text-decoration:underline;
        color:#a47535;
        font-weight:bold;
    }
    #box-content a:hover { text-decoration:none; color:#798FBD; }
    #box-content img{}
        #box-content .anker
        {
            text-decoration:none;
            line-height:0px;
            margin:0px;
            padding:0px;
            font-size:0px;
        }
        #box-content a.icon-pdf
        {
            background-image:url(../upload/designpics/icon_pdf.gif);
            padding-left:30px;
            padding-bottom:10px;
            background-position:0px 0px;
            line-height:15px;
        }
        #box-content a.icon-word
        {
            background-image:url(../upload/designpics/icon_word.gif);
            padding-left:30px;
            padding-bottom:10px;
            background-position:0px 0px;
            line-height:15px;
        }

    /* floating */
    img.float-left { float:left; margin:0px 20px 20px 0px; }
    img.float-right { float:right; margin:0px 0px 20px 20px; }

    /* clear:both - zurücksetzen float*/
    .clear,
    #box-content .clear
    {
        clear:both;
        height:0px;
        line-height:0px;
        font-size:0px;
        overflow:hidden;
    }
    .trennlinie
    {
        clear:both;
        height:5px;
        line-height:0px;
        font-size:0px;
        overflow:hidden;
        border-bottom:1px solid #E2E2E2;
    }
    
    /* foto boxes */
    .foto-rechts-orange { float:right; margin:0px 0px 20px 18px; border:5px solid #eb891b; }
    .foto-rechts-gelb { float:right; margin:0px 0px 20px 18px; border:5px solid #fdec87; }
    .foto-links-orange { float:left; margin:0px 18px 20px 0px; border:5px solid #eb891b; }
    .foto-links-gelb { float:left; margin:0px 18px 20px 0px; border:5px solid #fdec87; }


/* Footer ------------------------------------------------------------------*/
#box-footer
{
    height:30px;
    width:959px;
    background-image:url(../upload/designpics/hg_footer.jpg);
    float:left;
    /*margin-bottom:0px;*/
    overflow:hidden;
}
#box-footer p {
    padding:4px;
    text-align:center;
    color:#a47535;
    font-size:14px;
    font-weight:bold;
}

/* Startseite ------------------------------------------------------------------*/
#box-content .liste-startseite, x:-moz-any-link { margin-left:10px; padding-left:16px; } /* CSS style for Firefox 2.x */
#box-content .liste-startseite, x:-moz-any-link, x:default { margin-left:520px; padding-left:16px; } /* CSS style for Firefox 3.x */


/* Praxisteam ------------------------------------------------------------------*/
#box-content .liste-werdegang, x:-moz-any-link { margin-left:10px; padding-left:16px; } /* CSS style for Firefox 2.x */
#box-content .liste-werdegang, x:-moz-any-link, x:default { margin-left:240px; padding-left:16px; } /* CSS style for Firefox 3.x */


/* Praxisrundgang --------------------------------------------------------------*/
#box-content .liste-rundgang, x:-moz-any-link { margin-left:10px; padding-left:16px; } /* CSS style for Firefox 2.x */
#box-content .liste-rundgang, x:-moz-any-link, x:default { margin-left:540px; padding-left:16px; } /* CSS style for Firefox 3.x */


/* Sprechzeiten -------------------------------------------------------------------------------*/
#tbl-sprechzeiten
{
    border-collapse:collapse;
    border-spacing:0px;
    margin:10px 0px 20px 0px;
    background-color:#FFFFFF;
    /*border:none;*/
    border:1px solid #eb891b;
    border-right:none;
}
    #tbl-sprechzeiten td {
        padding:4px 20px 4px 20px;
        text-align:right;
        font-weight:bold;
        border-right:1px solid #eb891b;
    }
    #tbl-sprechzeiten td.sprechzeit-zentriert { text-align:center; }
        #tbl-sprechzeiten tr.fett-farbig td {
            font-weight:bold;
            background-color:#eb891b;
            color:#ffffff;
            text-align:center;
        }


/* Aktuelles -------------------------------------------------------------------------*/
.box-news .ueberschrift-news { margin-top:32px; }
.box-news .datum
{
    background-color:#eb891b;
    color:#ffffff;
    font-weight:bold;
    width:80px;
    text-align:center;
    float:left;
    margin:0px 10px 0px 0px !important;
    padding:1px;
}
.box-hinweis { font-size:18px; font-weight:bold; }
.box-hinweis-2 { font-size:16px; font-weight:bold; }

/* Kontakt -------------------------------------------------------------------------------*/

/* tabelle formular  */
#tbl-kontaktformular
{
    border-collapse:collapse;
    /* margin:0px 0px 50px 0px; */
    border:1px solid #E2E2E2;
    background-color:#fef1ab;
}
#tbl-kontaktformular tr { width:500px; }

#tbl-kontaktformular td
{
    padding:6px 6px 0px 20px;
    vertical-align:middle;
    font-size:13px;
}
#tbl-kontaktformular .td-1 { width:200px; }
#tbl-kontaktformular .td-2 { width:400px; }
    #tbl-kontaktformular .td-2 input { width:380px; }
    #tbl-kontaktformular .td-2 .nachricht { width:380px; height:200px; }

#box-content #tbl-kontaktformular td p, 
#box-content #tbl-kontaktformular td h2, 
#box-content #tbl-kontaktformular td p h3
{ margin-left:0px; }

/* input felder */
#tbl-kontaktformular .td-2 input,
#tbl-kontaktformular .td-3 input { height:18px; padding:3px 0px 0px 4px; border:1px solid #eb891b; font-size:12px; }
#tbl-kontaktformular .td-2 .nachricht { padding:3px 0px 0px 4px; border:1px solid #eb891b; font-size:12px; }
/*
#box-content .vorname-name,
#box-content .strasse,
#box-content .plz-ort,
#box-content .telefon,
#box-content .email,
#box-content .nachricht,
#box-content .input-empfehlung,
#box-content .input-sonstiges,
#box-content .wunsch,
#box-content .zeitpunkt-1,
#box-content .zeitpunkt-2,
#box-content .input-anderes-land
{
    height:18px;
    padding:3px 0px 0px 4px;
    border:1px solid #eb891b;
    font-size:12px;
}
*/

#tbl-kontaktformular #table-aufmerksam .td-1,
#tbl-kontaktformular #table-kontaktaufnahme .td-1,
#tbl-kontaktformular #table-interesse .td-1 { width:20px; padding-left:0px; }
#tbl-kontaktformular #table-aufmerksam .td-2,
#tbl-kontaktformular #table-kontaktaufnahme .td-2,
#tbl-kontaktformular #table-interesse .td-2 { width:190px; padding-left:0px; }
#tbl-kontaktformular #table-aufmerksam .td-3,
#tbl-kontaktformular #table-kontaktaufnahme .td-3,
#tbl-kontaktformular #table-interesse .td-3 { width:400px; padding-left:0px; padding-right:0px; }
    #tbl-kontaktformular #table-aufmerksam .td-3 input,
    #tbl-kontaktformular #table-kontaktaufnahme .td-3 input,
    #tbl-kontaktformular #table-interesse .td-3 input { width:380px; }

/* input felder */
#box-content .td-nachricht h3{padding-top:0px; margin-top:0px;}

#box-content .td-kontaktaufnahme-einzeln{padding-right:10px; padding-top:5px;}
#box-content .zeitpunkt-1, #box-content .zeitpunkt-2{width:50px;}

#box-content #td-kontaktaufnahme{padding:0px;}
#box-content #h2-kontaktaufnahme{padding-top:10px; padding-bottom:10px; padding-left:0px; margin-left:15px;}

#box-content #h2-anfrage{padding-top:0px; padding-right:20px; margin-left:0px; padding-left:0px;}

/* button senden */
#box-content .senden { margin:30px 0px 20px 0px; font-size:13px;}


/* Eingabefehler */
#box-content .eingabefehler{border:1px solid red;}

/* Allgemeine Festlegungen zum Formular */
#box-content .vertical-top { vertical-align:top; }

/* Anker fürs Formular zum Anspringen nach Fehleingabe */
#box-content #a-anker-formular
{
    text-decoration:none;
    display:block;
    line-height:0px;
    margin:0px;
    padding:0px;
    font-size:0px;
}


/* Box Eingabefehler */
#box-content #box-meldung-kontakt-eingabefehler
{
    width:590px;
    margin:40px 0px 20px 0px;
    padding:20px 20px 8px 50px;
    border:1px solid #E2E2E2; 
    background-color:#FFFFFF;
    background-image:url(../bilder/hg_kontaktformular_eingabefehler.gif);
    background-position:15px 10px;
}
    #box-content #box-meldung-kontakt-eingabefehler p {}


/* Box Erfolg/nicht erfolg */
#box-content #box-meldung-kontakt-ok
{
    width:560px;
    margin:40px 0px 200px 0px;
    padding:15px 20px 8px 80px;
    border:1px solid #E2E2E2; 
    background-color:#FFFFFF;
    background-image:url(../bilder/hg_kontaktformular_ok.gif);
    background-position:12px 16px;
}
    #box-content #box-meldung-kontakt-ok p,
    #box-content #box-meldung-kontakt-ok p em { color:#5BB700; }

#box-content #box-meldung-kontakt-unten-ok {}

#box-content #box-meldung-kontakt-fehler
{
    width:590px;
    margin:40px 0px 20px 0px;
    padding:20px 20px 8px 50px;
    border:1px solid #E2E2E2; 
    background-color:#FFFFFF;
    background-image:url(../bilder/hg_kontaktformular_eingabefehler.gif);
    background-position:15px 10px;
}
    #box-content #box-meldung-kontakt-fehler p { color:red; }


/*** backend customizing ******************************************************/
/* News-Bereich */
#box-content .box-hinweis {
	padding:10px; font-weight:bold; font-size:13px; line-height:16px;
	color:#fff; background-color:#E18C00; margin-bottom:10px; margin-top:20px;
}
#box-content .box-hinweis p {
	color:#fff; font-weight:bold;
}
#box-content .box-hinweis-2 {
	padding:2px 2px 2px 10px; font-weight:bold; font-size:11px;
	line-height:16px; color:#fff; background-color:#E18C00; margin-bottom:10px;
	margin-top:20px;
}
#box-content .box-einstellmoeglichkeit-1 {
	padding:10px; border:1px solid #bbb; background-color:#f5f5f5; color:#111;
	margin-bottom:10px;
}
#box-content .box-einstellmoeglichkeit-1 p {
	color:#111;
}
#box-content .box-hinweis-abschlusslinie {
	height:2px; background-color:#E18C00; margin-top:5px;
}