@charset "utf-8";
css {
}
* {
margin:0
}
body {
background-color:#660000;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
scrollbar-3dlight-color:white;  scrollbar-arrow-color:black;
scrollbar-darkshadow-color:white;  scrollbar-face-color:#EEEEEE;
scrollbar-highlight-color:white;  scrollbar-shadow-color:white;
scrollbar-track-color:#EEEEEE;  overflow-x: hidden; overflow: auto; 
}
a {
text-decoration:none;
color:#303030;
}
img {
border:none;
}

h1 {
font-size:13px;
color:#565656;
font-weight:bold;
padding-bottom:10px;
}
h2 {
font-size:13px;
color:#660000;
font-weight:bold;
padding-bottom:7px;
}
.hervorhebung {
color:#660000;
font-weight:bold;
}


#wrapper {
position: absolute;
left: 50%;
top: 50%;
margin-left: -405px;
margin-top: -300px;
background-color: #FFFFFF;
height: 590px;  
width: 800px;
padding-bottom:5px;
}

#titel {
background:url(layout/Hauptmotiv_oben.jpg) no-repeat;
height:130px;
padding-top:20px;
padding-left:20px;
padding-bottom:5px;
background-color:#FFFFFF;
}


/*--------- Menü --------*/
#menue {
width:165px;
height:410px;
background:url(layout/menue.jpg) no-repeat;
padding-top:30px;
float:left;
}
#menue li  {
list-style-type:none;
font-size:13px;
text-align:left;
padding-top:7px;
padding-bottom:7px;
margin-right:29px;
border-bottom:1px #b7b6b6 dotted;
}
#menue a{
color:#b7b6b6;
padding-left:3px;
}
#menue a:hover{
color:#858383;
font-weight:bold;
}
#aktiv a {
color:#858383;
font-weight:bold;
}
ul {
padding-left:37px;
}



/*--------- INHALT --------*/
#inhalt {
float:right;
width:610px;
height:427px;
padding-top:13px;
padding-right:20px;
}

/*--------- Aktuelle Termine --------*/
#aktuelle_termine {
float:right;
width:605px;
height:218px;
background:url(layout/aktuelle_termine.gif) no-repeat;
padding-bottom:10px;
padding-top:25px;
font-size:13px;
}

#aktuelle_termine_inhalt {
overflow:scroll;
width:605px;
height:195px;
position: absolute;
overflow-x:hidden;
background-color:#e7e7e5;
}


/*--------- Textbereich und Newsletter --------*/
#textbereich {
font-size:13px;
width:380px;
float:left;
padding-left:20px;
}
#newsletter {
float:right;
height:160px;
width:165px;
padding-left:40px;
}

/*--------- Künstlerbereich --------*/
#kuenstler_inhalt {
float:right;
width:610px;
height:412px;
padding-top:13px;
padding-right:20px;
padding-bottom:10px;
overflow:scroll;
overflow-x:hidden;
color:#414141;
}
#kuenstler {
width:425px;
float:left;
height:120px;
padding-left:20px;
}
#buchen {
float:right;
width:140px;
padding-top:50px;
height:70px;
}
#kuenstlerbereich {
padding-left:10px;
clear:both;
}
#kuenstler_detail {
height:auto;
width:170px;
background-color:#eff0eb;
margin-left:10px;
float:left;
padding:5px;
margin-bottom:10px;
}
#kuenstler_detail_bild{
padding-top:5px;
padding-left:5px;
}

/*--------- Künstler Details --------*/
#biografie_hell {
background-color:#f7f8f6;
border:1px #dededc solid;
padding:10px;
margin-bottom:5px;
}
#biografie_dunkel {
background-color:#eff0eb;
border:1px #dededc solid;
padding:7px;
margin-bottom:5px;
}

/*--------- Event --------*/
#event {
float:left;
height:427px;
padding-top:13px;
padding-left:45px;
}

/*--------- Gästebuch --------*/
#gaestebuch {
float:right;
width:610px;
height:427px;
padding-top:13px;
}

/*--------- BUCHEN --------*/

#kontakt {
width: 377px;
margin: 5px 10px 10px 110px;
padding: 15px 15px 10px 15px;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #565656;
background-color: #f7f8f6;
-moz-border-radius: 15px;
border: 1px dotted #999999;
}
#kontakt h3 {
padding-bottom: 10px;
color: #660000;
font-size: 14px;
}
#kontakt p {
padding-top: 5px;
}
#kontakt a {
text-decoration: none;
font-style: oblique;
font-weight: bold;
}
#kontakt a:hover {
color: #660000; 
}
#kontakt table {
margin-top: 15px;
}
select {
width: 219px;
font-size: 13px;
color: #754b55;
font-weight: normal;
border: 1px solid #999999;
}
.button input {
width: 108px;
-moz-border-radius: 5px;
background-color: #d6dbdb;
font: normal 12px Calibri, Verdana, Arial, Helvetica, sans-serif;
margin-top: 10px;
}
textarea {
width: 214px;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #332d2d;
border: 1px solid #999999;
padding: 2px;
}
input {
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #332d2d;
border: 1px solid #999999;
padding: 2px;
width: 214px;
}
textarea:focus {
background-color: #333333;
color: #fff;
border: 0px;
}
input:focus {
background-color: #333333;
color: #fff;
}