@charset "UTF-8";
/*
	================================================================================
	|
	|	[ Ballettschule Feibicke CSS ]
	|	==============================
	|	$ver:	1.0 initial release
	|	$date:	2005/11/08 15:40
	|
	|	changelog (++ neu hinzugefügt | ** geändert || -- entfernt):
	|
	|		++ Erste Version			(2005/11/08)
	|
	================================================================================
	|	Copyright (c) DevShack - All rights reserved.
	|	http://www.devshack.biz/ - bojic@devshack.biz
	================================================================================
*/

/* === [ Generelles ] ===================================================================== */

*
{
	border:		0 none;
	padding:	0;
	margin:		0;
	font-family:	"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
}

body
{
	color:			#666;
	background:		#E1E1D7;
	font-size:		100.1%;
	text-align:		center;
}

a
{
	text-decoration:	underline;
	color:				#333;
}

a:hover
{
	text-decoration:	underline;
	color: #000;
}

label
{
	cursor: pointer;
}

#barrierebox
{
	position: absolute;
	visibility: hidden; /* display: none; ist schlecht, das lesen Screenreader sonst nicht mehr vor */
}

/* === [ Kopf ] ===================================================================== */

#kopfleiste
{
	height: 75px;
	border-bottom: 5px solid #9E9E96;
}

	#kopfleiste h1
	{
		text-align: left;
		width: 765px;
		height: 55px;
		padding: 20px 0 0 15px;
		margin: 0 auto;
		font-size: 0.79em;
	}

	#kopfleiste h1 img
	{
		display: block;
		width:285px;
		height:39px;
	}

#katpixleiste
{
	padding: 2px 0;
	background-color: #F1F0E8;
}

	#katpixleiste img
	{
		display: block;
		width: 780px;
		height: 115px;
		margin: 0 auto;
	}

	#katpixleiste a
	{
		text-decoration: none;
	}

/* === [ Obere Navigation ] ===================================================================== */

#navileiste
{
	background-color: #9E9E96;
}

	#navileiste ul
	{
		width: 779px;
		margin: 0 auto;

		list-style-type: none;
		text-align: center;
		font-size: 0.79em;
		color: #fff;
		border-left: 1px solid #BFBFB9;
	}

	#navileiste ul li
	{
		float: left;
		width: 96px;
		border-right: 1px solid #BFBFB9;
		line-height: 2;
	}

	#navileiste ul li a
	{
		display: block;
		width: 96px;
		color: #fff;
		text-decoration: none;
	}

	#navileiste ul li a:hover
	{
		background-color: #666;
	}

		#navileiste ul li.lastone,
		#navileiste ul li.lastone a
		{
			width: 99px;
		}

	#navileiste ul:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

/* === [ Inhalt ] ===================================================================== */

#inhaltsbox
{
	width: 780px;
	margin: 0 auto;
	text-align: left;

	background: #F1F0E8 url(/design/inhalt/inhalt-back.png) repeat-y;
}

	#inhaltsbox:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

/* === [ Subnavleiste ] ===================================================================== */

#subnavileiste
{
	float: left;
	width: 140px;
}

	#subnavileiste h4
	{
		font-size: 0.79em;
		color: #666;
		padding: 28px 0 0 10px;
	}

	#subnavileiste ul
	{
		font-size: 0.79em;
		color: #999;
		list-style-type: none;
		border-top: 1px solid #E1E1D9;
		margin-top: 5px;
	}

	#subnavileiste ul li
	{
		background: url(/design/motive/pfeil-klein.png) 10px 50% no-repeat;
		border-bottom: 1px solid #E1E1D9;
		line-height: 2;
	}

	#subnavileiste ul li a
	{
		display: block;
		width: 125px;
		padding: 0 0 0 15px;
		color: #999;
		text-decoration: none;
		background: url(/design/motive/pfeil-klein.png) 10px 50% no-repeat;
	}

	#subnavileiste ul li a:hover,
	#subnavileiste ul li.subaktiv a
	{
		color: #000;
		background: #DADACF url(/design/motive/pfeil-klein-sw.png) 10px 50% no-repeat;
	}

	#subnavileiste #minigalpix
	{
		padding: 30px 0 15px 0;
	}

	#subnavileiste #minigalpix h4
	{
		padding: 0 0 0 10px;
	}

	#subnavileiste #minigalpix p
	{
		border-top: 1px solid #E1E1D9;
		margin-top: 5px;
		font-size: 0.7em;
		font-style: italic;
		text-align: center;
		color: #999;
		padding: 5px 10px;
	}

	#subnavileiste #minigalpix img
	{
		display: blocK;
		width: 138px;
		border: 1px solid #E1E1D9;
	}

	#subnavileiste #minigalpix a
	{
		text-decoration: none;
	}

