* {margin: 0; padding: 0;}

body
{
   font-family: Tahoma, Arial, MS sans serif, Helvetica;
   background-image: url(../images/hintergrund-verlauf.gif);
   background-repeat: repeat-x;
   background-color: #DBDCDE;
   font-size: 100.1%;

}

#wrapper {
   color: #767676;
   background-color: #FFFFFF;
   width: 950px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   font-size: 0.7em;
   }

h1 {
   padding-bottom: 15px;
}
h2 {
   padding-bottom: 10px;
}

h3 {
   padding-bottom: 5px;
   }
#logo {
   background: url(../images/logo-header.gif); repeat no; width: 950px;
}

/* Navigation mit Hintergrundbildern oben horizontal*/
#navioben {
   float: left;
   border-style: none solid none solid;
   border-color: #9F9FA4;
   border-width: 1px;
   text-align: center;
   background: url(../images/navi-oben-first.gif); repeat no;
}
#navioben ul {
   list-style-type: none;
}
#navioben li {
   float: left;
   height: 35px;
}
#navioben a {
   width: 110px;
   height: 27px;
   display: block;
   padding-top: 8px;
   text-decoration: none;
}
#navioben a {
   color: #FFFFFF;
   background: url(../images/navi-oben.gif);
}
#navioben a:hover, #navioben a:focus, #navioben a:active {
   color: #9F9F9F;
   background: url(../images/navi-oben-on.gif)
}
/* Ende Navigation mit Hintergrundbildern oben horizontal */

/* oberhalb Navigation linke Seite */
#navilinksfirst {
   /*background: url(../images/navi-links-hintergrund.gif); repeat; width: 163px;*/
   background-color: #7793D9;
}

#lilabox {
   background-color: #A640BF;
   width: 164px;
   color:#FFFFFF;
   padding-left: 12px;
   padding-top: 7px;
   padding-bottom: 7px;
   padding-right: 4px;
   border-style: solid none solid none;
   border-color: #FFFFFF;
   border-width: 1px;
   font-size: 1.5em;
   line-height: 1.3em;
}


/* Navigation linke Seite */
#navilinks {
   float: left;
   width: 180px;
   height: 850px;
   /*background: url(../images/navi-links-hintergrund.gif); repeat; width: 163px;*/
   background-color: #7793D9;
}
#navilinks ul {
   list-style-type: none;
   width: 179px;
}

#navilinks li {
   background-image: url(../images/navi-links-on.gif);
}

#navilinks p {
   /*background-image: url(../images/navi-links-hintergrund.gif);*/
   background-color: #7793D9;
   color: white;
}

#navilinks li a {
   padding: 4px 0 0 25px;
   height: 19px;
   text-decoration: none;
}

#navilinks li a span {
   padding: 3px 0 0 16px;
   text-decoration: none;
}
#navilinks li a:link, #navilinks li a:visited {
   color: white;
   display: block;
   background-image: url(../images/navigation.gif);
   background-position: 0 0px;
}
#navilinks li a:hover, #navilinks li a:active, #navilinks li a:focus {
   color: black;
   background-image: url(../images/navigation.gif);
   background-position: 0 -21px;
   width: 153px;
}
/* Ende Navigation linke Seite */


/* fotos oberhalb text mittig */
#bildleiste {
   float: left;
   margin-top: -96px;
}
/* ende fotos oberhalb text mittig*/


/* text mittig */
#text {
   float: left;
   width: 400px;
   margin-top: 0px;
   padding-left: 20px;
   padding-top: 20px;
   padding-right: 20px;
   height: 769px;
   /*background-color: #FFFFFF;*/
}
#text a:link, #text p a:link {
   color: #7793D9;
}
#text a:visited, #text p a:visited {
   color: #4F4F4F;
}
#text a:active, #text p a:active {
   color: #A640BF;
}
#text h1 {
   color: #7793D9;
   font-size: 210%;
   padding-bottom: 8px;
}
#text h2 {
   color: #7793D9;
   font-size: 155%;
   padding-top: 12px;
   /*padding-bottom: 15px;*/
}
#text p {
   padding-bottom: 6px;
   padding-top: 6px;
   line-height: 12pt;
}
#text li {
   margin-left: 15px;
   line-height: 1.4em;
   padding-top: 6px;
}
/* Ende text mittig */


/* rechte blaue Box mit fotos*/
#blauebox {
   float: left;
   width: 290px;
   height: 774px;
   margin-top: 0;
   padding-top: 11px;
   padding-left: 20px;
   padding-right: 20px;
   background-color: #7793D9;
   line-height: 2em;
}
#blauebox h2 {
   color: #FFFFFF;
   padding-top: 10px;
}
#blauebox h3 {
   color: #FFFFFF;
   padding-top: 10px;
}
#blauebox p {
   color: white;
   padding-bottom: 6px;
   padding-top: 6px;
   line-height: 1.4em;
}
#blauebox ul {
   color: white;
   padding-left: 15px;
   line-height: 1.4em;
}
#blauebox li {
   padding-top: 8px;
}
#blauebox a:link {
   color: #FFFFFF;
}
#blauebox a:visited {
   color: #4F4F4F;
}
/* Ende rechte blaue Box mit fotos */



/* footer */
#footer {
   float: left;
   margin-top: 0px;
   margin-left: 195px;
   width: 740px;
   text-align: center;
   padding-top: 25px;
   padding-right: 15px;
}
#footer p {
   padding-top: 5px;
   border-top: solid;
   border-color: #8F8F8F;
   border-width: 1px;
   height: 65px;
}
/* Ende footer */