@charset "utf-8";
/* CSS Document für anjas-fusspflege - impressum + datenschutz*/

* {
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;
color: #000;
background: #fff url(../bilder/hintergrund.jpg) 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: #b23d72;
padding: 15px 0px 15px 0px;
}

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

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

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

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

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

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

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

.fett-beere-14 {
font-size: 14px;
color: #b23d72;
font-weight: bold;
}

.beere-16 {
font-size: 16px;
color: #b23d72;
font-weight: normal;
}

.beere-14 {
font-size: 14px;
color: #b23d72;
font-weight: normal;
}

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

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

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

.hoch {
margin-top: -10px;
}

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

.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;
}

#kopf {
display: block;
width: 1100px;
height: 315px;
background: transparent; 
}

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

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

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

#stuhl {
position: absolute;
top: 0px;
left: 804px;
width: 334px;
height: 315px;
z-index: 5;
background: transparent url(../bilder/stuhl.jpg) no-repeat;
}

#ueberschrift {
width: 1100px;
height: 87px;
background: transparent url(../bilder/ueberschrift.jpg) no-repeat;
z-index: 30;
}

#menue {
position: absolute;
top: 30px;
left: 240px;
width: 750px;
height: 50px;
z-index: 60;
background: transparent;
	}

#inhalt {
width: 1100px;
color: #575756; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent url(../bilder/inhalt.jpg) repeat-y;
z-index: 25;
}

#text {
margin-left: 50px;
padding-top: 20px;
width: 1000px;
color: #575756; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent;
line-height: 23px; /* um den peekaboo bug zu vermeiden */
z-index: 70;
}

#links450 {
float: left;
width: 450px;
margin-left: 50px;
background: transparent;
padding-bottom: 5px; /* 20px Abstand nach unten */
}

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

#links400 {
float: left;
width: 400px;
background: transparent;
padding-bottom: 5px; /* 20px Abstand nach unten */
}

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

#links350 {
float: left;
width: 350px;
background: transparent;
padding-bottom: 5px; /* 20px Abstand nach unten */
}

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

#footer {
width: 1100px;
height: 79px;
background: transparent url(../bilder/footer.jpg) 0 0 no-repeat;
z-index: 50;
}