/*Buchrückseite*/

#oriental-dance-book{
	/*border: solid; border-width: 1px; border-color: red;*/
	background-image: url(page.jpg);
	} 
	
h3 { margin-top:10px}

/*Flippen*/
.flipleft{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: #F3ECDE; opacity: 0.5; filter:alpha(opacity=50);*/
	position: absolute;
	top: 20px;
	left: 0px;
	margin: 0px, 0px, 0px, 0px;
	width: 120px;
	height: 580px;
	z-index:10;
	} 

.flipleft a:link {display: block; text-decoration: none; background-image:url(../grafics/0.gif); width: 120px; height: 580px;} 
.flipleft a:hover {display: block; color: #000000; text-decoration: none;background-image:url(page-flip_left.jpg); width: 120px; height: 580px;} 


.flipright{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: #F3ECDE; opacity: 0.5; filter:alpha(opacity=50);*/
	position: absolute;
	top: 20px;
	left: 840px;
	margin: 0px, 0px, 0px, 0px;
	width: 110px;
	height: 580px;
	z-index:20;
	} 

.flipright a:link {display: block; text-decoration: none; background-image:url(../grafics/0.gif); width: 110px; height: 580px;} 
.flipright a:hover {display: block; color: #000000; text-decoration: none;background-image:url(page-flip_right.jpg); width: 110px; height: 580px;} 


/*Inhalte*/
.titel_left{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: blue; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 70px;
	left: 105px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 340px;
	height: 50px;
	z-index: 100;
	}

.content_left{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 120px;
	left: 105px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 330px;
	height: 410px;
	z-index: 110;
	}

.titel_right{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: blue; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 70px;
	left: 520px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 340px;
	height: 50px;
	z-index: 200;
	}

.content_right{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 120px;
	left: 520px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 360px;
	height: 410px;
	z-index: 210;
	}
	
.foto_left{
	/*border: solid; border-width: 1px; border-color: red; background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 70px;
	left: 116px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 300;
	height: 440;
	z-index: 50;
	}

.foto_right{
	/*border: solid; border-width: 1px; border-color: red; background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 70px;
	left: 530px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 340;
	height: 440;
	z-index: 510;
	text-align:center;
	}
	
.movie_frame{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 172px;
	left: 110px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 328;
	height: 246;
	z-index: 310;
	}

.movie{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 174px;
	left: 112px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 328;
	height: 246;
	z-index: 510;
	}

.movie_legende{
	/*border: solid; border-width: 1px; border-color: red;
	background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 428px;
	left: 107px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 332px;
	height: 40;
	z-index: 410;
	}
	
.two_page{
	/*border: solid; border-width: 1px; border-color: red; background-color: green; opacity: 0.2; filter:alpha(opacity=20);*/
	position: absolute;
	top: 72px;
	left: 532px;
	margin: 0px, 0px, 0px, 0px; /*top, right, bottom, left*/
	width: 345px;
	height: 445px;
	z-index: 810;
	}
	

.bookmark{
	/*border: solid; border-width: 1px;
	border-color: red;
	background-color: #F3ECDE;
	opacity: 0.5;
	filter:alpha(opacity=50);*/
	position: absolute;
	top: 553px;
	left: 375px;
	margin: 0px, 0px, 0px, 0px;
	width: 55px;
	height: 60px;
	z-index:300;
	} 
	
.bookmark a:link {text-decoration: none;} 
.bookmark a:hover {text-decoration: none;} 

/*spezielle Tabellen*/
#stundenplan {
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	width:100%; height:220px;
	table-layout:fixed;
	/*border:#827766 1px solid;*/
	border-collapse:separate; empty-cells:hide; border-spacing:3px;
	}
	
#stundenplan td, #stundenplan th {
	width:16.66%;
	}
	
#stundenplan td {
	height:50px;
	padding:6px 2px 2px 5px;
	vertical-align: top;
	}
	
#stundenplan td.PStd {background-color:#C7C9B0;}
#stundenplan td.PStd-on {background-color:#B1B39C; cursor: pointer;}

#stundenplan td.ZH {background-color:#C3908F;}
#stundenplan td.ZH-on {background-color:#AE8180; cursor: pointer;}

#stundenplan td.Rappi {background-color:#A4A9CB;}
#stundenplan td.Rappi-on {background-color:#8A8EAB; cursor: pointer;}

#stundenplan td.Tanzwlk {background-color:#9CB9C3}
#stundenplan td.Tanzwlk-on {background-color:#849CA5; cursor: pointer;}

#stundenplan p:first-line {font-size:8px;}

#stundenplan th { /*Tabellenkopfzeile*/
	height: 20px;
	font-size:12px; font-weight:bold; color:#827766;
	text-align:left;
	padding:2px 2px 2px 3px;
	}

#legende {
	font-family:Arial, Helvetica, sans-serif; font-size:9px;
	width:100%; height:100px;
	table-layout:fixed;
	border-collapse:separate; empty-cells:hide; border-spacing:3px;}
	
#legende td, #legende th {width:33.3333%;}
	
#legende td {
	padding:0px 2px 0px 5px;
	vertical-align: top;}
	
#legende th { /*Tabellenkopfzeile*/
	font-size:10px; font-weight:bold; color:#827766;
	text-align:left;
	padding:5px 2px 1px 3px;}