@charset "ISO-8859-1";

/* allgemeine Seitenangaben */
body {
        color:black; background-color: white;
        font-size: 100.01%;
        font-family: Helvetica,sans-serif;
        margin: 0;
        min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
        
     }

#container {max-width:1300px;margin:auto; border: 1px solid gray;}


/* --------------------------------  STATISCHE LAYOUTELEMENTE ------------------------------------------ */

/* header */

#header               {background-color:#181818; top:0px; left:0px; height:150px;}
#headerleft           {float:left; height:150px; width:200px; background-image:url("header.jpg"); background-repeat:no-repeat;}
#headerright          {min-width:80px;}
#headerlang          {float:right;min-width:80px;}
#headerlang p        {margin:0px;padding-top:5px;padding-right:5px;font-size:10px;color:white;}
#heading              {height:130px;}



/* navigation */
ul#navigation           {float:right;height:20px;min-width:100px;margin:0px;font-size: 12px;text-align: center; background-color:#181818;}
                        ul#navigation li        {list-style: none;display: inline;background-color:#181818; }
                        ul#navigation a         {float:right;width: 100px;text-decoration: none; color: #cd75d0; background-color:#181818; border: 1px solid #181818;border-left-color: #cd75d0; }
                        ul#navigation span      {float:right;width: 100px;text-decoration: none; color: white; background-color:#181818; border: 1px solid #181818;border-left-color: #cd75d0; }
                        ul#navigation a:hover   {color: white;background-color:#181818;}



/* footer */
div#footer              {clear:both;color:#5a5a5a;font-size:10px;padding-left:20px;padding-right:20px;padding-bottom:40px;}
                        div#footerleft          {float:left;}
                        div#footerright         {float: right;}

        
/* --------------------------------  WIEDERVERWENDBARE LAYOUTELEMENTE ------------------------------------------ */        

#textbox             {margin-top:25px;margin-left:20px;margin-right:20px;margin-bottom:20px;font-size:12px;color:#5a5a5a;scrolling:no;}  
#textboxleft         {overflow:auto;float:left; width:600px; margin-right:50px; margin-top: 0px;scrolling:no;} 
#textboxright        {overflow:hidden;min-width:50px;scrolling:no;}
#textboxacross       {clear:both;scrolling:no;}

a:link {color: #5a5a5a; text-decoration: underline;}	/* unvisited link */
a:visited {color: #5a5a5a; text-decoration: underline;}	/* visited link */
a:hover {color: #5a5a5a; text-decoration: underline;}	/* mouse over link */
a:active {color: #5a5a5a; text-decoration: none;}		/* selected link */
a:link {color: #5a5a5a; text-decoration: underline;}

h1 {background-color:#eee;padding:5px;font-size:14px;letter-spacing:0.2em;font-weight:bold;color:#990D73;}                                        
hr {color:#eee; height:1px;}

/* --------------------------------  SEITENSPEZIFISCHE LAYOUTELEMENTE ------------------------------------------ */   

/*Startseite*/
#terminboxdate {overflow:auto; float:left; width:100px;}
#terminboxright {overflow:auto;min-widht:50px;}
#termindetailsright {overflow:auto;float:right;}
#termindetailsleft {overflow:auto;}

#newsboxdate {overflow:auto; float:left;width:60px}
#newsboxnews {overflow:auto; min-width:50pxscrolling:no;}


/*Auftritte*/
#eventdate {overflow:auto;float:left;width:120px;scrolling:no;}
#event {overflow:auto;min-width:50px;scrolling:no;}
#eventlink {clear:both;padding:5px;border:1px solid black;float:right;width:600px;text-align:right;}

/*Musik*/
#repertoireleft {overflow:auto; float:left; width:300px;}
#repertoire  {overflow:auto; min-width:50px;}

/*Buchen*/
#pictureboxleft {overflow:auto; float:left; width:165px;}
#bookingbox  {overflow: auto; margin-top:0px; padding-left:20px;} 
#bookingleft {overflow:auto;}
#bookingright {overflow:auto; float:right;min-width:150px;padding-left:20px;}

/*Bilder mit Untertitel für News'/
#newsimgleft {float:left;padding-right:10px;}
#newsimgright {float:right;padding-left:10px;}
#label {font-size:8px;font-weigh:bold;}


/* Zeitstrahl für Jubliäumsseite */

ul#zeitstrahl {float: left; margin: 0px; padding: 0; text-align: center;}
ul#zeitstrahl li {list-style: none;float: left; width: 65px; position: relative; margin: 0; padding-right: 15px; font-weight:bold;text-align: center;}
ul#zeitstrahl a {color: black; text-decoration: underline; background-color: white;}
ul#zeitstrahl a:hover {color: black; text-decoration: underline; background-color: white;}
ul#zeitstrahl span { border-color: white;border-left-color: black; border-top-color: black; color: black; background-color: white; }