/*Speziell für die Internetseite: LentzhOf Norden*/

/*--Standard--------------------------------------------------------------------------------------------------------*/

html, body
{
    /*Hintergrund*/
    background-color: #ffdd24;

    /*Schriftart*/
    font-family: "Arial", monospace;
}

#Standard
{
    /*Größe und Raumangaben*/
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 0;
    overflow: hidden;}

a:link {text-decoration: none}

#Magnettafel
{
    /*Größe und Raumangaben*/
    width: 90.75%; /*90.75% : komplett bis zum rechten Rand, ansonsten 80%*/
    height: 85%;
    margin: 0;
    padding: 0;
    top: 14%;  /*10%*/
    left: 10.7%;
    position:absolute;
    z-index: 1;
}

#Logo-Dorfgemeinschaftshaus_Rechtsupweg
{
    /*Größe und Raumangaben*/
    width: 30%;
    height: 15.5%;
    margin: 0;
    padding: 0;
    top: 0.5%;
    left: 11.95%;
    position:absolute;
    z-index: 1;
}

#Logo-Catering_Lelle
{
    /*Größe und Raumangaben*/
    width: 18%;
    height: 15.5%;
    margin: 0;
    padding: 0;
    top: 0.5%;
    right: 0.1%;
    position:absolute;
    z-index: 1;
}

#Button-Termin_vereinbaren
{
    width: 22%;
    height: 25%;
    top: 25%;
    right: 0.5%;
    position:absolute;
    z-index: 3;
}

#Button-Termin_vereinbaren-GEDRUECKT
{
    width: 22%;
    height: 25%;
    top: 25%;
    right: 0.5%;
    position:absolute;
    z-index: 2;
}

#Button-Termin_vereinbaren:hover {opacity: 0}


#img_Startseite
{
    /*Größe und Raumangaben*/
    width: 10.75%;
    height: 10.75%;
    margin: 0;
    padding: 0;
    top: 21%;
    left: 0.5%;
    position:absolute;
    z-index: 1;
}

#img_Angebot
{
    /*Größe und Raumangaben*/
    width: 10.75%;
    height: 10.75%;
    margin: 0;
    padding: 0;
    top: 36%;
    left: 0.5%;
    position:absolute;
    z-index: 1;
}

#img_Fotogalerie
{
    /*Größe und Raumangaben*/
    width: 10.75%;
    height: 10.75%;
    margin: 0;
    padding: 0;
    top: 51%;
    left: 0.5%;
    position:absolute;
    z-index: 1;
}

#img_Anreise
{
    /*Größe und Raumangaben*/
    width: 10.75%;
    height: 10.75%;
    margin: 0;
    padding: 0;
    top: 66%;
    left: 0.5%;
    position:absolute;
    z-index: 1;
}

#img_Kontakt
{
    /*Größe und Raumangaben*/
    width: 10.75%;
    height: 10.75%;
    margin: 0;
    padding: 0;
    top: 81%;
    left: 0.5%;
    position:absolute;
    z-index: 1;
}

#Impressum
{
    bottom: 0.5%;
    left: 35%;
    position:absolute;
    z-index: 2;
    font-size: medium;
    color: black;
    text-decoration:none;
}

#Datenschutz
{
    bottom: 0.5%;
    left: 45%;
    position:absolute;
    z-index: 2;
    font-size: medium;
    color: black;
    text-decoration:none;

}

#AGB
{
    bottom: 0.5%;
    left: 55%;
    position:absolute;
    z-index: 2;
    font-size: medium;
    color: black;
    text-decoration:none;

}

/*--Startseite-------------------------------------------------------------------------------------------------------*/

#Startseite-Text
{
    /*Größe und Raumangaben*/
    width: 38%;
    height: 55%;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 13%;
    position:absolute;
    z-index: 2;
}

#Magnet-Text-Startseite
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 29%;
    left: 31%;
    position:absolute;
    z-index: 3;
}

#Foto-Startseite
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 55%;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 50.5%;
    position:absolute;
    z-index: 2;
}

#Magnet-Foto-Startseite
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 29%;
    left: 62.5%;
    position:absolute;
    z-index: 3;
}

/*--Angebot----------------------------------------------------------------------------------------------------------*/

#Angebot-Information
{
    /*Größe und Raumangaben*/
    width: 35%;
    height: 53%;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 14.5%;
    position:absolute;
    z-index: 2;
}

#Magnet-Angebot-Information_ol
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 29%;
    left: 14%;
    position:absolute;
    z-index: 3;
}

#Magnet-Angebot-Information_or
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 29%;
    left: 48%;
    position:absolute;
    z-index: 3;
}

#Angebot-Hinweis
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 35%;
    margin: 0;
    padding: 0;
    top: 60%;
    right: 0.5%;
    position:absolute;
    z-index: 2;
}

#LinkLentzhOf
{
    /*Größe und Raumangaben*/
    width: 21%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 68%;
    right: 2.5%;
    position:absolute;
    z-index: 3;
}

#Foto-Angebot
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 55%;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 50.5%;
    position:absolute;
    z-index: 2;
}

#Magnet-Foto-Angebot
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 29%;
    left: 63%;
    position:absolute;
    z-index: 3;
}

/*--Fotogalerie-------------------------------------------------------------------------------------------------------*/

#Fotokette
{
    /*Größe und Raumangaben*/
    width: 80%;
    height: 70%;
    margin: 0;
    padding: 0;
    top: 20%;
    left: 16%;
    position: absolute;
    z-index: 1;
}

