/* Alles Reseten */
* {
 margin: 0;
 padding: 0;
 border: 0;
 }
 
ul, li {
 list-style-type: none;
 }

/* Allgemeines */ 
body {
 font-size: small;
 font-family: Verdana, Arial, Sans-Serif;
 text-align: center;
 background-color: #E89A00;
 }
 
h1, h2, h3 {
 text-align: justify;
 color: #000;
 margin: 8px 0 8px 0;
 }

h1 {
 font-size: 120%;
 }
 
h2 {
 font-size: 115%;
 }
 
h3 {
 font-size: 105%;
 margin: 5px 0 2px 0;
 }
 
h3.admin {
 margin: 10px 0 10px 0;
 }
 
a:link, a:visited {
 background-color: #E89A00;
 text-decoration: none;
 color: #fff;
 }
 
a:hover {
 background-color: #E89A00;
 color: #000;
 }
 
/* Hauptbereiche */ 
div#wrap {
 float: left;
 width: 900px;
 height: 100%;
 text-align: left;
 }

/* Navigation */ 
div#navigation {
 float: left;
 width: 280px;
 text-align: right;
 }
 
div#navigation p {
 color: #000;
 letter-spacing: 3px;
 margin: 20px 52px 0 0;
 font-weight: bold;
 }
 
div#navigation ul {
 margin: 0 54px 0 0;
 }
 
div#navigation li {
 padding: 1px;
 }

div#navigation a:link, div#navigation a:visited {
 display: block;
 background-color: #E89A00;
 text-decoration: none;
 color: #fff;
 }
 
div#navigation a:hover {
 background-color: #E89A00;
 color: #000;
 }
 
div#navigation a#hier:link, div#navigation a#hier:visited,
div#navigation a#hier:hover, div#navigation a#hier:active {
 color: #000;
 }
 
/* Content */
div#content {
 float: left;
 width: 418px;
 min-height: 500px;
 border-left: 1px solid #000;
 font-size: 85%;
 color: #000;
 padding: 25px 0 50px 8px;
 }
 
div#content p {
 text-align: justify;
 }
 
div#content ul {
 margin: 1px 0 5px 0;
 }
 
div#content li {
 padding: 1px 0 1px 0;
 }
 
/* Bild hover effekt der einzelnen Musiker */
a#musikerhover {
 display: block;  
 width: 418px; 
 height: 314px;
 cursor: default;
 }
 
a#musikerhover:hover {
 background-position: 0 -314px;
 }
 
a.band { 
 background: url(../pics/band.jpg) 0 0 no-repeat;
 }

a.musiker { 
 background: url(../pics/musiker.jpg) 0 0 no-repeat;
 }
 
a.milad {
 background: url(../pics/milad.jpg) 0 0 no-repeat;
 }
  
a.jeanne { 
 background: url(../pics/jeanne.jpg) 0 0 no-repeat;
 }
 
a.claudio { 
 background: url(../pics/claudio.jpg) 0 0 no-repeat;
 background-position: 0 -314px;
 }
 
a.mark { 
 background: url(../pics/mark.jpg) 0 0 no-repeat;
 }
 
a.philipp { 
 background: url(../pics/philipp.jpg) 0 0 no-repeat;
 }

/* mp3 Musikliste */
div#mp3 p {
	font-weight: bold;
	color: #fff;
	margin: 4px 0 2px 0;
 }

/* Bestellung */
p.b_title {
 font-size: 110%;
 padding: 0 0 15px 0;
 }
 
p#bestellung a:link, p#bestellung a:visited {
 margin: 20px 0 0 0;
 font-size: 110%;
 font-weight: bold;
 display: block;
 background-color: #E89A00;
 text-decoration: none;
 color: #990000;
 }
 
p#bestellung a:hover {
 background-color: #E89A00;
 color: #000;
 }
 
p.b_success {
 font-weight: bold;
 color: #003300;
 }
 
