/* 	edited by:	midelle.de 
	editor:		Microsoft Expression Web
	date:		2009-11-16T21:52:00+0100
	changed:    2017-02-026T15:35:00+0100
*/

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

@font-face {
	font-family: "Verdana Bold";
    src: url(/font/Verdana Bold.ttf);
    }
    
@font-face {
	font-family: Verdana;
    src: url(/font/Verdana.ttf);
    }

body {
	font-family: Verdana;
	background: #fff;
	background-position: center;
	background-repeat: repeat-y;
	top: 0px;
	/* height: 2000px; */
	width: 960px;
	padding-top: 0px;
	height: 4000px;
	/* color: #000; */
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
	font-family:Verdana;
	padding: 0; 
    padding-left: 14px;
	margin: 0; 
	list-style-type:none; 
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;
    font-family: Verdana;
    font-weight: bold;	 
	color: #fff;
	padding-right: 14px;
	padding-left: 0px; 
}

h2 {
	font-family: Verdana;
	font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
	font-size: 26px;
	letter-spacing: 3px;
}

h4 {
	font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #6b5b46;
    line-height: 20px;

}

h5 {
	font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    line-height: 20px;

}


a {
	font-size: 13px;
    font-style: normal;
	font-weight: bold;
    font-family: Verdana;
    letter-spacing: 1px;
}

a img { 
	border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #fff;
	text-decoration: none; 
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color:#F00;
	text-decoration: none;
}
/* ~~ Arbeitsblatt-Einstellungen */
.worksheet {
	/*background-image:url(/img.php/kursinformation.png);*/
    /*background-repeat:repeat-y;*/
	position: absolute;
	top: 5px;
	left: 15%;
	/*width: 960px;
    /*height: 4500px;*/
	/* background: #99cc33; */
	visibility: visible;
}

.start {
	background-image:url(/img.php/home.png);
    background-repeat: no-repeat;
    }

.kursinfos {
	background-image:url(/img.php/kursinformation.png);
    background-repeat: no-repeat;
    }
    
.kurstage {
	background-image:url(/img.php/kurstage.png); 
    background-repeat:repeat-y;
    width:9l60px;
    height:10000px;
    }    
    
.workshops {
	background-image:url(/img.php/workshop.png);
	background-repeat:no-repeat;
    height:4000px;    
    }
    
.kontakt {
	background-image:url(/img.php/kontakt.png);
    background-repeat: repeat-y;
    }
.yogaferien {
	background-image:url(/img.php/kursinformation.png);
    background-repeat: repeat-y;
    height:7500px;
    }
    
.aboutme {
	background-image:url(/img.php/aboutme.png);
    background-repeat: no-repeat;
    }    

/* ~~ Dieser Container fester Breite umgibt alle anderen Blockelemente. ~~ */
.container {
	width: 960px;
    height: 3500px;
	/* background: #99cc33; */
	margin: 0 auto; 
}
.container a, a:link {
	font-style:kursiv;
    }

header {
	position: relative;
	top: 5px;
	/* background: #99cc33; */
}

iframe {
	color:#fff;
    }

.ueberschrift1 {
	font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: #6b5b46;
    line-height: 24px;
}

.ueberschrift1 a {
	font-size:14px;
	font-weight: bold;
    color: #6b5b46;
    
   }

.kapitel {
	font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #FFF;
    line-height: 20px;
}

.kapitelds {
	font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: #FFF;
    line-height: 20px;
    margin-top: 20px;
}


.kapitel a {
	font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #F00;
    line-height: 20px;
}

.kapitel a:hover {
	font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color:#F00;
	text-decoration: none;
    line-height: 20px;
}

.kapitelyf {
	font-family:Verdana;
    font-size: 14px;
    background-color: #cccc33;
    font-weight: bold;
    font-style: normal;
    color: #cc3366;
    line-height: 24px;
    text-align: center;
    width: 370px;
}    

.sidebar1 {
	position: relative;
	float: left;
	top: 270px;
	width: 210px;
	height: 910px;
    line-hight
	/*
	background: #99cc33;
	*/
	padding-bottom: 10px;
}

.sidebar2 {
	position: relative;
	float: left;
	top: 270px;
	width: 360px;
	height: 910px;
	/*
	background: #99cc33;
	*/
	padding-bottom: 10px;
}

