html,body {
           margin: 0; 
           padding: 0;
     }

body {
           background-color: #FFF; 
           /*font: 100.01% verdana,arial,sans-serif;text-align:center;*/
			font: 99% verdana,arial,sans-serif; 
           text-align: center;
     }

div#content p {
           color: rgb(51, 51, 51); 
           line-height: 1.8em; 
           font-size: 0.77em; 
           padding: 0 25px 0 30px; 
           margin: 0; 
           text-decoration: none;
     }

div#content a {
           color: #0066CC; 
           text-decoration: none;
     }

div#header h1 {
           height: 100px; 
           line-height: 100px; 
           margin: 0; 
           padding: 0; 
           background: transparent url(http://www.bts-fellbach.de/bilder/head.jpg) no-repeat top center; 
           text-indent: -500em;
     }

div#extra p {
           color: rgb(51, 51, 51); 
           line-height: 1.5em; 
           font-size: 0.77em; 
           font-weight: bold; 
           padding: 0 25px 0 0; 
           margin: 0; 
           text-decoration: none; 
           text-align: center;
     }

h2 {
           color: #EFBA36; 
           padding: 4px; 
           margin: 15px 25px 0.2em 30px; 
           font-family: trebuchet ms, arial, verdana, sans-serif;
     }

h3 {
           color: #0066CC; 
           padding: 4px; 
           margin: 2em 25px 0.2em 30px; 
           border-bottom: 3px solid #0066CC; 
           font-family: trebuchet ms, arial, verdana, sans-serif;
     }

h4 {
           color: #EFBA36; 
           padding: 4px; 
           margin: 2em 25px 0.2em 30px; 
           font-family: trebuchet ms, arial, verdana, sans-serif;
     }

.quot {
           color: #EFBA36; 
           line-height: 1.8em; 
           font-size: 1em; 
           padding: 0 25px 0 30px; 
           margin: 0; 
           text-decoration: none;
           font-family: trebuchet ms, arial, verdana, sans-serif;
									  font-style: italic;
											font-weight: bold; 
}

#subnav {
           margin: 0; 
           padding: 0;
     }

#subnav ul {
           margin: 0; 
           padding: 0; 
           list-style: none;
     }

#subnav li {
           padding: 0; 
           margin: 0 20px 0 0; 
           background: #F3FFC7;
     }

#subnav ul a {
           font-size: 0.7em; 
           letter-spacing: 0.1em; 
           display: block; 
           padding: 5px 15px 6px; 
           font-weight: bold; 
           color: #333; 
           text-decoration: none; 
           border-top: 7px  #FFF solid;
     }

#subnav a:hover, #subnav a:active, #subnav a:focus {
           background: #F3FFD9;
     }

#logo a {
           text-indent: -500em; 
           height: 276px; 
           overflow: hidden; 
           display: block;
     }

#logo a {
           background: transparent url(http://www.bts-fellbach.de/bilder/logo.gif) no-repeat;
     }

div#logo {
           float: right; 
           width: 200px; 
           padding: 25px 35px 0 0;
     }

img {
           border: 4px solid #F6F6F6; 
           margin: 0 10px 0 0; 
           padding: 1px; 
           background-color: #CCC;
     }

.left {
           float: left; 
           display: block;
     }

.right {
           float: right; 
           display: block;
     }

div#extra a {
           text-decoration: none; 
           color: #0066CC;
     }

div#container {
           text-align: left; 
           background: transparent url(http://www.bts-fellbach.de/bilder/seite.jpg) repeat-y;
     }

div#content p {
           line-height: 1.4
     }

div#navigation {
           background: transparent
     }

div#extra {
           background: transparent
     }

div#footer {
           background: #FFF url(http://www.bts-fellbach.de/bilder/footer.jpg)  no-repeat bottom; 
           height: 55px;
     }

div#footer p {
           padding: 0; 
           margin: 2em 25px 0.2em 30px;
     }

div#container {
           width: 800px; 
           margin: 0 auto
     }

div#content {
           float: left; 
           width: 548px
     }

div#navigation {
           float: right; 
           width: 242px
     }

div#extra {
           float: right; 
           clear: right; 
           width: 242px
     }

div#footer {
           clear: both; 
           width: 100%
     }

/* Horizontale Navigation*************
div#nav-wrap {
           margin: 0; 
           padding: 0; 
           clear: left; 
           width: 780px; 
           height: 0px; 
           background: transparent;
     }

#navi {
           float: left; 
           width: 780px; 
           height: 0px; 
           background: transparent;
     }

#navi ul {
           margin: 0; 
           padding: 0; 
           list-style: none;
     }

#navi ul li {
           float: left; 
           padding: 0; 
           margin: 0;
     }

#navi ul a {
           font-size: 0.8em; 
           letter-spacing: 0.1em; 
           float: left; 
           display: block; 
           padding: 1px 10px 4px 10px; 
           margin: 4px 0 0 0; 
           font-weight: bold; 
           color: ; 
           text-decoration: none; 
           font-family: ;
     }

#navi a:hover, #navi a:active, #navi a:focus {
           background: #F3FFC7  !important; 
           color: #063049 !important;
     }

.activ {
           background: #F3FFC7; 
           color: #063049 !important;
     }
*************** Ende horizontale Navigation */