/*
   jj.css
   dr-juergen-jansen.de
   
   Created by Alexander Hahn on 2009-01-22.
   Copyright 2008 wfp:2. All rights reserved.
*/


/* ================= */
/* = STANDARD TAGS = */
/* ================= */
*
{
    outline: none;
}

html
{
    overflow: -moz-scrollbars-vertical;
}

body
{
    margin: 0;
    padding: 0 0 275px 0;

    color: #3f3f3f;
    font: 15px Arial,Helvetica,Garuda,sans-serif;

    background: #fff;
}

a, a:hover
{
    color: #3f3f3f;
    outline: none;
    text-decoration: underline;
}
a:hover { text-decoration: none }

form
{
    margin: 0;
    padding: 0;
}

h1
{
    margin: 0 0 15px 0;
    padding: 0;

    color: #6cb7cd;
    line-height: 1.2em;
    font-size: 25px;
    font-weight: normal;
}
h2, h3
{
    margin: 0 0 20px 0;
    padding: 0;

    color: #6cb7cd;
    line-height: 1.2em;
    font-size: 16px;
    font-weight: bold;
}
h3
{
    margin: 0 0 11px 0;
    
    color: #2d4287;
    font-size: 12px;
}

hr
{
    position: relative;
    clear: both;

    margin: 0 0 10px 0;
    padding: 0;
    height: 1px;

    color: #6cb7cd;

    border: 0;
    background: #6cb7cd;
}

img
{
    border: 0;
}

