@charset "iso-8859-1";

/*******************************************************************************
Name:   layout.css
Datum:  2009.10.01
Kunde:  signographie.de
*******************************************************************************/

.clear {
    clear: both;
}

.hide {
    display: none;
}

.inside {
    padding: 0.5em 1em;
}

html[xmlns] .mozclear {
    border-bottom: 1px solid;
    border-color: transparent;
    margin-bottom: -1px;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
    // color: #E53C03; /* original ORANGE */
    color: #0066CC; /* hier die Farbe für die Links ändern */
}

a:hover {
    text-decoration: none;
    color: #DD3300; /* Hier die Farbe für den übefahrenen Link ändern */
}

label {
    cursor: pointer;
}

td, th {
    vertical-align: top;
}

body {
    padding: 20px 0;
    margin: 0;
}

#pageWrapper {
    border: solid 1px White;
    border-width: 0 1px;
    margin: 0 5%;       /* set side margins here 'cause IE doesn't like it set on the body element */
    min-width: 40em;    /* IE doens't understand this property. I use ems rather
                   than pixels so that the layout shouldn't break even
                   when the browser's default size is set very large */
    width: auto;
}

* html #pageWrapper {
    /* \*/
        word-wrap: break-word;
    /* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#outerColumnContainer {
    border-left: 14em solid White;
    height: auto;
}

#innerColumnContainer {
    border: solid 1px #fff;
    border-width: 0 1px;
    margin: 0 -1px;     /* compensate for the borders because of 100% width declaration */
    width: 100%;
    z-index: 1;
}

#leftColumn, #middleColumn, #rightColumn, * html #SOWrap {
    overflow: visible;  /* fix for IE italics bug */
    position: relative; /* fix some rendering issues */
}

#SOWrap {
    float: left;
    margin: 0 -1px 0 0;
    width: 100%;
    z-index: 3;
}

#middleColumn {
    float: right;
    margin: 0 0 0 -1px;
    width: 100%;
    z-index: 5;
    background-color: White;
    }

#leftColumn {
    float: left;
    margin: 0 1px 0 -14em;
    width: 14em;
    z-index: 4;
    }

#footer {
    border: solid 1px White;
    border-width: 1px 0;
    padding: 0.2em;
    }
    
#pageWrapper, #innerColumnContainer, #footer, .hnav, .hnav ul li a {
    border-color: #1D3A53;
    }

body {
    background-color: #4F89BC;
    color: #000000;
    background-image: url(../images/hg.jpg);
    }

#pageWrapper {
    background-color: White;
    color: Black;
    }
    
#outerColumnContainer {
    //border-left-color: #FC7E54;   /* Linke Seite unter Navigation - original ORANGE */
    border-left-color: #9EBFDD; /* hier die neue Farbe eintragen!!! */
}

#footer {
    background-color: #9EBFDD;  /* Farbe für die Fusszeile */
    color: Black;
    text-align: center;
}

.subhead {
    margin: 0;
    height: 35px;
    background: url(../images/sub_hg_b.gif) repeat-x 0 0;
    overflow: hidden;
}

#splitsubleft {
    float: left;
    width: auto;
    margin-top: 5px;
    white-space: nowrap;
    color: #FC5821;     /* Original Subheadline in ORANGE */
    color: #0C1164;     /* hier die Farbe für die Subhead ändern */
    font-variant: small-caps;
    font-size: 1.3em;
    letter-spacing: 1px;
    padding-left: 30px;
}

#splitsubright {
    float: right;
    width: 300px;
    margin-top: 5px;
    overflow: auto;
    text-align: right;
    padding-right: 25px;
}