@charset "utf-8";
/* CSS Document fuer Scholz*/

/* 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: #d7e6ed url(../bilder/hintergrund-verlauf.jpg) 0 0 repeat-x;
text-align: center; /* der body wird zentriert - zentriertes Design */
}

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

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

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

/* Die Schriftgröße in einem Absatz ist generell 11px */
.klein {
font-size: 9px;
font-weight: normal;
}

/* Die Schriftgröße in einem Absatz ist generell 11px */
.fett {
font-size: 11px;
font-weight: bold;
}

/* Die Schriftgröße in einem Absatz ist generell 11px */
.fett-blau {
font-size: 11px;
color: #024395;
font-weight: bold;
}

.fett-blau-gross {
font-size: 15px;
color: #024395;
font-weight: bold;
}

.fett-grau-gross {
font-size: 15px;
color: #7d7d7d;
font-weight: bold;
}

.fett-grau-18 {
font-size: 18px;
color: #7d7d7d;
font-weight: bold;
}

.ueberschrift-text {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #024395;
}

.kastenblau {
font: 13px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background-color: #024395;
padding: 2px 10px 2px 10px;
margin: 0px 20px 5px 5px;
text-align: left;
border: 1px #fff solid;
}


/* Links */
a {
font-size: 11px;
font-weight: bold;
color: #024395;
text-decoration: none;
}

/* sobald die Mouse darüber geht, werden sie fett - bleiben blau */
a:hover {
color: #fff;
font-weight: bold;
text-decoration: none;
background-color: #024395;
}

a img{
border: 0 none;
text-decoration: none;
}

.rahmen {
border: 1px #024395 solid;
}

.rahmen-abstand {
border: 1px #024395 solid;
margin-top: 20px;
}

.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {
float: left;
margin-right: 8px;
}

.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 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: 1000px;
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 url(../bilder/hintergrund-verlauf.jpg) 0 0 repeat-x;
}

/* das Element Kopf ist der gesamte Bereich oben, enthält das zwei Bilder quer über die Seite */
#kopf {
display: block;
width: 1000px;
height: 191px;
background: transparent; 
}

#kopf-links {
position: absolute;
top: 0px;
left: 0px;
width: 370px;
height: 191px;
z-index: 5;
background: transparent url(../bilder/kopf-links.jpg) no-repeat;
}

#kopf-mitte {
position: absolute;
top: 0px;
left: 370px;
width: 260px;
height: 191px;
z-index: 5;
background: transparent url(../bilder/kopf-mitte.jpg) no-repeat;
}

#kopf-rechts {
position: absolute;
top: 0px;
left: 630px;
width: 370px;
height: 191px;
z-index: 5;
background: transparent url(../bilder/kopf-rechts.jpg) no-repeat;
}

/* der Bereich inhalt enthält div-links und div-rechts */
#ueberschrift {
width: 1000px;
height: 85px;
background: transparent url(../bilder/hintergrund-ueberschrift.jpg) no-repeat;
}

#ueberschrift-kasten {
	position: absolute;
	top: 220px;
	left: 280px;
	width: 350px;
	height: 20px;
	z-index: 8;
	background: transparent;
}

#ecke-symbol {
	position: absolute;
	top: 202px;
	right: 72px;
	width: 140px;
	height: 148px;
	z-index: 8;
	background: transparent;
}

#link-deutsch {
	position: absolute;
	top: 183px;
	left: 885px;
	width: 20px;
	height: 14px;
	z-index: 20;
	background: transparent;
	visibility: visible;
}
#link-englisch {
	position: absolute;
	top: 183px;
	left: 910px;
	width: 20px;
	height: 14px;
	z-index: 20;
	background: transparent;
	visibility: visible;
}

/* der Bereich inhalt enthält div-links und div-rechts */
#mitte {
width: 1000px; /* der Div ist 980px breit */
color: #000; /* 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 */
z-index: 20;
}

/* der Bereich inhalt enthält div-links und div-rechts */
#inhalt {
margin-left: 270px; /* er beginnt 204px von links (um für die Navigation Platz zu machen) */
width: 650px; /* der Div ist 670px breit */
color: #000; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent;
line-height: 18px; /* um den peekaboo bug zu vermeiden */
}

/* die linke Spalte im Inhalt-Bereich */
#links {
float: left;
width: 380px;
background: transparent;
margin-right: 5px;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

/* die linke Spalte im Inhalt-Bereich */
#links500 {
float: left;
width: 500px;
background: transparent;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

/* die rechte Spalte im Inhalt-Bereich */
#rechts {
float: left;
width: 255px;
margin-left: 3px;
margin-top: 90px;
background: transparent;
padding-bottom: 20px; /* 20px Abstand nach unten */
}


/* Navigation links */
/* diese ist absolut positioniert - richtet sich aber immer an dem website-bereich */
#navlinks {
	position: absolute;
	top: 278px;
	left: 54px;
	width: 160px;
	color: #fff;
	z-index: 15;
	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: 160px;
text-decoration: none;
font-weight: normal;
padding: 5px 0 5px 40px;
}

/* Links wenn verlinkt - normale ansicht, wenn bereits besucht */
#navlinks .nav a:link, 
#navlinks .nav a:visited {
font-size: 11px;
color: #fff;
width: 160px;
text-decoration: none;
padding: 5px 0 5px 40px;
background: transparent url(../bilder/button-1.gif) top left no-repeat;
}

/* 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 {
font-size: 11px;
color: #ccc;
width: 160px;
font-weight: normal;
background: transparent url(../bilder/button-2.gif) top left no-repeat;
text-decoration: none;
}

#navlinks .nav a:link.akt, 
#navlinks .nav a:visited.akt {
font-size: 11px;
color: #ccc;
width: 160px;
font-weight: normal;
background: transparent url(../bilder/button-2.gif) top left no-repeat;
text-decoration: none;
}

/* der footer ist die Fußzeile und geht über die gesamte Inhalt-Breite */
#footer {
left: 0px;
width: 1000px;
height: 54px;
background: transparent url(../bilder/fuss.jpg) no-repeat; 
clear: both;
}

/* für den Text im Footer gilt diese Größe, Farbe und hat diesen Abstand im Footer */
#footer .footertext {
color: #000;
padding: 45px 0px 0px 200px;
text-decoration: none;
}

/* hier die Definition für Links im Footerbereich */
#footer .footertext a {
font-size: 9px;
color: #000;
font-weight: normal;
}

/* hier die Definition für Links im Footerbereich beim hovern */
#footer .footertext a:hover {
color: #000;
font-weight: normal;
text-decoration: none;
border-bottom: 2px dotted #000;
background: none;
margin: 0px 0px 4px 0px;
}