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

* {
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: 14px Arial, Verdana, Helvetica, sans-serif;
background: #796f6d url(../bilder/verlauf.png) 0 0 repeat-x;
text-align: center; /* der body wird zentriert - zentriertes Design */
}

h1 {
font: 22px Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #b3cc10;
padding: 15px 0px 15px 0px;
}

h2 {
font: 15px Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #5b5b5a;
padding: 0px 0px 5px 0px;
}

h4 {
font: 17px Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
padding: 0px 0px 5px 0px;
}

p {
font-size: 13px;
padding: 10px 0px 10px 0px;
}

.weiss {
font-size: 13px;
color: #fff;
font-weight: normal;
}

.kleiner {
font-size: 9px;
color: #5b5b5a;
}

.klein {
font-size: 10px;
line-height: 13px;
}

.fett-14 {
font-size: 14px;
color: #5b5b5a;
font-weight: bold;
}

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


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

a {
font-size: 13px;
font-weight: normal;
color: #fff;
text-decoration: none;
}

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

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

.fltrt2 {
float: right;
margin-right: 50px;
}

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

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

.abstand{
margin-top: 2px;
}

.abstandgr{
margin-top: 10px;
}

#website {
position: relative; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit margin: 0 auto */
width: 1100px;
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;
}

#links1 {
position: absolute;
top: 0px;
left: 0px;
width: 592px;
height: 415px;
z-index: 10;
background: transparent url(../bilder/links1.png) no-repeat;
}

#links2 {
position: absolute;
top: 415px;
left: 0px;
width: 592px;
height: 340px;
z-index: 10;
background: transparent url(../bilder/links2.png) no-repeat;
}

#inhalt {
	position: absolute;
	top: 418px;
	right: 10px;
	width: 458px;
	color: #fff; /* die normale Schriftfarbe ist dunkles Grau */
	font-weight: normal;
	background: transparent;
	z-index: 70;
}

#jubi {
	position: absolute;
	top: 20px;
	right: -10px;
	width: 505px;
	color: #fff; /* die normale Schriftfarbe ist dunkles Grau */
	font-weight: normal;
	background: transparent;
	z-index: 80;
}

/* Navigation*/
#nav {
	position: absolute;
	top: 33px;
	right: 60px;
	width: 200px;
	height: 24px;
	z-index: 20;
}

/* die Definition der Links in der oberen Navigation */
#nav 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: #fff;
padding: 3px 7px 3px 15px;
background: transparent;
text-decoration: none;
}

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

#footer {
position: absolute;
top: 755px;
left: 0px;
width: 1100px;
height: 75px;
background: transparent url(../bilder/footer.png) 0 0 no-repeat;
z-index: 50;
}