* {
    font-family:sans-serif;
}

#gesamt {
    width:520px;
    margin:auto;
}

#wrapper {
    float:left;
    width:400px;
}

#banner {
    width:380px;
    height:75px;
    color:white;
    background-color:gray;
    padding:10px;
}

#banner h1 {
    margin:0;
    padding:0;
}

#banner h2 {
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:large;
}

#navigation {
    margin-left:415px;
    background-color:white;
}

#navigation ul {
    padding:0px;
    margin:0px;
}

#navigation li {
    padding-left:10px;
    list-style-type: none;
    margin-top:6px;
}

#navigation a:visited,
#navigation a:link,
#navigation a:active {
    color:gray;
    text-decoration:none;
}

#navigation a:hover {
    color:red;
}

#inhalt {
    width:400px;
}

#inhalt a:visited,
#inhalt a:link,
#inhalt a:active {
    color:blue;
    text-decoration:none;
}

#inhalt a:hover {
    color:red;
}

h1.inhalt {
	margin-top:20px;
    font-size:x-large;
    color:gray;
}

div.thumb {
    float:left;
    text-align:center;
    padding:10px 11px 10px 11px;
    height:110px;
    width:110px;
}

div.thumb img {
    border:none;
}

div.blog {
    width:378px;
    padding:10px;
    border:0px solid gray;
    background-color:#eeeeee;
    margin:0px;
}

.blog_spacer {
    width:100%;
    height:20px;
    clear:both;
}

.blog h1 {
    font-size:large;
    margin:0 0 8px 0;
}

.blog p {
    margin:8px 0 0 0;
}

.blog img {
    float: right;
    margin: 0 0 0 5px;
}

.blog_link {
    width:100%;
    text-align:right;
    font-size:small;
}

.blog_link a:visited,
.blog_link a:link,
.blog_link a:active {
    color:blue;
    text-decoration:none;
}

.blog_link a:hover {
    color:red;
}
 
#fuss {
    width:400px;
    padding-top:50px;
    clear:both;
    text-align:center;
    font-size:small;
    color:gray;
}