/*
    Document   : index
    Created on : 20.03.2011, 16:27:55
    Author     : root
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
    font-family:  sans-serif;
}
#karte { width: 400px; height: 400px;}


html, body {
    /*height: 100%;*/ /* wichtig */
    background-color: lightgrey;
    margin: 0px !important;
    /*background-image: url("/images/hortensie.jpg") ;*/
}
#outerbox{
    /*margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom: 5px;*/
    margin: auto;

    width: 980px !important;
    min-height: 1400px !important;
    /*height: 100%;*/

    /*width: 760px !important;*/
    /*height: 980px !important;*/

    background-color: white;
    position: relative;
}
#bannerbox{
    position: relative;
    background-repeat: no-repeat;
    margin: 0px;

    /*
    height: 235px;
    background-image: url("/images/hortensie_banner.png ");
    */

    /*
    height: 390px;
    background-image: url("/images/FuesseFischeSchmal.jpg ");
    */

    height: 136px;
    /*background-image: url("/images/banner.jpg ");*/
}
#innerbox{
    margin: 10px 10px 10px 10px;
}
.rootMenuContainer{
    margin: 0 0 0 0;
}
.menuElementContainer{
    padding: 0.5em 0 0.5em 0.2em;
    text-align: left;
    width: 100%;
    z-index: 1;
}
.menuElementAnchor,.menuElementAnchor:visited, .menuElementAnchor:link{
    color: #505050;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: none;
}
.menuElementAnchor:hover, .menuElementAnchor:active, .menuElementAnchor:focus{
    color: #00A5C7;
    /*background-color: lightgray;*/
}
.menuElementAnchor.indent{
    margin-left: 10px;
}
.subMenuContainer{
    margin-top: 25px;
    margin-left: 25px;
    padding: 0.5em 0 0.5em 0.2em;
    color: #505050;
    letter-spacing: 1px;
    text-align: left;
    text-decoration: none;
}
.subMenuTitle{
    padding: 0.5em 0 0.5em 0.2em;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
    z-index: 1;
}
.subMenuElementContainer{
    padding: 0.5em 0 0.5em 0.2em;
    text-align: left;
    width: 100%;
    z-index: 1;
}
.subMenuElementContainer.deactive{
    display: none;
    visibility: hidden;
}
.subMenuElementContainer.active{
    display: block;
    visibility: visible;
}

#menu        {margin:2px; border: 0px solid blue;text-align:left;width:30%;float:left;background-color: white}
#content     {
    margin:2px; border: 0px solid blue;text-align:left;width:65%;float:right;
}
.contact{
    color: #505050;
    font-size: 12px;
    letter-spacing: 1px;
    line-height:  150%;
    text-align: center;
}
#content p{
    color: #505050;
    letter-spacing: 1px;
    line-height:  150%;
    text-align: justify;
}
#content h2
{
    color: #505050;
    letter-spacing: 1px;
}
#content ul li{
    color: #505050;
    letter-spacing: 1px;
    line-height:  150%;
}
#_footer {
    position: absolute;
    bottom: 0px; /* wichtig */
    height:20px;
}
#header {
    position: relative;
    width:100%;
    height:0px
}
#_footer {
    width:100%;
    height: 100px;
    position: absolute;
    top: 580px;
    bottom: 100%;
    background-image: url("/images/FuesseFischeSchmal.jpg") ;
    background-repeat: no-repeat;
}
#footer {
    background-color: lightgrey;
    height: 30px !important;
    margin: auto;
    position: relative;
    width: 980px !important;
}
.logo{
    /*float:left;
    width: 25%;*/
    height:207px;
    margin-bottom: 40px;
    /*background-image: url("/images/AntoniaBild.jpg");*/
    background-image: url("/images/Wedding_Logo_ohneSchriftzug_klein.jpg");
    /*background-image: url("/images/Wedding_Logo_klein.jpg");*/
    background-repeat: no-repeat;
    /*background-position-x: center;*/
    /*background-position-y: -20px;*/
    background-position: left center;
}
.zfd img{
    height: 130px;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    bottom:0px;
}
#banner {
    float:left;
    background-image: url("/images/hortensie_banner.png ");
    background-repeat: no-repeat;
    position: relative;
    width:100%;
    height:100%;
    /*height:180px;*/
}
#image_full{
    margin:0px;
    float:left;
    width: 100%;
}
#image_left{
    margin:10px;
    float:left;
    height:250px;
    width: 250px;
}
.image_left{
    margin:10px;
    float:left;
    height:250px;
    width: 250px;
}
#image_right{
    margin:10px;
    float:right;
    height:250px;
    width: 250px;
}