body { background-image: url(fr_bg2.jpg); background-repeat: repeat-x; background-attachment: scroll; background-color: #F1BC76; }      


    body { font-family: "lucida grande", arial, helvetica, sans-serif; }  
  
    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; }

    h3 { text-align: center; letter-spacing: 0px; }

    h3 { font-family: "Patua One", Georgia, Times, serif; font-size: 1.3em;}

    h2 { font-family: "Patua One", Georgia, Times, serif; font-size: 1.1em;}

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

    #container img {border: none;} 


/* Formatierung des Kopfbereichs */

    #kopf { width: 1000px;}

    #ham_logo { position: absolute; margin-left: 30px; margin-top: 5px; width: 220px; color: black; text-align: center; font-weight: bold; letter-spacing: 1px; font-size: 0.75em; font-family: Georgia, Times, serif; }

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

    #kopf_text { position: absolute; color: black; margin-left: 500px; margin-top: 150px; width: 350px; font-size: 90%; text-decoration: none; text-align: center; line-height: 1,2em; font-family: "Patua One"; }

    #hinweis_ipad { position: absolute; color: brown; margin-left: 250px; margin-top: 260px; width: 200px; font-size: 90%; text-decoration: none; text-align: center; line-height: 1,2em; font-family: "Patua One"; }

    #hinweis_ipad a { text-decoration: none; color: brown;}

    #kopf_text h3 { font-size: 1.7em; line-height: 0.8em;}

    #fr_logo {width: 1000px;}

    #he { position: absolute; margin-left: 900px; margin-top: 120px; }


/* Ende Formatierung des Kopfbereichs */


/* Haupt-Container */


    #main { width: 1000px; clear: both; margin-top: 30px; color: black; font-size: 80%; text-decoration: none; }

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

    .player { float: right; width: 150px; margin-top: 28px; }

    .mp3_laenge { float: right; width: 150px; margin-top: 10px; line-height: 1.5em; font-weight: bold; text-align: center;}

    .mp3_laenge a { font-weight: bold; text-align: center;}

    .songtext { clear: both; width: 280px; margin-top: 10px; text-decoration: none; color: black; letter-spacing: 1px; padding: 10px 10px 5px 10px; text-align: center; }
	

/* Spalte links */

    #spaltelinks { float: left; width: 320px; margin-left: 70px; padding: 10px 0px 10px 0px; margin-top: 80px; }

    .bild_links { float: left; }

    #box_gaerten { float: left; width: 320px; padding: 10px 0px 10px 0px; margin-bottom: 130px; }

    #box_mond { float: left; width: 320px; padding: 10px 0px 10px 0px; margin-bottom: 90px; }

    .bild_planet { float: left; }

    .planet { margin-left: 70px; text-align: left; }



/* Spalte rechts */

    #spalterechts { float: right; width: 320px; margin-right: 20px; background-colo: yellow; padding: 10px 0px 10px 0px; margin-botto: 50px; }

    .bild_rechts { float: left; }

    #box_planet { float: left; width: 320px; padding: 10px 0px 10px 0px; margin-bottom: 100px; margin-left: -30px; }

    #box_schneewittchen { float: left; width: 320px; background-colo: blue; padding: 10px 0px 10px 0px; margin-top: 50px; margin-bottom: 50px; margin-left: 10px; }


/* Spalte Mitte */

    #spaltemitte { position: absolute; width: 320px; margin-left: 380px; padding: 10px 0px 10px 0px; margin-top: 240px; }

    .bild_mitte { float: left; }

    #box_gruss { float: left; width: 320px; padding: 10px 0px 10px 0px; margin-bottom: 150px; }

    #box_zeit { float: left; width: 320px; padding: 10px 0px 10px 0px; margin-bottom: 90px; margin-left: 30px; }



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

    .bild_links div.pop_bild_links {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    .bild_links:hover div.pop_bild_links { display: block; width: 400px; position: absolute; margin-top: 5px; margin-left: -100px; }

    .bild_rechts div.pop_bild_rechts {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    .bild_rechts:hover div.pop_bild_rechts { display: block; width: 400px; position: absolute; margin-top: 5px; margin-left: 80px; }

    .bild_mitte div.pop_bild_mitte {font-size: 100%; line-height: 130% ; display: none; padding: 10;}

    .bild_mitte:hover div.pop_bild_mitte { display: block; width: 400px; position: absolute; margin-top: 5px; margin-left: -50px; }



/* 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: 400px; position: absolute; margin-top: 2px; margin-left: 0px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; z-index: 2; }


    .text_headline { text-align: center; font-weight: bold; font-size: 1.2em;}

    .refrain_links { margin-left: 150px; text-align: left; font-weight: bold; font-size: 0.9em;}

    .refrain2 {font-weight: bold; font-size: 0.9em; }

    .bridge { margin-left: 60px; text-align: left; }

    .bridge2 { margin-left: 100px; text-align: left; }


/* alte 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: 400px; position: absolute; margin-top: 2px; margin-left: 0px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; z-index: 2; }


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

    #popup_texte2:hover div.pop_texte2 { display: block; width: 520px; position: absolute; margin-top: 2px; margin-left: -120px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }


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

    #popup_texte3:hover div.pop_texte3 { display: block; width: 555px; position: absolute; margin-top: 2px; margin-left: -155px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }


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

    #popup_texte4:hover div.pop_texte4 { display: block; width: 655px; position: absolute; margin-top: 2px; margin-left: -255px; background-color: #FFFFCC; padding: 10px 10px 10px 10px; }

    .unterpopup1 { float: left; width: 300px; } 

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



/* Formatierung der Fussleiste*/

    #fussleiste { width: 180px; clear: both; margin-left: 800px; color: black; font-size: 70%; letter-spacing: 1px; text-decoration: none; text-align: center; font-weigh: bold; color: brown; }