.content {
	padding: 5px 0;
	position: relative;
	top: 265px;
	width: 530px;
	height: 900px;
	float: left;
	/*
	background: #99cc33;
	*/

}

.textfeld1 {
	position: relative;
	float: left;
	top: 270px;
	width: 380px;
	height: 910px;
	/*
	background: #99cc33;
	*/
	padding-bottom: 10px;
	z-index: 10;
	left: 20px;
    letter-spacing: 1px;
    color: #FFF;
    font-family: Verdana;
    font-size: 14px;
}

.textfeld1 a:link {
	text-decoration:none;
    }

.textfeld2 {
	position: relative;
	float: left;
	top: 270px;
	width: 380px;
	height: 910px;
	/*
	background: #99cc33;
	*/
	padding-bottom: 10px;
	z-index: 10;
	left: 20px;
    letter-spacing: 1px;
    /* color: #A9CF26; */
    font-weight: normal;
    font-size: 14px;
}

.textfeld3 {
position: relative;
	float: left;
top: 270px;
width: 380px;
height: 910px;
	/*
	 background: #99cc33;
	 */
	padding-bottom: 10px;
	z-index: 10;
left: 20px;
    letter-spacing: 1px;
/*color: #A9CF26;*/
    font-weight: normal;
    font-size: 14px;
}


.textfeldyf {
	position: relative;
	float: left;
	top: 260px;
	width: 380px;
	/* height: 910px; */
	//background-color: #ffff99;
    background-color: #FFF;
	padding-bottom: 10px;
    padding-left: 8px;
	z-index: 10;
	left: 17px;
    letter-spacing: 1px;
    color: #FFF;
    font-size: 13px;
}

.textfeldyfkapitel {
	margin-top: 20px;
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
	color: #cc3399;
    
}

.textfeldyfcontent {
	font-style: normal;
    font-size: 13px;
	color: #000;
    
}

.row_0 {
			font-family: Verdana;
            font-weight: bold;
			color: #6b5b46;
			}
			
.row_1 {
			font-family: Verdana;
			font-weight: bold;
			color: #ffffff;
			}

aside {
	position: relative;
	left: 0px;
	top: 270px;
	float: right;
	width: 210px;
	height: 900px;
    line-height: 24px;
	padding: 0;
	padding-right:0px; 
	text-align: right;
    font-weight: bold;
    text-decoration:none;
	/*
	background: #99cc33;
	*/

}

/* ~~ Mit diesem gruppierten Selektor werden die Listen im .content-Bereich angesprochen. ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}

/* ~~ Stile für die Navigationslisten (können entfernt werden, wenn Sie ein vordefiniertes Ausklappmenü wie Spry verwenden) ~~ */
nav ul {
	list-style-type: none; 
	border-top: 1px solid #666; 
	margin-bottom: 14px; 
}
nav ul li {
	list-style-type: none; 
	border-bottom: 1px solid #666; 
}
nav ul a, nav ul a:visited { 
	list-style-type: none; 
	padding: 5px 5px 5px 14px;
	display: block; 
	width: 200px;  
	text-decoration: none;
	background: #C6D580;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { 
	list-style-type: none; 
    text-decoration:none;
	/*
	background: #99cc33;
    */
	color: #FFF;
}

/* ~~ Fußzeile ~~ */
footer {
	font-size: 8px;
    color: #FFF;
    margin-top: 50px;
    padding: 5px 0;
    
    /*
	background-color: #99cc33;
    */
	position: absolute;/* Liefert "hasLayout" für Internet Explorer 6, zum korrekten Rücksetzen der schwebenden Ausrichtung. */
	clear: both; /* Diese "clear"-Eigenschaft ermöglicht es dem .container-Block, das Ende der Spalten zu erkennen und sie korrekt zu umschließen. */
}
/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts schweben lassen. Das schwebende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links schweben lassen. Das schwebende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann einem <BR />-Tag oder einem leeren Blockelement als abschlie&szlig;endes Element nach dem letzten schwebenden Block (innerhalb von .container) zugewiesen werden, wenn die Fu&szlig;zeile entfernt oder aus .container verschoben wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*Unterst&uuml;tzung f&uuml;r HTML 5 - Legt f&uuml;r die neuen HTML 5-Tags die Eigenschaft "display:block" fest, damit die Tags in den Browsern korrekt dargestellt werden. */
header, section, footer, aside, nav, article, figure {
	display: block;
	font-size: 14px;
}