@charset "UTF-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, span, a, img{
	margin:0px;
	padding:0;
	border:0;
	}
	
	
body{
	 font-family:"Century Gothic";
	 font-size:62.5%;
	 background-color:#FFFFFF;
	 background-origin:border-box;
	}
	
#contenedor{
	
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	}

#banner{
	
	width:1000px;
	height:210px;
	margin:0px 0px 0px 0px;
	background-color:#FFF;
	}

#logo{
	
	width:250px;
	height:210px;
	margin: 0px 0px 0px 0px;
	float:right;
	background-image:url(../IMAGENES/LOGOAG.jpg);
	background-repeat:no-repeat;
	}
	
#barra{
	
	width:695px;
	height:30px;
	float:left;
	margin: 170px 0px 0px 0px;
	padding:5px 0px 5px 45px;
	background-image:url(../IMAGENES/barraBack.jpg);
	}

#navegacion {
	font-size:1.2em;
	}


#barra a{
	font-size:15px;
	text-decoration:none;
	display:block;
	margin:0px 2px;
	float:left;
	padding:5px;
	color:#38afcc;
	}
	
#barra a:link, #barra a:visited{
	color:#233d89;
	}
	
#barra a:hover{
	color:#38afcc;
}


#texto{
	width:300px;
	height:150px;
	margin:90px 0px 0px 0px;
	float:left;
	padding:10px 55px;
	}
	
#texto p{
	font-style:italic;
	font-size:14px;
	color:#c3d2c2; 
	}
	
#texto2 p{
	font-style:normal;
	margin:20px 0px;
	
	font-size:14px;
	color:#A7B733; 
	}

#willkommen{
	
	width:1000px;
	height:648px;
	background-image:url(../IMAGENES/PhotoIndex.jpg);
	}

#pie{
	
	width:660px;
	height:20px;
	padding:5px 0px 0px 340px;
	background-color:#717724;
	}

#pie p{
	font-size:11px;
	color:#FFF; 
	}

/* --------------------------- ÜBER MICH --------------------------- */

#UtextBox{
	
	width:1000px;
	height:520px;
	background-image:url(../IMAGENES/fondoUBER.jpg);
	background-repeat:no-repeat;
	}

#Utext01 {
	width:300px;
	height:490px;
	float:right;
	margin:0px 60px 0px 0px;
	padding:30px 30px 0px 30px;
	background-image:url(../IMAGENES/fondoAzul.png);
	}
	
#Utext01 p{
	font-size:13px;
	color:#292a0e;
	text-align:justify; 
	}

#Utext02 {
	width:270px;
	height:250px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	}
	
#Utext02 p{
	font-size:14px;
	color:#5C7C16;
	text-align:right;
	font-style:italic; 
	}

#amandaPhoto {
	width:300px;
	height:480px;
	float:right;
	}

/* --------------------------- PILOSOPHIE --------------------------- */

#PtextBox{
	
	width:1000px;
	height:530px;
	background-image:url(../IMAGENES/fondoPHILO.jpg);
	}
	
h2.titulosP1 {
	color:#FFC; 
	}

#Ptext01 {
	width: 279px;
	height: 498px;
	float: left;
	margin: 0px 0px 0px 60px;
	padding: 30px 30px 0px 30px;
	background-image: url(../IMAGENES/fondoBeige.png);
	}
	
#Ptext01 p{
	font-size:14px;
	color:#484917; 
	}
	
h2.titulosP2 {
	color:#FFC; 
	}

#Ptext02 {
	width:279px;
	height:498px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:30px 30px 0px 30px;
	background-image:url(../IMAGENES/fondoBeige.png);
	}
	
#Ptext02 p {
	font-size:14px;
	color:#484917;
	}

h1.tituloP1 {
	font-size:14px;
	color:#A7B733; 
	}

#philo {
	width:300px;
	height:500px;
	float:right;
	}

/* --------------------------- GALLERIE --------------------------- */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

	
#galeriaFotos{
	
	width:1000px;
	height:1040px;
	background-color:#CCD397;
	}

