@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "2col_left_13"
 * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "2col_left_13"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */

@media screen, projection
{

* {
    padding: 0;
    margin: 0;
}

body { 
    padding: 0;
    background: #fff url(../gfx/bg_body.png) left top repeat-x; }

div#header { 
    background: #fff; 
    background-image: none;
    border: none; 
    padding:  35px 2em 2em 20px;
    width: 752px;
}

        div#header a img#site-logo {
            margin: 0 140px 30px 140px;
        }

    div#header h1#site-name { 
        display: inline;
        height: 0;
        left: -1000px;
        overflow: hidden;
        position: absolute;
        top: -1000px;
        width: 0;
    }

div.page_margins { 
    background: none;
    margin: 20px auto 254px;
    width: 1000px; 
    
}

    div.page {
        border-top: none;
        border-bottom: none;
        margin: 0 auto;
        padding: 0;
        width: 798px;
    }

 /**Horizontale Navigation**/


#nav {
    height: 49px;
}

div.hlist { 
    background-color: #96141b;
    padding-top: 7px;
    display: table;
    width: 798px;
}
    
    div#nav ul.primary-links { 
        margin: 0 !important; 
        width: 100%;
        display: table-row;
    }
        
        div.hlist ul li { 
            list-style: none;
            line-height: 30px;
            background: #555; 
            border-right: 1px solid #c3c3c3;
            border-bottom: 1px solid #c3c3c3;
            display: table-cell;
            margin: 0;
            height: 30px;
        }
        
        div.hlist ul li.active, 
        div.hlist ul li.active:focus, 
        div.hlist ul li.active:hover, 
        div.hlist ul li.active:active { background: #949494; }
    
            div.hlist ul li a { 
                font-size: 100%;
                padding: 5px 0 5px 0;
                color: #ffffff;
                margin-top: 0;
                text-align: center;
                text-decoration: none;
                display: block;
                width: 100%;
                
                -webkit-transition: all .3s;  
                -moz-transition: all .3s;
                -o-transition: all .3s;  
                transition: all .3s;  
            }

            div.hlist ul li a:hover,
            div.hlist ul li a:active,
            div.hlist ul li a:focus { 
                background: #7c7c7c; 
                color: #fff;
                padding: 5px 0 5px 0;
                border: none;
            }
            
            div.hlist ul li.last { border-right: none; }

div#nav-bar { display: none; }

div#main { 
    display: table;
    padding: 0; 
}

/**
* (en) Repositioning content container
* (de) Neupositionierung der Content Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3               |
* | 25%     | flexible            |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/

/* Fixed width for left column | Fixe Breite für Linke Spalte */
#col1 { 
    background: url(../gfx/bg_col1.png) left top repeat-y;
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 266px; 
}

/* Hide right column | Rechte Spalte abschalten */
#col2, #col2_content { display:none; }

#col3 { 
    background: url(../gfx/bg_col3_inside.png) -2px top repeat-y;
    display: table-cell;
    float: none; 
    margin: 0; 
}

#col3_content { 
    /* background: url(../gfx/banner.png) left top no-repeat; */
    height: 100%;
}

div#block-block-1 { margin-bottom: 15px; }
    div#block-block-1 h3,
    div#block-block-2 h3 { 
        color: #333;
        font-size: 100%; 
        font-weight: bold;
        height: 50px;
        margin-bottom: 0;
        line-height: 50px;
        padding-left: 20px;
    }
    
    div#block-block-1 h3, div#block-block-2 h3,
    div#block-block-3 h3 { 
        background: transparent url(../gfx/col1_h_bg.png) left top repeat-y;
        color: #333;
        font-size: 115%;
        font-weight: bold;
        height: 58px;
        line-height: 58px;
        padding-left: 20px;
    }
    
    div#block-block-2 .content h3 {
        background: none;
        padding-left: 0px;     
        height: 50px;
        line-height: 50px;    
        font-size: 118%;
        margin-top: 0px;
    }
    
    div#block-block-3 ul {
        color: #000;
        margin: 5px 0 0 22px;
    }
    
    #block-block-2 p {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 0;
    }
    
    #block-block-2 p.last {
        border-bottom: none;
    }
    
    div#block-block-2 div.content div#termine p {
        border: none;
    }

    div#block-block-1 div.content,
    div#block-block-2 div.content {
        color: #000;
        padding: 7px 12px;
    }

    div#block-block-2 div.content { padding-bottom: 0; }

        div#block-block-2 div.content div#termine {
            margin: 0 -10px 0 -10px;
            padding: 10px 10px 10px 22px;
        }

        div#block-block-2 div.content h4 {
            color: #000;
            font-weight: bold;
            margin-top: 10px;
        }

        div#block-block-1 div.content div { padding-top: 15px; }
        
        div#block-block-1 div.content strong { 
            color: #000;
            font-weight: bold;
            font-size: 16px;
            margin: 0;
            padding: 0 0 0 10px;
        }

