/**
 * GLOBAL
 ******************************************************************** */

* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #697969;
}

#top {
    background-color: #E3E5E3;
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/**
 * FONTS
 ******************************************************************** */

.white {
    color: white;
}

.white div {
    color: white;
}

.headerText {
    font-size: 14pt;
    color: #697969;
    font-weight: bold;
}

.error {
    color: red;
}

.success {
    color: green;
}

/**
 * LINKS
 ******************************************************************** */

a.white {
    color: white;
    text-decoration: none;
}

a.teaser {
    color: #697969;
    font-size: 7.5pt;
    font-weight: bold;
    text-decoration: none;
}

/**
 * DOTS
 ******************************************************************** */

div.dot-stplg {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #697969;
}
div.dot-adler {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #B1201D;
}
div.dot-movido {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #BA7C2C;
}
div.dot-movido-weinevents {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #BA7C2C;
}
div.dot-tarabar {
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    padding: 0px;
    background-color: #642422;
}
div.dot-totalvital {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #50952B;
}
div.dot-vitalerie {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #90BACB;
}
div.dot-mzh {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #0099df;
}
div.dot-aagalerie {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: black;
}

/**
 * LINKS
 ******************************************************************** */

a.white {
    color: white;
    text-decoration: none;
}

a.teaser {
    color: #697969;
    font-size: 7.5pt;
    font-weight: bold;
    text-decoration: none;
}

/**
 * HEADERS
 ******************************************************************** */

span.header-stplg {
    font-weight: bold;
    color: #697969;
}
span.header-adler {
    font-weight: bold;
    color: #B1201D;
}
span.header-movido {
    font-weight: bold;
    color: #BA7C2C;
}
span.header-movido-weinevents {
    font-weight: bold;
    color: #BA7C2C;
}
span.header-tarabar {
    font-weight: bold;
    color: #642422;
}
span.header-totalvital {
    font-weight: bold;
    color: #50952B;
}
span.header-vitalerie {
    font-weight: bold;
    color: #90BACB;
}
span.header-mzh {
    font-weight: bold;
    color: #0099df;
}
span.header-aagalerie {
    font-weight: bold;
    color: black;
}

/**
 * LAYOUT
 ******************************************************************** */

div#container {
    background-image: url(http://www.stadtplatzgalerie.at/images/bg_rgt.jpg);
    background-position: top right;
    background-repeat: repeat-x;
}
div#inner {
    background-image: url(http://www.stadtplatzgalerie.at/images/bg_lft.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
div#main {
    width: 850px;
    margin: 0px auto auto auto;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

/* HEADER */

div#header {
    width: 850px;
    text-align: right;
    border-bottom: 1px solid white;
}
    td#header-col-1 {
        width: 641px;
        background-color: #C6CBC6;
        background-image: url(http://www.stadtplatzgalerie.at/images/bg_mid.jpg);
        background-repeat: no-repeat;
        border-right: 1px solid white;
        text-align: left;
        vertical-align: top;
    }
    td#header-col-2 {
        text-align: left;
        vertical-align: top;
    }

/* SLOGAN */

div#slogan {
    width: 850px;
    text-align: right;
    border-bottom: 1px solid white;
}
    td#slogan-col-1 {
        width: 641px;
        border-right: 1px solid white;
        text-align: left;
        vertical-align: top;
    }
    td#slogan-col-2 {
        text-align: left;
        vertical-align: top;
    }

/* CONTENT */

div#content {
    width: 850px;
    text-align: right;
    border-bottom: 1px solid white;
}
    td#content-col-1 {
        width: 199px;
        border-right: 1px solid white;
        text-align: left;
        background-color: #C6CBC6;
        vertical-align: top;
    }
    td#content-col-2 {
        width: 441px;
        border-right: 1px solid white;
        text-align: left;
        background-color: #DADCDA;
        vertical-align: top;
    }
        div#content-main {
            padding: 10px;
        }
        div.content-side {
            padding: 8px;
            border-bottom: 1px solid white;
        }
        div.hrule {
            border-bottom: 1px solid white;
        }
    td#content-col-3 {
        text-align: left;
        background-color: #C6CBC6;
        vertical-align: top;
    }

