* {
         padding: 0;
         margin: 0;
}

body {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 62.5%;
         background-color: #f9f6f1;
}

#wrapper {
         width: 800px;
/*       border: 1px solid black; */
         margin: 10px auto;
         background-color: white;

}

#header {
         height: 120px;
}

#spalte1 {
         float: left;
         background-image:
         url(http://www.bueroplan-ka.de/images/5.jpg);
         background-repeat: no-repeat;
         background-position: 70px 20px;
         width: 325px;
         height: 300px;  /* Minimalhöhe wg. BG-Bild notwendig */
}

#spalte2 {
         background-color: white;
         float: left;
         width: 475px;
         margin: 0;
         padding: 0;
}

#footer {
         clear: both;
         background-image:
         url(http://www.bueroplan-ka.de/images/2.jpg);
         /* Breite 800px, Höhe irr. wg. Boxhöhe */
         height: 70px;
         padding: 0px;
}

/**************************************
Änderungshistorie:
Seite erstellt am 29.10.2009

Idee:
Header, Footer, 2 Spalten.
Breite 1024px.
Zweifarbige Website.

Wichtige Farben:
white = weiß (Hintergrund)
#a80021 = rot (Links)
#eeebe6 = grau (Fußzeile Hintergrund)
#f9f6f1 = leichtes grau (Body Hintergrund)
#cfcecc = kräftiges grau (für Winkelstriche)

Problem:
wenn Seite kleiner (weniger hoch) ist Bildschirm,
hüpft sie nach rechts. Ursache unbekannt.
Lösung:
Seite muss mindestens exakt so hoch sein wie der Bildschirm.
****************************************/


/*************/
/* Allgemein */
/*************/
p {
         font-size: 1.5em;
         padding: 10px 40px 10px 20px;
}

p.ersterabsatz {
         padding: 50px 40px 10px 20px;
}
p.letzterabsatz {
         padding: 10px 40px 25px 20px;
}

h1 {
         font-size: 2.5em;
         font-weight: bold;
         padding: 50px 20px 20px 20px;
}

h2 {
         font-size: 1.75em;
         font-weight: bold;
         padding: 10px 20px 10px 20px;
}

a:link, a:visited {
         color: #a80021;
         font-weight: normal;
         font-style: italic;
         text-decoration: none;
}

a:hover, a:active {
         text-decoration: underline;
}

p.nachoben {
         font-size: 1.2em;
         margin: 0;
         padding: 0 40px 40px 175px;
}


/***********/
/* Spalte1 */
/***********/
#spalte1 ul {
         font-size: 1.3em;
         list-style-type: none;
         margin: 0 0 0 50px;
         padding: 75px 0 0 0px;
}

#spalte1 ul li{
         font-size: 1.2em;
         padding-top: 8px;
}

#spalte1 #high {
         font-weight: bold;
         color: #a80021;
         background-color: #f9f6f1;
}

#spalte1 a:link, #spalte1 a:visited {
         color: black;
         font-weight: bold;
         font-style: normal;
         text-decoration: none;
}

#spalte1 a:hover, #spalte1 a:active {
         color: #a80021;
         font-weight: bold;
         text-decoration: none;
         font-weight: bold;
         background-color: #f9f6f1;
}

#spalte1 a.aktiv:link,
#spalte1 a.aktiv:visited,
#spalte1 a.aktiv:hover,
#spalte1 a.aktiv:active
{
         color: #a80021;
         font-weight: bold;
         text-decoration: none;
         font-weight: bold;
         background-color: #f9f6f1;
         border: 0px solid black;
}

/***********/
/* Spalte2 */
/***********/

/****** Homeseite ******/
p.gross-oben {
         font-size: 2.5em;
         text-align: left;
         padding: 50px 40px 20px 20px;
}

ul.startli {
         font-size: 1.2em;
         list-style-type: none;
         margin: 0 0 0 50px;
         padding: 0px 20px 30px 0;
}

ul.startli li{
         font-size: 1.2em;
         padding: 10px 20px 0 10px;
}

p.gross-unten {
         font-size: 2.5em;
         text-align: left;
         padding: 10px 40px 60px 20px;
}


/****** Übermich-Seite ******/
p.bildabsatz {
         padding: 50px 40px 20px 20px;
         text-align: center;
}

p.listeueber {
         padding: 20px 40px 0 20px;
}

ul.vita {
         font-size: 1.2em;
         list-style-type: square;
         margin: 0 0 0 50px;
         padding: 10px 40px 20px 0;
}

ul.vita li{
         font-size: 1.2em;
         padding: 5px 40px 0 10px;
}


/****** Service-Seiten ******/
ul.service {
         font-size: 1.2em;
         list-style-type: square;
         margin: 0 0 0 50px;
         padding: 10px 40px 20px 0;
}

ul.service li{
         font-size: 1.2em;
         padding: 5px 40px 0 10px;
}

p.klein {
         font-size: 1.2em;
         font-style: italic;
         padding: 0px 80px 20px 60px;

}


/****** Vorteile-Seite ******/
ul.vorteile {
         font-size: 1.2em;
         list-style-type: square;
         margin: 0 0 0 50px;
         padding: 10px 40px 40px 0;
}

ul.vorteile li{
         font-size: 1.2em;
         padding: 5px 40px 0 10px;
}


/****** AGB-Seite ******/
h2.agb {
         font-size: 1.3em;
         font-weight: bold;
         padding: 5px 20px 0px 20px;
}
p.agb {
         font-size: 1.25em;
         padding: 5px 20px 0px 20px;
}
p.agbletzterabsatz {
         font-size: 1.25em;
         padding: 5px 20px 25px 20px;
}


/****** Kontakt-Seite ******/
form {
   background-color: white;
   width: 370px;
   margin: 0 0 40px 20px;
   padding: 20px;
   border: 1px solid black;
}
label {
   display: block;
   cursor: pointer; /* Bei Klick auf Label wird Cursor in das Eingabefeld gesetzt */
}
input#absender,
textarea {
   width: 330px;
   border: 1px solid black;
   margin-bottom: 1em;
}
textarea {
   height: 8em;
}
input#absender:focus,
textarea:focus {
   background-color: #f9f6f1; /* Hintergrundfarbe bei Datenerfassung. Funktioniert im Firefox, nicht im IE */
}


/****** Impressum-Seite ******/
img.webdesign {
         margin-left: 0px;
         border: 1px solid black;
}
table.imp {
         margin: 0 0 25px 20px;
         width: 350px;
         font-size: 1.5em;
}
td.s1 {
         width: 55px;
}
td.s2 {
         width: 285px;
}


/**********/
/* Footer */
/**********/
#umenue ul {
         font-size: 1.2em;
         list-style-type: none;
         margin: 0;
         padding: 15px 0 0 342px;
}

#umenue ul li{
         display: inline;
         list-style: none;
         margin: 0 15px 0 0;  /* Abstand zwischen den Menüpunkten */
         font-size: 1.2em;
         padding: 0;
}

#umenue a:link, #umenue a:visited {
         color: black;
         font-weight: bold;
         font-style: normal;
         text-decoration: none;
}

#umenue a:hover, #umenue a:active {
         text-decoration: underline;
}