@charset "utf-8";
@import url("HelveticaNeue_Light/stylesheet.css");

/* CSS Document */

<style type="text/css">
#page {
	height: auto;
	width: 1000px;
}






	

#clickoff {
	width: 100%;
	visibility: hidden;
	position:absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	cursor: pointer;
	z-index:1;
}

#Home {
	
	position:relative;
	top: 210px;
	right:auto;
	margin-left:auto;
	margin-right:auto;
	max-width: 800px;
	
}
@media only screen and (min-width: 1301px) {
	#dropdown  {
	background-image:url(../images/menu50x50.png);
	display: block;
	position: absolute;
	height: 50px;
	width: 50px;
	left: auto;
	right: 10%;
	top: 50px;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-align: center;
	cursor: pointer;
}
#dropdown:hover,
      #dropdown:focus {
		  background-image:url(../images/menu50x50_4.png);
      }
 #header {
	position: absolute;
	height: 120px;
	width: 100%;
	top: 0px;
	left: -10px;
	background-image:url(../images/background_header_4.png);
	z-index: 1;
	
} 
#page #header #logo {
	position: relative;
	height: 100px;
	width: 250px;
	top: 10px;
	background-image: url(../images/logo250x100_3.png);
	right: auto;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
	
}    
	   #Latein_box {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 22px;
	top: -30px;
	font-style: italic;
	table-layout: fixed;
	background-color: #f8f6ef;
	}
#Philosophie_box {
	position: relative;
	width: auto;	
	height: auto;
	margin-bottom: 150px;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 120px;
	font-style: normal;
	table-layout: fixed;
	background-color: #f8f6ef;
}
#Philosophie_text {
	position: relative;
	width: auto;	
	height: auto;
	margin-bottom: 150px;
	max-width: 800px;
	left: 0;
	right: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 0;
	font-style: normal;
	table-layout: inherit;
	text-align:justify;
	word-wrap: break-word;
	margin-left: 10px;
	margin-right: 10px;
	
}
#Dienstleistung_box {
	position: relative;
	width: auto;	
	height: auto;
	margin-bottom: 150px;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 120px;
	font-style: normal;
	table-layout: fixed;
	background-color: #f8f6ef;
}
#Dienstleistung_text {
	position: relative;
	width: auto;	
	height: auto;
	margin-bottom: 150px;
	max-width: 800px;
	left: 0;
	right: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 0;
	font-style: normal;
	table-layout: inherit;
	text-align:justify;
	word-wrap: break-word;
	margin-left: 10px;
	margin-right: 10px;
	
}
#Portrait_box {
	position: relative;
	width: auto;	
	height: auto;
	margin-bottom: 150px;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 120px;
	font-style: normal;
	table-layout: fixed;
	background-color: #f8f6ef;
}
#Portrait_text {
	position: relative;
	width: auto;	
	height: auto;
	margin-bottom: 150px;
	max-width: 800px;
	left: 0;
	right: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 0;
	font-style: normal;
	table-layout: inherit;
	text-align:justify;
	word-wrap: break-word;
	margin-left: 10px;
	margin-right: 10px;
	
}
#Kontakt_box {
	position: relative;
	width: auto;	
	height:auto;
	left: 0px;
	right: 0px;
	margin-bottom: 150px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 30px;
	font-style: normal;
	table-layout: fixed;
	background-color: #f8f6ef;
}
#Kontakt_text {
	position: relative;
	width: auto;
	height: auto;
	left: 10px;
	right: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 0px;
	font-style: normal;
}
#Willkommen {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 30px;
	font-style: normal;
}
#Willkommen_web {
	position: relative;
	top:70px;
	left: 0;
	table-layout: fixed;
    max-width:100%;
    width:100%;;
	
}
#Angebot_web {
	position: relative;
	top:70px;
	left: 0;
	table-layout: fixed;
    max-width:100%;
    width:100%;;
	
}
#Philosophie_web {
	position: relative;
	top:70px;
	left: 0;
	table-layout: fixed;
    max-width:100%;
    width:100%;;
}
#Anfahrt {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 30px;
	font-style: normal;
	text-decoration: underline;
}
#googlemaps {
	display:block;
	position:relative;
	top:40px;
	bottom: 2020px;
	margin: 0 auto;
	table-layout: fixed;
	max-width:100%;
    width:100%;
	margin-bottom:300px;
}

