@import url("navigation.css");
@import url("suche.css");
@import url("terminliste.css");
@import url("navigation2.css");



*{

    font-family: Verdana, Arial;
font-size: 10pt;
color: #3d3d3d;
    line-height: 120%;

}



html, body{

    height: 100%;

    margin: 0px;

    padding: 0px;

}



html{

    overflow-y: scroll;

    overflow-x: hidden;

}





#mainwrapper{

    /* Größenbestimmung */

        width: 1280px;

        height: auto !important;

        height: 80%;

        min-height: 80%;

        

    /* Positionsbestimmung */

        position: absolute;

        left: -640px;

        margin-left: 50%;

}



#header{

    /* Größenbestimmung */

        width: 1280px;

        height: 160px;

        

    /* Positionsbestimmung */

        position: absolute;

        left: -640px;

        margin-left: 50%;



    /* Farb- und Anzeigeeigenschaften */

        background-image: url(../images/header.png);

        display: block;

}



#footer{

    /* Größenbestimmung */

        width: 1280px;

        height: 146px;

        

    /* Positionsbestimmung */

        position: absolute;

        left: -640px;

        bottom: 0px;

        margin-left: 50%;



    /* Farb- und Anzeigeeigenschaften */

        background-image: url(../images/footer.png);

        display: block;}



#sidebar{

    /* Größenbestimmung */

        width: 184px;

        height: 100%;
       
        

    /* Positionsbestimmung */

        position: absolute;

        left: -450px;

        margin-left: 50%;

}



#content{

    /* Größenbestimmung */

        width: 660px;

        

    /* Positionsbestimmung */

        position: relative;

        right: 210px;

        top: 185px;

        margin-left: 50%;

        margin-bottom: 490px;

        display: block;

}

#content h1{

  font-size: 18pt;

  font-style: italic;
  font-weight: 250;

  color: #9d0c15;

}

#content h2{

  font-size: 10pt;

  font-weight: bold;

  font-style: italic;

  color: #9d0c15;

}

#content p{

  font-size: 10pt;

}



#logo{

    margin-top: 19px;

    width: 100%;

    height: 237px;

    background-image: url(../images/logo.png);

}

#subnavigation{
margin-top: 25px;
    width: 100%;
    background-color: #9d0c15;
    position: absolute;  
    padding: 10px 0px;
    font-size: 10pt;
display: block;

}

#qype{
margin-top: 400px;
display: block;
}

#suche_rahmen{

    width: 144px;
margin-top: 405px;
    background-color: #9d0c15;

    padding: 20px 20px;
     position: absolute;

}


#subnavigation ul{
margin-left: 0px;
}

#subnavigation li{
list-style: none inside none;
padding: 3px;
width: 147px;
height: 17px;
border-bottom: 1px solid #FFFFFF;
}

#subnavigation a{

    color: #FFF;
text-decoration: none;

}

#subnavigation a:hover{

    color: #FFF;
    font-weight: bold;
text-decoration: none;
}





.ecke_ol, .ecke_or, .ecke_ur, .ecke_ul{

    background-repeat: no-repeat;

    width: 18px;

    height: 18px;

    display: block;

    position: absolute;

    z-index: 2;

}





.ecke_ol{

    background-image: url(../images/ecke_ol.png);

    top: 0px;

    left: 0px;

}



.ecke_or{

    background-image: url(../images/ecke_or.png);

    top: 0px;

    right: 0px;

}



.ecke_ur{

    background-image: url(../images/ecke_ur.png);

    bottom: 0px;

    right: 0px;

}



.ecke_ul{

    background-image: url(../images/ecke_ul.png);

    bottom: 0px;

    left: 0px;

}



.rahmen_l, .rahmen_r{

    z-index: 1;

    background-repeat: repeat-y;

    height: 100%;

    display: block;

    position: absolute;

    width: 4px;

}



.rahmen_l{

    background-image: url(../images/rahmen_l.png);

    top: 0px;

    left: 0px;

}



.rahmen_r{

    background-image: url(../images/rahmen_r.png);

    top: 0px;

    right: 0px;

}



.rahmen_o, .rahmen_u{

    z-index: 1;

    background-repeat: repeat-x;

    width: 100%;

    display: block;

    position: absolute;

    height: 4px;

}



.rahmen_o{

    background-image: url(../images/rahmen_o.png);

    top: 0px;

    left: 0px;

}



.rahmen_u{

    background-image: url(../images/rahmen_u.png);

    bottom: 0px;

    left: 0px;

}

.gaestebucheintrag_name {
font-size: 8pt;
background: url(../images/pfeil_gaestebuch_eintrag.gif);
height: 18px;
padding-left: 50px;
padding-top: 2px;
}

.gaestebucheintrag_name a {
font-size: 8pt;
}

.gaestebucheintrag {
background-color: #CCCCCC;
padding: 20px;

}

.terminhinweis {
background: #3d3d3d;
width: 642px;
padding: 10px;
display: block;
}

.terminhinweis p {
color: #FFFFFF;
}