body {
	margin: 0 0 0 0;
	background-color: #2D183F;
	color: #696969;
  padding: 0;
  	font-family: Verdana, Arial,Sans-serif;
	font-size: 100.1%;
		background-image: url(images/balkenbg.gif);
	background-repeat: repeat-x;
}

#wrapper {
	width: 838px;
	position: absolute;
	left: 50%;
	margin-left: -419px;

}

#innerwrapper {
	width: 838px;
	border-left: 1px solid #E6E6FA;	
		border-right: 1px solid #E6E6FA;	
		border-bottom:1px solid #E6E6FA;	
	background: white;
}

#titel {
	height: 180px;
	background-image: url(http://www.octave2music.ch/images/titelneu.jpg);
	background-repeat: no-repeat;

}


#content {
	float: right;
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 5px 15px 20px 0;
	width: 545px;
   margin-top: 20px;
}

#content p {
	padding: 0 0 5px 0;
	margin: 0;
}

#leftcol {
	float: left;
	font-family: Verdana, Arial,Sans-serif;
	font-size: 0.8em;
	height: 100%;
	margin: 25px 0 10px 0 ;
	padding: 5px 0 0 0;
	width: 270px;
}


#adresse {
	clear: both;
	font-size: .7em;
	text-align: center;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top: 1px solid #9187A3;
}

#footer {

}

#designby {
	font-size: .7em;
	padding-top: 0.8em;
	margin-bottom: 1.5em;
	color: silver;
}

.cellbg1 {
	background-color: #ececec;
}

.cellbg2 {
	background-color: white;
}


td{
	font-size: 0.9em;
	padding-right:10px;
}

td.line {
	border-bottom: 1px solid #9187A3;
/*	border-right: 1px solid #9187A3;*/
}

	

td.row1 {
	font-weight: bold;
}

td.row1,td.row2,td.row3 {
border-top: 1px solid #c1bccb;	
}



#kategorien h1 {
 font-size: 1.1em;
 font-weight: bold;
 padding: 2px 0 2px 10px;
 margin: 0 0 2px 0;
 color: Black;	
 	font-family: Verdana, Arial,Sans-serif;
}

#kategorien ul {
	list-style: none;
	margin:0 0 0 10px;
}

#kategorien ul li {
	padding: 0;
	
}

.newsbox {
	border: 1px solid #9187A3;
	margin-left:10px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 0.85em;
	padding: 0 0 3px 0;
	background-image: url(http://www.octave2music.ch/images/boxbg.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #fff;
}

.newsbox h1 {
 font-size: 1.1em;
 font-weight: bold;
 padding: 2px 0 2px 5px;
 margin: 0 0 2px 0;
 color: Black;
font-family: Verdana, Arial,Sans-serif;
}

.newsbox p {
	padding: 0 3px 10px 5px;
	margin: 0;
}

.newsletter {
	border: 1px solid #9187A3;
	margin-left:10px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 0.85em;
	padding: 0 0 3px 0;
		background-image: url(http://www.octave2music.ch/images/boxbg.gif);
	background-repeat: repeat-y;
		background-position: right;
	background-color: #fff;
	height: 100px;
}

.newsletter h1 {
 font-size: 1.1em;
   font-weight: bold;
 padding: 2px 0 2px 5px;
 margin: 0 0 2px 0;
 color: Black;
	font-family: Verdana, Arial,Sans-serif;
}

.newsletter p {
	padding: 0 3px 0 5px;
	margin: 0;
}

.banner {
 text-align: center;
 margin-top: 20px;
 margin-bottom: 10px;
}

#submit {
	background-color: #779A32;
	color: white;
}

.highlight {
	background-color: #98FB98;
	color: #0033CC;
}

h1{
	font-size: 1.6em;
	font-weight: normal;
	color: #660099;
	background: transparent;
	margin-top: 1.2em;
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2{
	font-size: 100%;
	font-weight: bold;
	color: #660099;
	background: transparent;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0;
}

.indent{
	text-indent: 1.5em;
	margin-right: 1em;
}
input, textarea{
	border: 1px solid #BABABA;
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	background: #FFFFFF;
}

input.req{
	border: 1px solid #660099;
}

input.box{
	border: none;
}

.button {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #779A32;
	border: 1px solid #660099;
	color: white;
}


.klein {
	font-size: 0.9em;
}

.tableborder {
  border-bottom: 1px solid #CCCCCC;
}

#navigation {
      float:left;
      width:838px;
      background:#E6E6FA;
      font-size:80%;
      line-height:normal;
   	border-bottom: 1px solid #9187A3;
      }
		
#navigation ul {
      margin:0;
      padding:1px 0 0 1px;
      list-style:none;
      }

    #navigation li {
      display:inline;
      margin:0;
      padding:0;
      }

    #navigation a {
      float:left;
      background:url("http://www.octave2music.ch/images/tableft3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }

    #navigation a span {
      float:left;
      display:block;
      background:url("http://www.octave2music.ch/images/tabright3.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a span {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover span {
      color:#FFF;
      }
    #navigation a:hover {
      background-position:0% -42px;
      }
    #navigation a:hover span {
      background-position:100% -42px;
      }

      #navigation #current a {
              background-position:0% -42px;
      }
      #navigation #current a span {
              background-position:100% -42px;
      }


a:link {
	color: #D17400;
	text-decoration: none;
	background: transparent;

}

a:visited {
	color: #D17400;
	text-decoration: none;
	background: transparent;
}

a:hover {
	color: #779A32;
	text-decoration: underline;
}

a:active {
	color: #666666;
	background: transparent none;
	text-decoration: underline;
}

#selected {
	text-decoration: none;
	color: gray;
}