/* CSS-Datei für Radmarathon ab 2007 */

/* 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: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #000 url(../bilder/back.gif) 0 0 repeat-x;
text-align: center; /* der body wird zentriert - zentriertes Design */
}

h1 {
font: 20px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #c30;
text-align: center;
padding: 5px 0 5px 0px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}

h5 {
font: 20px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #c30;
text-align: left;
padding: 10px 0 10px 15px; /* Rand nach innen: 10px nach oben + 10px nach unten + 20px nach links */
}

h2 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
padding: 10px 15px 10px 15px;
line-height: 18px;
}

h3 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background-color: #f90;
padding: 5px 5px 5px 5px;
margin: 10px 15px 5px 15px;
text-align: center;
border: 1px #000 solid;
}
h4 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f90;
	text-align: left;
	border: 1px #000 solid;
	width: 400px;
	margin: 0px 0px 0px 15px;
	padding: 3px 3px 3px 3px;
}


/* Klasse fett für Fettschrift im Text  */

.kasten {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f90;
	padding: 5px 5px 5px 5px;
	margin: 10px 5px 10px 5px;
	text-align: center;
	border: 1px  solid;
	border-color: #000000;
}

.kastenbreit {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #f90;
	margin: 10px 5px 10px 5px;
	text-align: center;
	border: 1px  solid;
	border-color: #000000;
	padding: 5px 90px 5px 90px;
}

.kastenbreit-blink {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #f90;
	margin: 10px 5px 10px 5px;
	text-align: center;
	border: 1px  solid;
	border-color: #000000;
	text-decoration: blink;
	padding: 5px 90px 5px 90px;
}
.kastenlinksbundig {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #000000;
	background-color: #FFCC33;
	padding: 5px 5px 5px 5px;
	margin: 10px 5px 10px 5px;
	text-align: left;
	border: 1px  solid;
	border-color: #000000;
	font-size: 12px;
}
.kastenbreit100Prozent {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #f90;
	text-align: left;
	border: 1px solid #000000;
}


.fett {
font-size: 12px;
color: #c30;
font-weight: bold;
}

.fettschwarz {
font-size: 12px;
color: #000;
font-weight: bold;
}
.fettschorange {
	font-size: 12px;
	color: #F49300;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	background-color: #000000;
	text-align: left;
}


.fettschwarzunderline {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.fettgross {
font-size: 14px;
color: #c30;
font-weight: bold;
line-height: 18px;
}

.20links {
font-size: 20px;
color: #c30;
font-weight: normal;
line-height: 18px;
text-align: left;
}

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

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


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

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

/* hier die Definition für Links im Footerbereich beim hovern */
.footertext a:hover {
color: #fff;
font-weight: normal;
}

p.footertext {
font-size: 12px;
padding: 10px 0px 0px 0px;
line-height: 16px;
}



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

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

a:hover {
color: #000;
font-weight: bold;
text-decoration: none;
}

a:active; 
a:visited; {
color: #c30;
font-weight: normal;
text-decoration: none;
}

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

a ul,
a il{
text-decoration: none;
}

/* Linien im Bereich inhalt */
#inhalt hr {
width: 570px;
height: 2px;
background: #999;
text-align: center;
margin: 0px 5px 0px 5px;
border: 0 none;
}


/* IDs */

#website {
position: relative; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit margin: 0 auto */
width: 950px;
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.gif) repeat-y; /* das obere Hintergrundbild mit dem Streifen wiederholt sich horizontal */
}

/* das Element Kopf ist der gesamte Bereich oben, enthält das gesamte Bild quer über die Seite */
#kopf {
	display: block;
	width: 950px;
	height: 206px;
	background: transparent url(../bilder/kopf.gif) top right no-repeat;
}

#fredlmeier {
position: absolute;
top: 0px;
right: 0px;
width: 202px;
height: 239px;
z-index: 30;
background: transparent url(../bilder/fredlmeier.gif) top right no-repeat;
}


#zurueckobenrechts {
	position: absolute;
	top: 219px;
	right: 176px;
	width: 220px;
	height: 20px;
	z-index: 5;
	background: transparent;
}

#brv-logo {
	position: absolute;
	top: 10px;
	right: 220px;
	width: 190px;
	height: 62px;
	z-index: 6;
	background-color: transparent;
	background-image: url(../bilder/brv-logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#radio-logo {
	position: absolute;
	top: 12px;
	left: -102px;
	width: 200px;
	height: 76px;
	z-index: 8;
	background-color: transparent;
	background-image: url(../bilder/extra-radio.gif);
	border: 1px solid #000;
}


/* der Bereich inhalt enthält div-links und div-rechts */
#inhalt {
margin-left: 190px;
width: 600px; /* der Div ist 600px breit */
color: #000; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent; /* der Hintergrund ist transparent */
line-height: 15px; /* um den peekaboo bug zu vermeiden */
}

#links {
width: 280px;
float: left;
margin-left: 0px;
color: #000;
text-align: left;
background: transparent;
padding-top: 10px;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

#rechts {
width: 280px;
text-align: left;
float: left;
color: #000;
background: transparent;
padding-top: 10px;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

#fuss {
width: 597px;
height: 50px;
background: transparent url(../bilder/fuss.gif) no-repeat; 
margin-left: 0px;
clear: both;
}

#fuss p {
font-size: 11px;
color: #000;
padding: 23px 15px 3px 15px;
}

#fuss a {
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #000;
}

#fuss a:hover {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
color: #000;
}

p.inhaltunten {
clear: both;
color: #fff;
padding: 5px 0px 5px 20px;
background: transparent;
}



/* Navigation links */
/* diese ist absolut positioniert - richtet sich aber immer an dem website-bereich */
#navlinks {
position: absolute;
top: 212px;
left: 36px;
width: 150px;
color: #000;
background: transparent;
}

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

/* die Links der Klasse nav im Navlinks-Div */
#navlinks .nav a {
font-size: 12px;
display: block;
width: 150px;
wid\th: 130px;
text-decoration: none;
font-weight: normal;
padding: 7px 0 8px 15px;
}

/* Links wenn verlinkt - normale ansicht, wenn bereits besucht */
#navlinks .nav a:link, 
#navlinks .nav a:visited {
font-size: 12px;
color: #000;
text-decoration: none;
background: transparent url(../bilder/button1.gif) top right 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 {
color: #fff;
background: transparent url(../bilder/button2.gif) top right no-repeat;
text-decoration: none;
}



/* Navigation oben */
/* diese ist absolut positioniert - richtet sich aber immer an dem website-bereich */
#navoben {
position: absolute;
top: 148px;
left: 300px;
width: 420px;
font-size: 12px;
font-weight: normal;
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: 12px;
font-weight: normal;
color: #000;
padding: 2px 13px 4px 13px; /* die Abstände der Punkte 2px nach oben, 13px nach rechts, 4px nach unten, 13px nach links */
text-decoration: none;
}

/* die Definition, sobald man mit der mouse darüber geht und klickt */
#navoben a:hover, a:active {
color: #fff;
font-weight: normal;
background: transparent;
border-bottom: 2px solid #000;
}
#videoyoutube {
	margin-left: 52px;
	width: 480px; /* der Div ist 600px breit */
	color: #FF9900; /* um den peekaboo bug zu vermeiden */
	background: #FF9900;
	text-align: center;
	padding: 10px 0px;
}