/* === [ Inhaltsleiste ] ===================================================================== */

#inhaltsleiste
{
	float: right;
	width: 600px;
	padding-right: 20px;
	min-height: 400px;
	background: #F1F0E8 url(/design/inhalt/inhalt-wz.png) bottom right no-repeat;
}

	#inhaltsleiste h2
	{
		color: #333;
		font-size: 1.1em;
		padding: 25px 0 0.6em 0;
	}

	#inhaltsleiste h3
	{
		clear: both;
		font-size: 0.79em;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0.5em;
		padding: 0.8em 0 0 0;
	}

		#inhaltsleiste h3 span
		{
			float: right;
			width: auto;

			font-size: 0.8em;
			font-weight: normal;
			font-style: italic;
			color: #999;
			padding-top: 2px;
		}

	#inhaltsleiste h4
	{
		color: #666;
		font-weight: bold;
		font-size: 0.79em;
		padding: 0 5px 0.6em 5px;
	}

	#inhaltsleiste p,
	#inhaltsleiste address
	{
		color: #666;
		line-height: 1.8;
		font-size: 0.79em;
		padding: 0 5px 0.6em 5px;
	}

	#inhaltsleiste p.errormessage,
	#inhaltsleiste p.successmessage
	{
		margin: 5px;
		padding: 10px;
		border: 1px solid #900;
		color: #900;
		text-align: center;
	}

	#inhaltsleiste p.successmessage
	{
		border-color: #090;
		color: #090;
	}

	#inhaltsleiste address
	{
		font-style: normal;
	}

	#inhaltsleiste dl.normal
	{
		line-height: 1.8;
		font-size: 0.79em;
		padding: 0 5px 0.6em 5px;
	}

	#inhaltsleiste dl.normal dt
	{
		font-weight: bold;
	}

	#inhaltsleiste dl.normal dd
	{
		padding-left: 20px;
	}

		#inhaltsleiste dl.normal dd input,
		#inhaltsleiste dl.normal dt input,
		#inhaltsleiste dl.normal dd textarea
		{
			border: 1px solid #CCC;
			background-color: #E1E1D7;
			font-size: 1em;
			color: #333;
			width: 250px;
		}

		#inhaltsleiste dl.normal dd textarea
		{
			width: 400px;
		}

	#inhaltsleiste dl.normal dd input.abschicken
	{
		width: auto;
		padding: 2px 5px;
		margin-top: 5px;
	}

	#inhaltsleiste dl.galerie
	{
		float: left;
		width: 122px;
		padding: 10px;
		font-size: 0.79em;
		text-align: center;
	}

	#inhaltsleiste dl.galerie dt
	{
		border: 1px solid #999;
		height: 120px;
		line-height: 120px;
	}

		#inhaltsleiste dl.galerie dt a
		{
			text-decoration: none;
		}

		#inhaltsleiste dl.galerie dt img
		{
			display: block;
			width: 120px;
			height: 120px;
		}

	#inhaltsleiste dl#last
	{
		clear: right;
	}

	#inhaltsleiste dl.galeriebild
	{
		font-size: 0.79em;
		text-align: center;
		width: 502px;
		margin: 0 auto;
	}

	#inhaltsleiste dl.galeriebild dt
	{
		border: 1px solid #999;
	}

	#inhaltsleiste dl.galeriebild dt img
	{
		display: block;
		width: 500px;
	}


	#inhaltsleiste ul
	{
		list-style-type: none;
		color: #666;
		line-height: 1.8;
		font-size: 0.79em;
		padding: 0 5px 0.6em 5px;
	}

	#inhaltsleiste ul li
	{
		padding-left: 20px;
		background: url(/design/motive/bullet.png) 10px 0.8em no-repeat;
	}

	#inhaltsleiste a
	{
		color: #444;
		text-decoration: underline;
	}

	#inhaltsleiste .bildrechts
	{
		float: right;
		width: 80px;
		height: 90px;
		margin-bottom: 5px;
	}

	#inhaltsleiste .flyerrechts
	{
		float: right;
		margin: 0 5px 5px 5px;
	}

