/* Hausarztpraxis Stübel
--------------------------------------------*/

/*  CSS Reset Hack  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 { font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; border: 0; outline: 0; }


body { font-family: sans-serif; background: #9dc531 url('/img/body-bg.png') repeat-x; }
a { text-decoration: none; color: #94C11F; }
a:hover { text-decoration: underline; }
#page { width: 1000px; margin: 33px auto; }


/* Header
--------------------------------------------*/
#header { position: relative; height: 325px; }
#emotion { width: 1000px; height: 325px; }
#logo { position: absolute; top: 35px; left: 30px; width: 360px; }
#banner { position: absolute; top: 45px; right: -10px; width: 225px; }

    /* Navi
    --------------------------------------------*/
    #navi { position: absolute; bottom: 30px; width: 950px; height: 35px; padding-left: 50px; background: #AFCA0B; }
    #navi ul { list-style: none; padding-top: 6px; }
    #navi li { float: left; padding-right: 30px; }
    #navi a { font-size: 20px; font-weight: 100; color: #FFFFFF; }
    #navi li.current a { text-decoration: underline; }
    #navi li.current li a { text-decoration: none; }
    #navi li ul { position: absolute; display: none; margin-left: -25px; padding-top: 20px;  background: url(/img/spitze.png) no-repeat 55px 8px; }
    #navi li:hover ul { display: block; }
    #navi li li { float: none; padding: 4px 25px; background: #575756; display: block; }
    #navi li li:first-child { padding-top: 25px; }
    #navi li li:last-child { padding-bottom: 25px; }
    #navi li li a { display: block; padding: 0 3px 2px 3px; font-size: 17px; color: #C7C7C6; }
    #navi li li a:hover { color: #FFFFFF; background: #BE1622; text-decoration: none; }



/* Main
--------------------------------------------*/
#main { padding: 60px 57px 45px 50px; background: #FFFFFF; color: #878787; }
#main h1 { font-size: 20px; font-weight: bold; padding-bottom: 5px; }
#main h2 { font-size: 15px; font-weight: normal; padding-bottom: 5px; }
#main p { font-size: 12px; padding-bottom: 15px; }
.image-gallery img { width: 284px; margin-bottom: 17px; margin-right: 20px; }

#main table {
    margin-top: 25px;
}
#main table tr td:nth-child(2) {
/*
    border: 1px solid grey;
    vertical-align: top;
    padding: 25px;
    box-sizing: border-box;
    */
}
#main table tr td {
    padding: 15px;
    box-sizing: border-box;
}
#main table tr td img {
    height: 350px;
    padding-right: 25px;
}

/* Footer
--------------------------------------------*/
#footer { padding: 25px 50px 35px 50px; background: #70706F; color: #FFFFFF; overflow: hidden; }
#column1 { float: left; width: 240px; }
#column1 p { font-size: 17px; padding-bottom: 5px; }
#column1 p.tele { font-size: 19px; margin-top: 5px; }
#column2 { float: left; width: 250px; }
#column2 img { width: 30px; padding: 3px 6px 0 0; float: left; }
#column2 h1 { font-size: 26px; font-weight: normal; padding-top: 4px; padding-bottom: 20px; }
#column2 p { font-size: 13px; }
#column3 { float: right; }
#column3 img { width: 38px; padding-right: 7px; float: left; }
#column3 h1 { font-size: 26px; font-weight: normal; padding-top: 4px; padding-bottom: 15px; }
#column3 table { font-size: 19px; font-weight: 100; padding-bottom: 15px; }
#column3 p { font-size: 14px; font-weight: 100; }