div#footer {
    background: url("../gfx/bg_footer.png") left top no-repeat;
    height: 300px;
    margin-left: -11px;
    width: 816px;
    position: relative;
}

div#footer p a { display: none; }



div.node div.meta { display: none; }

#block-block-1, #block-block-2, #block-block-3 { 
    position: relative; 
}

#block-block-1 img,
#block-block-2 img,
#block-block-3 img {
    position: absolute;
    top: 0px;
    left: -58px;
   
}

.floatbox { overflow: visible; }

#block-block-4 {
    
}

#block-block-5 {
    background-color: red;
    position: absolute;
    width: 100px;
    height: 300px;
    top: 190px;
    right: -100px;
}

ul.orbit-bullets { bottom: 0 !important; left: 42% !important; }

#verbandsmitgliedschaften { padding: 10px 40px; }

#verbandsmitgliedschaften a { display: block; float: left; text-indent: -999em; }

#verbandsmitgliedschaften a#medqn { background: url(../gfx/medqn.png) left top no-repeat; margin: 20px 35px 0 30px; width: 111px; height: 45px; }
#verbandsmitgliedschaften a#gzw { background: url(../gfx/gzw.png) left top no-repeat; margin: 27px 35px 0 0; width: 150px; height: 38px; }
#verbandsmitgliedschaften a#hnonet { background: url(../gfx/hnonet.png) left top no-repeat; margin: 22px 35px 0 0; width: 104px; height: 52px; }
#verbandsmitgliedschaften a#hno { background: url(../gfx/hno.png) left top no-repeat; margin: 25px 35px 0 0; width: 90px; height: 45px; }
#verbandsmitgliedschaften a#aerztekammer { background: url(../gfx/aerztekammer.png) left top no-repeat; margin: 0px 35px 0 0; width: 117px; height: 94px; }
#verbandsmitgliedschaften a#kvwl { background: url(../gfx/kvwl.png) left top no-repeat; margin: 30px 0 0 0; width: 100px; height: 27px; }

#verbandsmitgliedschaften a#medqn:hover { background: url(../gfx/medqn_hover.png) left top no-repeat; margin: 20px 35px 0 30px; width: 111px; height: 45px; }
#verbandsmitgliedschaften a#gzw:hover { background: url(../gfx/gzw_hover.png) left top no-repeat; margin: 27px 35px 0 0; width: 150px; height: 38px; }
#verbandsmitgliedschaften a#hnonet:hover { background: url(../gfx/hnonet_hover.png) left top no-repeat; margin: 22px 35px 0 0; width: 104px; height: 52px; }
#verbandsmitgliedschaften a#hno:hover { background: url(../gfx/hno_hover.png) left top no-repeat; margin: 25px 35px 0 0; width: 90px; height: 45px; }
#verbandsmitgliedschaften a#aerztekammer:hover { background: url(../gfx/aerztekammer_hover.png) left top no-repeat; margin: 0px 35px 0 0; width: 117px; height: 94px; }
#verbandsmitgliedschaften a#kvwl:hover { background: url(../gfx/kvwl_hover.png) left top no-repeat; margin: 30px 0 0 0; width: 100px; height: 27px; }

#block-block-6, #block-block-7, #block-block-8, #block-block-9, 
#block-block-10, #block-block-11, #block-block-12, #block-block-13,
#block-block-14, #block-block-15, #block-block-16, #block-block-17,
#block-block-18, #block-block-19, #block-block-16, #block-block-20,
#block-block-21, #block-block-22, #block-block-23, #block-block-24 { position: absolute; top: 0; left: 0; }

body.chrome div.hlist { width: 791px; }
}