body { font-family: arial, helvetica, sans-serif;
	line-height: 1.4; color: grey; }  

    body { background-color: #C9D6E1; }  
  
    body; html { margin: 0; padding: 0; }	

     h1 { font-size: 1.6em; font-weight: bold; font-style: normal; color: #284B6C; text-align: left;}

    h1 em { font-size: 2.2em; font-weight: bold; font-style: italic; color: #284B6C; text-align: left; }

    #container { width: 1000px; margin: 0 auto; }

    #container img {border: none;}



/* Formatierung des Kopfbereichs */

    #kopf { background-image: url(graf/kopf_background3.jpg); height: 170px; border-bottom: #EDB264 3px solid;}

    #logo { margin-left: 320px;}

    #logo img {margin-top: 20px;}

    #logotext { margin: 0px; line-height: 0; }

    #logotext h1 { margin-left: 250px; }

    #zwischenraum1 { border-bottom: #C9D6E1 11px solid; width: 1000px }	

   
/* Formatierung der Navigationsleiste */

    #navcontainer { clear: left; width: 1000px; height: 30px; background-color: #71879E; border-top: #71879E 7px solid; border-bottom: #71879E 0px solid; }

    #navbar { margin-left: 10px; width: 990px; color: white;}

    #navbar a { text-decoration: none; letter-spacing: 1px; color: white; }

    #navbar ul {list-style: none; margin: 0; padding: 0; background-color: #71879E; }

    #navbar li { float: left; margin-right: 20px; padding-right: 20px; background-color: #71879E; }

    #navbar li { font-size: 0.9em; font-weight: bold; text-decoration: none; letter-spacing: 1px;}

    #navbar li:hover { background-color: #71879E; }

    #navbar li ul { display: none; color: white;}

    #navbar li:hover ul { display: block; width: 12em; position: absolute; background-color: #71879E; }

    #zwischenraum2 { border-bottom: #C9D6E1 11px solid; width: 1000px }



/* Formatierung der Popup-Fenster für die Navi-Leiste*/

    #popup_home div.pop_home {font-size: 80%; line-height: 130% ; display: none; padding: 10; }

    #popup_home:hover div.pop_home { display: block; width: 250px; position: absolute; margin-top: 0px; margin-left: -10px; background-color: #71879E; padding: 10px 10px 10px 10px; }

    #popup_ueber div.pop_ueber {font-size: 80%; line-height: 130% ; display: none; padding: 10; }

    #popup_ueber:hover div.pop_ueber { display: block; width: 712px; position: absolute; margin-top: 21px; margin-left: -92px; background-color: #71879E; padding: 10px 10px 10px 10px; }

    #popup_links div.pop_link1 { line-height: 130% ; display: none; padding: 10;}

    #popup_links:hover div.pop_link1 { display: block; width: 300px; position: absolute; margin-top: -18px; margin-left: 105px; background-color: #71879E; padding: 10px 10px 10px 10px;  }

    #popup_links div.pop_link2 { line-height: 130% ; display: none; padding: 10;}

    #popup_links:hover div.pop_link2 { display: block; width: 300px; position: absolute; margin-top: -18px; margin-left: 85px; background-color: #71879E; padding: 0px 10px 10px 10px; }

    #popup_links div.pop_link3 { line-height: 130% ; display: none; padding: 10;}

    #popup_links:hover div.pop_link3 { display: block; width: 300px; position: absolute; margin-top: -18px; margin-left: 50px; background-color: #71879E; padding: 0px 10px 10px 10px; }

    #popup_projekte { width: 150px;}

    #popup_projekte div.pop_projekte { line-height: 130% ; display: none; padding: 10px 10px 10px 10px;}

    #popup_projekte:hover div.pop_projekte { display: block; width: 252px; position: absolute; margin-top: 0px; margin-left: 90px; background-color: #71879E; padding: 10px 10px 10px 10px; }

    #popup_vintage div.pop_vintage {font-size: 80%; line-height: 130% ; display: none; padding: 10;}

    #popup_vintage:hover div.pop_vintage { display: block; width: 200px; position: absolute; margin-top: 0px; margin-left: -34px; background-color: #71879E; padding: 10px 10px 10px 10px; }

    #popup_english div.pop_english {font-size: 80%; line-height: 130% ; display: none; padding: 10;}

    #popup_english:hover div.pop_english { display: block; width: 100px; position: absolute; margin-top: 0px; margin-left: -70px; background-color: #71879E; padding: 10px 10px 10px 10px; }

    #popup_downloads div.pop_downloads {font-size: 80%; line-height: 130% ; display: none; padding: 10; }

    #popup_downloads:hover div.pop_downloads { display: block; width: 512px; position: absolute; margin-top: 21px; margin-left: -582px; background-color: #71879E; padding: 0px 10px 10px 10px; }

/* Ende Formatierung Navi-Leiste und Popup-Fenster*/


    div.rest { clear: left; }


    #rest { width: 1000px; }


/* Formatierung des Inhaltsbereichs */


    #containerlinkespalte { float: left; width: 750px; }


/* Formatierung der linken Spalte*/


    #inhalt { width: 732px; padding: 0px; margin: 0px 4px 4px 0px; color: black; }

    #inhalt {overflow: hidden; color: black; font-size: 80%; text-decoration: none; }

    #inhalt em { font-weight: bold; font-style: normal}

    #inhalt a { color: black; text-decoration: none;}

    #inhalt img {float: left; margin-right: 10px; border: none;}

    .inhaltsbox em { font-size: 4em; font-weight: bold; color: #284B6C; text-align: left; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0;}

    .introtext {padding: 4px; color: black; }

    .inhaltsbox {padding: 4px; border: 2px solid #B7B7B7; margin: 4px 0px 4px 0px; overflow: hidden; color: black; }

    .inhaltsbox img {float: left; margin-right: 10px; border: none;}

    .headline { font-size: 4em; font-weight: bold; color: #284B6C; text-align: left; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0px 15px 0px 0px;}


/* Formatierung der Reihe mit den Coverbildern */

    .reihe {clear: both; padding: 0px 0px 0px 0px; }

    .bild_links {float: left; width: 224px; }

    .bilder2und3 {margin-left: 228px; }

    .bild_reihe_mitte { float: left; width: 218px; }

    .bild_reihe_rechts { margin-left: 228px; width: 254px; }


/* Formatierung der popup-Bilder*/

    .bild_links div.pop_bild {display: none;}

    .bild_links:hover div.pop_bild { display: block; position: absolute; margin-top: -185px; margin-left: 0px; }


    .bild_reihe_mitte div.pop_bild {display: none;}

    .bild_reihe_mitte:hover div.pop_bild { display: block; position: absolute; margin-top: -185px; margin-left: 2px; }


    .bild_reihe_rechts div.pop_bild {display: none;}

    .bild_reihe_rechts:hover div.pop_bild { display: block; width: 200px; position: absolute; margin-top: -185px; margin-left: -100px;}



/* Ende Formatierung der Reihe mit den Coverbildern */


/* Formatierung der Tabelle */

    .tabelle table { text-decoration: none; margin-top: 0px;}

    .tabelle table { border-collapse: collapse; background-color: #E4E2E2;}

    .tabelle th { border: 1px solid #A2A2A2; padding: 8px 4px 10px 4px; font-size: 90%; letter-spacing: 2px;}

    .tabelle td { border: 1px solid #A2A2A2;}

    .tabelle a:hover { background-color: #CC9999; }

    .tabelle tr { letter-spacing: 1px; font-size: 100%; text-decoration: none; text-align: center; }

    .titel { text-align: left; padding: 8px 4px 8px 15px;}

    .tabelle tbody a {font-weight: bold; text-decoration: none; color: black; }


/* Formatierung der Popup-Kästen für die Texte*/

    #popup_texte1 div.pop_texte1 {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    #popup_texte1:hover div.pop_texte1 { display: block; width: 528px; position: absolute; margin-top: -100px; margin-left: -334px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }

    #popup_texte1 div.pop_texte2 {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    #popup_texte1:hover div.pop_texte2 { display: block; width: 528px; position: absolute; margin-top: -200px; margin-left: -334px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }

    #popup_texte1 div.pop_texte3 {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    #popup_texte1:hover div.pop_texte3 { display: block; width: 528px; position: absolute; margin-top: -300px; margin-left: -334px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }

    #popup_texte1 div.pop_texte4 {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    #popup_texte1:hover div.pop_texte4 { display: block; width: 528px; position: absolute; margin-top: -400px; margin-left: -334px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }

    #popup_texte1 div.pop_texte5 {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    #popup_texte1:hover div.pop_texte5 { display: block; width: 528px; position: absolute; margin-top: -500px; margin-left: -334px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }

    #popup_texte1 div.pop_texte6 {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    #popup_texte1:hover div.pop_texte6 { display: block; width: 528px; position: absolute; margin-top: -600px; margin-left: -334px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }


    #popup_texte1 div.pop_texte_2sp {font-size: 100%; line-height: 130% ; display: none; padding: 0; }

    #popup_texte1:hover div.pop_texte_2sp { display: block; width: 528px; position: absolute; margin-top: -400px; margin-left: -334px; background-color: #FFFFCC; padding: 0px 0px 0px 0px; }


    .refrain { font-weight: normal; font-style: italic; margin: 0px; padding: 0px 0px 0px 150px; text-align: left; }

    .strophe { font-weight: normal; font-style: normal; margin: 0px; padding: 0px 0px 0px 100px; text-align: left; }

    .refrain2 { font-weight: normal; font-style: italic; margin: 0px; padding: 0px 0px 0px 70px; text-align: left; }

    .strophe2 { font-weight: normal; font-style: normal; margin: 0px; padding: 0px 20px 0px 20px; text-align: left; }

    .refrain3 { font-weight: normal; font-style: italic; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; }

    .strophe3 { font-weight: normal; font-style: normal; margin: 0px; padding: 0px 0px 0px 40px; text-align: left; }

    .refrain4 { font-weight: normal; font-style: italic; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; }

    .strophe4 { font-weight: normal; font-style: normal; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; }

    .unterpopup1 { float: left; width: 230px; padding-left: 20px;} 

    .unterpopup2 { float: right; width: 230px; border-left: 1px solid black; padding-left: 20px;} 

    .unterpopup3 { float: left; width: 262px; padding-left: 0px;} 

    .unterpopup4 { float: right; width: 262px; border-left: 1px solid black; padding: 10px 0px 0px 0px;} 




/* Ende Formatierung der Tabelle und der Popup-Kästen*/




/* Formatierung des HTML5-Player-Hinweises*/

    #playerhinweis { text-align: right; }

/* Ende Formatierung des HTML5-Player-Hinweises*/




/* Formatierung der rechten Spalte*/

    #rechtespalte { margin-left: 744px; width: 240px; background-color: #71879E; color: white; text-decoration: none; letter-spacing: 1px; font-size: 80%; padding: 8px 8px 4px 8px; }

    #rechtespalte a { text-decoration: none; letter-spacing: 1px; color: white; }

    #h3rechtespalte { color: white; text-decoration: none; letter-spacing: 1px;  font-size: 80%;}

    #player { margin: 0; padding: 0;}

    .rechtespaltebox { margin-left: 0px; background-color: ; }

    .rechtespaltebox im { margin-left: 15px; }

    #rechtespalte em { font-weight: bold; font-style: normal}

    .trennlinie { text-align: center; }


/* Formatierung Popup-Bilder in der rechten Spalte*/

    .bild_rechtespalte {padding: 0px 0px 0px 0px; }

    .bild_rechtespalte2 {padding: 5px 0px 5px 0px; }


/* Formatierung des Fussbereichs */

    #fuss { clear: both; color: grey; background-color: #AEB9C4;}

    #fuss a { margin-left: 20px; color: #AEB9C4; font-size: 0.9em; font-weight: bold; text-decoration: none; letter-spacing: 2px }