html {
    font-size       : 100.1%;
    height          : 100%;
}

body {
    color           : #000;
    font-family     : verdana, arial, helvetica, sans-serif;
    font-size       : 12px;
    /*height          : 100%;*/
    margin          : 0;
    /*overflow        : hidden;*/
    padding         : 0;
}

h1 {
    font-size       : 16px;
    font-weight     : bold;
    margin          : 0 0 7px 0;
}

img {
    border          : none;
}

#main-container {
    height          : 100%;
    /*overflow        : hidden;*/
    position        : relative;
    text-align      : center;
    width           : 100%;
}

#page-container {
    height          : 100%;
    margin          : 0 auto;
    position        : relative;
    text-align      : left;
    width           : 980px;
}

#page {
    margin          : auto;
    position        : relative;
}

#header {
    height          : 269px;
    height          : 185px;
    /*height          : 160px;*/
    position        : relative;
}

#logo {
    bottom          : 0;
    left            : 221px;
    position        : absolute;
}

#bvdg {
    color           : #abaaa8;
    font-size       : 10px;
    line-height     : 44px;
    padding-right   : 75px;
    position        : absolute;
    right           : 20px;
    top             : 50px;
}

    #bvdg a {
        color           : #abaaa8;
        text-decoration : none;
    }

    #bvdg a:hover {
        color           : #f00;
    }

#bvdg img {
    position        : absolute;
    right           : 0;
}

#main {
    /*background      : url('../images/page-bg.png') no-repeat #f6ebef;*/
    background      : url('../images/layout/page-bg.png') no-repeat #f6ebef;
    /*height          : 681px;*/
    height          : 613px;
    position        : relative;
}

#content-container {
    /*background-color: #ffc;*/
    height          : 340px;
    left            : 277px;
    position        : absolute;
    top             : 138px;
    width           : 595px;
    /*-moz-opacity    : 0.80;*/
}

#main-heading {
    color           : #fff;
}

#sub-heading {
    color           : #000;
}

#content p {
    font-weight     : bold;
    line-height     : 19px;
}

#imprint-link {
    color           : #9f9f9f;
    font-weight     : bold;
    font-size       : 12px;
    left            : 860px;
    position        : absolute;
    text-decoration : none;
    top             : 530px;
}

#imprint-link:hover {
    color           : #e0aec5;
}

/* +++ PAGE LAYOUTS +++ +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    /* +++ DEFAULT +++ */

#default-page #content,
#imprint-page #content {
    left            : 60px;
    position        : absolute;
    top             : 0;
    width           : 330px;
}

    #imprint-page a {
        color           : #000;
        text-decoration : none;
    }

    #imprint-page a:hover {
        text-decoration : underline;
    }

    #default-page #content p {
        /*font-weight     : bold;*/
        /*line-height     : 19px;*/
        margin-bottom   : 14px;
    }

#default-page #symbol,
#imprint-page #symbol {
    background      : url('../images/symbols/sprite.png') no-repeat 0 0 #fff;
    height          : 51px;
    left            : 0;
    position        : absolute;
    top             : 0;
    width           : 51px;
}

#default-page #mood {
    background      : url('../images/moods/sprite.jpg') no-repeat 0 0 #fff;
    border          : 2px solid #fff;
    height          : 194px;
    position        : absolute;
    right           : 0;
    top             : 0;
    width           : 194px;
}

#default-page #image-text {
    color           : #fff;
    font-family     : arial, verdana, helvetica, sans-serif;
    font-size       : 17px;
    font-weight     : bold;
    /*left            : 658px;*/
    position        : absolute;
    right           : 0;
    top             : 195px;
    width           : 194px;
}

#index-page #mood {
    border          : 2px solid #fff;
    position        : absolute;
    right           : 0;
    top             : 0;
}

#index-page #content {
    position        : absolute;
    height          : 333px;
    left            : -10px;
    top             : 25%;
    width           : 220px;
}

#index-page h1,
#index-page p {
    color           : #fff;
    font-size       : 20px;
    line-height     : normal;
    margin          : 0;
    text-align      : right;

}

#about-page #mood {
    border          : 2px solid #fff;
    position        : absolute;
    right           : 0;
    top             : 0;
}

#about-page #content {
    /*left            : 60px;*/
    position        : absolute;
    top             : 0;
    width           : 290px;
}

#price-page #mood {
    border          : 2px solid #fff;
    position        : absolute;
    right           : 0;
    top             : 0;
}

#approach-page #content,
#price-page #content {
    /*left            : 60px;*/
    position        : absolute;
    top             : 0;
    width           : 330px;
}

#shop-page #content {
    width           : 175px;
}

a#mouseover{
    background      : url('../images/anfahrt.png') 0 0 no-repeat;
    display         : block;
    height          : 194px;
    overflow        : hidden;
    position        : absolute;
    right           : 0;
    text-decoration : none;
    text-indent     : -2000px;
    top             : 0;
    width           : 194px;
    z-index         : 99;
}

a#mouseover:hover {
    background-position: 0px -194px;
    height          : 445px;
    width           : 445px;
}

#contact-page label {
    display         : block;
    margin          : 5px 0 1px 0;
    width           : 200px;
}

#contact-page input {
    border          : 1px solid #f6ebef;
    width           : 50%;
}

#contact-page textarea {
    border          : 1px solid #f6ebef;
}

#error {
    background      : #fff;
    border          : 1px solid #f00;
    padding         : 5px;
    position        : absolute;
    right           : 0;
    top             : 0;
    width           : 45%;
}

    #error h1 {
        color       : #f00;
    }

    #error ul {
        padding     : 0 15px;
    }

    #error li {
        line-height : 18px;
    }

#success {
    background      : #fff;
    border          : 1px solid #090;
    padding         : 5px;
    position        : absolute;
    right           : 0;
    top             : 0;
    width           : 45%;
}

    #success h1 {
        color       : #090;
    }

#contact-page input.error,
#contact-page textarea.error {
    border          : 1px solid #f00;
}

/* *** DEV *** ************************************************************** */

/*
#main-container {
    background      : url('../images/dev/full-bg.png') center 0 no-repeat #ccf;
}

#header {
    height          : 269px;
    -moz-opacity    : 0.80;
}

#main {
    -moz-opacity    : 0.60;
}
*/