@import url("content.css");
@import url("sidebar.css");
@import url("slider.css");

* { padding:0px; margin:0px; outline:none; }
a { text-decoration:none; }

body {
    background-image:url(img/background.png);
    font:12px Arial;
    font-family:arial;
    position:relative;
    margin-top:-60px;
    }


#container {
    margin:auto;
    background-color:#c2c2c2;
    background-image:url(img/page_background.png);
    width:939px;
    margin-top:77px;
    position:relative;
    z-index:1;
    }

#radiant {
    position:absolute;
    left:0px;
    right:0px;
    top:-77px;
    height:302px;
    background-image:url(img/radiant.png);
    }

* html #radiant {
    width:100%;
    left:0px;
    right:0px;
    height:302px;
    top:0px;
    }

#header {
    background-image:url(img/header.png);
    height:99px;
    position:relative;
    }

#header img {
    position:absolute;
    border:none;
    top:13px;
    left:24px;
    }

#navigation {
    list-style:none;
    background-color:#e8d9c2;
    padding:0px 10px 0px 26px;
    height:34px;
    font-size:14px;
    background-image:url(img/navigation.png);
    }

#navigation li {
    float:left;
    background-image:url(img/navigation_li.png);
    background-repeat:no-repeat;
    height:34px;
    }

#navigation li a {
    color:#343333;
    display:block;
    padding:0px 9px 0px 9px;
    margin-left:2px;
    padding-top:10px;
    padding-bottom:5px;
    text-shadow: #eee0cb 0px 1px 0px;
    }

#navigation li a:hover, #navigation li .current {
    color:#000;
    border-bottom:4px solid #0d689e;
    }

* html #navigation li a:hover, #navigation li .current {  /** for ie6 **/
    padding-bottom:4px;
    }

#opener {
    background-image:url(img/opener.png);
    height:282px;
    margin:0px 10px 0px 10px;
    position:relative;
    }

#opener_mini {
    background-image:url(img/opener_mini.png);
    height:58px;
    margin:0px 10px 0px 10px;
    position:relative;
    }

#opener .slide .opener_pic {
    width:419px;
    height:282px;
    background-image:url(img/opener_pic.png);
    display:block;
    margin-left:14px;
    float:left;
    position:relative;
    }

#opener .slide .opener_pic img {
    border:none;
    padding:14px 0px 0px 5px;
    }

#opener .slide .opener_pic .pic_teaser {
    position:absolute;
    background-image:url(img/90transp.png);
    bottom:12px;
    left:4px;
    right:4px;
    padding:12px;
    color:#585858;
    line-height:14px;
    }

* html #opener .slide .opener_pic .pic_teaser {   /** for ie6 **/
    width:385px;
    }

* html #opener .slide .opener_pic .pic_teaser {     /** for ie6 **/
    background-image:none;
    background-color:#fff;
    }

#opener .slide .pic_teaser:hover {
    color:#353535;
    }

#opener .slide .opener_pic .pic_teaser b {
    display:block;
    color:#1084AF;
    font-size:16px;
    font-weight:normal;
    margin-bottom:4px;
    }


#opener .headline {
    height:37px;
    background-color:#fff;
    font-weight:normal;
    font-size:26px;
    color:#0d7faf;
    float:left;
    margin-top:19px;
    background-image:url(img/opener_headline.png);
    background-position:right;
    padding:4px 18px 0px 18px;
    margin-bottom:14px;
    text-shadow: #fff 0px 1px 0px;
    }

#opener_mini .headline {
    height:37px;
    background-color:#fff;
    font-weight:normal;
    font-size:26px;
    color:#0d7faf;
    float:left;
    margin-top:10px;
    background-image:url(img/opener_headline.png);
    background-position:right;
    padding:4px 18px 0px 18px;
    text-shadow: #fff 0px 1px 0px;
    }

#opener .slide .teaser {
    width:410px;
    line-height:14px;
    color:#bcedff;
    float:left;
    background-image:url(img/opener_line.png);
    background-position:bottom;
    background-repeat:no-repeat;
    padding:4px 0px 10px 12px;
    margin:4px 0px 0px 8px;
    }

#opener .slide .teaser b {
    color:#fff;
    padding-bottom:2px;
    font-size:12px;
    display:block;
    }

#opener .slide .teaser:hover {
    color:#fff;
    }

#opener #left {
    background-image:url(img/opener_left.png);
    height:282px;
    width:20px;
    position:absolute;
    top:0px;
    left:-10px;
    }

#opener #right {
    background-image:url(img/opener_right.png);
    height:282px;
    width:20px;
    position:absolute;
    top:0px;
    right:-10px;
    }

#main {
    float:left;
    width:939px;
    padding-bottom:14px;
    background-image:url(img/main.png);
    background-repeat:no-repeat;
    }

/** --- footer --- **/

#footer {
    clear:both;
    background-image:url(img/footer_background.png);
    margin:0px 10px 0px 10px;
    }

* html #footer {
    height:230px;
    margin-bottom:43px;
    }


#footer ul {
    list-style:none;
    height:196px;
    width:160px;
    background-image:url(img/footer_trenner.png);
    background-repeat:no-repeat;
    float:left;
    margin:0px;
    padding:24px 0px 10px 20px;
    }

* html #footer ul {
    padding:24px 0px 10px 20px;
    }

#footer ul li {
    line-height:0px;
    }

#footer ul .head {
    font-weight:bold;
    color:#404040;
    font-size:14px;
    margin-bottom:16px;
    }

* html #footer ul .head {
    padding-bottom:6px;
    }

#footer ul a {
    color:#202020;
    line-height:16px;
    display:block;
    font-size:12px;
    }

#footer ul a:hover {
    color:#fff;
    }

#footer_end {
    background-image:url(img/footer_end.png);
    margin:0px -10px 10px -10px;
    height:43px;
    clear:both;
    color:#fff;
    text-align:center;
    line-height:45px;
    }

* html #footer_end {
    width:939px;
    position:absolute;
    margin:0px;
    left:0px;
    line-height:43px;
    }

#footer_end a {
    color:#fff;
    }

#footer_end a:hover {
    color:#E0E0E0;
    }