.b_error {
 font-weight: bold;
 color: #990000;
 }
 
#bestellung textarea {
 width: 300px;
 height: 100px;
 color: #372F22;
 background-color: #FFF9FD;
 border: 1px solid #372F22;
 padding: 2px 4px 2px 4px;
 }
 
#bestellung textarea:focus {
 background-color: #ECBA4B;
 color: #372F22;
 border: 1px solid #372F22;
}
 
/* gallery */
ul.gallery {
 margin: 100px 0 0 0;
 }

ul.gallery li{
 display: inline;
 } 

ul.gallery a img{
 border: #000 2px solid;
 }

ul.gallery a:hover img{
 border: #fff 2px solid;
 }
 
img#bhier {
 border: #fff 2px solid;
 }
 
ul.gallery img {
 width: 65px;
 height: 49px;
 }

img.picsLeft {
 margin: 0 101px 0 0;
}



/**********muss weg!!!************/
/* gallery */
ul.gallery1 {
 margin: 100px 0 0 0;
 }

ul.gallery1 li{
 display: inline;
 } 

ul.gallery1 a img{
 border: #000 2px solid;
 }

ul.gallery1 a:hover img{
 border: #fff 2px solid;
 }
 
img#bhier {
 border: #fff 2px solid;
 }
 
ul.gallery1 img {
 width: 130px;
 height: 114px;
 }
/************muss weg!!!****************/



 
/* formatierung der links */
p.links_title {
 font-weight: bold;
 }
 
ul#left {
 float: left;
 text-align: left;
 width: 204px;
 }
 
ul#right {
 float: right;
 text-align: right;
 }
 
/* formatierung des admin bereichs(news, termin...) */
.margin_space {
 margin: 15px 0 15px 0;
 }
 
.error {
 color: #990000;
 margin: 0 0 10px 0;
 }
 
.green {
 color: #003300;
 }
 
.success {
 color: green;
 margin: 0 0 10px 0;
 }
 
a.deletepic {
 display: block;
 background: #E89A00 url(../pics/delete.jpg) top left no-repeat;
 width: 16px;
 height: 16px;
 }

/* IE 6 Hack */
.iehack {
 height: 350px;
 }

/* Formular daten */ 
legend {
 font-weight: bold;
 color: #000;
 margin: 0 0 5px 0;
 }
 
fieldset#news {
 background-color: #E89A00;
 width: 400px;
 }
 
fieldset#login {
 background-color: #E89A00;
 width: 400px;
 height: 350px;
 }
 
textarea {
 color: #372F22;
 background-color: #FFF9FD;
 border: 1px solid #372F22;
 padding: 2px 4px 2px 4px;
 }
 
input {
 color: #372F22;
 background-color: #FFF9FD;
 border: 1px solid #E9C66C;
 padding: 2px 4px 2px 4px;
 }
 
input.button {
 border: 1px solid #372F22;
 margin: 10px 0 10px 0;
 width: 150px;
 }
 
input:focus, textarea:focus {
 background-color: #ECBA4B;
 color: #372F22;
 border: 1px solid #372F22;
}
 
/* Footer */ 
div#footer {
 clear: both;
 width: 100%;
 min-width: 800px;
 background: url(../pics/footer_background.jpg) repeat-x;
 height: 100px;
 }
 
div#footerLeft {
 float: left;
 width: 280px;
 text-align: right;
 background: url(../pics/footer_j.jpg) top right no-repeat;
 height: 100px;
 }

div#footerRight {
 float: left;
 width: 426px;
 border-left: 1px solid #000;
 background: #E89A00 url(../pics/footer_amoon.jpg) top left no-repeat;
 height: 140px;
 }

div#footer p { 
 clear: left; 
 position: relative; 
 left: 0; 
 top: -40px; 
 font-size: 10px; 
 text-align: left; 
 margin: 0 0 0 706px; 
}