#Datenschutzerklärung_Text {
	position:relative;
	left: 10px;
	right: 10px;
	top: 10px;
	max-width: 800px;
	table-layout: fixed;
	margin-bottom: 400px;
	
}
#Dienstleistung {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 70px;
	display: inline-block;
	width: 170px;
	height: 60px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size: 24px;
	cursor: pointer;

	
      }
      #Dienstleistung:hover,
      #Dienstleistung:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }
	


	

#Philosofie {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 128px;
	display: inline-block;
	width: 170px;
	height: 60px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size: 24px;
	cursor: pointer;

	
      }
      #Philosofie:hover,
      #Philosofie:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }

	


#Portrait {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 186px;
	display: inline-block;
	width: 170px;
	height: 60px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size: 24px;
	cursor: pointer;

	
      }
      #Portrait:hover,
      #Portrait:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }

 #Kontakt {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 244px;
	display: inline-block;
	width: 170px;
	height: 60px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size: 24px;
	cursor: pointer;

	
      }
      #Kontakt:hover,
      #Kontakt:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }
#scrollup  {
	background-image:url(../images/scrollup50x50.png);
	position:fixed;
	height: 50px;
	width: 50px;
	left: auto;
	right: 10%;
	bottom: 50px;
	z-index: 2;
	
}
	#scrollup:hover,
      #scrollup:focus {
		  background-image:url(../images/scrollup50x50_2.png);
      }

#Datenschutzerklärung_close {
	background-image: url(../images/close50x50.png);
	display:block;
	position: absolute;
	height: 50px;
	width: 50px;
	left: auto;
	right: 10%;
	top: 35px;
	z-index: 2;
}
#Datenschutzerklärung_close:hover,
      #Datenschutzerklärung_close:focus {
		  background-image:url(../images/close50x50_2.png);
      }

    }
@media only screen and (max-width: 1300px) {
	#dropdown  {
	background-image:url(../images/menu75x75.png);
	display: block;
	position: absolute;
	height: 75px;
	width: 75px;
	left: auto;
	right: 10%;
	top: 80px;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-align: center;
	cursor: pointer;
}
#dropdown:hover,
      #dropdown:focus {
		  background-image:url(../images/menu75x75_2.png);
      }
#header {
	position: absolute;
	height: 240px;
	width: 100%;
	top: 0px;
	left: -10px;
	background-image:url(../images/background_header_5.png);
	z-index: 1;
	
}
#page #header #logo {
	position: relative;
	height: 200px;
	width: 500px;
	top: 20px;
	background-image: url(../images/logo500x200.png);
	right: auto;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
	
}
	   #Latein_box {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 38px;
	top: 120px;
	font-style: italic;
	font-family: "Courier New", Courier, monospace;
	table-layout: fixed;
	background-color: #f8f6ef;
}
#Philosophie_box {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	margin-bottom: 100px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 240px;
	font-style: normal;
	background-color: #f8f6ef;
}
#Philosophie_text {
	position: relative;
	width: auto;	
	height: auto;
	max-width: 800px;
	left: 0;
	right: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 0;
	font-style: normal;
	table-layout: inherit;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

#Dienstleistung_box {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	margin-bottom: 100px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 240px;
	font-style: normal;
	background-color: #f8f6ef;
}
#Dienstleistung_text {
	position: relative;
	width: auto;	
	height: auto;
	max-width: 800px;
	left: 0;
	right: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 0;
	font-style: normal;
	table-layout: inherit;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
#Portrait_box {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	margin-bottom: 100px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 240px;
	font-style: normal;
	background-color: #f8f6ef;
}
#Portrait_text {
	position: relative;
	width: auto;	
	height: auto;
	max-width: 800px;
	left: 0;
	right: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 0;
	font-style: normal;
	table-layout: inherit;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
