/*
 *  Projekt CAVER
 *  CSS Style Document
*/

body {
    margin: 0px;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
    background: rgb(34, 83, 120) url(img/bcg_acad.png) repeat-x;
}

/* Layout */
#masterMenu {
    width: 1250px;
    margin: auto;
    background: url(img/masterMenu_bcg.png) no-repeat;
}

#menuWrapper {
    display: block;
    height: 34px;
    margin-left: 175px;
    margin-right: 175px;
}

#masterHead {
    width: 1250px;
    margin: auto;
    background: url(img/masterHead_bcg.png) no-repeat;
}

#headWrapper {
    display: block;
    margin-left: 175px;
    margin-right: 175px;
}

#head {}

#masterPage {
    display: block;
    background: white url(img/masterPage_bcg.png) repeat-x;
}

#pageWrapper {
    width: 1250px;
    margin: auto;
    background: white url(img/pageWrapper_bcg.png) no-repeat;
}

#page {
    width: 900px;
    margin: auto;   
}

#masterFoot {
    display: block;
    background: url(img/masterFoot_bcg.png) repeat-x;
}

#footWrapper {
    width: 1250px;
    margin: auto;
    background: url(img/footWrapper_bcg.png) no-repeat;
}

#foot {
    width: 900px;
    height: 130px;
    margin: auto;
    padding-top: 45px;
}

#foot .links {
    display: block;
    padding-top: 5px;
    height: 50px;
    color: rgb(151, 154, 159);
    font-size: 14px;
}


#foot .links a {
    color: rgb(218, 218, 218);
    text-decoration: none;
}

#foot .links a:hover {
    color: white;
}

#foot #copyrigt {
    display: block;
    color: rgb(151, 154, 159);
    font-size: 12px;
}

/* Menu */
#menu {
    width: 900px;
    height: 30px;
    margin: auto;
}

.popup_sign {
    font-size: 8px;
    color: rgb(151, 154, 159);
}

#sddm {
    margin: 0;
    padding: 0;
    z-index: 30;
    font-size: 13px;
    line-height: 16px;
}

#sddm li {
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    list-style: none;
}

#sddm li.spacer {
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 9px;
    width: 1px;
    height: 18px;
    background-color: rgb(151, 154, 159);
}

#sddm li a {
    display: block;
    margin: 0;
    color: white;
    text-decoration: none;
}

#sddm li a:hover {
    color: rgb(151, 154, 159);
}

#sddm div {
    position: absolute;
    visibility: hidden;
    margin-left: -19px;
    margin-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-left: 1px solid rgb(151, 154, 159);
    border-right: 1px solid rgb(151, 154, 159);
    border-bottom: 1px solid rgb(151, 154, 159);
    background-color: rgb(33, 70, 95);
}

#sddm div a {
    position: relative;
    display: block;
    margin: 0px;
    padding: 3px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    color: rgb(218, 218, 218);
}

#sddm div a:hover {
    color: rgb(151, 154, 159);
}

/* Search */
#searchBar {
    float: right;
    padding-top: 3px;
}

/* Logotype & Navigation */
#logotype {
    display: block;
    height: 141px;
    background: url(img/logotype.png) no-repeat;
}

#logotype_commercial {
    display: block;
    height: 141px;
    background: url(img/logotype_commercial.png) no-repeat;
}

#navigationBar {
    display: block;
    height: 115px;
}

#navigationBar a {
    float: left;
    width: 120px;
    height: 60px;
    margin-top: 26px;
    margin-right: 35px;
    padding-left: 70px;
    color: rgb(218, 218, 218);
    text-decoration: none;
}

#navigationBar a .title {
    font-size: 25px;
    line-height: 28px;
    color: white;
}

#navigationBar a .description {
    color: rgb(218, 218, 218); font-size: 11px; line-height: 13px;
}

#navigationBar .concept {
    background: url(img/button_concept.png) no-repeat;
}

#navigationBar .online {
    background: url(img/button_online.png) no-repeat;
}

#navigationBar .download {
    background: url(img/button_download.png) no-repeat;
}

#navigationBar .help {
    background: url(img/button_help.png) no-repeat;
}

