/****************************************************************
* CSS-Styling  von Uwe Prochnow <uweprochnow@regiospeed.net>    *
* nach einem pdf-Entwurf von                                    *
* Claudia Badstübner <claudia.badstuebner@gmx.de> ,             * 
* erstellt für                                                  *
* http://www.pro-staatskapelle-halle.de                         *
* 12/2008 - 1/2009 , letzte Änderung 1/2009                     * *                                                               *
* Bannergrafik: Claudia Badstübner <claudia.badstuebner@gmx.de> *
*                                                               *
* Grafik "Musik braucht Freunde":                               * 
* Claudia Badstübner <claudia.badstuebner@gmx.de>               *
****************************************************************/

/* Grundformatierung */
* {
margin: 0px;
padding: 0px;
}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
line-height: 1.5em;
background-color:#fff; 
color:#000; 
margin-top:10px;
margin-bottom:10px;
}

/* Überschriften*/
h1 {
font-size: 175%;
padding: 6px 20px 6px 20px;
margin:20px;
}

h2, h3, h4, h5, h6 {
background-color:#ee1c23;
color:#fff;
}

h2 {
font-size: 100%;
padding: 0px 20px 0px 20px;
margin: 0.4em 0px 0.4em 0px;
letter-spacing:0.15em;
}

h3 {
font-size: 120%;
padding: 0px 20px 0px 20px;
margin: 0.4em 0px 0.4em 0px;
}

h4 {
font-size: 110%;
padding: 0px 20px 0px 20px;
margin: 0.4em 0px 0.4em 0px;
}

h5 {
font-size: 100%;
padding: 0px 20px 0px 20px;
margin: 0.4em 0px 0.4em 0px;
}

h6 {
font-size: 80%;
padding: 1px 20px 1px 20px;
margin: 20px 0px 20px 0px;
}

/*Überschriften in Textfarbe*/
.standard {color:#000;background-color:#fff;}

/*Textlinks*/
a {
padding: 1px 3px 1px 3px;
text-decoration:none;
font-weight:bold;
}

a:link {
background-color:#ddd;
color:#ee1c23;
}

a:visited {
background-color:#fff;
color:#770e12;
}

a:hover {
background-color:#ccc;
color:#9f1317;
}

a:focus {
background-color:#bbb;
color:#c6171d;
}


/* Rahmen und Zentrierung des Seiteninhalts */
#Rahmen {
width:760px;
margin:0px auto;
background: url(Grafik/Hintergrund.jpg);
border-right: 1px solid #ee1c23; /*der Seitenrahmen wird über #Rahmen und #Banner erzeugt*/
border-left: 1px solid #ee1c23;
border-bottom: 1px solid #ee1c23;
font-size: 100%;
}

/*Seitenkopf*/
#Banner {
background-color:#fff; 
color:#ee1c23;
width:760px;
height:163px; 
background: url(Grafik/Banner.jpg) no-repeat;
border-top: 1px solid #ee1c23;
}
#Banner h1 {
margin-left: -9000px;
}

/* Navigation, der linke Seitenbereich */
#sidebar {
float:left;
width:168px;
}

#sidebar ul {
list-style-type:none;
}

#sidebar ul li {
margin: 0.4em 0px 0.4em 4px;
background-color:#fff;
font-weight:bold;
font-size:100%;
border: 0px solid #fff;
}

#sidebar ul li a {
display:block;
width:158px;
padding: 0px 3px 0px 3px;
}

#sidebar ul li a:link {
background-color:#fff;
}

#sidebar ul li a:visited {
background-color:#fff;
}

#sidebar ul li a:hover {
background-color:#ccc;
}

#sidebar ul li a:focus {
background-color:#eee;
}

.angezeigt {
color:#000;
display:block;

padding: 0px 3px 0px 3px;
font-size:100%;
}

/* der rechte Seitenbereich */
#Inhalt {
float:right;
width:592px;
margin: 0px 0px 15px 0px;
}

/* Navigation innerhalb des rechten Seitenbereichs */
#intern {
list-style-type:none;
color:#fff;
width:400px;
margin:20px;
}

#intern li  {
margin: 4px 4px 4px 4px;
color:#ee1c23;
background-color:#fff;

}

#intern li a {
font-weight:bold;
font-size:100%;
line-height: 1.3em;
display:block;
width:400px;
padding: 1px 3px 1px 3px;
text-decoration:none;
}

#intern li a:link {
background-color:#fff;

border-left: 1px solid #bbb;
border-top: 1px solid #bbb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#intern li a:visited {
background-color:#fff;
border-left: 1px solid #bbb;
border-top: 1px solid #bbb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#intern li a:hover {
background-color:#ccc;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}

#intern li a:focus {
background-color:#eee;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}

/* Verschiedenes */
em {
font-weight:bold;
}

blockquote {
font-style:italic;
width:500px;
}

.Text {
margin:20px;
}

/* Sprungmarke nach oben */
.nachoben {
display:block;
margin:20px;
width:6.5em;
}

/* die Fußleiste */
#Fussleiste {
clear:both;
width:760px;
line-height: 1.2em;
height:1.9em;
border-top: 1px solid #ee1c23;
}

#Fussleiste ul {
list-style-type:none;
text-align:center;
margin-top:0.3em;
}

#Fussleiste ul li {
display:inline;
padding:1.5em;
}

#Fussleiste ul li a:link {
background-color:#fff;
border-left: 1px solid #bbb;
border-top: 1px solid #bbb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#Fussleiste ul li a:visited {
background-color:#fff;
border-left: 1px solid #bbb;
border-top: 1px solid #bbb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


#Fussleiste ul li a:hover {
background-color:#ccc;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}

#Fussleiste ul li a:focus {
background-color:#eee;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}

/*Bild-Container*/
.Bild {
width:502px;
margin:20px;
}

.rechts {
text-align:right; 
font-size:80%;
}

.img {
border:1px solid #000; 
}