@charset "utf-8";

html { overflow-y: scroll; }

* {
    margin: 0;
    padding: 0;
}

body {
    background: #fff url(../_gfx/bg_body.gif) left top repeat-x;
    color: #000;
    font: normal 75%/1.7em Arial, Helvetica, sans-serif;
}

h1 {
    background: transparent url(../_gfx/bg_h1.gif) left bottom no-repeat;
    color: #fff;
    height: 45px;
    margin: 18px auto 0 auto;
    text-align: center;
    width: 700px;
}

div#container { 
    margin: 50px auto 0 auto;
    width: 1000px; 
}

    div#conatainer ul {
        text-align: center;
    }

div#content {
    background: transparent url(../_gfx/bg_containter.gif) center bottom no-repeat;    
    height: 535px;
    position: relative;
}    

.border_right {
    border-right: 1px solid #000;    
    padding-right: 10px;
}

p#link_bottom {
    bottom: 50px;
    display: block;
    font: normal 0.9em/19px Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    position: absolute; 
    text-align: center;
    width: 100%;
}

    p#link_bottom a,
    p#link_bottom a:link, 
    p#ink_bottom a:visited {
        color: #000;
        text-decoration: none;
    }
    
    p#link_bottom a:hover, 
    p#link_bottom a:active, 
    p#link_bottom a:focus {
        text-decoration: underline;
    }    

    div#content ul.buttons_logo {
        left: 54px;
        position: absolute;
        top: 103px;
    }

        div#content ul.buttons_logo li {
            list-style: none;
            float: left;
            margin-right: 12px;
        }
        
        div#content ul.buttons_logo li.right {
            
            margin-left: 40px;
        }         
        
            div#content ul.buttons_logo li a {
                display: block;
                width: 161px;
                height: 352px;
            }
                
                div#content ul.buttons_logo li a span, 
                h1 span {
                    display: inline;
                    height: 0;
                    left: -1000px;
                    overflow: hidden;
                    position: absolute;
                    top: -1000px;
                    width: 0;    
                }
            
        
        
a#immobilien , a#immobilien:link, a#immobilien:visited {
    background: transparent url(../_gfx/btn_immobilien.jpg) left top no-repeat;
}

a#immobilien:hover , a#immobilien:active, a#immobilien:focus {
    background: transparent url(../_gfx/btn_immobilien_hover.jpg) left top no-repeat;
}


a#finanzen , a#finanzen:link, a#finanzen:visited {
    background: transparent url(../_gfx/btn_finanzen.jpg) left top no-repeat;
}

a#finanzen:hover , a#finanzen:active, a#finanzen:focus {
    background: transparent url(../_gfx/btn_finanzen_hover.jpg) left top no-repeat;
}


a#verwaltung , a#verwaltung:link, a#verwaltung:visited {
    background: transparent url(../_gfx/btn_verwaltung.jpg) left top no-repeat;
}

a#verwaltung:hover , a#verwaltung:active, a#verwaltung:focus {
    background: transparent url(../_gfx/btn_verwaltung_hover.jpg) left top no-repeat;
}


a#architektur , a#architektur:link, a#architektur:visited {
    background: transparent url(../_gfx/btn_architektur.jpg) left top no-repeat;
}

a#architektur:hover , a#architektur:active, a#architektur:focus {
    background: transparent url(../_gfx/btn_architektur_hover.jpg) left top no-repeat;
}

a#strasse, a#strasse:link, a#strasse:visited {
    background: transparent url(../_gfx/btn_strasse.jpg) left top no-repeat;
}

a#strasse:hover , a#strasse:active, a#strasse:focus {
    background: transparent url(../_gfx/btn_strasse_hover.jpg) left top no-repeat;
}


/* Hyperlinks */

a, a:link, a:visited       { color: #333; text-decoration: underline; }
a:focus, a:hover, a:active { text-decoration: none; }
a span                     { color: #8D4F00; font: bold 130% Arial, Helvetica, sans-serif;    }


/* Überschriften */
    
h2, dt {
    color: #000;
    font: bold 120%/1.6em Arial, Helvetica, sans-serif;
    margin-bottom: 0.75em;
}
    
h3 {
    font: bold 100% Arial, Helvetica, sans-serif;
    margin-bottom: 0.75em;
}

h4, h5, h6 { font: bold 100% Arial, Helvetica, sans-serif; }

/* Absätze */
p { padding-bottom: 1.6em; }

body,td,th { font-size: 1em; }


#bottom {
    background: transparent url(../_gfx/bg_bottom.gif) center top no-repeat;
    font-size: 80%;
    line-height: 21px;
    padding: 25px 180px;
    }

/*****Formulare*****/
.kontaktFormular {
    background: #eee url(../gfx/bg_box_high.gif) left top repeat-x;
    border: 1px solid #888;
    font-size: 75%;
    height: 100%; /*hasLayout für IE auslösen*/
    margin: 0 auto 2em auto;
}

div#error_message {
    background-color: #f04d4d;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 1.5em;
    padding: 20px;
}

    .kontaktFormular label {
        border-right: 1px solid #888;
        float: left;
        font-weight: bold;
        line-height: 19px;
        width: 180px;
    }

    .kontaktFormular p {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #888;
        padding: 4px 10px;
    }

        .kontaktFormular p span {
            border-left: 1px solid #fff;
            display: block;
            margin-left: 181px;
            padding-left: 10px;
        }

            .kontaktFormular p strong { color: #000; }

            .kontaktFormular p span.multi_checkbox label, .kontaktFormular p span.radio label {
                border-right: none!important;
                float: none;
                margin: 0 25px 0 5px;
            }

            .kontaktFormular p span em {
                color: #F00;
                display: block;
                font-weight: bold;
             }