/* FOOTER */

div#footer {
    width: 850px;
    text-align: center;
    background-color: #90BBCD;
}
    div#footer a {
        color: white;
        text-decoration: none;
        font-size: 7pt;
        line-height: 2em;
    }

/**
 * HEADER
 ******************************************************************** */

div.header-stplg {
    color: white;
    font-weight: bold;
    background-color: #697969;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-adler {
    color: white;
    font-weight: bold;
    background-color: #B1201D;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-movido {
    color: white;
    font-weight: bold;
    background-color: #BA7C2C;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-tarabar {
    color: white;
    font-weight: bold;
    background-color: #642422;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-totalvital {
    color: white;
    font-weight: bold;
    background-color: #50952B;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-vitalerie {
    color: white;
    font-weight: bold;
    background-color: #90BACB;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-mzh {
    color: white;
    font-weight: bold;
    background-color: #0099df;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}
div.header-aagalerie {
    color: white;
    font-weight: bold;
    background-color: black;
    border-bottom: 1px solid white;
    padding-left: 4px;
    font-size: 8pt;
    clear: both;
    line-height: 19px;
}

/**
 * MENU
 ******************************************************************** */

div#mainmenu {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 199px;
    line-height: 1.6em;
    margin: 0px;
    padding: 0px;
}
div#mainmenu ul {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div#mainmenu li {
    float: left;
    border-bottom: 1px solid white;
    width: 199px;
}
div#mainmenu a.portal {
    width: 189px;
    float: left;
    text-decoration: none;
    padding-left: 10px;
    color: white;
}
div#mainmenu a.portal:hover, div#mainmenu a.portal-active {
    width: 189px;
    float: left;
    text-decoration: none;
    padding-left: 10px;
    color: #697969;
    background-color: #E3E5E3;
}
div#mainmenu a.stplg {
    width: 189px;
    float: left;
    text-decoration: none;
    padding-left: 10px;
    color: white;
    background-color: #90BBCD;
}
div#mainmenu a.stplg:hover, div#mainmenu a.stplg-active {
    width: 189px;
    float: left;
    text-decoration: none;
    padding-left: 10px;
    color: #697969;
    background-color: #E3E5E3;
}

/**
 * FORMS
 ******************************************************************** */

input.default {
    border: 1px ridge #697969;
    background-color: white;
    font-size: 7pt;
}
textarea.default {
    border: 1px ridge #697969;
    background-color: white;
    font-size: 7pt;
}
select.default {
    border: 1px solid #697969;
    background-color: white;
    font-size: 7pt;
}

/**
 * CALENDAR
 ******************************************************************** */

.day-odd {
    font-size: 7pt;
    color: white;
    line-height: 2em;
    background-color: #A9B1A9;
    text-align: center;
}
.day-even {
    font-size: 7pt;
    color: white;
    line-height: 2em;
    background-color: #CCCCCC;
    text-align: center;
}
.day-event {
    font-size: 7pt;
    color: white;
    line-height: 2em;
    font-weight: bold;
    background-color: #90BBCD;
    text-align: center;
}

.day-odd a, .day-even a, .day-event a {
    font-size: 7pt;
}

/**
 * FOTOS
 ******************************************************************** */

#foto-top {
    background-color: #C6CBC6;
    margin: 0px;
    padding: 0px;
}
div#foto-image {
    border-bottom: 1px solid white;
}
div#foto-descr {
    background-color: #697969;
    border-bottom: 1px solid white;
    text-align: center;
    height: 70px;
}
div#foto-nav {
}

/**
 * SimpleText
 ******************************************************************** */

.SimpleText-Col-1 {
    text-align: left;
    color: #0099df;
    font-weight: bold;
}
.SimpleText-Col-2 {
    text-align: left;
    color: #0099df;
}
.SimpleText-Col-3 {
    text-align: left;
    color: #0099df;
}