#video{
	
	width:1000px;
	height: 1300px;
	background-color:#CCD397;
	}
	
#video1{
	
	width:640px;
	height:360px;
	margin:80px 20px 0px 180px;
	}
	
#video2{
	
	width: 560px;
	height: 315px;
	margin:80px 20px 0px 220px;
	}

#video3{
	
	width: 560px;
	height: 315px;
	margin:80px 20px 0px 220px;
	}

/* --------------------------- UNTERRICHT --------------------------- */

#UntextBox{
	
	width:1000px;
	height:500px;
	background-image:url(../IMAGENES/fondoUnterRich.jpg);
	}
	
h1.titulosUn1 {
	color:#A7B733; 
	}

#Untext01 {
	width:279px;
	height:470px;
	float:left;
	margin:0px 0px 0px 60px;
	padding:30px 30px 0px 30px;
	background-image:url(../IMAGENES/fondoBeige.png);
	}
	
#Untext01 p{
	font-size: 14px;
	color: #4E4F19;
	}
	
h1.titulosUn2 {
	color:#4E4F19; 
	}
	
p.estiloItalico {
	font-style:italic;
	}

#Untext02 {
	width:279px;
	height:470px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:30px 30px 0px 30px;
	background-image:url(../IMAGENES/fondoBeige.png);
	}
	
#Untext02 p {
	font-size: 14px;
	color: #4E4F19;
	}

ul.lista {
	font-size:14px;
	color:#4E4F19;
	margin:0px 0px 0px 15px; 
	}

/* #Untext {
	width:262px;
	height:500px;
	float:right;
	background-image:url(../IMAGENES/photoUnter.jpg);
	}

 #Untext p{
	font-size:13px;
	color:#FFF; 
	}
	
h1.tituloPreise {
	color:#FFF;
	}  */

/* --------------------------- PENSIONSSTALL --------------------------- */

#PentextBox{
	
	width:1000px;
	height:500px;
	background-image: url(../IMAGENES/fondoPensionsstall.jpg);
	}
	
h2.titulosPen1 {
	color:#FFC; 
	}

#Pentext01 {
	width: 279px;
	height: 470px;
	float: left;
	margin: 0px 0px 0px 60px;
	padding: 30px 30px 0px 30px;
	background-image: url(../IMAGENES/fondoBeige.png);
	}
	
#Pentext01 p{
	font-size:14px;
	color:#484917; 
	}
	
	
h1.tituloPen1 {
	font-size:15px;
	color:#A7B733; 
	}

ul.listaPen {
	font-size:15px;
	color:#4E4F19;
	margin:0px 0px 0px 15px; 
	}

#philo {
	width:300px;
	height:500px;
	float:right;
	}

#cajaFPension {
	width:920px;
	height:530px;
	padding: 40px 40px;
	background-image:url(../IMAGENES/fondoVideo.jpg);
	}

#pensionFotos {
	width:920px;
	height:520px;
	background-color:#FFFFFF;
	}


/* --------------------------- KONTAKT --------------------------- */

#KontaktBox{
	
	width:1000px;
	height:500px;
	background-image:url(../IMAGENES/fondoKontakt.jpg);
	}

#Ktext01 {
	width: 230px;
	height: 120px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 60px;
	padding: 30px 30px 0px 30px;
	background-image: url(../IMAGENES/kontak1image.png);
	}
	
#Ktext01 p{
	font-size:15px;
	color:#4E4F19;
	margin-top: 15px;
 
	}

#Ktext02 {
	width: 230px;
	height: 350px;
	float: left;
	margin: 0px 0px 0px 60px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../IMAGENES/kontak1image.png);
	}
	
	#socialNet {
	width: 230px;
	height: 50px;
	margin-bottom: 20px;
	float:left;
	}

	#links a{
	font-size:15px;
	color:#717724;
	}
	
	#Ktext02 p{
	font-size:18px;
	color:#4E4F19;
	}