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

#container
{
	position: relative;
	width: 953px;
	margin: 20px auto 7px auto;
	border: 1px solid #000;
	background-color: #fff;
}
/* T O P S E C T I O N - - - B A N N E R   U N D   L I N K S  */
#top
{
	margin: 0;
	padding: 0;
}
#banner
{
	margin: 0;
	padding: 0;
}
#toplinks
{
	margin: 0;
	padding: 5px 5px 6px 12px;
	background-color: #313131;
	color: #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}

#toplinks a:link, #toplinks a:visited
{
	color: #d2d2d2;
	text-decoration: none;
	padding-right: 5px;
}
#toplinks a.curr:link, #toplinks a.curr:visited
{
	color: #999999;
}
#toplinks a:hover
{
	color: #999999;
}


#toplinks a.perf:link, #toplinks a.perf:visited
{
	color: #cf94b1;
	text-decoration: none;
	padding-left: 13px;
}
#toplinks a.unt:link, #toplinks a.unt:visited
{
	color: #ffeec6;
	text-decoration: none;
}
#toplinks a.perf:hover
{
	color: #a6748d;
}
#toplinks a.unt:hover
{
	color: #ffdb86;
}
/*HAUPTBEREICH*/
#main/* Beinhaltet: #left, #main-sub1*/
{
	position: relative; top: 0; left: 0;
	margin: 0;
	padding: 0;
}
/* INDEX INDEX */
	#oben /* damit beim vergrössern ein grauer Hintergrund bei der fotobar entsteht */
	{
	position: relative;
	width: 953px;
	background-color: #DCDCDC;
	margin: 0;
	padding: 0;
}
		#index-text
		{
			position: relative; top: 0; left: 0;
			width: 351px;
			background-color: #d2d2d2;
			margin:0;
			padding: 6px 12px;
			min-height: 159px;
		}
		#mittelbanner
		{
			position: absolute; top: 0; left: 375px;
			width: 201px;
			padding: 0; margin: 0;
			border-left: 1px solid #313131;
			border-right: 1px solid #313131;
		}
		#fotobar-index
		{
			position: absolute; top: 0; left: 578px;
			width: 375px;
			margin:0;
			padding: 0;
			background-color: #d2d2d2;
		}

	
	#unten
	{
		float: left;
		width: 953px;
		background-image: url(img/unten_bg.jpg);
		background-repeat: repeat-y;
		margin: 0;
		padding: 0;
	}

		#teaser-perf
		{
			float: left;
			width: 351px;
			min-height: 318px;
			background-color: #cf94b1;
			background-image: url(img/performance_index_bg.jpg);
			background-repeat: repeat;
			margin:0;
			padding: 12px 12px 0 12px;
			color: #7b5869;
		}

		#teaser-unt
		{
			float: right;
			width:  351px;
			min-height: 318px;
			background-color: #ffeec6;
			margin:0;
			padding: 12px 12px 0 12px;
			background-image: url(img/unterricht_index_bg.jpg);
			background-repeat: repeat;
			color: #b78202;
		}

/* F O O T E R S E C T I O N Alle*/
#footer
{
	clear: both;
	color: #d2d2d2;
	background-color: #313131;
	padding: 2px 12px 3px 12px;
	text-align: center;
	font-size: 10px;
}
#footer a:link,#footer a:visited
{
	color: #d2d2d2;
}
#footer a:hover
{
	color: #999;
}

/* Index Formatierungen */
h1.index
{
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #313131;
	margin: 0;
	letter-spacing: 0;
}

#teaser-perf p
{
	
	margin: 0 0 24px 0;
}
#teaser-perf h2
{
	clear: both;
	font-size: 12px;
	margin: 0px 0 2px 0;
	letter-spacing: 0;
}
#teaser-perf a:link, #teaser-perf a:visited
{
	color: #7b5869;
}
#teaser-perf a:hover
{
	color: #f0e4ea;
}

#teaser-unt p
{

	margin: 0 0 24px 0;
}
#teaser-unt h2
{
	clear: both;
	font-size: 12px;
	margin: 0px 0 2px 0;
   letter-spacing: 0;
}
#teaser-unt a:link, #teaser-unt a:visited
{
	color: #b78202;
}
#teaser-unt a:hover
{
	color: #db9f10;
}

.mehr
{
	float: right;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 2px 0 0 0;
}


/* Allgemeine Formatierungen */
a:link, a:visited
{
	color: #000000;
	text-decoration: underline;
}
a:hover
{
	color: #999999;
}
p.blind
{
	display:none;
}
img.left 
{
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #000000;
}
img.rechts
{
	float: right;
	margin: 0 0 0 5px;
	border: 1px solid #000000;
}
.left
{
	float: left;
	margin:0;
	padding: 0;
}
li
{
	list-style: square;
}
.rechts
{
	float: right;
}
/*p.rechts
{
	float: right;
	margin: 0 0 2px 0;;
}*/
.mitte
{
	text-align: center;
}
h1
{
	font-size: 15px;
	letter-spacing: 2px;
	margin: 0; padding: 0;
}
h2
{
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0; padding: 0;
}
p
{
	margin: 0 0 10px 0;
}
a:link img, a:visited img, a:hover img
{
	border: none;
	text-decoration: none;
}

img.fotos-rechts
{
	border: 1px solid #000000;
	margin:3px 0 3px 6px; padding: 3px;
	float: right;
}
img.fotos-left
{
	border: 1px solid #000000;
	margin:3px 6px 3px 0; padding: 3px;
	float: left;
}

#map /*google Map div*/
{
	padding: 20px 0 10px 80px;
}
#map a:link, #map a:visited
{
	color: #000000;
	text-decoration: underline;
	text-align:center;
}
#map a:hover
{
	color:#999999;
}