body {
    font-family:Verdana;
    font-size:12px;
    background-color:#003333;
    text-align:left;
}

h1 {
    font-size:18px;
    color:#ffffff;
    margin:0px;
}
h2 {
    font-size:14px;
    color:#ffffff;
}
h3 {
    font-size:14px;
    color:#ffffff;
}

p {margin-top:0px;}

/* Für Quellcode-Beispiele im Text */
code
{
    font-size:14px;
    color:#ccffff;
}

/* Der Kasten mit dem Quellcode */
pre
{
    font-size:14px;
    color:#ccffff;
}

a:link, a:visited, a:active, a:hover
{ 
    text-decoration:underline;
    font-weight:bold;
    color:#ffffff;
    font-size:12px;
}
a:active, a:hover
{ 
    color:#ff9200;
}
a.right:link;a.right:visited; a.menu:link, a.menu:visited
{ 
    color:#ff9200;
}
a.right:active; a.right:hover a.menu:active, a.menu:hover
{ 
    color:#eeeeee;
}

a.right{
    padding-left:   50px;
}

/* Die Titelzeile */
#title {
    padding-top:    15px;
    height:         150px;
    valign:         center;
    padding-left:   10%;
}

/* Das Menü */
#menutop {
    color:          #ffffff;
    text-align:     center;
    padding:        10px 0px;
    border-top:     1px solid #669999;
}


#menuleft {
    color     :     #ffffff;
    text-align:     left;
    width:          20%;
    float:          left;
}

img.middle{
    vertical-align:middle;
}

/* Der Inhalt */
#content {
    border:1px solid  #ffffff;
    background-color: #669999;
    padding:          5px;
    color:            #ffffff;
    width:            78%;
    float:            right;
    
}


#contentpic {
    padding:          5px;
    color:            #ffffff;
    width:            70%;
    float:            right;
    
}

content.top{
    border:            1px solid #ffffff;
    background-color:  #669999;
    padding:           5px;
    color:             #ffffff;
}