@charset "utf-8";

/* Copyright 2008, info@yamuna-tanz.de
 * 
 * Design laeuft auf korrektem Boxmodell
 * Kompatibilitaet:
 *	IE ab 5.x
 */ 
 
 /* suggested order of definitions:
 * position
 * top
 * right
 * bottom
 * left
 * z-index
 *
 * display
 * float
 * margin
 * padding
 * width
 * height
 * overflow
 * visibility
 * table-layout
 *
 * background
 * border
 *
 * vertical-align
 * text-align
 * font
 * letter-spacing
 * color
 * text-transform
 * text-decoration
 * font-variant
 * list-style-type
 *
 * cursor
 */ 
 
 /* #### Table of Contents ####
 *
 * Global Styles
 * float Fix
 * Text
 * Headers
 * Navigation (incl. Menu)
 * Forms
 * Page Structure
 * Content
 */ 
 
/* Global Styles */
html,body {
	height: 100%;
}

body {
	margin: 0px auto;
	padding: 0;
	background: #fff url(../images/headernav_bg.png) 0 0 repeat-x;
	text-align: center; /* zur horizontal zentralen Positionierung */
}

img {
	border-width: 0;
}

img.left {
	margin: 5px 10px 10px 0;
	float: left;
}

img.right {
	margin: 0px 0 10px 10px;
	float: right;
}

p {
	margin: 10px 0;
	padding: 0px;
}

html body .textleft {
	text-align: left;
}

html body .top {
	margin-top: 0;
}

html body .last {
	margin-right: 0;
}

.bbottom {
	border-bottom: 1px dashed #9b989e;
}

.gallery {
	line-height: 0;
	text-align: center;
}

.gallery img {
	margin: 0 3px 3px 0;
}

div.container {
	margin: 30px 0 0 0;
	/*padding: 0 0 20px 0;*/
	width: auto;
	/*border-bottom: 1px dashed #9b989e;*/
}

img.container {
	margin: 30px 0 30px 0;
}

.floatbox,div.container {
	overflow: hidden;
}

* html .floatbox,* html div.container {
	width: 100%;
}

div#tooltip {
	position: absolute;
	z-index: 1000;
	padding: 0;
	max-width: 264px;
	width: 150px;
	background: #fff;
	border: 1px solid #c61981;
	text-align: left;
}

#tooltip p {
	margin: 5px 10px 5px;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	color: #c61981;
}

#tooltip p.url {
	font-style: italic;
}

/* float Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */ 

/* Text */
body,input,select,textarea {
	font: 11px Verdana, Arial, "Times New Roman", Times, serif;
	color: #000;
}

p,ul,table,textarea {
	line-height: 18px;
}

.kontakt {
	padding-bottom: 5px;
	font-size: 11px;
}

/* Headers */
h1 {
	font-size: 30px;
	/*
	font-weight: bold;
	font-family: Times;
	color: #000;
	color: #c61981;
	*/
	font-family: Times;
	font-weight: 500;	
	color: #c61981;
}

h2 {
	margin: 0 0 25px 0;
	font-size: 20px;
	line-height: 20px;
	font-variant: small-caps;
}

h2.startseite {
	margin-bottom: 10px;
}

h3 {
	margin: 25px 0 15px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 100;
	color: #c61981;
}

h4 {
	margin: 25px 0 15px;
	font-size: 13px;
	font-weight: 900;
	color: #cd3590;
	/*text-transform: uppercase;*/
}

h5 {
	margin: 0;
	font-size: 14px;
	color: #9b989e;
	font-variant: small-caps;
}

h5 span {
	font-size: 24px;
}

h6 {
	margin: 0;
	font-size: 14px;
	font-variant: small-caps;
}

/* Navigation */
a {
	color: #ac126f;
	text-decoration: none;
}

a:hover {
	color: #fa4bb4;
}

a.more {
	display: block;
	padding-top: 5px;
	text-align: right;
}

a.email {
	font-variant: small-caps;
}

a.instruct {
	font-style: italic;
}

.inactive {
	cursor: default;
}

/* MENU */
.menu {
	margin: 0 auto;
	width: 750px;
	height: 31px;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.menu ul ul {
	width: 125px;
	text-align: left;
}

.menu li {
	position: relative;
	float: left;
	width: 125px;
	height: 31px;
	font-size: 13px;
	line-height: 31px;
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
}

.menu li li {
	height: auto;
}

/* TOP LEVEL */
.menu a,.menu a:visited {
	position: absolute;
	top: 0px;
	left: 0px;
	/*
	z-index: 2;
	*/
	display: block;
	padding: 2px 0;
	width: 125px;
	height: 27px;
	background: transparent;
	/* Changed!!*/
	font-size: 13px;
	line-height: 27px;
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
}

* html .menu a,* html .menu a:visited {
	height: 31px;
	he\ight: 27px;
}

.menu div {
	position: absolute;
	top: 0px;
	left: -6px;
	z-index: 0;
	display: none;
	width: 137px;
	height: 37px;
	background: url(../images/menu_sh.png) top left no-repeat;
}

/* div fuer den bg-Schatten hinter aktueller Kategorie */
.menu li#current div {
	/*display: block;*/
}
.menu li#current {
	/*background: #c61981;*/
}

