/* MHB-Style.css - author Bobsmile (admin[at]bobsmile[punkt]ch) */

/* basic elements */
html {
        margin: 0;
        padding: 0;
        }
body {
        font:normal 0.8em Verdana, Helvetica,sans-serif;
        text-align:center;
        color: #000;
        background: #242329 url(body-bg.jpg) repeat-x 100% 0;
        margin: 0;
        padding: 0;
        }
p {
        margin-top: 0;
        text-align: justify;
        }
h3 {
        font: normal 1.8em Tahoma, Helvetica, sans-serif;
        /*letter-spacing: 1px;*/
        /*font-style:italic;*/
        margin-bottom: 10px;
        color: #6688aa;
        }
a:link {
        font-weight: normal;
        text-decoration: none;
        color: #6688aa;
        }
a:visited {
        font-weight: normal;
        text-decoration: none;
        color: #6688aa;
        }
a:hover, a:active {
        text-decoration: none;
        color: #446699;
        }
acronym {
        border-bottom: none;
        }


/* specific divs */

/*        border-top: 1px solid #000; */

#container {
        width: 800px;
        min-height: 810px;
        margin: auto;
        background: url('sides_body.png') repeat-y;
        text-align: left;
        padding: 0;
        position: relative;
        top: 0px;
}

/* IE < 7 */
* html #container {
height:810px;
}

/*** post news box **/
#Note {
        background:url('bg-note.jpg') no-repeat;
        width:215px;
        min-height:220px;
        position:absolute;
        top: 170px;
        right:30px;
        padding: 10px 0 0 0;
}

#Note .p1 {
        font-size: 1.2em;
        text-align: center;
        font-weight: bold;
        color:black;
        padding: 0 20px 0 20px;
}

#Note .p2 {
        font-style:italic;
        padding: 0 20px 0 20px;
}

#Note .p3 {
        font-size:75%;
        font-style:normal;
        text-align: center;
        position:relative;
        bottom:0px;
        padding: 0 20px 0 20px;
}

/*** Header with bobsmile piano Logo ***/
#pageHeader {
        background-image: url(piano_bg.jpg);
        width: 793px;
        height: 220px;
        margin-top: -20px;
                margin-left: 7px;
        padding: 0px;
        }

#pageHeader h2 {
        color:#fff;
       }

#pageHeader h1 span {
        display:none
        }

#pageHeader .p1 {
        color:#454743;
        padding: 5px 20px 0 20px;
        }
/*** Login Form ***/
#Login {
        background:transparent no-repeat;
        color:#ddd;
        text-align: right;
        font-size: 0.9em;
        width:700px;
        position:absolute;
        top: 60px;
        right:20px;
        padding: 0;
}

#Login .p, .p1 {
        font-size: 0.9em;
}

#Login .p2 {
        font-size: 0.9em;
        background-color: #c4c3c9;
        border:0;
}

/*** Menu ***/
#Menu {
        width:793px;
        background-color:#6e6a6d;
        display:block;
        position:relative;
        left:7px;
        font: 1.0em Tahoma, Verdana, Helvetica, sans-serif;
        font-weight:normal;
}
#Menu  ul {
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
}
#Menu  li {
        background:url('bg-menu.jpg');
        background-position: right;
        height:20px;
        overflow:hidden;
        float:left;
}

#Menu  a{
        display:block;
        background:url('bg-menu.jpg') -400px -20px;
        width:100px;
        background-color:#454743;
        font-weight:normal;
        height:10px;
        color:#333;
        text-align:center;
        padding:0px 4px;
        text-decoration:none;
        overflow:hidden;
        /*text-transform:uppercase;        */
}
#Menu  a:link, #Menu  a:visited{
        background-color:#454743;
        height:40px;
}
#Menu  a:hover,#Menu  a:active
{
        background:url('bg-menu.jpg') -400px -60px;
        background-color:#353733;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
        position:absolute;
        top: 170px;
        right:0px;
        width: 26%;
        min-width: 10em;
        float: right; /* Inhalt fliesst links vorbei */
        padding: 220px 1% 1em 1%;
        margin: 1em 1% 0 1%;
        border-left: 1px dotted #aaa; /* Optische Abtrennung vom eigentlichen Inhalt. */
        font-size: 0.9em; /*  Kleinere Schriftgr��e, Informationen zweiter Rangordnung. */
}
#subnav dt { /* Die einzelnen �berschriften in der Subnavigation */
        display:block;
        background-color:#e2ebf8;
        font-size: 1.2em;
        font-family: Verdana, Helvetica, sans-serif;
        font-weight: normal;
        padding: 0.5em;
        margin-top: 1em;
        border-top: 1px dotted #aaa; /* Optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
        font-size: 0.85em;
        padding: 0;
        margin: 0.2em 0;
}


/*** Mainblock ***/
#Main{
        /*clear:both; */
        margin: 10px 20px 10px 20px;
        width: 450px;
/*        float: left;*/
        }

#Main p {
        font: 1.0em Verdana,Helvetica,sans-serif;
        text-align:justify;
        float:left;
        }

#Main p2{
        text-align:center;
}

#Main p3{ /** images **/
    margin: 1em;
    border: 1px dotted #aaa; /* Hiermit trennen wir optisch die Subnavigation vom eigentlichen Inhalt ab. */
        text-align:center;
}
/*** Picture Box rechts ***/
#PicBox {
        position:absolute;
        top: 410px;
        right:25px;
        width: 26%;
        min-width: 10em;
        /* float: right; /* Inhalt fliesst links vorbei */
        padding: 10px 1% 1em 1%;
        margin: 1em 1% 0 1%;
        border-left: 1px dotted #aaa; /* Optische Abtrennung vom eigentlichen Inhalt. */
        font-size: 0.9em; /*  Kleinere Schriftgr��e, Informationen zweiter Rangordnung. */
                }
/*** G�stebuch ***/

#mhbBook .titel{
    border-top: 1px solid #aaa; /* Hiermit trennen wir optisch die einzelnen Beitr�ge ab. */
        font: 1.1em Verdana,Helvetica,sans-serif;
        width:600px;
    display:block;
    background-color:#e2ebf8;
    padding: 0em;
    margin: 1em 0 0 0;
        clear:both;
}
#mhbBook .timestamp{
       font: 0.75em Verdana,Helvetica,sans-serif;
       width:600px;
       text-align:right;
       display:block;
       background-color:#eeeef8;
       padding: 0em;
       clear:both;
}

#mhbBook .formular{
        font: 1.0em Verdana,Helvetica,sans-serif;
        width:600px;
    display:block;
    /** background-color:#e2ebf8;            **/
        clear:both;
}

#mhbBook .footer{
        font: 1.0em Verdana,Helvetica,sans-serif;
    padding: 0.5em;
    margin-top: 1em;
        text-align: center;
        clear:both;
}

/*** MHB News ***/
#mhbNews {
        margin: 20px 20px 10px 10px;
        width: 260px;
        float: left;
        }

#mhbNews p {
        font: 1.0em Tahoma, Verdana,Helvetica,sans-serif;
        text-align:justify;
        }

#footer {
        display:block;
        background-color:#242329;
        /*background-image:url('footer.png');*/
        background-position:right bottom;
        width:800px;
        margin: auto;
        padding: 0;
        /*position: relative;*/
        left:0px;
        top: 0px;
}

#footer p {
        font: 0.9em Tahoma, Verdana, sans-serif;
        font-style:normal;
        text-align: center;
        color:#aaa;
}

#footer a:link, #footer a:visited {
        margin-right: 20px;
}