body {
background-color: #FFFFFF;


}

/* Kasten für Hauptüberschrift: */
h1 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
color: #FFFFFF;
width: 530px;
background-color: #330099;
border-style: solid;
border-width: 1px;
border-left-width: 10px;
border-color:#330099;
padding: 3px;
 /* nur für NN 6 und Opera nötig: */
margin-top: 0px;
}
/* Format für textlinks: */
p.textlink1 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #FFFF00;
background-color: #330099;
}
/* Format für textlinksaktiv: */
p.textlink {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #FFFFFF;
background-color: #FF3300;
}

/* normaler Fließtext: */
p {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #330099;
background-color: white;
}

/* Kontaktadresse: */
p.klein {
font-size: 9pt;
background-color: #330099;
color: #FFFF00;
background-color: #330099;
margin-left: 5px;
}

/* Bild und Bildunterschrift: */
p.bild {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: gray;
background-color: white;
}
p.kasten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: center;
padding: 5px;
color: #FFFF00;
background-color: #330099;
border-style: solid;
border-width: 1px;
border-color: black;
width: 500px;
}

p.lkasten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
padding:12px;
color: #FFFF00;
background-color: #330099;
border-style: solid;
border-width: 1px;
border-color: black;
width: 528px;
}
.blau {
background-color: #330099;
}

.rot {
font-family: "Century Gothic", "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: bold;
color: #FF0000;
}

.gruen {
font-family: "Century Gothic", "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #009F00;
}

.rot-bg {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #330099;
background-color: #FFFFFF;
}


/* Grafik als Auf.zeichen: */
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: gray;
background-color: white;
list-style-image: url(sonne.gif);
}

/* Box für Navigationsspalte: */
#navi {
background-color: #330099;
margin-top: 1px;
width: 160px;
position: absolute;
top: 20px; left: 20px;
}

/* Box für Hauptspalte: */
#main {
margin-top: 20px;
width : 530px;
position: absolute;
background-color: #FFFFFF;
top: 0px; left: 205px;
}
 /* frei schwebender Eye-Catcher: */
#floatbox {
position: absolute;
top: 180px;
left: 570px;
}

 /* Preisangebote: */
p.preisbox {
position: absolute;
top: 245px;
left: 470px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3300FF;
width: 230px;
padding: 3px;
color: #FF0000;
background-color: #CCFFFF;
}

/*bild1:*/
p.bild1 {
position: absolute;
top: 300px;
left:20px;
}

 /* Start-bild-1: */
p.bildbox1 {
position: absolute;
top: 250px;
left: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3300FF;
width: 80px;
padding: 3px;
color: #FF0000;
background-color: #CCFFFF;
}

/*bild2:*/
p.bild2 {
position: absolute;
top: 250px;
left:100px;
}

 /* Start-bild-2: */
p.bildbox2 {
position: absolute;
top: 350px;
left: 80px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3300FF;
width: 120px;
padding: 3px;
color: #FF0000;
background-color: #CCFFFF;
}

/*bild3:*/
p.bild3 {
position: absolute;
top: 270px;
left:230px;
}

 /* Start-bild-3: */
p.bildbox3 {
position: absolute;
top: 230px;
left: 230px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3300FF;
width: 100px;
padding: 3px;
color: #FF0000;
background-color: #CCFFFF;
}

/*bild4:*/
p.bild4 {
position: absolute;
top: 230px;
left:370px;
}

 /* Start-bild-4: */
p.bildbox4 {
position: absolute;
top: 320px;
left: 340px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3300FF;
width: 180px;
padding: 3px;
color: #FF0000;
background-color: #CCFFFF;
}

/*bild5:*/
p.bild5 {
position: absolute;
top: 0px;
left:450px;
}

/*Stadtplan/
p.b1{
position: absolute;
top: 245px;
left: 270px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
width: 121px;
padding: 3px;

}


/* Rahmen für Buttons: */
p.linkbox1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 2px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
width: 150px;
padding: 3px;
color: #FFFF00;
background-color: #330099;
}
/* Button  */
p.linkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
margin-left: 2px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20px;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
width: 145px;
padding: 3px;
color: #FFFF00;
background-color: #330099;
}

/* Button für die aktive Seite: */
p.linkboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
margin-left: 2px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20px;
border-style: solid;
border-width:1px;
border-color: #3300FF;
width: 145px;
padding: 3px;
color: #3300FF;
background-color: #FFFFFF;
}



/* Links weiß, nicht unterstr.: */
A:link, A:active, A:visited {
text-decoration: none;
color: #00FFFF;
}

A:hover {
text-decoration: none;
color: #3300FF;
background-color: #FFFFFF;
}



/* Links blau */

a.bllink { color: #0000FF; text-decoration: underline; }


/* 3D-Effekt für Buttons */
input.knopf {
border-style: outset;
border-width: 1px;
border-color: #ff0000;
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
}

.rosa {
 font-family: sans-serif;
 color: #0000A0;
}