/* ----------------------------------------------------------------
   Reset (http://meyerweb.com/eric/tools/css/reset/)
---------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ----------------------------------------------------------------
   General
---------------------------------------------------------------- */
html {
    font-size: 62.60%; /* reset 1em to 10px => 1px = 0.0626em  */
}
body {
    background: #FFFFFF url('../images/body_bg.gif') repeat-x;
    color: #564B47;
    font: normal 1.2em "lucida grande", tahoma, verdana, arial, sans-serif;
    width: 100%;
}
a {
    color: #564B47;
    text-decoration: none;
    cursor: pointer;
}
    a:hover {
        text-decoration: underline;
    }
  
/* ----------------------------------------------------------------
   Web Control
---------------------------------------------------------------- */
input, textarea {
    background-color: #FFFFFF;
    border: 1px solid #96B5DB;
    font: normal 1em "lucida grande", tahoma, verdana, arial, sans-serif;
    padding: 3px;
}
select {
    background-color: #FFFFFF;
    border: 1px solid #96B5DB;
    font: normal 1em "lucida grande", tahoma, verdana, arial, sans-serif;
}
.button {
    background-color: #3B5998;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 15px;
}
.radio {
    border-width: 0px;
    margin-right: 5px;
    cursor: pointer;
}
.checkbox {
    border-width: 0px;
    padding: 0px;
}

/* ----------------------------------------------------------------
   Typography
---------------------------------------------------------------- */
.ty_type1 {          /* Main title of page */
    font-size: 1.4em;
    font-weight: bold;
    color: #D49059;
}
.ty_type2 {          /* Font for subtitle */
    font-size: 1.1em;
    font-weight: bold;
    color: #D49059;
}
.ty_type3 {          /* Exe cathcing */
    color: #D49059;
    font-weight: bold;
}
.ty_type4 {          /* Font for subtitle type 2 */
    font-size: 1.1em;
    font-weight: bold;
    color: #FFFFFF;
}
.ty_type5 {          /* Price */
    font-size: 1.4em;
    font-weight: bolder;
}
.ty_type6 {          /* Price */
    font-size: 0.9em;
    color: Gray;
}

.ty_normal {
    font-style: normal;
}
.ty_bold {
    font-weight: bold;
}
.ty_italic {
    font-style: italic;
}
.ty_underline {
    text-decoration: underline;
}
.ty_bolditalic {
    font-weight: bold;
    font-style: italic;
}
.ty_boldunderline {
    font-weight: bold;
    text-decoration: underline;
}
.ty_right {
    text-align: right;
}
.ty_center {
    text-align: center;
}
.ty_justify {
    text-align: justify;
}

/* ----------------------------------------------------------------
   Layout
---------------------------------------------------------------- */
#ly_wrapper {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
} 
    #ly_header {
        width: 950px;
        position: relative;
        left: -1px;
        border: solid 1px #F9CDB9;
        border-top-width: 0px;
    }
        #ly_he_top {
            height: 120px;
            background: url('../images/header_bg.gif') repeat-x;
        }
            #ly_he_top img {
                float: left;
            }
            #ly_he_top ul {
                float: right;
                margin-right: 50px;
                margin-top: 25px;
            }
                #ly_he_top ul li {
                    position: relative;
                    float: left;
                    height: 1.5em;
                    margin-left: 1em;
                }
                #ly_he_top ul li:hover {
                    top: 0.1em;
                    border-bottom: solid 1px #564B47;
                }
        #ly_he_menu {
            height: 50px;
            background: url('../images/menu_bg.gif') repeat-x;
        }
            #ly_he_menu li {
                height: 28px;
                float: left;
                margin: 0px 67px;
                font-weight: bold;
                cursor: pointer;
            }
                #ly_he_menu li:hover {
                    border-bottom: solid 1px #564B47;
                }
                #ly_he_menu1, #ly_he_menu2, #ly_he_menu3, #ly_he_menu4 {
                    background-position: center 6px;
                    background-repeat: no-repeat;
                }
                #ly_he_menu1 {
                    width: 92px;
                    background-image: url('../images/menu_startseite.gif');
                }
                #ly_he_menu2 {
                    width: 84px;
                    background-image: url('../images/menu_uberuns.gif');
                }
                #ly_he_menu3 {
                    width: 152px;
                    background-image: url('../images/menu_dienst.gif');
                }
                #ly_he_menu4 {
                    width: 79px;
                    background-image: url('../images/menu_kontakt.gif');
                }
            #ly_he_menu a {
                position: relative;
            }
                #ly_he_menu a:hover {
                    text-decoration: none;
                }
                #ly_he_menu a span {
                    line-height: 74px;
                    padding-top: 30px;
                    padding-bottom: 5px;
                }
    #ly_content {
        padding: 40px 47px 50px 47px;
        background: #FEEEE5 url('../images/content_bg.gif') repeat-x;
    }
    #ly_footer {
        width: 850px;
        height: 89px;
        background: url('../images/footer_bg.gif') repeat-x;
        padding: 0px 50px;
    }
        #ly_fo_left {
            width: 4px;
            height: 31px;
            float: left;
            background: url('../images/footer_left.gif') no-repeat;
        }
        #ly_fo_right {
            width: 4px;
            height: 31px;
            float: right;
            background: url('../images/footer_right.gif') no-repeat;
        }
        #ly_fo_middle {
            height: 31px;
            margin-left: 4px;
            margin-right: 4px;
            position: relative;
            background: url('../images/footer_middle.gif') repeat-x;
            line-height: 31px;
            text-align: right;
        }
            #ly_fo_middle a {
                margin: 0px 15px;
            }
            
/* ----------------------------------------------------------------
   Widget
---------------------------------------------------------------- */
.wi_frame-tl {
    width: 5px;
    height: 6px;
    background: url('../images/st_dienst-tl.gif') no-repeat;
    float: left;
}
.wi_frame-tr {
    width: 6px;
    height: 6px;
    background: url('../images/st_dienst-tr.gif') no-repeat;
    float: right;
}
    .wi_frame-t {
        background: url('../images/st_dienst-t.gif') repeat-x;
    }
    .wi_frame-l {
        background: url('../images/st_dienst-l.gif') repeat-y;
    }
    .wi_frame-r {
        padding: 5px 6px 0px 5px;
        background: url('../images/st_dienst-r.gif') repeat-y right;
    }
.wi_frame-bl {
    width: 5px;
    height: 6px;
    background: url('../images/st_dienst-bl.gif') no-repeat;
    float: left;
}
.wi_frame-br {
    width: 6px;
    height: 6px;
    background: url('../images/st_dienst-br.gif') no-repeat;
    float: right;
}
.wi_frame-b {
    height: 6px;
    background: url('../images/st_dienst-b.gif') repeat-x bottom;
}