/* general */
/* general */
body {
        padding: 0;
        margin: 0;
        background-color: #add8e6;
}

img {
        padding: 6px 6px 6px 6px;
        border: 0;
}

p {
        font-size: 14px;
        color: black;
}

.center { 
        text-align: center;
}

/* headings in general */ 
h1, h2, h3 {
        font-weight: bold;
        color: black;
}

h1 {
        font-size: 18px;
}
h2 {
        font-size: 16px;
}

h3 {
        font-size: 14px;
}

/* links in general */ 
A{color: darkblue; text-decoration:none}
A:hover{color: red; text-decoration:underline}
A.link {text-decoration:none;}
A.link:hover {text-decoration:none;}

.google {
        text-align: center;
        background-color: white;
        padding: 1px 0px 10px 0px;        
}

/* layout */
/* layout */
#header {
    /* text */
    text-align: center;
    /* layout */
        /* border */
        border-width: 2px 0 2px 0;
        border-style: dashed;
        /* possibilities: dotted; solid; dashed;*/
        border-color: gray;
    /* style */
    background-color: white;
}

/* navigation in layout */ 
#navi {
    /* text */
    text-align: left;
    /* layout */
    float: left;
    width: 20%;
    /* style */
    background-color: lightblue;
}
/* navigation style */
#menu {
    list-style: none;
}
.menuh1{
    font-size: 20px;
    font-weight: bold;
    color: #4141dd;
}
.menuh2{
    font-size: 18px;
    color: darkblue;        
}
.menuactive{
    font-size: 18px;
    font-weight: bold;
    color: red;
}

#content {
    /* text */
    text-align: justify;
    /* layout */
    float: left;
    width:78%;    
}

#footer {
    /* text */
    text-align: center;
    /* layout */
    clear: both;
        /* border */
        border-width: 2px 0 2px 0;
        border-style: dashed;
        border-color: gray;
    /* distance */
    margin-top: 10px;
    padding: 5px;
    /* style */
    background-color: white;
}