html {
margin: 0;
padding: 0;
}

body {
/*text-align: center; */
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 75%;
margin: 0;
padding: 0;
background-image: url(body-bg.png);
background-repeat: repeat-x;
}

#site {
/*
position: relative;
margin: 0 auto;
text-align: left;
*/
width: 960px;
position: relative;
}

#header {
position: relative;
width: 100%;
height: 410px;
}

#site-id {
background-color: white;
width: 201x;
height: 45px;
position: absolute;
top: 20px;
left: 33px;
}

#site-id img:a {
position: absolute;
top: 0px;
left: 0px;
border: none;
}

#language-chooser {
position: absolute;
top: 20px;
left: 500px;
}

#teaser {
position: absolute;
top: 57px;
left: 25px;
}

#tagline {
position:absolute;
top: 10px;
right: 0;
}

#tagline img{
vertical-align: middle;
}

#nav0 {
position: absolute;
top: 392px;
right: 0px;
width: 970px;
font-size: 90%;
margin: 0;
padding: 0;
}

#nav0 li {
float: right;
display: block;
list-style: none;
line-height: 100%;
margin: 0 0 0 1px;
padding: 0;
}

#nav0 a {
display: block;
background-color: #673327;
padding: 0.7em 0.5em;
text-decoration: none;
color: white;
}

#nav0 a:hover {
background-color: #8d665d;
}

#nav0 .selected a {
background-color: #8d665d;
}

#nav1 {
position: absolute;
top: 130px;
left: 25px;
margin: 0;
width: 190px;
padding: 0;
border-top: 1px dotted white;
}

#nav1 li {
display: block;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px dotted white;
}

#nav1 li a {
display: block;
margin: 0;
padding: 0.5em 0.5em;
color: white;
text-decoration: none;
}

#nav1 li.selected a {
background-color: #8d665d;
}

#nav1 li a:hover {
background-color: #8d665d;
}

#marginalie {
position: absolute;
top: 420px;
left: 25px;
width: 190px;
padding-bottom: 25px;
font-size: 80%;
color: #555555;
}

#marginalie h1 {
font-size: 100%;
}

#marginalie em {
color: #673327;
font-style: normal;
}

#marginalie ul {
padding-left: 0;
margin-left: 1.3em;
}

#marginalie li {
padding: 0.5em 0 0.5em;
}

#content {
margin-left: 235px;
width: 470px;
padding-bottom: 25px;
margin-bottom: 25px;
line-height: 140%;
}

#content p {
line-height: 1.6em;
}

#content h1 {
font-size: 200%;
color: #673327;
line-height: 110%;
}

#content h2 {
font-size: 150%; 
font-weight: normal;
line-height: 110%;
}

#content h3 {
font-size: 120%;
color: #673327;
}

#content h6 {
font-size: 200%;
line-height: 130%;
padding: 0.5em;
margin: 0.5em 0;
color: white;
background-color: #673327;
font-weight: normal;
}

#content ul {
padding-left: 0;
margin-left: 1.3em;
}

#content li {
padding-top: 0.5em;
padding-bottom: 0.5em;
}

#content ul a:hover{
text-decoration: none;
}

.li-articles {
/**clear: right; */
list-style-type: none;
padding-left: 0m;
margin-left: -1.3em;
overflow: hidden;
}

#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 19px;
background-color: #673327;
border-top: 1px solid white;
}

img {
border: none;
}

.img-articles {
float: right; 
margin: 25px 0 5px 5px;
}

th, td {
vertical-align: top;
}

#content .warning {
background-color: #ffff66;
padding: 0.5em 1em;
border: 2px solid #cccc33;
color: black;
font-size: 120%;
}

#content form tr.error th {
color: red;
}

#content form tr.error td input {
border-color: red;
}

#content form .errorlist {
margin: 0;
padding: 0;
color: #660000;
}

#content form .errorlist li {
margin: 0;
padding: 0 0 0 0.5em;
list-style: none;
}

#news {
float: right;
width: 230px;
padding: 50px 0 25px 0;
}

#news h5 {
font-size: 100%;
margin: 0;
padding: 0 0 0.5em 0;
border-bottom: #673327 1px dotted;
}

#news h6 {
color: #701C11;
font-size: 90%;
}

#news p {
font-size: 80%;
}
.news-date {
display: block;
font-size: 80%;
font-weight: normal;
margin-top: 0;
padding-top: 0;
}

.news-entry {
border-bottom: #673327 1px dotted;
}

.news-entry h6 {
margin: 0.2em 0;
padding: 0.4em 0 0 0;
}

.news-entry img {
float: right;
margin: 0 0 0 2em;
}

.button a{
padding: 0.4em;
text-decoration: none;
color: #673327;
border: #673327 1px solid;
}

.button a:hover{
text-decoration: none;
color: #ffffff;
border: #8d665d 1px solid;
background-color: #8d665d;
}

.bordertop {
padding: 0.5em 0 0 0;
border-top: #673327 1px dotted;
}


/*
 * Die News-Sprechblase kann hier gestyled werden.
 */
#extra-header {
    font-size: 90%;
    position: absolute !important;
    top: 140px;
    left: 320px;
    width: 200px;
    height: 80px;
	text-align: center;
}