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_tutorials.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;

}



a   { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

a:hover    { color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none }

.rand  { border: solid 2px black }

.copy { color: black; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


.highslide {

        cursor: url(./js/highslide/graphics/zoomin.cur), pointer;

    outline: none;

}

.highslide img {

        border: 2px solid gray;

}

.highslide-active-anchor img {

        visibility: hidden;

}

.highslide:hover img {

        border: 2px solid white;

}



.highslide-wrapper {

        background: black;

}

.highslide-image {

        border: 5px solid #444444;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;



    font-family: Verdana, Helvetica;

    font-size: 10pt;

    border: 5px solid #444444;

    border-top: none;

    padding: 5px;

    background-color: gray;

}

.highslide-loading {

    display: block;

        color: white;

        font-size: 9px;

        font-weight: bold;

        text-transform: uppercase;

    text-decoration: none;

        padding: 3px;

        border-top: 1px solid white;

        border-bottom: 1px solid white;

    background-color: black;

    padding-left: 22px;

    background-image: url(./js/highslide/graphics/loader.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

    padding: 2px;

    color: silver;

    text-decoration: none;

        font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

    color: white;

    background-color: gray;

}

a.highslide-full-expand {

        background: url(./js/highslide/graphics/fullexpand.gif) no-repeat;

        display: block;

        margin: 0 10px 10px 0;

        width: 34px;

        height: 34px;

}



/* These must always be last */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;