@charset "utf-8";
/* CSS Document für Relaxart*/

/* Befehl, dass alle Positionen  auf 0 gesetzt werden */
/* dadurch gibt es keine Verschiebungen bei den Browsern */
/* * steht für alle Elemente */
* {
margin: 0;
padding: 0;
}

/* alle Rahmen im Layout werden vorerst auf 0 gesetzt */
html, body {
border: 0 solid;
}

/* Grunddefinition für Schrift und Farbe */
body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #000 url(../bilder/hintergrund-verlauf.jpg) 0 0 repeat-x;
text-align: center; /* der body wird zentriert - zentriertes Design */
}

h1 {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #887132;
padding: 15px 0 5px 10px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}

h1 {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #887132;
padding: 0px 0px 5px 0px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}

.klein {
font-size: 9px;
color: #000;
font-weight: normal;
}

/* Klasse fett für Fettschrift im Text  */
.fett {
font-size: 11px;
color: #887132;
font-weight: bold;
}

.fettkasten {
font-size: 11px;
color: #fff;
font-weight: bold;
background-color: #DCB770;
padding: 5px 5px 5px 5px;
}

.fett-weiss {
font-size: 11px;
color: #fff;
font-weight: bold;
}

.fett-weiss-14 {
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 0px 0px 5px 10px;
}

/* Die Schriftgröße in einem Absatz ist generell 11px */
p {
font-size: 11px;
padding: 10px 0px 10px 0px;
}

img {
border: 0 none;
}

a img {
border: 0 none;
margin: 0 0 5px 0;
}

a {
font-size: 11px;
font-weight: bold;
color: #887132;
text-decoration: none;
}

a:hover {
color: #fff;
font-weight: bold;
text-decoration: none;
background-color: #887132;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.ueberschrift {
margin-left: 193px;
margin-top: 0px;
}

/* IDs */

/* website steht für den gesamten container, in dem alle divs liegen */
/* nicht mit dem body verwechseln - die Bereiche links und rechts, die sich je nach Browser vergrößern gehören nicht zur #website */
#website {
position: relative; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit margin: 0 auto */
width: 980px;
margin: 0 auto; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit position: relativ */
text-align: left; /* alles in der website soll aber linksbündig sein */
background: transparent;
}

#kopf-1 {
display: block;
width: 980px;
height: 44px;
background: transparent url(../bilder/kopf-1.jpg) 0 0 no-repeat; 
}

#kopf-2 {
display: block;
width: 980px;
height: 143px;
background: transparent url(../bilder/kopf-2.jpg) 0 0 no-repeat; 
}

#kopf-bilder {
width: 679px;
height: 143px;
background: transparent;
float: left;
}

#logo {
width: 301px;
height: 143px;
background: transparent url(../bilder/logo.jpg) 0 0 no-repeat;
float: left;
}

#ueberschrift {
display: block;
width: 980px;
height: 58px;
background: transparent url(../bilder/hintergrund-ueberschrift.jpg) 0 0 no-repeat; 
}

#inhalt {
margin-left: 74px;
width: 867px; /* der Div ist 686px breit */
color: #525252; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent url(../bilder/hintergrund-inhalt.jpg) 0 0 repeat-y;
line-height: 15px; /* um den peekaboo bug zu vermeiden */
}

#text {
margin-left: 135px;
width: 700px; /* der Div ist 700px breit */
color: #525252; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent;
line-height: 15px; /* um den peekaboo bug zu vermeiden */
padding-bottom: 20px;
}

/* die linke Spalte im Inhalt-Bereich */
#links {
float: left;
width: 350px;
background: transparent url(../bilder/hintergrund-inhalt.jpg) 0 0 repeat-y;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

/* die rechte Spalte im Inhalt-Bereich */
#rechts {
float: left;
width: 300px;
margin-left: 5px;
background: transparent url(../bilder/hintergrund-inhalt.jpg) 0 0 repeat-y;
padding-bottom: 20px; /* 20px Abstand nach unten */
}


#menuefeld {
position: absolute;
top: 245px;
left: 0px;
width: 190px;
height: 376px;
z-index: 5;
background: transparent url(../bilder/hintergrund-menue.jpg) 0 0 no-repeat;
}

#fuss {
width: 980px;
height: 75px;
background: transparent url(../bilder/fuss.jpg) 0 0 no-repeat; 
clear: both;
}

/* Navigation links */
/* diese ist absolut positioniert - richtet sich aber immer an dem website-bereich */
#navlinks {
margin-top: 10px;
margin-left: 45px;
width: 124px;
color: #27211d;
background: transparent;
}

/* Listen im Bereich navlinks */
#navlinks li {
display: inline;
margin: 0 0 0 0;
}

/* die Links der Klasse nav im Navlinks-Div */
#navlinks .nav a {
font-size: 11px;
display: block;
width: 124px;
text-decoration: none;
font-weight: normal;
padding: 3px 0 5px 20px;
}

/* Links wenn verlinkt - normale ansicht, wenn bereits besucht */
#navlinks .nav a:link, 
#navlinks .nav a:visited {
font-size: 11px;
color: #27211d;
text-decoration: none;
padding: 3px 0 5px 20px;
background: transparent;
}

/* Links wenn mouse darüber geht, wenn man klickt, wenn mit Tab-Taste gesprungen wird */
#navlinks .nav a:hover, 
#navlinks .nav a:active, 
#navlinks .nav a:focus {
color: #27211d;
font-weight: bold;
background: transparent url(../bilder/pfeil.gif) top left no-repeat;
text-decoration: none;
}



/* Navigation unten */
/* diese ist absolut positioniert - richtet sich aber immer an dem website-bereich */
#navunten {
margin-top: 8px;
margin-right: 8px;
width: 350px;
font-size: 11px;
font-weight: bold;
list-style-type: none;
z-index: 10;
float: right;
}

/* Listen im Bereich navobaen */
#navunten li {
display: inline;
padding: 0 0 0 0;
}

/* die Definition der Links in der oberen Navigation */
#navunten a {
display: block; /* notwenidig, damit ein padding vergeben werden kann */
float: left; /* die List-Elemente sollen nebeneinander stehen */
font-size: 11px;
font-weight: bold;
color: #27211d;
padding: 2px 9px 4px 9px;
text-decoration: none;
}

/* die Definition, sobald man mit der mouse darüber geht und klickt */
#navunten a:hover, a:active {
color: #fff;
font-weight: bold;
background: transparent;
border-bottom: 2px dotted #27211d;
}