body {

	background-color: #3dbac0;

	margin: 0px;

	padding: 0px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.9em;

}

h1 {

	font-size:1.4em;

	padding: 0px;

	margin:0px 0px 25px 10px;

}

h2, .inf {

	font-size:1.2em;

	padding: 0px;

	margin:20px 0px 5px;

}

h3 {

	font-size:1.2em;

	padding: 0px;

	margin:20px 0px 0px;

}



a:link{

	color: #FFFFFF;

	text-decoration: underline;

}

a:visited {

	color: #FFFFFF;

	text-decoration: underline;

}

a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

a:active {

	color: #FFFFFF;

	text-decoration: none;

}



/*Header*/

#header {

	background-image: url(yoga-grafiken/yoga-header.jpg);

	background-repeat: no-repeat;

	margin-bottom: 30px;

	height: 150px;









}

/*Ende Header*/

/* ----------Container -------------- */

#container {

	width: 900px;

	padding:0px;

	margin: 0px;

	background-color: #3dbac0;

} 



/* ----------outer und inner----------------- */

#outer{ 

border-left: solid 300px #3dbac0;  /* linke Menue Spalten Farbe  */ 

 } 



#inner{ margin:0px; width:100%; } /* die IE PC Schlaufe */ 

.oben {

	textalign: right;

	text-align: right;

	margin-right: 10px;



} /*anker*/



/* --------------linke Navigation------------- */



#navcontainer {

	width:300px;

	float:left;

	position:relative;

	margin-left:-275px;

	background-color: inherit;

	color: #FFFFFF;

	height: inherit;











 }

.navlist

{

	padding: 0 1px 1px;

	margin-left: 0;

	width: 13em;

	height: 100%;



}



.navlist li

{

	list-style: none;

	margin: 0;

	text-align: left;

}

.navlist ul

{

	margin-bottom: 15px;

	margin-top: 0px;





}



.navlist li a, .navlist li a:link, .navlist li a:visited, .navlist li a:active

{

	display: block;

	padding: 0px 0px 0px 5px;

	border-left: 0.3em solid #3dbac0;

	text-decoration: underline;

	width: 275px;

	font-size: 1.0em;

	height: 0.9em;

	line-height: 0.9em;

	color: #FFFFFF;

	margin-bottom: 6px;

	margin-top: 6px;

}



.navfest 

{

	display: block;

	padding: 0px 0px 0px 5px;

	border-left: 0.3em solid #FFFFFF;

	width: 275px;

	font-size: 1em;

	height: 0.9em;

	line-height: 0.9em;

	color: #FFFFFF;

	margin-bottom: 6px;

	font-weight: bold;

	text-decoration: none;

}

.navlist li a:hover

{

	display: block;

	padding: 0px 0px 0px 5px;

	border-left: 0.3em solid #FFFFFF;

	text-decoration: none;

	width: 275px;

	font-size: 1.0em;

	height: 0.9em;

	line-height: 0.9em;

    margin-bottom: 6px;

}

.stage {

	margin-bottom: 8px;

	margin-left: 10px;

	font-size: 1.1em;



}

/* -----------------Inhalt--------------------- */

#content{

	position: relative;

	margin: 0px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	padding-top: 0px;



}

.deko {

	float: left;

	margin-right: 30px;

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-left: 5px;

	border: 2px solid #FFFFFF;



}



#content ul {

	margin: 0px;

	padding: 0px;







}

#content li {

	margin-bottom: 3px;

	padding-left: 25px;







}



.rechts, .presse {

	padding-left: 25px;

	padding-bottom: 15px;

    clear: right;

}



.rechts ul, .presse ul {margin: 0px;

	padding-left: 20px;

	padding-top: 10px;

	padding-bottom: 10px;

}

.rechts ul li, .presse ul li {margin-bottom: 6px;}



.presse h2 	{

    font-size:1.2em;

	padding: 0px;

	margin: 20px 0px 10px;}

	

.presse h3 	{

    margin:20px 0px 10px;

	font-size:1.0em;

	padding: 0px;}

	

	.presse h3 .standard{font-size:1.0em;

	}

.presse p 	{

    margin:7px 0px 0px;}

.info {             /*gefärbter Text */

	color: #C6F6F5;

}



#content p{

padding: 5px 10px;

margin:0px; }



/* Listenpunkte neben dem Bild positionieren */

.poser, .presseunav {

	float: right;

	width: 330px;

	margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 30px;

    height: 170px;

}

.poser ul, .presseunav ul{

	padding-left: 5px;

	padding-top: 0px;

}

.poser ul li{margin-bottom: 1.2em;}

.presseunav ul li {margin-top: 10px;}

.textliste /*Linkseite*/

{

	float: right;

	width: 330px;

	margin-top: 0px;

	padding-top: 0px;

	

}

.textliste ul{margin: 0px;

	padding-left: 15px;

	padding-top: 10px;

}

.textliste ul li{margin-bottom: 6px;}

/*  ----------------footer---------------------- */ 



.unternav {

	clear:left;

	padding:4px 20px 4px 0px;

	margin-top: 20px;

	width: 900px;

	text-align: right;

	margin-left: -10px;

	background-color: #6ac4cc;

	font-size: 0.8em;

}

.unternav a:link, .unternav  a:visited, .unternav  a:hover, .unternav  a:active{

	text-decoration: underline;



}

.unternav a:link, .unternav  a:visited{

	text-decoration: underline;

}

.unternav a:hover, .unternav a:active {

	text-decoration: none;

}



.unternav ul {

	list-style-type: none;

	margin :0;

	padding: 0;

	height: 17px;



}