/* === [ Footer ] ===================================================================== */

#footerbox
{
	clear: both;
	font-size: 0.6em;
	color: #333;
	line-height: 2.7;
	background-color: #9E9E96;
}

/* === [ Farbdefinitionen für die Bereiche ] ============================================ */

/* Startseite */
	body#bd-aktuelles #kopfleiste,
	body#bd-aktuelles #navileiste ul li#nav-aktuelles
	{
		background-color: #900;
	}

	body#bd-aktuelles #inhaltsleiste h3,
	body#bd-aktuelles #inhaltsleiste a:hover
	{
		color: #900;
	}

/* Ballettseite */
	body#bd-ballett #kopfleiste,
	body#bd-ballett #navileiste ul li#nav-ballett
	{
		background-color: #790052;
	}

	body#bd-ballett #inhaltsleiste h3,
	body#bd-ballett #inhaltsleiste a:hover
	{
		color: #790052;
	}

/* Jazzseite */
	body#bd-jazz #kopfleiste,
	body#bd-jazz #navileiste ul li#nav-jazz
	{
		background-color: #203E7B;
	}

	body#bd-jazz #inhaltsleiste h3,
	body#bd-jazz #inhaltsleiste a:hover
	{
		color: #203E7B;
	}

/* Gymnastikseite */
	body#bd-gymnastik #kopfleiste,
	body#bd-gymnastik #navileiste ul li#nav-gymnastik
	{
		background-color: #09590B;
	}

	body#bd-gymnastik #inhaltsleiste h3,
	body#bd-gymnastik #inhaltsleiste a:hover
	{
		color: #09590B;
	}

/* Pilatesseite */
	body#bd-pilates #kopfleiste,
	body#bd-pilates #navileiste ul li#nav-pilates
	{
		background-color: #585C0A;
	}

	body#bd-pilates #inhaltsleiste h3,
	body#bd-pilates #inhaltsleiste a:hover
	{
		color: #585C0A;
	}

/* Galerieseite */
	body#bd-galerie #kopfleiste,
	body#bd-galerie #navileiste ul li#nav-galerie
	{
		background-color: #281560;
	}

	body#bd-galerie #inhaltsleiste h3,
	body#bd-galerie #inhaltsleiste a:hover
	{
		color: #281560;
	}

/* Über uns */
	body#bd-ueberuns #kopfleiste,
	body#bd-ueberuns #navileiste ul li#nav-ueberuns
	{
		background-color: #0B6477
	}

	body#bd-ueberuns #inhaltsleiste h3,
	body#bd-ueberuns #inhaltsleiste a:hover
	{
		color: #0B6477;
	}

/* Kontakt */
	body#bd-kontakt #kopfleiste,
	body#bd-kontakt #navileiste ul li#nav-kontakt
	{
		background-color: #B94A00;
	}

	body#bd-kontakt #inhaltsleiste h3,
	body#bd-kontakt #inhaltsleiste a:hover
	{
		color: #B94A00;
	}

/* === [ Stundenplan ] ============================================ */

#stundenplanng small
{
	display: block;
	font-size: 0.6em;
	color: #333;
	text-align: right;
	padding: 0 0 10px 0;
}

#stundenplanng table
{
	width:		100%;
	border:		0;
	padding:	0;
	margin:		0;
	border-spacing:		0;
	border-collapse:	collapse;
	empty-cells:		show;
	background-color:	#eee;
	font-size:			0.79em;
	font-family:		arial, verdana;
}

#stundenplanng table th
{
	color: #000;
	background: #ccc;
	padding: 2px 0;
	text-align: center;
	border: 1px solid #000;
	border-width: 1px 1px 2px 1px;
}

#stundenplanng table td
{
	color: #666;
	text-align: center;
	padding: 2px 0;
	border: 1px solid #bbb;
}

.istleer
{
	color: #ddd;
	background: #888;
	text-align: center;
}

.markiertgrau
{
	background: #ddd;
}

.markiertblau
{
	background: #DEDDEC;
}

.markiertgruen
{
	background: #E0ECDD;
}

.markiertrosa
{
	background: #FADCDC;
}

.markiertgelb
{
	background: #FFFFD5;
}

.markiertlila
{
	background: #F0E0F8;
}