/* Allgemeine Formatierungen */
* {
margin:0;
padding:0;
}

body {
background:#eee;
font:.8em "trebuchet ms", arial, sans-serif;
text-align:center;
}

#seite {
background:#fff url('hintergrund.jpg') repeat-y;
text-align:left;
width:728px;
margin:0 auto;
padding:10px 10px 5px;
}

#oben {
background:#fff url('bild.jpg');
clear:both;
height:90px;
width:728px;
}

#links {
float:left;
width:458px;
margin:0 0 20px;
}

#rechts {
float:left;
width:235px;
margin:0 0 20px 20px;
}

#unten {
background:#666;
clear:both;
width:728px;
}

#navigation {
background:#fff;
float:left;
width:728px;
padding:0 0 4px;
}

#navigation ul li {
display:inline;
margin:0 10px 0 0;
}

#navigation ul li a {
text-decoration:none;
border-bottom:4px solid #fff;
color:#666;
font-size:.9em;
font-weight:700;
}

#navigation ul li a:hover {
text-decoration:none;
border-bottom:4px solid #666;
}

.titel {
float:right;
width:90px;
padding:0 10px 0 0;
}

.titel img {
border:0 none;
}

h1,h2,h3,h4,h5,h6 {
border-bottom:1px solid #ccc;
color:#666;
font-size:1.5em;
letter-spacing:.01em;
margin:25px 0 0;
}

#links p {
text-align:justify;
}

#unten p {
color:#eee;
font:.85em "trebuchet ms", verdana, sans-serif;
padding:5px;
}

#rechts ul {
list-style:none;
margin:0;
}

#rechts ul li {
background:url('liste.jpg') no-repeat;
display:block;
margin:0;
padding:0 0 0 16px;
}

#rechts ul li a {
text-decoration:none;
color:#666;
}

#rechts ul li a:hover {
color:#000;
}

a:link,a:visited,a:active {
color:#000;
text-decoration:underline;
}

#unten a {
color:#fff;
text-decoration:underline;
}

a:hover,#unten a:hover {
text-decoration:none;
}