input, select, textarea
{
    font: 15px Arial,Helvetica,Garuda,sans-serif;;
    color: #3f3f3f;
}
input.text
{
    padding: 2px 0 1px 7px;
    height: 15px;
    
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

map
{
    display: none;
}

p
{
    margin: 0 0 16px 0;
    padding: 0;

    line-height: 18px;
}

ul
{
    margin: 2px 0 19px 0;
    padding: 0 0 0 10px;

    line-height: 19px;
}
    ul li
    {
        margin: 0 0 1px 0;
        padding: 0 0 0 17px;
        
        list-style: none;
        
        background: url(../images/construct/list_style.gif) 0 7px no-repeat;
    }
ol
{
    margin: 2px 0 12px 0;
    padding: 0 0 0 30px;

    line-height: 19px;
}
    ol li
    {
        margin: 0 0 4px 0;
        padding: 0;
    }





/* ============= */
/* = CONTAINER = */
/* ============= */
div#container
{
    position: relative;
    
    margin: 0 auto;
    width: 915px;
}


/* ======== */
/* = LOGO = */
/* ======== */
img#logo
{
    display: block;
    
    margin: 28px 0 46px 66px;
}
body#body83 img#logo
{
    margin-bottom: 193px;
}

/* =================== */
/* = META-NAVIGATION = */
/* =================== */
div#meta_navigation
{
    position: absolute;
    top: 40px;
    right: 95px;
}
    div#meta_navigation a, div#meta_navigation a:hover
    {
        display: block;
        float: left;
        overflow: hidden;
        
        padding: 30px 0 0 0;
        height: 0;
        
        background: url(../images/construct/meta_navigation.gif) 0 0 no-repeat;
    }
    /* LINKS */
    div#meta_navigation a#links, div#meta_navigation a#links:hover
    {
        width: 50px;
        
        background-position: 0 0;
    }
    div#meta_navigation a#links:hover
    {
        background-position: 0 -30px;
    }
    div#meta_navigation a#links.active, div#meta_navigation a#links.active:hover
    {
        background-position: 0 -60px;
    }
    /* KONTAKT */
    div#meta_navigation a#kontakt, div#meta_navigation a#kontakt:hover
    {
        width: 65px;
        
        background-position: -50px 0;
    }
    div#meta_navigation a#kontakt:hover
    {
        background-position: -50px -30px;
    }
    div#meta_navigation a#kontakt.active, div#meta_navigation a#kontakt.active:hover
    {
        background-position: -50px -60px;
    }
    /* IMPRESSUM */
    div#meta_navigation a#impressum, div#meta_navigation a#impressum:hover
    {
        width: 85px;
        
        background-position: -115px 0;
    }
    div#meta_navigation a#impressum:hover
    {
        background-position: -115px -30px;
    }
    div#meta_navigation a#impressum.active, div#meta_navigation a#impressum.active:hover
    {
        background-position: -115px -60px;
    }

/* ============== */
/* = NAVIGATION = */
/* ============== */
div#navigation
{
    position: absolute;
    top: 144px;
    left: 47px;
}
body#body83 div#navigation
{
    top: 132px;
    
    padding-top: 159px;
    
    background: url(../images/construct/startseite_team.jpg) -42px 0 no-repeat;
}
    div#navigation a, div#navigation a:hover
    {
        display: block;
        float: left;
        overflow: hidden;
        
        padding: 57px 0 0 0;
        height: 0;
        
        background: url(../images/construct/navigation.png) 0 0 no-repeat;
    }
    /* START */
    div#navigation a#start, div#navigation a#start:hover
    {
        width: 119px;
        
        background-position: 0 0;
    }
    div#navigation a#start:hover
    {
        background-position: 0 -57px;
    }
    div#navigation a#start:active
    {
        background-position: 0 -171px;
    }
    div#navigation a#start.active, div#navigation a#start.active:hover
    {
        background-position: 0 -115px;
    }
    /* PRAXIS */
    div#navigation a#praxis, div#navigation a#praxis:hover
    {
        width: 107px;
        
        background-position: -119px 0;
    }
    div#navigation a#praxis:hover
    {
        background-position: -119px -57px;
    }
    div#navigation a#praxis:active
    {
        background-position: -119px -171px;
    }
    div#navigation a#praxis.active, div#navigation a#praxis.active:hover
    {
        background-position: -119px -115px;
    }
    /* TEAM */
    div#navigation a#team, div#navigation a#team:hover
    {
        width: 96px;
        
        background-position: -226px 0;
    }
    div#navigation a#team:hover
    {
        background-position: -226px -57px;
    }
    div#navigation a#team:active
    {
        background-position: -226px -171px;
    }
    div#navigation a#team.active, div#navigation a#team.active:hover
    {
        background-position: -226px -115px;
    }    
    /* BEHANDLUNGSSPEKTRUM */
    div#navigation a#behandlungsspektrum, div#navigation a#behandlungsspektrum:hover
    {
        width: 249px;
        
        background-position: -322px 0;
    }
    div#navigation a#behandlungsspektrum:hover
    {
        background-position: -322px -57px;
    }
    div#navigation a#behandlungsspektrum:active
    {
        background-position: -322px -171px;
    }
    div#navigation a#behandlungsspektrum.active, div#navigation a#behandlungsspektrum.active:hover
    {
        background-position: -322px -115px;
    }
    /* SERVICELEISTUNGEN */
    div#navigation a#serviceleistungen, div#navigation a#serviceleistungen:hover
    {
        width: 238px;
        
        background-position: -571px 0;
    }
    div#navigation a#serviceleistungen:hover
    {
        background-position: -571px -57px;
    }
    div#navigation a#serviceleistungen:active
    {
        background-position: -571px -171px;
    }
    div#navigation a#serviceleistungen.active, div#navigation a#serviceleistungen.active:hover
    {
        background-position: -571px -115px;
    }

/* ======================= */
/* = SPRECHZEITEN BUTTON = */
/* ======================= */
div#sprechzeiten_button_container
{
    position: relative;
}
    a#sprechzeiten_button, a#sprechzeiten_button:hover
    {
        position: absolute;
        display: block;
        overflow: hidden;
        top: -59px;
        right: 80px;
        
        padding: 44px 0 0 0;
        width: 299px;
        height: 0;
        
        background: url(../images/construct/sprechzeiten_button.png) 0 0 no-repeat;
    }
    a#sprechzeiten_button:hover
    {
        background-position: 0 -44px;
    }
    a#sprechzeiten_button:active
    {
        background-position: 0 -88px;
    }


/* =============== */
/* = LEFT COLUMN = */
/* =============== */
div#left_column
{
    float: left;
    
    margin: 0 0 0 45px;

    padding: 55px 0 0 0;
    width: 369px;
    min-height: 445px; /*500px*/
    
    text-align: right;
    
    background: url(../images/construct/left_column_background.gif) 0 0 no-repeat;
}
body#body96 div#left_column
{
    padding-top: 304px;
    
    background: url(../images/construct/left_column_kontakt_background.gif) 0 0 no-repeat;
}
    img.left_column_divider
    {
        margin-bottom: 15px;
    }
    div.teaser_left
    {
        padding: 0 53px 22px 75px;
        
        text-align: left;
    }
        div.teaser_left h2
        {
            margin-bottom: 15px;
        }
        div.teaser_left p
        {
            color: #2d4287;
            font-size: 12px;
            line-height: 17px;
        }

/* ======================== */
/* = ONLINE-TERMINANFRAGE = */
/* ======================== */
form#terminanfrage
{
    
}
    form#terminanfrage label
    {
        font-weight: bold;
    }
    form#terminanfrage label,
    form#terminanfrage input
    {
        display: block;
        float: left;
    }
    form#terminanfrage label.text
    {
        margin: 0 0 4px 0;
        padding: 3px 0 0 0;
        width: 160px;
    }
    form#terminanfrage label.radio,
    form#terminanfrage label.radio2
    {
        width: 160px;
        margin: 0 0 20px 0;
    }
    form#terminanfrage label.radio2
    {
        width: 88px;
        
        font-weight: normal;
    }
    form#terminanfrage label.textarea
    {
        margin: 20px 0 6px 0;
        padding: 3px 0 0 0;
    }
    form#terminanfrage textarea.textarea
    {
        margin: 0 0 20px 0;
        padding: 3px 0 0 7px;
        
        background: url(../images/construct/input_text_background.gif) 0 0 repeat-x;
        
        border-top: 1px solid #d4d4d5;
        border-left: 1px solid #d4d4d5;
        border-bottom: 1px solid #a9aaab;
        border-right: 1px solid #a9aaab;
    }
    form#terminanfrage input.text
    {
        margin: 0 0 6px 0;
        width: 226px;
        height: 20px;
        
        background: url(../images/construct/input_text_background.gif) 0 0 repeat-x;
        
        border-top: 1px solid #d4d4d5;
        border-left: 1px solid #d4d4d5;
        border-bottom: 1px solid #a9aaab;
        border-right: 1px solid #a9aaab;
    }
    form#terminanfrage input.text.plz
    {
        margin-right: 3px;
        width: 50px;
    }
    form#terminanfrage input.text.ort
    {
        width: 164px;
    }
    form#terminanfrage input.text.datum
    {
        width: 80px;
    }
    a.date-picker-control, a.date-picker-control:hover
    {
        float: left;
    }
    a.date-picker-control span
    {
        margin-right: 25px !important;
    }
    form#terminanfrage input.text.zeit
    {
        width: 25px;
    }

/* ================ */
/* = RIGHT COLUMN = */
/* ================ */
div#right_column
{
    float: left;
    
    padding: 55px 0 0 25px;
    width: 395px; /*420px*/
}
    div.inhaltshaelfte_left
    {
        float: left;
        
        width: 190px;
    }
        div.inhaltshaelfte_left h2
        {
            margin-bottom: 0;
        }
        div.inhaltshaelfte_left h3
        {
            font-weight: normal;
        }
    div#backlink
    {
        font-size: 12px;
        
        margin-bottom: 20px;
    }

/* ========== */
/* = FOOTER = */
/* ========== */
div#footer
{
    margin: 40px 0 0 0;
    padding: 13px 0 0 138px;
    height: 46px;
    
    color: #b1b0b0;
    font-size: 11px;
    
    background: url(../images/construct/footer_background.gif) 0 0 no-repeat;
}
    div#footer_navigation
    {
        float: right;
        
        margin: 0 163px 0 0;
        
        text-align: right;
    }
        div#footer_navigation a, div#footer_navigation a:hover
        {
            color: #b1b0b0;
            text-decoration: none;
        }
        div#footer_navigation a:hover
        {
            text-decoration: underline;
        }

/* ============== */
/* = GOOGLE MAP = */
/* ============== */
label.startendaddress
{
    margin-top: -10px;
}