/*
 * globale Angaben
 */

*
{
	margin:					0;
	padding:				0;
}

body
{
	background:				#FFF;
	color:					#000;
	margin:					0;
	padding:				0;
}





/*
 * Rahmen der Webseite
 */

#page
{
	background:				#FFF url(../images/bg.jpg) repeat-x;
	height:					643px;
	margin:					10px auto;
	overflow:				hidden;
	position:				relative;
	text-align:				left;
	width:					880px;
}





/*
 * Logo
 */

#logo
{
	right:					15px;
	position:				absolute;
	top:					35px;
}

#logo a
{
	text-decoration:		none;
}

#logo img
{
	border:					none;
}


/*
 * Navigation
 */

#navi
{
	left:					177px;
	list-style-type:		none;
	position:				absolute;
	top:					99px;
	width:					500px;
}

#navi li
{
	display:				block;
	float:					left;
	list-style-type:		none;
	text-align:				center;
}

#navi li.home
{
	width:					70px;
}

#navi li.practice
{
	width:					100px;
}

#navi li.focus
{
	width:					130px;
}

#navi li.events
{
	width:					90px;
}

#navi li.contact
{
	width:					80px;
}

#navi li a
{
	color:					rgb(101,101,101);
	font:					normal 14px/14px Verdana;
	text-decoration:		none;
}

#navi li a.active,
#navi li a:hover
{
	font-weight:			bold;
}




/*
 * Hauptbereich
 */

#main
{
	color:					#FFF;
	font:					normal 11px/16px Verdana;
	left:					190px;
	position:				absolute;
	top:					155px;
	width:					400px;
}

#main h1,
#main h2
{
	font:					bold 12px/16px Verdana;
	margin:					0;
	text-transform:			uppercase;
}

#main p
{
	margin:					0 0 16px 0;
}

#main ul
{
	list-style-type:		square;
	margin:					0 0 16px 0;
}

#main ul li
{
	list-style-type:		square;
	margin:					0 0 0 16px;
}

#main a
{
	color:					#FFF;
	text-decoration:		none;
}

#main a:hover
{
	text-decoration:		underline;
}



/*
 * Eyecatcher
 */

#eyecatcher
{
	left:					0;
	position:				absolute;
	top:					0;
}





/*
 * Theme
 */

#theme
{
	right:					16px;
	position:				absolute;
	top:					155px;
}

#theme img
{
	border:					none;
}




/*
 * Liste mit Schwerpunkten und News
 */

ul.news li h3
{
	margin:					5px 0 0 0;
	font:					normal 11px/16px Verdana;
}

ul.focus li strong
{
	font-weight:			normal;
}

ul.focus li em,
ul.news li div
{
	display:				none;
}

ul.active li strong
{
	border-bottom:			1px dotted #FFF;
	cursor:					pointer;
}

ul.active li em,
ul.active li div
{
	display:				block;
}

ul.focus li img
{
	display:				none;
}