#Kontakt_box {
	position: relative;
	width: auto;
	height: auto;
	left: 0px;
	right: 0px;
	margin-bottom: 100px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 200px;
	font-style: normal;
	table-layout: fixed;
	background-color: #f8f6ef;
}
#Kontakt_text {
	position: relative;
	width: auto;
	height: auto;
	left: 10px;
	right: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 0px;
	font-style: normal;
}
#Willkommen {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 56px;
	top: 180px;
	font-style: normal;
}
#Willkommen_web {
	position: relative;
	top:220px;
	left: 0;
	table-layout: fixed;
    max-width:100%;
    width:100%;;
	
}
#Angebot_web {
	position: relative;
	top:220px;
	left: 0;
	table-layout: fixed;
    max-width:100%;
    width:100%;;
	
}
#Philosophie_web {
	position: relative;
	top:220px;
	left: 0;
	table-layout: fixed;
    max-width:100%;
    width:100%;;
}
#Anfahrt {
	position: relative;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	top: 220px;
	font-style: normal;
	text-decoration: underline;
}
#googlemaps {
	display:block;
	position:relative;
	top:180px;
	bottom: 2020px;
	margin: 0 auto;
	table-layout: fixed;
	max-width:100%;
    width:100%;
	margin-bottom:300px;
}

#Datenschutzerklärung_Text {
	position:relative;
	left: 10px;
	right: 10px;
	top: 130px;
	max-width: 800px;
	table-layout: fixed;
	margin-bottom: 400px;
	margin-top: 200px;
	
}
#Dienstleistung {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 190px;
	display: inline-block;
	width: 400px;
	height: 130px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size:54px;
	cursor: pointer;

	
      }
      #Dienstleistung:hover,
      #Dienstleistung:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }
	


	

#Philosofie {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 318px;
	display: inline-block;
	width: 400px;
	height: 130px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size: 54px;
	cursor: pointer;

	
      }
      #Philosofie:hover,
      #Philosofie:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }

	


#Portrait {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 446px;
	display: inline-block;
	width: 400px;
	height: 130px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size:54px;
	cursor: pointer;

	
      }
      #Portrait:hover,
      #Portrait:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }

 #Kontakt {
	visibility:hidden;
	position: absolute;
	right: 0;
	top: 574px;
	display: inline-block;
	width: 400px;
	height: 130px;
	vertical-align: central;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#FFF;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	outline: none;
	transition: 0.1s;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	text-decoration: none;
	font-size: 54px;
	cursor: pointer;

	
      }
      #Kontakt:hover,
      #Kontakt:focus {
		color:#CCC;
        background-color:#FFF;
        border-color: #CCC;
      }
#scrollup  {
	background-image:url(../images/scrollup75x75.png);
	position:fixed;
	height: 75px;
	width: 75px;
	left: auto;
	right: 10%;
	bottom: 50px;
	z-index: 2;
	
}
	#scrollup:hover,
      #scrollup:focus {
		  background-image:url(../images/scrollup75x75_2.png);
      }

#Datenschutzerklärung_close {
	background-image: url(../images/close75x75.png);
	display:block;
	position: absolute;
	height: 75px;
	width: 75px;
	left: auto;
	right: 10%;
	top: 80px;
	z-index: 2;
}
#Datenschutzerklärung_close:hover,
      #Datenschutzerklärung_close:focus {
		  background-image:url(../images/close75x75_2.png);
      }

}














#footnote {
	
	position: relative;
	height: 240px;
	width: 100%;
	top: 150px;
	bottom: 0px;
	background-image:url(../images/background_footnote.png);
	z-index: 1;
}
#footnote_box {
	position:relative;
	top: 0px;
	right:auto;
	margin-left:auto;
	margin-right:auto;
	max-width: 800px;
}
#footnote_text_left {
	position:absolute;
	left: 5%;
	top: 10px;
}
#footnote_text_right {
	position:absolute;
	right: 5%;
	top: 10px;
}
#footnote_text_mid {
	position: relative;
	height: 200px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	top:10px;
	

}
#Datenschutzerklärung_box {
	position: relative;
	width: auto;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:#999;
	opacity:90%;
	margin-bottom:300px;
	table-layout: fixed;

	
}
#Datenschutzerklärung_Text {
	position:relative;
	left: 10px;
	right: 10px;
	top: 10px;
	max-width: 800px;
	table-layout: fixed;
	margin-bottom: 400px;