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

/*==================================*/
/* Website yogaclub.de				*/
/* Datum: Januar 2009				*/
/* Autor: graugans-design			*/
/*==================================*/

/*==============================*/
/* Inhalt:						*/
/* I.	allgemeine Format.		*/
/* II.	wrapper					*/
/* III.	header					*/
/* IV. 	navi					*/
/* V. 	content 				*/
/* Va. 	spalte_links			*/
/* Vb. 	spalte_rechts			*/
/* VI.	footer					*/
/* VII.	sonstiges				*/
/*==============================*/

/*==============================*/
/* Farben:						*/
/* hg 				#fff		*/
/* hg content		#e9bb6e		*/
/* text				#355427		*/
/* hg navi			#684615		*/
/*==============================*/

/*==============================*/
/* Teil I. 						*/
/* allg. Format.				*/
/*==============================*/

* {
	margin:0;
	padding:0;
}

html {
	height:101%;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#355427;
	background-image:url(_img/hintergrund_wolken.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

h2 {
	font-size:200%;
	margin-bottom:0.6em;
}

h3 {
	font-size:128%;
	margin-bottom:0.2em;
}

h4 {
	font-size:100%;
}

p {
	line-height:1.5em;
}

#cite {
	margin-top:20px;
	margin-right:7px;
	line-height:1.6em;
	background-color:#dcf2d1;
	border-top:1px dotted #355427;
	border-bottom:1px dotted #355427;
	padding:5px;
	padding-left:7px;
}

a {
	color:#355427;
}

a:hover, a:focus, a:active {
	color:#79a466;
}

.versteckt {
	position:absolute;
	left:-9999px;
	top:-9999px;
	display:inline;
	width:0;
	height:0;
}

.fett {
	font-weight:bold;
}
	
/*==============================*/
/* Teil II. 					*/
/* wrapper						*/
/*==============================*/

#wrapper {
	margin:0 auto 0 auto;
	width:798px;
	/*background-image:url(_img/hintergrund_content.jpg);
	background-repeat:repeat-x;*/
	position:relative;
}

/*==============================*/
/* Teil III. 					*/
/* header						*/
/*==============================*/

#header {
	width:798px;
	height:126px;
}

#header li,
#navi li {
	list-style:none;
}

.anmeldung {
	margin-top:100px;
	float:right;
	margin-right:100px;
}

*html .anmeldung {
	margin-right:50px;
}	/*für den super-IE6! */


/*==============================*/
/* Teil IV. 					*/
/* navi							*/
/*==============================*/

#navi {
	width:798px;
	height:180px;
}

#navi li a {
	color:#FFF;
	text-decoration:none;
}

#navi li a:hover,
#navi li a:focus,
#navi li a:active {
	text-decoration:underline;
}

/*==============================*/
/* Teil V.	 					*/
/* content						*/
/*==============================*/

#content {
	margin:60px 78px 60px 85px;
	overflow:hidden;
	position:relative;
}

#content li {
	margin-left:20px;
	line-height:1.5em;
}

/*==============================*/
/* Teil Va.	 					*/
/* spalte links					*/
/*==============================*/

#spalte_links {
	float:left;
	width:375px;
	border-right:1px solid #355427;
	border-collapse:collapse;
	margin-right:20px;
	padding-right:20px;
}

#spalte_links ul.termine,
#spalte_rechts ul.termine {
	list-style:none;
}

#spalte_links ul.kurse {
	list-style:none;
}

.kurse .kursart {
	margin-top:10px;
	text-indent:0;
	list-style:circle;
}

.kursleitung .kursart {
	list-style:none;
	margin-top:10px;
}

.kursart {
	font-weight:bold;
	/*font-style:italic;*/
	text-indent:-20px;
}

.kurszeit {
	font-style:italic;
	list-style:
}

.kursort {
	margin-bottom:20px;
}

/*==============================*/
/* Teil Va1.	 				*/
/* formular						*/
/*==============================*/

form fieldset {
	border:0;
}

#kontaktformular label {
	display:block;
}

#name, #email, textarea {
	width:15em;
	margin-bottom:10px;
}
/*==============================*/
/* Teil Vb.	 					*/
/* spalte rechts				*/
/*==============================*/

#spalte_rechts {
	/*position:absolute;
	right:0;
	top:0;
	width:210px;*/
	margin-left:395px;
	border-left:1px solid #355427;
	padding-left:20px;
}

.seitenfoto {
	display:block;
	border:1px solid #355427;
	margin-top:0;
	margin-bottom:5px;
}

.fototext {
	font-size:75%;
	line-height:1.3em;
}

.rechtsbuendig {
	text-align:right;
	font-weight:bold;
}

cite {
	font-style:italic;
}

/*lomi-button positionieren */
#lomi {
	position:absolute;
	top:250px;
	left:730px;
}

/* kein rahmen um link */
#lomi a img {
	border:none;
}

/*==============================*/
/* Teil VI.	 					*/
/* footer						*/
/*==============================*/

#footer  {
	background-color:#4d7838;
	height:40px;
	line-height:39px;
	text-align:center;
}

#footer li {
	display:inline;
	color:#FFF;
}

#footer a {
	color:#FFF;
}

#footer a:hover, 
#footer a:focus, 
#footer a:active {
	color:#bed6b3;
}

/*==============================*/
/* Teil VII.	 				*/
/* die graugans					*/
/*==============================*/

#graugans_logo {
	border:0;
	margin-bottom:-5px;
}