@charset "UTF-8";
/**
  * WellConn Munich
  *
  * @copyright       2009 by WellConn Munich. All rights reserved.
  * @author          Stefan Heckler <sh@dietaikonauten.com>
  * @version         1.0
  *
  * @revision        $Revision$
  * @lastmodified    $Date$
  */

@import url(reset.css);

body,html {
    background: #b8c4ce url(../images/bg.jpg) repeat-y center;
    text-align: center;
}

body {
    padding: 20px 0;
}

/**
  * @section fonts
  *
  * Definition of default fonts and sizes
  */
body,
input,
select,
textarea {
    color: #343434;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}


/**
  * @section global
  *
  * General definitions for all pages
  */
.wrapper {
    background: #fff;
    margin: 0 auto;
    padding: 30px 16px 20px 16px;
    width: 971px;
    text-align: left;
}


/**
  * @section header
  *
  * layout for logo and teaser
  * @see     
  */
.header-logo {
    display: block;
    float: left;
    height: 50px;
    margin: 0 0 16px 0;
    padding: 0 0 0 4px;
    width: 240px;
}

.header-logo a {
    display: block;
    height: 100%;
    text-indent: -6000px;
    width: 100%;
}

/**
  * @subsection teaser
  *
  * 
  * @see     
  */
.header-teaser {
    clear: both;
    height: 218px;
    margin: 0 0 16px 0;
    width: 960px;
}



/**
  * @section navigation
  *
  * layout for main navigation
  * @see     
  */
.navigation {
    display: block;
    float: right;
    padding: 30px 0 0 0;
}

.navigation li,
.navigation a {
    display: inline;
    color: #484848;
    font-size: 13px;
    text-decoration: none;
}

.navigation li {
    padding: 0 25px;
}

.navigation a:active,
.navigation li.active a {
    color: #56945e;
}

.navigation a:hover {
    text-decoration: underline;
}

/**
  * @subsection subnavigation
  *
  * layout for subnavigation
  * @see     
  */
.subnavigation {
    display: block;
    padding: 10px 20px;
}

.subnavigation li,
.subnavigation a {
    display: block;
}

.subnavigation li {
    border-bottom: 1px solid #d0dae2;
}

.subnavigation li.last {
    border: 0;
}

.subnavigation a {
    background: #fff url(../images/subnavigation_item.gif) no-repeat 10px 12px;
    color: #484848;
    text-decoration: none;
    padding: 8px 0 8px 18px;
}

.subnavigation a:hover {
    background-color: #eef4ef;
    color: #589560;
}


/**
  * @section sidebar
  *
  * layout for the sidebar
  * @see     
  */
.sidebar {
    float: left;
    width: 188px;
}

.sidebar h3 {
    color: #56935d;
    border-bottom: 1px solid #d0dae2;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0 5px 10px;
    margin: 10px 20px;
}


/**
  * @section shadowbox
  *
  * skeletton for boxes with shadows
  * @see     
  */
.shadow-box,
.shadow-box-top,
.shadow-box-bottom {
    background: url(../images/shadowbox.gif) repeat-y 0 0;
    width: 188px;
}

.shadow-box {
    margin-bottom: 16px;
}

.shadow-box-top,
.shadow-box-bottom {
    background-position: -188px 0;
    background-repeat: no-repeat;
    font-size: 0px;
    line-height: 0px;
    height: 4px;
}

.shadow-box-bottom {
    background-position: -376px 0;
}

.shadowbox-link {
    background: url(../images/shadowbox_link.gif) no-repeat 10px 12px;
    border-top: 1px solid #d0dae2;
    color: #589560;
    display: block;
    text-decoration: none;
    padding: 8px 0 8px 18px;
    margin: 5px 20px 5px 20px;
}

.shadowbox-link:hover {
    text-decoration: underline;
}

.shadowbox-linkex {
    background: url(../images/shadowbox_link.gif) no-repeat 10px 12px;
    color: #589560;
    display: block;
    text-decoration: none;
    padding: 8px 0 8px 18px;
    margin: 5px 20px 5px 20px;
}

.shadowbox-linkex:hover {
    text-decoration: underline;
}


/**
  * @section newsbox
  *
  * layout for latest news box
  * @see     
  */
.news-box {
    padding: 0 25px 10px 25px;
}

.news-box .date {
    color: #999999;
    font-size: 10px;
}

.news-box h4,
.news-box h4 a {
    color: #255084;
    font-size: 11px;
    text-decoration: none;
}

.news-box h4 a:hover {
    text-decoration: underline;
}

.news-box h4 {
    line-height: 12px;
    margin: 3px 0 4px 0;
}

.news-box p {
    color: #5e5e5e;
    font-size: 11px;
    line-height: 16px;
}

/**
  * @section content
  *
  * layout for content area
  * @see     
  */
.content {
    float: right;
    width: 746px;
    padding: 10px 4px 0 0;
}

/**
  * @subsection headlines
  *
  * 
  * @see     
  */
.content h1,
.content h2,
.content h3,
.content h4 {
    clear: both;
    color: #57945f;
    font-weight: normal;
}

.content h1 {
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 5px 0;
}

.content h2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 3px 0;
}

.content p {
    line-height: 20px;
    margin: 0 0 20px 0;
}

.content-small {
    float: left;
    width: 370px;
}

/**
  * @subsection inline images
  *  
  */
.content-img-right,
.content-img-left {
    background: #fff;
    border: 1px solid #d9e1e8;
    padding: 1px;
}

.content-img-right {
    float: right;
    margin: 0 0 0 10px;
}

.content-img-left {
    float: left;
    margin: 2px 10px 0 0; 
}


/**
  * @section footer
  *
  * layout for bottom area
  * @see     
  */
.footer {
    clear: both;
    font-size: 11px;
    height: 10px;
    position: relative;
    bottom: -70px;
    padding: 0px 4px 20px 4px;
}

* html .footer {
    position: relative;
    bottom: -30px;
    height: 30px;
    margin-bottom: -60px;
}

* html .footer ul {
    padding-bottom: 20px;
}

.footer p {
    color: #484848;
    float: left;
}

.footer ul {
    float: right;
}

.footer li {
    display: inline;
    padding: 0 5px;
}

.footer ul a {
    color: #484848;
    text-decoration: none;
}

.footer ul a:hover {
    text-decoration: underline;
}