﻿body 
{
    background-color: #b6c9d3;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    padding-top:2px;
    padding-bottom: 4px;
}

#container 
{
    width: 980px;
    margin: 0 auto;
}


/* Navi */

#navigation 
{
    background-color: #fff;   
    margin-bottom: 1px;

    padding-top: 16px;
    padding-bottom: 16px;
    display: none;
}

#navigation ul 
{
    list-style: none;   
    padding: 0px;
    margin: 0px;
}

#navigation ul li 
{
    display: inline-block;
    font-size: 18px;

}

#navigation a 
{
    text-decoration: none;
    color: #000;
    font-weight: bolder;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}

#navigation a.active 
{
    color: #8f0000;
}

#navigation a:hover 
{
    background-color: #b6c9d3;
}


/* Header */

#header 
{
    background-color: #fff;
    background-image: url(_pics/headerbg.gif);
    background-repeat: repeat-x;
    padding-top: 48px;
}

.herzlogo 
{
    background-image: url(_pics/bccherz.png);
    background-repeat: no-repeat;
    width: 288px;
    height: 280px;
    margin-left: 78px;
    display: inline-block;
}

.welcome 
{
    display: inline-block;
    margin-left: 45px;
    margin-top: 65px;
    vertical-align: top;
    width: 486px;
    line-height: 20px;
    color: #666;
}

#header b 
{
    color: #8f0000;   
}

.welcome h2 
{
    color: #000;
}



/* Content */

#content 
{
    background-color:#fff;   
    padding-top: 40px;
    padding-left: 78px;
    color: #666;
    line-height: 20px;
    padding-bottom: 60px;
}

#content h2
{
    color: #8f0000;
    margin-bottom: 26px;
}

#content b
{
    color: #000;
}

.spalte 
{
    width: 248px;
    text-align: justify;
    display: inline-block;
    vertical-align: top;    
    margin-right: 40px;
    margin-bottom: 30px;
}

.bigimportant 
{
    text-align: left;
    margin-right: 40px;
    color: #777;
    font-size: 24px;
       
}

/* Footer */

#footer 
{
    background-color: #333; 
    color: #b6c9d3;
    padding-left: 78px;
    padding-right: 78px;
    padding-top: 37px;
    padding-bottom: 37px;
}

#footer h2 
{
    color: #fff;
}

#footer b
{
    color: #fff;
}

/* Finish */

#finish 
{
    background-color: #000;
    padding-left: 78px;
    padding-right: 78px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #fff;
    text-align: right;
}

#finish a 
{
    color:#fa4;   
}

