body {

  margin: 0px;

        padding: 0px;
        font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
        font-size: 75.5%; /* Sets default font size to 10px */
        color:#222222;
        color: #000000;
        line-height: 180%;
}
#content {
        width: 750px;
        padding-top: 60px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 30px;
}
#content a:link, #content a:active, #content a:visited {
        text-decoration : underline;
        color: #35699B;
}
#content a:focus, #content a:hover{
        text-decoration : none;

        -moz-outline:0;
        color: #FFFFFF;
        background-color: #366EA1;
}
h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
  color: #000000;
}

h2 {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
  color: #000000;
}

code {
        font-size: 12px;
        color: #FFFFFF;
        padding: 15px;
        width: 705px;
        background-color: #366E9F;
        display: block;
        font-family: "Courier New", Courier, mono;
        border-left-width: 15px;
        border-left-style: groove;
        border-left-color: #0099FF;
}
hr {
        height: 1px;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #366B9F;
        padding: 0px;
        margin-top: 40px;
        margin-bottom: 20px;
        display: block;
        border-bottom-width: 0px;
        border-bottom-style: none;
}


/* this is the CSS for the menu that you will need. */
#menu_holder {
        height: 58px;
        width: 100%;
        display: block;
        position: absolute;
        top: -58px;
}
#nav {
        height: 78px;
        width: 601px;
        margin: 0px auto;
        padding: 0px;
       
        background-repeat: no-repeat;
        background-position: right;
}
#hit_area {
               background-image:  url(grafik/header_gastbook.png);
        background-repeat: no-repeat;
          background-position: left top;
        width: 100%;


        height: 256px;
        width: 100%;
        margin: 0px;
left: 0px;
        padding: 0px;
        display: block;

}
#hit_area2 {
        width: 100%;
        background-position: center top;
        padding: 0px;
        display: block;
        position: absolute;
        margin: 0px,0px,0px,0px;
        top: 256px;
}
#nav ul {
        margin: 0px;
        padding: 0px 0px 0px 21px;
        height: 58px;
        list-style-type: none;
        background-image: url(left.png);
        background-repeat: no-repeat;
}
#nav li{
        margin: 0px;
        padding: 0px;
        float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
        background-image: url(middle.png);
        background-repeat: repeat-x;
        height: 58px;
        width: 100px;
        display: block;
        line-height: 58px;
        font-weight: bold;
        color: #666666;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 12px;
}
#nav li a:focus, #nav li a:hover{
        text-decoration : none;
        -moz-outline:0;
        color: #FFFFFF;
        background-image: url(rollOver.png);
        background-repeat: repeat-x;
}