/* 
    Document   : structure.css
    Created on : 09.09.2009, 21:07:51
    Author     : Tobias Gräber, Open New Media GmbH
    Description: HTML Grid Format
*/

/* Hauptcontainer - Container */

#container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}

/* Untercontainer "content-right" (float: right) von "Container"
   enthält den Inhalt der gesamten Seite */
.content-right {
    position: relative;
    float: left;
    width: 800px;
    background: #f6f5f1 url('../img/header_bg.jpg') 0 0 no-repeat;
}

/* Untercontainer "navigation-left" (float: left) von "Container"
   enthält die Main Navigation */

/* NAVIGATION (der Untermenuepunkte) */
/* Ebene 1 */

.navigation-left {
    float: left;
    min-width: 125px;
    min-height: 1px;
}

ul.navigation {
    min-width: 150px;
    text-align: right;
    position: relative;
    top: 345px;
    right: 30px;
    float: left;
}

.navigation a{
    text-decoration: none;
}

.navigation a.selected {
    font-weight:bold;
    color: #366c87;
    position: relative;
    top: 1px;
    border-bottom: 1px solid #e1e1dd;
}

.navigation li{
    border-bottom: 1px solid #e1e1dd;
    height: auto;
    list-style:none;
    padding: 0;
}

.navigation li a {
    color: #366c87;
    display: block;
    margin: 0;
    height: 12px;
    padding: 6px 5px 6px 23px;
}

.navigation li a.selected {
    font-weight: bold;
    color: #366c87;
    padding-right: 5px;
    background: url(../img/bg_selected_navigation.gif) 7px 0 repeat-y;
}

/* Ebene 2 */

.navigation li ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.navigation li ul li {
    position: relative;
    top: 1px;
    border-bottom: 1px solid #e1e1dd;
}

.navigation li li a {
    color: #3CADE7;
    display: block;
    margin: 0;
    padding: 4px 5px 4px 32px;
}
.navigation li li a.selected {
    color: #3CADE7;
}
/* Ebene 3 */

.navigation li ul li ul {
    padding: 3px 0 0 0;
    margin: 0;
    border-bottom: 0px solid #e1e1dd;
}

.navigation li ul li ul li{
    margin: 1px 0 0 0;
    border-bottom: 0px solid #e1e1dd;
}

.navigation li li li a {
    color: #366c87;
    display: block;
    margin: 0;
    padding: 0 5px 3px 39px;
}

.navigation li li li a.selected {
    border: 0;
    display: block;
    margin: 0;
    padding: 0 5px 3px 39px;
    background: none;
}

/* Header Elemente    *
 * Header - Container */

#header-container {
    float: left;
    min-height: 345px;
    width: 800px;
}

#logo a {
    position: absolute;
    height: 100px;
    width: 180px;
    display: block;
}

/* Header - Navigation */

.header-navigation {
    height: 60px;
    width: 420px;
    float: right;
    position: relative;
    top: 22px;
    right: 30px;
}

.header-navigation li {
    text-transform: uppercase;
    list-style-type: none;
    height: 30px;
    float:  left;
    margin: 15px 0 0 0;
    padding: 0 18px 0 18px;
    border-left: 1px solid #fff;
}

.header-navigation li.first {
    border: 0;
}

.header-navigation li a {
    color: #fff;
    font-size: 11px;
    width: 120px;
    display: block;
}

.header-navigation span {
    position: relative;
    top: -5px;
}

span.small a {
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}

span.big a {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.header-navigation li span a {
    width: auto;
    margin: 0 0 5px 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.header-navigation li span a:hover {
    text-decoration: none;
    color: #FCEFC5;
}

.header-navigation li.selected span a {
    text-decoration: none;
    font-weight: bold;
    color: #FCEFC5;
}

.header-navigation li.selected a {
    color: #FCEFC5;
}

/* Header - Headlines */

.header-headlines {
    position: relative;
    top: 125px;
    height: 160px;
    width: 390px;
    overflow: hidden;
}


/* Sidebars */

#sidebars {
    position: absolute;
    left: 469px;
    top: 115px;
    width: 297px;
}

#sidebars h3 {
    width: 250px;
    height: 25px;
}

/* Language Flags & Account */
ul.content_languages  {
    position: absolute;
    top: 15px;
    right: 18px;
}

ul.content_languages li {
    float: left;
    margin: 0 5px 0 0;
}

/* Header Sidebar */

.header-sidebar {
    width: 297px;
}

.header-sidebar-content {
   float: left;
   width: 257px;
   min-height: 212px;
   padding: 10px 20px 7px 20px;
   background: #fff url('../img/header_sidebar_bg.gif') 0 0 repeat-y;
}

.header-sidebar-footer {
   float: left;
   width: 297px;
   height: 8px;
   background: #F6F5F1 url('../img/header_sidebar_footer.gif') 0 0 no-repeat;
}

/* Content Sidebars */

/* Suche */
.content-sidebar-mini-content .suche {
    text-align: center;
}

.content-sidebar-mini-content form input {
    background: #f5f5f6;
    color: #70787d;
    border: 1px solid #ededed;
    padding:4px 4px 4px 0;
    margin: 0 3px 0 0;
    width: 155px;
}

.content-sidebar-mini-content form .submit {
    background: #f5f5f6 url(../img/search.jpg) 4px 4px no-repeat;
    width: 85px;
    height:25px;
    padding: 4px 0px 5px 5px;
}

/* Siedebar Box-Styling */

.content-sidebar-mini {
    margin: 5px 0 5px 0;
    width: 297px;
}

.content-sidebar-mini-kopf {
    width: 297px;
    height: 8px;
    background: #F6F5F1 url('../img/header_sidebar_header.gif') 0 0 no-repeat;
}

.content-sidebar-mini-content {
    width: 257px;
    padding: 5px 20px 5px 20px;
    background: #fff url('../img/header_sidebar_bg.gif') 0 0 repeat-y;
}

.content-sidebar-mini-content .news_text {
    float: left;
    width: 200px;
    padding-left: 15px;
}

.content-sidebar-mini-fuss {
    width: 297px;
    height: 8px;
   background: #F6F5F1 url('../img/header_sidebar_footer.gif') 0 0 no-repeat;
}

/* Sidebar - Footer */

.sidebar-footer ul {
    width: 250px;
}
.sidebar-footer ul li {
    float: left;
    margin: 20px 25px 0 0;
    color: #3cade7;
}
.sidebar-footer ul li.bottom{
    margin: 42px 0 0 0;
    color: #3cade7;
}
.sidebar-footer ul li a {
    color: #3cade7;
}

/* Content - Elemente
 * Content - Container enthält den eigentlichen Content (Text) */

#content-container {
    float: left;
    width: 800px;
}

/* Untercontainer "content-content" von "content-container"  */

.content-content {
    float: left;
    width: 380px;
    color: #626566;
}

.content-content a {
    color: #3cade7;
}


/* Footer */

#footer-container {
    width: 800px;
}

/* Content Footer */

.footer-navigation-left ul {
    float: left;
    border-top: 1px solid #e1e1dd;
    margin: 30px 0 0 0;
    width: 380px;
}
.footer-navigation-left ul li {
    float: left;
    margin: 30px 25px 0 0;
    color: #3cade7;
}
.footer-navigation-left ul li a {
    color: #3cade7;
}