/*  
Sticky Footer Solution by Steve Hatcher 
http://www.cssstickyfooter.com
*/

* { margin: 0; padding: 0; } 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap { height: 100%; }
body > #wrap      { height: auto; min-height: 100%; }
#main             { padding-bottom: 46px; }  /* must be same height as the footer */
#footer {
    position:       relative;
    margin-top:     -46px; /* negative value of footer height */
    height:         45px; /* because of 1px white 'border' beyound */
    clear:          both;
} 

/* CLEAR FIX*/
.clearfix:after {
    content:        ".";
    display:        block;
    height:         0;
    clear:          both;
    visibility:     hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Sticky Footer END - from here on 'regular' styles ... */


body {
    background-color:   #ffffff;
    color:              #666666;
    font:               12px/18px Arial,Helvetica,sans-serif;
}

.inner {
    width:              990px;
    margin:             0 auto;
}

#head1 {
    height:             24px;
    background:         url(../img/bg_head.jpg) 50% top;
}

#head1 .inner {
    text-align:         right;
    padding-top:        5px;
    padding-right:      5px;
    width:              985px;
}

* html #head1 .inner { /* IE6 only */
    padding-top:        4px;
}

#head1 .inner * {
    display:            inline;
    border:             0 none;
    height:             13px;
    line-height:        13px;
    vertical-align:     top;
}

#head1 .inner form {
    padding-right:      25px;
    position:           relative;
}

#head1 .inner form input#searchfield {
    width:              100px;
    padding:            0 3px;
    font-size:          9px;
    color:              #3d4864;
}

#head1 .inner form input#searchbutton {
    width:              14px;
    height:             13px;
    background:         transparent url(../img/btn_searchsubmit.gif) left top no-repeat;
    cursor:             pointer;
    position:           absolute;
    top:                1px;
    left:               106px;
}

#head2 {
    height:             120px;
    background:         #ffffff;
}

#head2 #logo {
    margin-top:         25px;
    margin-left:        21px;
}

#mainnav {
    height:             62px;
    background:         url(../img/bg_mainnav.jpg) 50% top repeat-x;
    overflow:           hidden;
}

#breadcrumbnav {
    height:             42px;
    background:         url(../img/bg_breadcrumb.jpg) 50% top repeat-x;
}

#main {
    background:         url(../img/bg_main.jpg) 50% top repeat-x;
}

#main #subnav,
#main .news-latest-container {
    width:              227px;
    float:              left;
    margin-top:         78px;
    min-height:         350px;
    background:         #ffffff url(../img/bg_subnav.jpg) -1px top no-repeat;
}

* html #main #subnav { /* IE 6 only */
    height:             350px;
}

#main #contentarea {
    width:              710px;
    float:              right;
    padding-right:      28px;
    padding-bottom:     20px;
}

#footer {
    background:         url(../img/bg_footer.jpg) 50% top repeat-x;
    overflow:           hidden;
}





h1 {
    font-size:          26px;
    font-weight:        normal;
    color:              #3d4864;
    height:             80px;
    line-height:        90px;
    overflow:           hidden;
    position:           relative;
    left:               -25px;
    margin-bottom:      30px;
}

h2, h3, h4, h5, h6 {
    font-size:          12px;
    font-weight:        bold;
}

h3.searchResultHeader {
    margin-bottom:      0;
}

p,
#contentarea ul,
#contentarea img,
#contentarea table {
    padding-bottom:     20px;
}
* html #contentarea table { /* IE 6 only */
    padding-bottom:     0;
    margin-bottom:      20px;
}

p.csc-linkToTop {
    text-align:         right;
}

#contentarea li { /* ohne ul dazwischen wg. Styles fuer Sitempa */
    list-style-type:    none;
    background:         transparent url(../img/bg_listitem.gif) left 6px no-repeat;
    padding-left:       13px;
    margin-bottom:      2px;
}

a {
    color:              #4f5976;
    font-weight:        bold;
    text-decoration:    none;
}

a:hover {
    text-decoration:    underline;
}

a img {
    border:             0;
}



table td {
    padding:            5px;
}

table th {
    text-align:         left;
}

table.contenttable {
    margin-top:         10px;
    border-top:         1px solid #eeeeee;
    border-collapse:    collapse;
}

table.contenttable th,
table.contenttable td {
    padding:            0;
    border-bottom:      1px solid #eeeeee;
}

table.csc-searchResultInfo td {
    padding:            0;
}

table p {
    padding-bottom:     0;
}



.margColumn {
    float:              right;
    width:              319px;
    margin:             0 0 30px 30px;
}

.margColumn div {
    height:             54px;
    background:         transparent left top no-repeat;
    margin-bottom:      10px;
}

.margColumn div.voe { background-image: url(../img/bg_voe.gif); }
.margColumn div.vis { background-image: url(../img/bg_vis.gif); }

.margColumn p {
    color:              #4f5976;
    padding:            8px 10px 0 90px;
    line-height:        23px;
}
.margColumn .vis p { padding-top: 9px; }

.margColumn p a {
    font-weight:        normal;
    text-decoration:    underline;
    padding-right:      70px;
}

/* Latest News auf Home */

#main .news-latest-container {
    padding:            30px 15px;
    width:              197px;
}

#main .news-latest-container h2 {
    padding-bottom:     13px;
}

#main .news-latest-item,
#main .news-latest-item h4 {
    font-size:          11px;
    line-height:        16px;
}

#main .news-latest-item {
    padding-top:        10px;
    border-top:         1px solid #d8dae0;
}

#main .news-latest-item p {
    padding-bottom:     13px;
}