body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background: #000000;
    background-image:url(images/bg.jpg);
    background-repeat: repeat-y;
}
#left_container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 180px;
    background-image:url(images/bg_left.jpg);
}
#main_container {
    position: absolute;
    top: 0;
    left: 180px;
    height: 100%;
    width: 700px;
    background: #fff;
    overflow: auto;
}
#main_container a {
    text-decoration: none;
    color: #336699;
}
#main_container a:hover {
    color: #000000;
    text-decoration: underline;
}
#headder {
    height: 113px;
    background-image:url(images/bg_headder.jpg);
    background-repeat: no-repeat;
    text-align: center;
}
#headder ul {
    margin: 0;
    padding: 85px 0 0 0;
}
#headder li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}
#headder a {
    font: normal 10px arial;
    text-decoration: none;
    color: #000000;
    padding: 6px 8px;
}
#headder a:hover {
    color: #000000;
    border-bottom: 4px solid #336699;
    text-decoration: none;
}


#teaser {
    height: 187px;
}
#main_container a.navigation_selected {
    display: block;
    padding: 7px 15px 7px 30px;
    background: #336699;
    background-image:url(images/bullet_selected.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    font: normal 12px Verdana;
}
#main_container a.navigation_selected:hover {
    color: #ffffff;
    text-decoration: none;
}
#main_container a.navigation {
    display: block;
    padding: 7px 15px 7px 30px;
    background: #666666;
    background-image:url(images/bullet_2.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    font: normal 12px Verdana;
}
#main_container a.navigation:hover {
    background: #777777;
    padding: 7px 15px 7px 30px;
    background-image:url(images/bullet.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
}
#main_container h1 {
    padding: 10px 15px;
    margin: 0 0 10px 0;
    font: normal 24px Tretbuchtet MS;
    background: #efefef;
    border-bottom: 1px solid #cccccc;
}
#main_container h2 {
    padding: 5px 15px;
    margin: 0 0 5px 0;
    font: normal 18px Tretbuchtet MS;
}
#main_container p {
    padding: 7px 15px;
    margin: 0;
    font: normal 14px Tretbuchtet MS;
    inline-height: 0.3em;
}
#main_container p.footer {
    font: normal 10px arial;
    padding: 15px;
    color: #000000;
}
#box {
    width: 48%;
    float: left;
}
#site_end {
    clear:both;
    height: 15px;
}
#clear {
    clear:both;
}
#main_container p.subtitle {
    margin: 0 0 0 85px;
    padding: 0 10px 0 20px;
    font: normal 12px arial;
    background-image:url(images/bullet_micro.gif);
    background-repeat: no-repeat;
    color: #666666;
}
a.thumb {
    display: block;
    padding: 2px;
    border: 1px solid #cccccc;
    margin: 5px 10px 0 10px;
    float: left;
}
a.thumb:hover {
    border: 1px solid #000000;
}
.m {
    width: 290px;
}
.xl {
    width: 290px;
}
.foto {
    float:right;
    padding: 3px;
    margin: 0 10px 0 10px;
    border: 1px solid #cccccc;
}
.col-2 {
    float: left;
    width: 50%;
    
}