/* SECOND LEVEL */
.menu ul ul a,.menu ul ul a:visited {
	position: static;
	padding: 5px 0 5px 12px;
	width: 113px;
	height: auto;
	background: #e6a6cc;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #fff;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0px;
}

* html .menu ul ul a,* html .menu ul ul a:visited {
	width: 125px;
	w\idth: 113px;
}

/* HOVER BOTH LEVEL */
.menu a:hover,.menu ul ul a:hover {
	color: #fff;
}  /* Ueberschreibt allgemeine Angabe zu a */ 

/* HOVER TOP LEVEL */
.menu a:hover {
	background: #c61981;
}
/* tom */
.menu li:hover {
	background: #c61981;
}

.menu :hover>a {
	background: #c61981;
}
	
/* entspricht li:hover > a - fuer alle Browser ausser lte IE6, 
bei denen der TOP LEVEL a nicht bis unter die SECOND LEVEL laeuft; 
bewirkt den TOP LEVEL hover-Effekt, auch wenn der Fokus bereits auf einem SECOND LEVEL liegt */
/* HOVER SECOND LEVEL */
.menu ul ul a:hover {
	background: #c61981;
}

.menu ul ul :hover>a {
	background: #c61981;
}

/* HIDE SUB LEVEL */
.menu ul ul {
	position: absolute;
	top: 31px;
	left: 0;
	z-index: 1;
	width: 125px;
	height: 0;
	visibility: hidden;
}

* html .menu ul ul {
	top: 31px;
	t\op: 31px;
}

/* SHOW SUB LEVEL */
.menu ul li:hover ul,.menu ul a:hover ul {
	visibility: visible;
}

/* dummy cursor */
a.dummy {
	cursor: text;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

/* Forms */
form {
	margin: 0;
	padding: 0;
}

form div {
	position: relative;
	padding-bottom: 10px;
}

form #info {
	position: absolute;
	top: 0px;
	right: -260px;
}

label {
	float: left;
	font-size: 13px;
	line-height: 25px;
	color: #c61981;
}

input.field, input.newsletter, select, textarea {
	width: 200px;
	border: 1px solid #9b989e;
	color: #9b989e;
}

input:hover .field,input:focus .field,select:hover,select:focus,textarea:hover,textarea:focus,input.disabled,select.disabled,textarea.disabled
	{
	border-color: #7a797b;
	color: #565557;
}

input {
	vertical-align: middle;
}

input.right,select.right {
	float: right;
}

input.field {
	padding: 5px 10px;
	height: 13px;
	line-height: 13px;
}

* html input.field {
	height: 25px;
	he\ight: 13px;
}

* html input.field {
	height: 25px;
	he\ight: 13px;
}

textarea {
	padding: 5px 10px;
	width: 323px;
	height: 180px;
}

* html textarea {
	height: 345px;
	he\ight: 323px;
}

input.button {
	padding: 0 10px;
	height: 25px;
	overflow: visible;
	background-color: #c61981;
	border-width: 0;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}

/* Page Structure */
div.inner {
	margin: 0 auto;
	width: 830px;
}

div#header {
	margin: 0 auto;
	width: 880px;
	height: 98px;
	text-align: left;
}

#header a {
	display: block;
	/*
	margin-left: -60px;
	*/
	float: left;
	margin-left: 25px;
	width: 286px;
	height: 98px;
	background: url(../images/logo.png) 0 0 no-repeat;
}

div#header div.bildleiste {
	visibility: hidden;
	float: right;
	width: 286px;
	height: 96px;
	background: url(../images/oriental_dance.jpg) 0 0 no-repeat;
}

div#nav {
	margin: 0 auto;
	width: 880px;
	height: 31px;
	background: url(../images/nav_sh.png) 0 0 no-repeat;
}

#nav .inner {	
}

div#main {
	margin: 0 auto;
	width: 880px;
	background: url(../images/shadow.png) 0 0 repeat-y;
}

#main .inner {
}

div#footer {
	background: url(../images/footer_bg.png) 0 0 repeat-x;
}

#footer div#shadow {
	margin: 0 auto;
	width: 880px;
	background: url(../images/footer_sh.png) 0 0 no-repeat;
}

#footer .inner {
	/*position: relative;*/
	top: -1px;
	left: 0px;
	background: url(../images/footer_bg.png) 0 0 repeat-x;
	/*border-top: 1px dashed #9b989e;*/
}

/* Content */
div.content, div.continue, #footer ul {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	text-align: left;
}

#main .content {
	padding: 30px 0 30px;	
}

#main .continue {
	padding: 20px 0 30px;
	border-top: 1px dashed #9b989e;
}

               

