/****************************************
 * WoC-Server
 * Main CSS Rules
 ****************************************/
 
/****************************************
 * General
 ****************************************/
body {
    margin: 0;
    padding: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background: #222222 url(images/woc/background.jpg) no-repeat top center;
    color: #0f272f;
}

div#container {
    position: relative;
    margin: -110px auto 0;
    width: 970px;
}

/****************************************
 * Header
 ****************************************/

/* Hat */
div#hat {
    width: 100%;
    height: 26px;
    background: #000000 url(images/woc/hat-bg.gif) repeat-x top center;
    border-bottom: 1px solid #a3a3a3;
}

div.hat {
    margin: 0 auto;
    padding: 6px 0;
    width: 923px;
    height: 13px;
    background: transparent url(images/woc/hat.gif) no-repeat top center;
    text-align: center;
    font-size: 11px;
}

div.hat a {
    margin: 0 12px;
    padding: 2px;
    color: #D0A803;
    text-decoration: none;
    font-family: Tahoma;
    font-weight: bold;
}

div.hat a:hover {
    color: #ffffff;
}

/* Logo */
div#logo {
    margin-top: 40px;
    width: 350px;
    height: 100px;
}

div#logo img {
    border: none;
}

/* Main Menü */
div#menu {
    position: relative;
    top: 150px;
    width: 100%;
    height: 110px;
    background: transparent url(images/woc/menu.png) repeat-x top center;
}

/* Navigation */
div#nav {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 970px;
    z-index: 100;
}

/****************************************
 * Content Layout
 ****************************************/
div.main {
    margin-top: 78px;
    padding: 28px 30px 0;
    min-height: 505px;
    width: 910px;
    background: transparent url(images/woc/main-background.png) no-repeat top left;
}

* html div.main {
    height: 505px;
}

div.content {
    margin-bottom: 10px;
    background: transparent url(images/woc/content-background.png) no-repeat top center;
    min-height: 205px;
    width: 910px;
}

* html div.content {
    height: 205px;
}

div.content-top {
    background: transparent url(images/woc/content-top.png) no-repeat top center;
    padding-top: 251px;
    width: 910px;
}

div.content-middle {
    background: transparent url(images/woc/content-middle.png) repeat-y top center;
    width: 910px;
}

div.content-bottom {
    background: transparent url(images/woc/content-bottom.png) no-repeat top center;
    height: 11px;
    width: 910px;
}

div.content-text {
    float: left;
    margin-top: -251px;
    padding: 15px 15px 5px;
    width: 880px;
}

div.content-title {
    margin-bottom: 8px;
    border-bottom: 1px solid #717172;
}

div.content-title-inner {
    border-bottom: 1px solid #f2f3f3;
    font-size: 15px;
    font-weight: bold;
}

div.content-title-inner a:hover {
    color: #0F272F;
    text-decoration: none;
}

div#quickbar {
    margin-bottom: 15px;
    height: 335px;
    width: 910px;
    position: relative;
}

div.quickbar-background {
    background: transparent url(images/woc/content1-background.png) no-repeat top right;
}

div.quickbar-menu {
    float: left;
    height: 315px;
    width: 199px;
    padding: 4px 0 10px;
}

div.quickbar-reiter:hover {
    background-position: bottom left;
}

div.quickbar-reiter:hover div.quickbar-reiter1-default {
    display: block;
}

div.quickbar-reiter1 {
    height: 47px;
    width: 199px;
}

div.quickbar-reiter1-background {
    background: transparent url(images/woc/content1-reiter1.png) no-repeat bottom left;
}

div.quickbar-reiter1-default {
    background-position: top left;
    height: 47px;
    width: 199px;
    position: absolute;
    top: 4px;
    left: 0;
    display: none;
}

div.quickbar-reiter:hover div.quickbar-reiter1-default:hover {
    display: none;
}

div.quickbar-reiter2 {
    background: transparent url(images/woc/content1-reiter2.png) no-repeat top left;
    height: 47px;
    width: 199px;
}

div.quickbar-reiter3 {
    background: transparent url(images/woc/content1-reiter3.png) no-repeat top left;
    height: 47px;
    width: 199px;
}

div.quickbar-reiter4 {
    background: transparent url(images/woc/content1-reiter4.png) no-repeat top left;
    height: 47px;
    width: 199px;
}