#Button-Termin_vereinbaren-Fotogalerie
{
    width: 14%;
    height: 16.5%;
    top: 21%;
    right: 0.5%;
    position:absolute;
    z-index: 3;
}

#Button-Termin_vereinbaren-GEDRUECKT-Fotogalerie
{
    width: 14%;
    height: 16.5%;
    top: 21%;
    right: 0.5%;
    position:absolute;
    z-index: 2;
}

#Button-Termin_vereinbaren-Fotogalerie:hover {opacity: 0}

#Magnet-Fotokette
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 21%;
    left: 14.5%;
    position:absolute;
    z-index: 3;
}

#ZurGalerie
{
    width: 18.5%;
    height: 46.8%;
    top: 41.5%;
    left: 44.8%;
    position:absolute;
    z-index: 2;
}

/*--Anreise----------------------------------------------------------------------------------------------------------*/

#Karte-Routenplanung
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 12.5%;
    margin: 0;
    padding: 0;
    top: 33%;
    left: 48%;
    position:absolute;
    z-index: 3;
}

#Magnet_Routenplanung
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 32%;
    left: 59.6%;
    position:absolute;
    z-index: 3;
}

#Karte-LentzhOf_Norden
{
    /*Größe und Raumangaben*/
    width: 30%;
    height: 55%;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 15.5%;
    position:absolute;
    z-index: 2;
}

#Magnet_Karte_ol
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 27%;
    left: 14%;
    position:absolute;
    z-index: 3;
}

#Magnet_Karte_or
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 27%;
    left: 43%;
    position:absolute;
    z-index: 3;
}

#Karte-Hinweis
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 45%;
    margin: 0;
    padding: 0;
    top: 45%;
    left: 48.5%;
    position: absolute;
    z-index: 3;
}

/*--Kontakt----------------------------------------------------------------------------------------------------------*/

#Kontakt-Informationen
{
    /*Größe und Raumangaben*/
    width: 30%;
    height: 53%;
    margin: 0;
    padding: 0;
    top: 31%;
    left: 43%;
    position:absolute;
    z-index: 2;
}

#Magnet_Kontakt-Informationen_ol
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 28%;
    left: 41.5%;
    position:absolute;
    z-index: 3;
}

#Magnet_Kontakt-Informationen_or
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 28%;
    left: 70.5%;
    position:absolute;
    z-index: 3;
}

#E-Mail
{
    /*Größe und Raumangaben*/
    width: 30%;
    height: 11%;
    margin: 0;
    padding: 0;
    top: 72%;
    left: 43%;
    position:absolute;
    z-index: 2;
}

#E-Mail-Hinweis
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 40%;
    margin: 0;
    padding: 0;
    top: 52%;
    left: 74%;
    position: absolute;
    z-index: 3;
}

#Foto-Stefan_Lelle
{
    /*Größe und Raumangaben*/
    width: 25%;
    height: 55%;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 15.5%;
    position:absolute;
    z-index: 2;
}

#Magnet-Foto-Stefan_Lelle
{
    /*Größe und Raumangaben*/
    width: 2%;
    height: 4%;
    margin: 0;
    padding: 0;
    top: 29%;
    left: 27%;
    position:absolute;
    z-index: 3;
}


/*--Impressum-------------------------------------------------------------------------------------------------------*/


#Impressum_Text
{
    /*Größe und Raumangaben*/
    width: 60%;
    height: 70%;
    margin: 0;
    padding: 0;
    top: 22%;
    left: 25%;
    position:absolute;
    z-index: 2;
}

#Magnet-Impressum_Text_ol
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 20%;
    left: 23.5%;
    position:absolute;
    z-index: 3;
}

#Magnet-Impressum_Text_or
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 20%;
    left: 82.5%;
    position:absolute;
    z-index: 3;
}


/*--Datenschutz-------------------------------------------------------------------------------------------------------*/

#Datenschutz-Hintergrund
{
    width: 60%;
    height: 70%;
    margin: 0;
    padding: 0;
    top: 22%;
    left: 25%;
    position:absolute;
    z-index: 2;
}

#Datenschutz-Text
{
    width: 58%;
    height: 68%;
    margin: 0;
    padding: 0;
    top: 23%;
    left: 26%;
    position:absolute;
    z-index: 3;
    border: none;
    overflow:auto;
}

#Magnet-Datenschutz_Text
{
    /*Größe und Raumangaben*/
    width: 4%;
    height: 8%;
    margin: 0;
    padding: 0;
    top: 20%;
    left: 52%;
    position:absolute;
    z-index: 4;
}

/*--Mobile Version-------------------------------------------------------------------------------------------------------*/
/*Speziell für die mobile Version der Internetseite*/

#Mobil
{
    text-align: center;
}

#Logo-Dorfgemeinschaftshaus_Rechtsupweg-Mobil
{
    width: 60%;
    height: 40% ;
}

#Fotogalerie-Foto-Mobil
{
    width: 80%;
    height: 80%
}

#ZurGalerie-Mobil
{
    font-size:large;
    color: #5379ac;
}

#Karte-Dorfgemeinschaftshaus_Rechtsupweg-Mobil
{
    width: 80%;
    height: 80%
}

#ZurRoutenplanung-Mobil
{
    font-size: large;
    color: #5379ac;
}

#Anreise_Infotext_Mobil
{
    font-size:small;
}

#Hinweis_Mobil
{
    font-size:xx-large;
    color: red;
}

#Datenschutz_Mobil
{
    width: 100%;
    height: 30%;
    margin: 0;
    padding: 0;
    position:absolute;
    border: none;
    overflow:auto;
}

#AGB_Mobil
{
	font-size:large;
    color: red;
}