/*
 * Allgemeines Stylesheet
 *
 * 1.0.0        2009-09-18  Soeren Kampschroer
 *              - Einfuehrung der Versionierung
 *
 * @package     contentBLUE-Kohl-PR
 * @subpackage  Stylesheet
 * @author      Soeren Kampschroer <skampschroer@glamus.de>
 *
*/

body {
    margin:             0px;
    border:             0px;
    padding:            0px;
    background-color:   #ffffff;
    text-align:         center;
    color:              #666666;
    overflow-y:         scroll;

}

body, td {
    font-size:          11px;
    font-family:        Arial, Helvetica, Verdana, sans-serif;
}

/* Hyperlinks */
a {
    color:              #000000;
    text-decoration:    none;
}

/* Überschriften */
h1 {
    margin:             0px;
    font-size:          11px;
    font-weight:        bold;
    color:              #666666;
}

h2 {
    font-size:          13px;
    font-weight:        bold;
    /*color:              #414d82;*/
    color:              #03325A;
    margin-top:         0px;
    margin-bottom:      20px;
}

h3 {
    font-size:          11px;
    font-weight:        bold;
    color:              #000000;
    margin-top:         0px;
    margin-bottom:      15px;
}
/* Boxen */


div.body {
    width:              752px;
    margin:             auto;
    text-align:         left;
    margin-top:         15px !important;
}

body.grau div.spalten {
    /*background-image:   url(/img/grau_blau.gif);*/
    background-repeat:  repeat-y;
}

body.weiss div.spalten {
    /*background-image:   url(/img/weiss_blau.gif);*/
    background-repeat:  repeat-y;
}

div.linkespalte {
    float:              left;
    padding-left:       2px;
}


div.title {
    width:              476px;
    height:             20px;
    color:              #666666 !important;
    border-bottom:      2px solid white;
    margin-top:         -20px;
    margin-bottom:      40px;
}

div.titlepadding {
    padding-left:       15px;
    padding-right:      15px;
    padding-top:         2px;
}

div.content {
    position:           relative;
    width:              476px;
    margin-top:         2px;
    padding-top:        10px;
    padding-bottom:     50px;
    font-size:          11px;
    line-height:        15px;
}

div.content ul {
    margin:         9px 0 0 0;
}

div.content ul li {
    margin-bottom:      3px;
}

div.contentpadding {
    padding-left:       15px;
    padding-right:      15px;
    width:              440px;
}

div.rechtespalte {
    float:              right;
    padding-right:      2px;
    margin-left:        2px;
}

div.kontaktauswahl {
    /*position:           relative;*/
    width:              230px;
    height:             20px;
    color:              #ffffff;
    font-weight:        bold;
    border-bottom: 2px solid white;
}

div.kontaktauswahl ul {
    margin:             0px;
    padding:            0px;
    padding-left:       15px;
    list-style:         none;
}

div.kontaktauswahl li {
    float:              left;
    margin:             0px;
    padding:            0px;
    padding-left:       0px;
    padding-right:      5px;
}

div.navigation {
    /*position:           relative;*/
    width:              230px;
    margin-top:         2px;
    padding-top:        10px;
    background-color:   #fff;
}

div.navigation ul li {
    color:              #ffffff;
    list-style-type:    none;
    margin-left:        -25px;
    margin-right:       10px;
    /*padding-top:        1px;
    padding-bottom:     1px;*/
    font-weight:        bold;
    font-size:          9pt;
}

div.navigation ul ul li {
    font-weight:        normal;
    margin-right:       0px;
    font-weight:        bold !important;

}

div.navigation a, div.kontaktauswahl a {
    color:              #666666;
    text-decoration:    none;
}

div.navigation a:hover {
    color:              #fff !important;
}

ul li div:hover {
    background-color:   #CB0233;
}

div.navigation a.active {
    color:              #fff;
    /*color:              #CB0233;*/
}

ul li div.active {
    background-color:   #CB0233;
}

ul li a div.navitem {
    padding-left: 5px;
}

div.navigation ul li ul li div {
    padding-left:       10px;
    font-size:          11px;
}

div.navigation ul li ul li a:hover {
    /*color:              #fff;*/
    
}

div.navigation ul li ul li a:hover div:hover {
    /*background-color:   #CB0233;
    color:              #fff;*/
    background-color:   #fff;
    color:              #03325A;
}

div.navigation ul li ul li a.active div.active {
    /*background-color:   #CB0233;
    color:              #fff;*/
    background-color:   #fff;
    
}

div.navigation ul li ul li a.active {
    color:              #03325A;
}

div.navigation ul ul {
    margin-left:        -20px;
    font-weight:        bold !important;
    font-size:          8px;
}

div.navigation div.navitem {
    padding-top:        4px;
    padding-bottom:     4px;
    margin-bottom:      4px;
}

div.navigation div.bordertop {
    /*border-top:         1px solid #a1a6c2;*/
}

div.navigation div.borderbottom {
    /*border-bottom:      1px solid #a1a6c2;*/
}

div.content img.imgcontent {
    border:             none;
}

div.feed {
    margin-top:         0px;
    width:              446px;
    text-align:         center;
}

/* HEADER */

#kopfGrafik {
    background:         url(/img/banner-passive.jpg) no-repeat;
    height:             76px;
    width:              476px;
    float:              left;
}

#banner {
    height:             100px;
    width:              113px;
    /*display:            table;*/
    text-align:         right !important;
    margin-right:       100px;
    float:              right;
    border:             none;
}

#kontaktLink {
    text-align:         right;
    font-size:          11px;
    color:              #fff;
    padding:            5px 10px 0 0;
}

.clear {
    clear:              both;
}

/* Brotkrumen Navi */

a.brotkruemenlinkEbene1 {
    color:              #CB0233;
    font-size:          12px;
}

a.brotkruemenlinkEbene2 {
    color:              #03325A;
    font-size:          11px;
    font-weight:        bold;
    
}