div.quickbar-reiter5 {
    background: transparent url(images/woc/content1-reiter5.png) no-repeat top left;
    height: 47px;
    width: 199px;
}

div.quickbar-reiter6 {
    background: transparent url(images/woc/content1-reiter6.png) no-repeat top left;
    height: 47px;
    width: 199px;
}

div.quickbar-reiter7 {
    background: transparent url(images/woc/content1-reiter7.png) no-repeat top left;
    height: 47px;
    width: 199px;
}

div.quickbar-content {
    float: left;
    height: 327px;
    width: 703px;
    padding: 4px;
}

div.quickbar-col-50 {
    float: left;
    height: 317px;
    width: 341px;
    margin: 5px;
}

div.quickbar-title {
    margin-bottom: 8px;
    border-bottom: 1px solid #9f9f9f;
}

div.quickbar-title-inner {
    border-bottom: 1px solid #ffffff;
    font-size: 15px;
    font-weight: bold;
}

div.quickbar-content1 {
    display: block;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-content2 {
    display: none;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-content3 {
    display: none;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-content4 {
    display: none;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-content5 {
    display: none;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-content6 {
    display: none;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-content7 {
    display: none;
    position: absolute;
    left: 199px;
    top: 4px;
}

div.quickbar-reiter:hover div.quickbar-content1 {
    display: block;
}

div.quickbar-reiter:hover div.quickbar-content2 {
    display: block;
}

div.quickbar-reiter:hover div.quickbar-content3 {
    display: block;
}

div.quickbar-reiter:hover div.quickbar-content4 {
    display: block;
}

div.quickbar-reiter:hover div.quickbar-content5 {
    display: block;
}

div.quickbar-reiter:hover div.quickbar-content6 {
    display: block;
}

div.quickbar-reiter:hover div.quickbar-content7 {
    display: block;
}

div.quickbar-loader {
    background: transparent url(images/woc/loader.gif) no-repeat center center;
}

div.quickbar-loader a.quickbar-link {
    height: 327px;
    width: 703px;
    position: absolute;
    text-indent: -9999px;
}

div.quickbar-content1-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild1.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}

div.quickbar-content2-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild2.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}

div.quickbar-content3-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild3.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}

div.quickbar-content4-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild4.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}

div.quickbar-content5-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild5.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}

div.quickbar-content6-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild6.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}


div.quickbar-content7-inner {
    margin-left: 4px;
    background: transparent url(images/woc/content1-bild7.jpg) no-repeat center center;
    width: 703px;
    height: 327px;
}

div.quickbar-loader-all {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 682px;
    top: 9px;
}

div.quickbar-loader1 {
    background: transparent url(images/woc/loader1.gif) no-repeat left top;
}

div.quickbar-loader2 {
    background: transparent url(images/woc/loader2.gif) no-repeat left top;
}

div.quickbar-loader3 {
    background: transparent url(images/woc/loader3.gif) no-repeat left top;
}

div.quickbar-loader4 {
    background: transparent url(images/woc/loader4.gif) no-repeat left top;
}

div.quickbar-loader5 {
    background: transparent url(images/woc/loader5.gif) no-repeat left top;
}

div.quickbar-loader6 {
    background: transparent url(images/woc/loader6.gif) no-repeat left top;
}

div.quickbar-loader7 {
    background: transparent url(images/woc/loader7.gif) no-repeat left top;
}

/****************************************
 * Footer
 ****************************************/
div#footer {
    position: relative;
    padding: 40px 0 0;
    width: 100%;
    height: 80px;
    background: transparent url(images/woc/footer-shadow.png) repeat-x top center;
}

div.footer-shadow {
    background: #07161b;
    height: 100%;
}

div.footer {
    position: absolute;
    top: 0px;
    /*background: transparent url(images/woc/footer.png) no-repeat top center;*/
    width: 100%;
    height: 100%;
}

div.footer-inner {
    margin: 0 auto;
    padding: 50px 25px 0;
    width: 922px;
    color: #00303f;
    text-align: center;
}

div.footer-inner a {
    margin: 0 10px;
    color: #00485f;
    text-decoration: none;
}

div.footer-inner a:hover {
    border-bottom: 1px dashed #00556f;
    color: #00556f;
}