@charset "UTF-8";
/* Basisvorlage CSS, Modernes Webdesign
www.Projektname.de
Start: 00.00.20xx
Letzte Änderung: 00.00.20xx
*/
 
/* Farbshema
----------------------------------------------- */
/*
Farbton (grün): #8AB61E
Farbton (lila): #87125E
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
/*

/* Reset
----------------------------------------------- */
* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals und Typo
----------------------------------------------- */
html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 1000 Pixel und eine Höhe bis 950 Pixel anzeigt.
Die Breite von 980 Pixel ist markiert. Der Hintergrund ist transparent, muss also
nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px
festgelegt.
background: #fff url('bilder/xxx.jpg') top left no-repeat;
*/
background: #fff;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
background: transparent url ('urlbilder/xxx.jpg) top left;
*/
background: #fff;
font: 0.75em "Trebuchet MS" Arial, Tahoma, Verdana, sans-serif;
}

html>body {
font-size: 0.75em;
}

a:link {
color: #87125E;
text-decoration: none;
}
a:visited {
color: #87125E;
text-decoration: none;
}
a:hover {
color: #8AB61E;
text-decoration: none;
border-bottom: 1px dotted #8AB61E; 
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------- */
a:focus {
outline: none;
}

/* Vertikaler Rhytmus basierend aud 12px Basisgröße für den Fließtext
----------------------------------------------- */
p {
font: 1em/1.5em "Trebuchet MS" Arial, Tahoma, Verdana, sans-serif;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

h1 {
font: 1.67em/0.9em "Trebuchet MS", Times, serif;
margin-top: 0.9em;
margin-bottom: 0.9em;
}

h2 {
font: 1.5em/1em "Trebuchet MS", Times, serif;
margin-top: 1em;
margin-bottom: 1em;
}

h3 {
font: 1.33em/1.13em "Trebuchet MS", Times, serif;
margin-top: 1.13em;
margin-bottom: 1.13em;
}

h4 {
font: 1.17em/1.29em "Trebuchet MS", Times, serif;
margin-top: 1.29em;
margin-bottom: 1.29em;
}

/* Bilder und verlikte Bilder ohne Rahmen
----------------------------------------------- */
img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
----------------------------------------------- */
.links {
float:left;
margin: 0 0.5em 0.5em 0;
}

.rechts {
float: right;
margin: 0 0 0.5em 0.5em;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Floats aufzulösen.
----------------------------------------------- */

#wrapper {
width: 100%;
margin: 30px auto;
text-align: left;
}

#header {
background: #FFFFFF url(grafiken/header.jpg) repeat-x;
color: #fff;
float: left;
height: 170px;
margin: 0 auto;
width: 100%;
}

#banner {
background: #8AB61E url(grafiken/banner.jpg) repeat-x;
color: #fff;
float: left;
height: 120px;
margin: 0 auto;
width: 100%;
}

#info {
background: #8AB61E url(grafiken/info.jpg) repeat-x;
color: #fff;
float: left;
height: 70px;
margin: 0 auto;
width: 100%;
}

#content {
background: #8AB61E url(grafiken/content.jpg) repeat-x;
color: #fff;
float: left;
height: 260px;
margin: 0 auto;
width: 100%;
}

#footer {
background: #FFF;
color: #87125E;
float: left;
height: 35px;
margin: 0 auto;
width: 100%;
}

/* Layoutelemente Main
Verwenden Sie overflow: hidden; um nötige Floats aufzulösen.
----------------------------------------------- */
#mainheader {
clear: both;
background: #FFFFFF url(grafiken/headermain.jpg) top left no-repeat;
color: #fff;
float: none;
height: 170px;
margin: 0 auto;
width: 980px;
}

#mainbanner {
clear: both;
background: #8AB61E url(grafiken/bannermain.jpg) top left no-repeat;
color: #fff;
height: 120px;
margin: 0 auto;
width: 980px;
}

#maininfo {
clear: both;
background: #8AB61E url(grafiken/infomain.jpg) top left no-repeat;
color: #fff;
height: 70px;
margin: 0 auto;
width: 980px;
}

#maincontent {
clear: both;
background: #8AB61E url(grafiken/contentmain.jpg) top left no-repeat;
color: #fff;
height: 260px;
margin: 0 auto;
width: 980px;
}

#mainfooter {
clear: both;
background: #FFF;
color: #8AB61E;
height: 25px;
margin: 0 auto;
padding: 10px 0 0 35px;
width: 945px;
}

.clearfloat
{ /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}