.unternav li {

	float:right;

	text-align: left;

	margin-left: 35px;

	padding-top: 0px;

	padding-bottom: 0px;



}

.bb {

	padding-left: 190px;



}

/*Ende footer*/

.fotos {

	padding-top: 65px;

	padding-left: 480px;



}

.fotos img {

	margin-left: 20px;

	border: 2px solid #FFFFFF;



}

.standard{

	font-size: 0.8em;

	font-weight: normal;

	color: #C6F6F5;

}



/*für die Seite Preise und News Guadeloupe*/

.preisbox {

	width: 570px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 200px;



}

.guabox { /*wenn neben/unter der Navigation das Foto zu weit rechts steht*/

	width: 570px;

	margin-bottom: 0px;

	margin-top: 0px;

	margin-left: 5px;

	height: 200px;



}

.preisboxl {  /*weil der IE den Inhaltsblock unter der Navigation nach links verschiebt*/

	width: 570px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 200px;

	padding-left: 25px;



}

.preistextl {

	float: right;

	width: 315px;

}



.preis{ 

	float:left;

	border: 2px solid #FFFFFF; 

	height: 166px;

}

img.preis {

	margin-right: 15px;

	width: 215px;

} 



.preistext {

	float: right;

	width: 295px;

}

.guatext{

	float: right;

	width: 340px;

}

.guatext h3 {margin-top: 0px; margin-bottom: 10px;}

.guatext2{ /*weil der IE den Inhaltsblock unter der Navigation nach links verschiebt*/

   margin-left: 225px;}

}

.preistext h3 {

	margin-top: 0px;

	padding-top: 0px;

	padding-bottom: 4px;

}



.preistextl h3 {

	margin-top: 0px;

	padding-top: 0px;

	padding-bottom: 4px;

}

.preistext ul{

    margin-top: 5px;

	padding-left: 15px;

}

.preistextl ul {

    margin-top: 5px;

	padding-left: 15px;

}

.preistext li{

    margin-bottom: 3px;



}

.preistextl li {

    margin-bottom: 3px;

}

.monat {

	padding-right: 50px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	vertical-align: top;

}

.monatfarb {

	padding-right: 50px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	vertical-align: top;

	background-color: #3BD7D7;

}

.termine {

	padding-top: 3px;

	padding-bottom: 3px;

	vertical-align: top;

}

.terminefarb {

	padding-top: 3px;

	padding-bottom: 3px;

	vertical-align: top;

	background-color: #3BD7D7;

}

/*Ende Seite Preise*/

/*Startseite*/

.start  {

	float: right;

	width: 250px;

	height: 220px;

	color: #C6F6F5;

	font-size: 16px;

	padding-right: 50px;

	padding-left: 0px;

	padding-top: 10px;



}

.dekostart {

	float: left;

	margin-right: 30px;

	padding: 0px;

	margin-top: 0px;

	margin-left: 5px;

	border: 2px solid #FFFFFF;



}

/*Ende Startseite*/

/*Fotoseite - sonst wie Preisseite*/

.fototext {

	float: right;

	width: 295px;

	padding-top: 30px;

}

.fototextl {

	float: right;

	width: 315px;

	padding-top: 30px;

}

/*Ende Fotoseite*/

/*Fotoseite */

.fotobox {

	width: 600px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 350px; /*wegen  dem Zusatztext unter Bildern*/

	clear: right;



}

.fotoboxl {

	width: 600px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 330px;

	padding-left: 25px;

    clear: right;

}

.fotobox2 { /*für Amrum, da nur 3 Vorschaubilder*/

	width: 600px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 170px;

	padding-left: 25px;

    clear: right;

}

.fotobox3 { /**/

	width: 600px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 330px;

	padding-left: 25px;

    clear: right;

}

.fotobox4 { /**/

	width: 600px;

	margin-bottom: 0px;

	margin-top: 0px;

	height: 350px;

	padding-left: 25px;

    clear: right;

}



.fotobox img, .fotobox3 img, .fotobox4 img{

	margin-right: 30px;

	border: 2px solid #FFFFFF;

	margin-bottom: 10px;



}



.fotoboxl img{

	margin-right: 30px;

	border: 2px solid #FFFFFF;

	margin-bottom: 10px;

}

.fotobox2 img{

	margin-right: 30px;

	border: 2px solid #FFFFFF;

	margin-bottom: 10px;

}

.fotoueb {

	padding-left: 25px;

	padding-top: 20px;

	padding-bottom: 10px;

	font-size:1.2em;

    clear: right;

}

.album {

	font-size: 1em;

	font-weight: normal;

	margin-top: 20px;

	margin-bottom: 20px;

} 

.album img {

	border: 2px solid #FFFFFF;

	margin-bottom: 5px;

}

.bildu { /*für Fotos auf Großbildseiten, die kleiner sind als linke Navi, da IE hier einzieht*/

	padding-left: 25px;

	padding-bottom: 15px;

    clear: right;

}

.fotocopy {

	font-weight: normal;

	padding-left: 25px;

}

/*für Fotoalbum-Einzelseiten*/

/*Ende Fotoseite*/

.abstand {

	padding-right: 135px;

	font-size: 14px;

}

.abstand2 {

	padding-right: 20px;

	font-size: 14px;

}

.down { /*um auf normalen Seiten weiter unten ein zusätzliches Bild zu positionieren, z. Zt. nicht gebraucht*/

	float: left;

	margin-right: 30px;

	padding: 0px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 5px;

	border: 2px solid #FFFFFF;



}

.clear {both;}