@charset "utf-8";

html, body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#fff;
}

a img, img { border:0; }

h1 {
	font-size:18px;
	color:#bb3a0c;
	font-weight:normal;
	margin:0;
}
h2 {
	font-size:12px;
	color:#bb3a0c;
	font-weight:normal;
}
h2.teaser {
	margin:-5px 0 20px 0;
}
h2.studioort {
	margin:20px 0 20px 0;
	margin-left:-120px;
	font-weight:bold;
	font-size:15px;
}

p {
	/* margin:0; */
}

b, strong {
	font-weight:bold;
}

hr {
	border:none;
	border-top:1px solid #000;
	border-top-style:groove;
}

table {

}
th {
	font-weight:bold;
}
th, td {
	text-align:left;
	vertical-align:top;
}

span#lehrer {
	display:block;
	width:180px;
	height:12px;
	padding:4px;
	margin-bottom:-13px;
}

span.sibylle { background-color:#f8e143; } 	/* Gelb */
span.estelle { background-color:#99FF00; } 	/* Grün */
span.susanne { background-color:#FF9900; } 	/* Orange */
span.nadine { background-color:#CC66CC; } 	/* Violett */
span.myriam { background-color:#99CCCC; } 	/* Türkis */
span.elena { background-color:#5173c0; } 	/* Blau */
span.erika { background-color:#99cc66; } 	/* Dunkelgrün */
/* span.thomas { background-color:#e42910; } */	/* Rot */

table#stundenplan td.sibylle { background-color:#f8e143; } 	/* Gelb */
table#stundenplan td.estelle { background-color:#99FF00; } 	/* Grün */
table#stundenplan td.susanne { background-color:#FF9900; } 	/* Orange */
table#stundenplan td.nadine { background-color:#CC66CC; } 	/* Violett */
table#stundenplan td.myriam { background-color:#99CCCC; } 	/* Türkis */
table#stundenplan td.elena { background-color:#5173c0; } 	/* Blau */
table#stundenplan td.erika { background-color:#99cc66; } 	/* Dunkelgrün */
/* table#stundenplan td.thomas { background-color:#e42910; } */	/* Rot */

div#left {
	display:block;
	width:289px;
	height:560px;
	background-image:url(../images/ballett-links.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:0;
	left:0;
}

div#center {
	display:block;
	width:553px;
	position:absolute;
	top:0;
	left:290px;
}

div#right {
	display:block;
	width:135px;
	position:absolute;
	top:0;
	left:845px;
}

div#left p#schriftzug {
	position:relative;
	top:473px;
	left:0px;
}

div#center div#navi {
	display:block;
	position:relative;
	top:39px;
	left:0;
	height:42px;
	background-color:#e9e9e9;
	z-index:2;
}

div#center div#navi ul.navi {
	display:block;
	position:relative;
	top:0;
	left:0;
	height:25px;
	background-color:#fff;
	padding:0;
	margin:0;
}

div#center div#navi ul.navi li {
	display:block;
	min-width:39px;
	width:50px;
	height:25px;
	padding:0 20px 0 20px;
	background-color:#fff;
	background-image:url(../images/menu-begrenzer-unten.gif);
	background-position:top left;
	background-repeat:repeat-x;
	margin:0 2px 0 0;
	float:left;
}

div#center div#navi ul.navi li.gelb:hover, 
div#center div#navi ul.navi li.gelb.active { background-image:url(../images/menu-begrenzer-unten-gelb.gif); }
div#center div#navi ul.navi li.blau:hover,
div#center div#navi ul.navi li.blau.active { background-image:url(../images/menu-begrenzer-unten-blau.gif); }
div#center div#navi ul.navi li.rot:hover,
div#center div#navi ul.navi li.rot.active { background-image:url(../images/menu-begrenzer-unten-rot.gif); }

div#center div#navi ul.navi li a {
	display:block;
	height:25px;
	width:100%;
	margin:0;
	color:#000;
	line-height:14px;
	font-weight:500;
	text-decoration:none;
}

div#center div#navi ul.navi li ul.subnavi { }

div#center div#navi ul.navi li ul.subnavi li {
	display:none;
	position:relative;
	height:auto;
	width:82px;
	top:0;
	left:-60px;
	background-image:none;
	background-color:#fff;
	padding:0 4px;
	margin:0;
}

div#center div#navi ul.navi li.gelb ul.subnavi li { background-color:#f8e143; }
div#center div#navi ul.navi li.blau ul.subnavi li { background-color:#5173c0; }
div#center div#navi ul.navi li.rot ul.subnavi li { background-color:#e42910; }

div#center div#navi ul.navi li:hover ul.subnavi li,
div#center div#navi ul.navi li:hover ul.subnavi li:hover { display:inline; }

div#center div#navi ul.navi li ul.subnavi li a {
	display:block;
	color:#000;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	text-decoration:none;
	margin:0;
}

div#center div#widepic, div#center div#widepic-large {
	display:block;
	position:relative;
	top:42px;
	left:0;
	height:121px;
	background-color:#e9e9e9;
}

div#center div#widepic-large {
	height:216px;
}

div#center div#content {
	display:block;
	position:relative;
	top:42px;
	left:0;
	width:387px;
	background-color:#e9e9e9;
	padding:15px 15px 20px 150px;
}

div#center div#content table#stundenplan, div#center div#content p.leftshifted {	margin-left:-140px; }
div#center div#content table#stundenplan { font-size:10px; }

div#center div#content table#stundenplan th, div#center div#content table#stundenplan td {
	text-align:center;
	vertical-align:top;
	width:200px;
}

div#center div#content table#stundenplan td { height:30px; }

div#center div#ctpic {
	position:relative;
	width:140px;
	margin:200px 0 0 -150px;
	padding:0 0 0 10px;
	float:left;
}

div#center div#ctpic img {
}

div#center div#content a, 
div#center div#content a:hover, 
div#center div#content a:active, 
div#center div#content a:visited {
	text-decoration:none;
	font-weight:normal;
	font-style:italic;
	color:#5173c0;
}
div#center div#content a:hover {
	text-decoration:underline;
}

div#center div#content h1 {
	margin-bottom:10px;
}

div#center div#content p {
}

div#right p { margin:0; }

div#right p#logo {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:58px;
}

div#right p#colorquad {
	display:block;
	position:relative;
	top:2px;
	left:0;
	width:100%;
	height:21px;
	background-color:#e9e9e9;
}

div#right p#colorquad.gelb { background-color:#f8e143; }
div#right p#colorquad.rot { background-color:#e42910; }
div#right p#colorquad.blau { background-color:#5173c0; }

div#right p#description {
	display:block;
	position:relative;
	top:5px;
	left:0;
	width:100%-20px;
	height:106px;
	background-color:#e9e9e9;
	font-size:10px;
	text-align:center;
	padding:5px;
	padding-top:10px;
}

div#right p#smallpics {
	display:block;
	position:relative;
	top:7px;
	left:0;
	width:100%;
	background-color:#e9e9e9;
	text-align:center;
	padding:3px 0;
}
div#right p#smallpics a img {
	filter: alpha(opacity=70);
	opacity: .7;
}
div#right p#smallpics a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

div#right p#icons {
	display:block;
	position:relative;
	top:10px;
	left:0;
	width:130px;
	padding:3px 0 3px 5px;
}

div#right p#icons a img { margin-right:4px; }

.highlight {
	color:#bb3a0c;
	font-style:italic;
}
.tinyadvice {
	font-size:10px;
}