#navigationBar .concept:hover {
    background: url(img/button_concept-hover.png) no-repeat;
}

#navigationBar a.online:hover {
    background: url(img/button_online-hover.png) no-repeat;
}

#navigationBar .download:hover {
    background: url(img/button_download-hover.png) no-repeat;
}

#navigationBar .help:hover {
    background: url(img/button_help-hover.png) no-repeat;
}

/* Content */
#content {
    float: left;
    width: 615px;
    padding-left: 30px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow: hidden;
}

#sidePanel {
    float: left;
    width: 180px;
    padding-right: 20px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    background: 0px 25px url(img/content_bcg.png) no-repeat;
    color: rgb(60, 61, 62);
    font-size: 11px;
}

#sidePanel a {
    text-decoration: none;
    color: rgb(83, 137, 160);
}

#sidePanel a:hover {
    color: rgb(249, 157, 0);
}

/*Banner definitions*/
.banner_title {
    line-height: 25px;
    font-weight: bold;
    font-size: 13px;
    color: black;
}

#banner_mu {
    display: block;
    height: 130px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/mu.png) no-repeat;
}

#banner_mu:hover {
    color: black;
    background: 10px 10px url(img/banners/mu_hover.png) no-repeat;
}
#banner_fi {
    display: block;
    height: 170px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/fi.png) no-repeat;
}

#banner_fi:hover {
    color: black;
    background: 10px 10px url(img/banners/fi_hover.png) no-repeat;
}

#banner_hci {
    display: block;
    height: 170px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/hci.png) no-repeat;
}

#banner_hci:hover {
    color: black;
    background: 10px 10px url(img/banners/hci_hover.png) no-repeat;
}

#banner_loschmidt {
    display: block;
    height: 170px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/loschmidt.png) no-repeat;
}

#banner_loschmidt:hover {
    color: black;
    background: 10px 10px url(img/banners/loschmidt_hover.png) no-repeat;
}

#banner_bob {
    display: block;
    height: 130px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/bob.png) no-repeat;
}

#banner_bob:hover {
    color: black;
    background: 10px 10px url(img/banners/bob_hover.png) no-repeat;
}

#banner_jic {
    display: block;
    height: 130px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/jic.png) no-repeat;
}

#banner_jic:hover {
    color: black;
    background: 10px 10px url(img/banners/jic_hover.png) no-repeat;
}

#banner_starcube {
    display: block;
    height: 130px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 190px;
    padding-right: 10px;
    color: rgb(60, 61, 62);
    background: 10px 10px url(img/banners/starcube.png) no-repeat;
}

#banner_starcube:hover {
    color: black;
    background: 10px 10px url(img/banners/starcube_hover.png) no-repeat;
}

/* Default definitions */
.hidden {
    visibility: hidden;
    margin: 0;
    padding: 0;
    font-size: 0px;
}

div.clear {
    clear: both;
}

div.rightAlign {
    text-align: right;
}

.centerAlign {
    text-align: center;
}

div.leftFloat {
    float: left;
}

div.rightFloat {
    float: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
    color: gray;
}

.white {
    color: white;
}

.black {
    color: black
}

.orange {
    color: rgb(249, 157, 0);
}

.blue {
    color: rgb(103, 161, 181);
}

.darkBlue {
    color: rgb(34, 83, 120);
}

.gray {
    color: rgb(170, 170, 170);
}

.green {
    color: rgb(11, 129, 73);
}

.darkGreen {
    color: rgb(71, 144, 144);
}

.blueBackground {
    background-color: rgb(233, 246, 250);
}

.darkBlueBackground {
    background-color: rgb(176, 205, 215);
}

.orangeBackground {
    background-color: rgb(255, 237, 217);
}

.whiteBackground {
    background-color: white;
}

.grayBackground {
    background-color: rgb(223, 224, 224);
}

.greenBackground {
    background-color: rgb(212, 237, 188);
}

.darkGreenBackground {
    background-color: rgb(180, 211, 211);
}

hr {
    height: 1px;
    background-color: rgb(218, 218, 218);
    border: 0px;
}