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

/* 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: #fff url(../bilder/hintergrund-streifen-oben.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: 10px 10px 10px 10px;
}

/* 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-rot {
font-size: 11px;
color: #d30505;
font-weight: bold;
}

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

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


.schrift-formular {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

h1 {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #d30505;
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: #d30505;
padding: 10px 0 5px 10px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}


hr {
width: 690px;
color: #d30505;
margin: 0px 0px 10px 5px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}

.ueberschrift {
font: 18px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #d30505;
padding: 10px 0 0px 240px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}


/* hier die normalen Links der Seite */
/* sie werden blau angezeigt - kein Unterstrich usw. */
a {
font-size: 11px;
font-weight: bold;
color: #d30505;
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: #d30505;
}

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

.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: 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 url(../bilder/hintergrund-inhalt.jpg) 0 0 repeat-y;
}

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

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

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

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

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

/* der Bereich inhalt enthält div-links und div-rechts */
#inhalt {
margin-left: 193px; /* er beginnt 204px von links (um für die Navigation Platz zu machen) */
width: 700px; /* der Div ist 670px breit */
color: #000; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent url(../bilder/wappen-hintergrund.jpg) 0 0 no-repeat;
line-height: 15px; /* um den peekaboo bug zu vermeiden */
z-index: 20;
}

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

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



/* der footer ist die Fußzeile und geht über die gesamte Inhalt-Breite */
#footer {
left: 0px;
width: 980px;
height: 74px;
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: #ooo;
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;
}

#spry-menue {
	position: absolute;
	top: 299px;
	left: 45px;
	z-index: 20;
	background: transparent;
}

/* Navigation oben */
/* diese ist absolut positioniert - richtet sich aber immer an dem website-bereich */
#navoben {
	position: absolute;
	top: -271px;
	left: 261px;
	width: 480px;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	z-index: 10;
}

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

/* die Definition der Links in der oberen Navigation */
#navoben 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: #fff;
padding: 2px 75px 4px 0px;
text-decoration: none;
}

/* die Definition, sobald man mit der mouse darüber geht und klickt */
#navoben a:hover, a:active {
color: #ff9999;
font-weight: bold;
background: transparent;
}