#footer .content {
	/*
	padding-bottom: 25px;
	border-bottom: 1px dashed #9b989e;
	*/
	padding-bottom: 55px;
}

div.left {
	float: left;
	width: 345px;
}

div.right {
	float: right;
	width: 345px;
}

div.left.l360 {
	width: 360px;
}

div.right.r360 {
	width: 330px;
}

div.left.l100 {
	width: 100%;
}

div.left.lfooter {
	width: 350px;
}

div.right.rfooter {
	width: 280px;
}

p.current {
	margin: 10px 0 20px;
}

div#prev_yamuna {
	padding-right: 110px;
	width: auto;
	background: url(../images/content/prev_yamuna.jpg) top right no-repeat;
}

dl.timetable {
	float: left;
	margin-right: 14px;
	width: 138px;
	line-height: 15px;
}

.timetable dt {
	margin-top: 10px;
	font-weight: 900;
}

.timetable dt.caption {
	margin: 0;
	padding-bottom: 10px;
}

.timetable dt div {
	width: 90%;
	background: #e9e8ea;
	color: #c61981;
}

.timetable dt span {
	color: #000000;
}

.timetable dd {
	margin: 0;
	padding: 0;
}

.timetable dd span {
	font-weight: 900;
}

dl.events {
	line-height: 18px;
}

.events dt {
	margin-top: 10px;
	font-weight: 900;
}

.events dt span {
	font-size: 14px;
	color: #c61981;
}

.events dd div.details {
	margin: 3px 0;
	padding-left: 10px;
	border-left: 3px solid #e9e8ea;
}

.quote span {
	color: #565557;
	font-variant: small-caps;
}

table.contact th {
	width: 35%;
	text-align: left;
	font-weight: 100;
	color: #9b989e;
}

dl.box {
	padding: 0 0 10px;
	width: 240px;
	margin: 0 0 20px 20px;
	background: #e6a6cc url(../images/content/box_bottom.gif) left bottom
		no-repeat;
	color: #fff;
}

.box dt {
	margin: 0;
	padding: 10px 20px;
	background: #c61981 url(../images/content/box_top.gif) left top
		no-repeat;
	font-size: 13px;
}

.box dd {
	margin: 10px 0 0;
	padding: 0 20px;
}

#footer ul {
	padding: 15px 0;
	line-height: 10px;
	list-style-type: none;
}

#footer li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	height: 10px;
	border-right: 1px solid #9b989e;
}

#footer li#last {
	border-width: 0px;
}

div.workshops {
	margin-bottom: 20px;
}

/* Foto-Galerie */
select#select_menu {
	width: 250px;
}

div#galleryPreview {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 11px;
	/*
	padding-top: 15px;
	padding-bottom: 7px;	
	*/
}

table.galleries {	
	width: 99%;
	margin: 0px;
}

table.galleries td {
	border-bottom: 1px dashed #9b989e;
	padding-top: 15px;
	padding-bottom: 7px;
}
table.galleries  td.galleryLink {
	width: 150px;
	text-align: center;
	color: #c61981;
	/*font-weight: bold;*/
}
table.galleries td.galleryDetails {
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}

table.galleries td img {
	width: 80px;
	height: 80px;
	border-style: solid;
	border-color: #e6a6cc;
	border-width: 3px;
	margin: 0px;
	cursor: pointer;
}
table.galleries td img:hover {
	border-color: #c61981;
}

table.galleries div.galleryLink {
	color: #e6a6cc;
	cursor: pointer;
	vertical-align: bottom;
	margin-bottom: 5px;
}
table.galleries div.galleryLink:hover {
	color: #c61981;
	font-weight: bold;
}

/* Video-Galerie */
div.videoNav {
	margin-top: 10px;
	margin-bottom: 20px;
}

table.videos {
}

table.videos td  {
	border-bottom: 1px dashed #9b989e;
	padding-top: 15px;
	padding-bottom: 7px;
}

table.videos td.videoLink {
	text-align: center;
	color: #c61981;
	/*font-weight: bold;*/
}

table.videos td.videoDetails {
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}

table.videos div.videoLink {
	color: #e6a6cc;	
	cursor: pointer;
}
table.videos div.videoLink:hover {
	color: #c61981;
	font-weight: bold;
}

table.videos td img {
	border-style: solid;
	border-color: #e6a6cc;
	border-width: 3px;
	margin: 0px;
	cursor: pointer;
}
table.videos td img:hover {
	border-color: #c61981;
}

div #showTime {
	/*
	min-height: 400px;
	*/
	padding: 20px;
	z-index: 5;
}

#overlayBackground {
	position: absolute;
    background-color: black;
    top: 0;
    left: 0;
    z-index: 3;
}

/* Misc */
div.hinweis {
	color: #c61981;
}

img.highlight {
	border-color: #c61981;
}
div.highlight {
	color: #c61981;
	font-weight: bold;
}