body {
   margin: 0;
   padding: 0;
   background: #A15D37 url(img/background.gif) repeat-y;
   font: 11px Arial, Helvetica, sans-serif;
}

#punkte {
   background: #A15D37 url(img/background_punkte.gif) repeat-y;
}

a:link, a:visited {
   color: black;
   text-decoration: underline;
}

table {
   font: 11px Arial, Helvetica, sans-serif;  
   margin: 6px 0;
}

td {
   background-color: #E3E2E0;
   padding-left: 4px; 
}

table tr td .headline	{
	 background-color: #666;
	 color:#fff;
	}

img {
   border: none;
}
p{
	margin:5px 0 10px 0;
	padding:0;
	}
#header {
   margin: 0px;
   width: 948px;
   background: #A15D37;
   text-align: left;
   height: 88px;
}

#content {
   width: 948px;
   position: relative;
   left: 0;
   top: 0;
}

#rubrik {
   margin: 0 0 0 32px;
   padding: 0;
   background: White;
   position: relative;
   height: 285px;
   border-top:6px solid #fff;
   border-bottom:6px solid #fff;
}

#rubrik #media {
   padding: 0 6px 0 6px;
   position: absolute;
   top: 0;
   right: 0;
}

#rubrik #menue {
   width: 238px;
   background: #E3E2E0;
   height: 100%;
   position: relative;
}

#rubrik #menue ul {
   margin: 0;
   padding: 12px 0 12px 12px;
   border-bottom: White solid 1px;
   list-style-type: none;
   background: #8d5333;
   position: relative;
}

#rubrik #menue ul li {
   padding: 0;
   margin: 0 0 6px 0;
   list-style: none;
   position: relative;
}

#rubrik #menue ul li a:link,#rubrik #menue ul li a:visited {
   width: 100%;
   padding: 0px;
   margin: 0px;
   display: block;
}

#rubrik #menue ul li a img {
   visibility: hidden;
}

/* Hintergrundbilder Menue */
#rubrik #menue ul li a#unterricht {
   background: url(img/unterricht_bk_1.gif) no-repeat;
}

#rubrik #menue ul li a#musik {
   background: url(img/musik_bk_1.gif) no-repeat;
}

#rubrik #menue ul li a#biografie {
   background: url(img/biografie_bk_1.gif) no-repeat;
}

#rubrik #menue ul li a#kontakt {
   background: url(img/kontakt_bk_1.gif) no-repeat;
}

#rubrik #menue ul li a:hover {
   border: 0;
}

#rubrik #menue ul li a:hover img {
   visibility: visible;
}

#rubrik #menue #current {
   visibility: visible;
}

#rubrik #menue #impressum {
   width: 100%;
   border-top: White solid 6px;
   background: #E3E2E0;
   position: absolute;
   bottom: 0px;
   line-height:23px;
}

#rubrik #menue #impressum a{
   color: Black;
   text-decoration: none;
}

#submenue {
   margin: 0px 5px 0px 32px;
   border: #E2E2E0 solid 1px;
   background: White;
   position: relative;
   height: 38px;
}

#submenue ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   position: absolute;
   bottom: -3px;
   left: 244px;
}

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

#submenue ul li a:link, #submenue ul li a:visited {
   text-decoration: none;
}

#submenue ul li a:link img, #submenue ul li a:visited img {
   padding: 0px;
   margin: 0px 48px 0px 0px;
   border-bottom: White solid 5px;
}

/* A stupid workaround for M$ Crap-Browser to trigger the '#submenue ul li a:hover img' */
#submenue ul li a:hover {
   display: inline;
}

#submenue ul li a:hover img {
   border-bottom: #E2E2E0 solid 5px;
}

#submenue #sub_current {
   border-bottom: #E2E2E0 solid 5px;
}

#textblock, #textblock2 {
   margin: 16px 0 0px 279px;
   padding: 12px 0 12px 0;
   font-size: 11px;
   line-height: 150%;
   position: relative;
}

#textblock2 {
   border-top: 1px solid #E2E2E0;
   width:640px;
}
#textblock h2, #textblock2 h2 {
   padding: 0px;
   margin: 4px 0px 0px 0px;
   font-size: 11px;
   font-weight: bold;
}

#textblock h3, #textblock2 h3 {
   padding: 0px;
   margin: 8px 0px 8px 0px;
   color: #999;
   font-size: 11px;
   font-weight: bold;
}

#textblock ul, #textblock2 ul {
   padding: 0 0 10px 14px;
   margin: 1px 1px 1px 1px;
   list-style: square;
}

#textblock .float50, #textblock2 .float50 {
   float: left;
   width: 295px;
   padding:2px;
   margin: 0 20px 0 0;
   position: relative;
}
#textblock .float100, #textblock2 .float100 {
   float: left;
   width: 600px;
   padding:0;
   margin: 0 20px 0 0;
   position: relative;
}

#textblock .tab50, #textblock2 .tab50 {
   margin-left: 460px;
}