/*        */
/* layout */
/*        */

*
{
	margin:0;
	padding:0;
	font-family:Verdana,Tahoma,Arial,sans;
	font-size:10pt;
}

body
{
	background-image:url(background.png);
	background-position:center top;
	padding-bottom:50px;

	/* IE6 fix */
	text-align:center;
}

#main_container
{
	width:980px;
	margin:auto;

	/* IE6 fix */
	text-align:left;
}

#header
{
	position:relative;
	width:832px;
	margin:auto;
	height:201px;
	background:url(background_spot.png) repeat-y;
}

#header h1
{
	position:absolute;
	top:112px;
	width:435px;
	height:66px;
	background:url(title.png);
}

#header a {
	display:block;
	width:100%;
	height:100%;
}

#header span
{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}

#header img {
	display:none;
}

#header #titleimage
{
	position:absolute;
	top:23px;
	right:43px;
	width:347px;
	height:178px;
	background:url(singers.png);
}

#menu
{
	width:128px;
	float:left;

	/* preload the balloon image */
	background-image:url(balloon.png);
	background-repeat:no-repeat;
	background-position:-1000px -1000px;
}

#menu h2
{
	display:none;
}

#menu ul
{
	list-style:none;
	margin:25px 14px 0 20px;
}

#menu li
{
	display:inline;
}

#menu a
{
	position:relative;
	font-family:Trebuchet MS;
	display:block;
	padding:4px 3px 4px 0;
	text-decoration:none;
	font-size:14pt;
	font-weight:normal;
	color:#635;
	width:91px;

	/* IE fix: hovering over padding area */
	background:url(ca_middle.png) -20px repeat-y;
}

#menu a:hover
{
	color:#946;
	padding-left:3px;
	padding-right:0px;

	/* IE fix: hovering over padding area */
	background-position:-17px;
}

#logo
{
	clear:left;
	float:left;
	position:relative;
	left:-65px;
	margin-top:40px;
	width:128px;
	height:151px;
	background:url(mkw.gif);
}

#mainframe
{
	width:722px;
	margin-left:140px;
	background:url(ca_middle.png) repeat-y;
}

#mainframe #top
{
	height:15px;
	background:url(ca_top.png) no-repeat;
}

#mainframe #bottom
{
	clear:left;
	height:12px;
	background:url(ca_bottom.png) no-repeat;

	/* IE6 fix */
	margin-bottom:-5px;
}

#content
{
	float:right;
	width:518px;
	margin:10px 45px 35px 20px;
	padding-left:5px;
	border-left:2px solid #ffce47;
}

#footer
{
	clear:both;
	margin:0 0 15px 143px;
	width:542px;
	border-top:1px solid #99a;
	padding-top:7px;
}

#footer, #footer a
{
	color:#99a;
	font-family:Tahoma,Verdana,Arial,sans;
	font-size:8pt;
	text-decoration:none;
}

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

#footer #impressum
{
	float:right;
}


.clear
{
	clear:both;
}







/*               */
/* menu balloons */
/*               */

#menu .balloon {
	display:none;
	position:absolute;
	margin-top:-40px;
	margin-left:-160px;
	width:160px;
	z-index:100;
	background:url(balloon.png) no-repeat;
	padding-top:33px;
}

#menu .balloon ul {
	padding-left:10px;
	width:114px;
	margin:-19px 0 5px 0;
}

#menu .balloon li {
	display:block;
	/*text-align:center;*/
}

#menu .balloon div.close {
	position:relative;
	top:13px;
	left:0;
	background:url(balloon.png) repeat-y;
	background-position:0 313px;
	height:13px;

	/* inherited from main menu */
	margin:0;
	margin-top:-15px;
	width:auto;

	/* IE6 fix */
	overflow:hidden;
}

#menu .balloon a, #menu .balloon a:hover {
	/* inherited from main menu */
	display:inline;
	padding:0;
	font-size:10pt;
	font-family:Verdana,Tahoma,Arial,sans;
	cursor:pointer;
	background:none;
}

#menu .balloon *
{
	color:#635;
}

#menu .balloon a:hover
{
	text-decoration:underline;
}

#menu li:hover .balloon {
	display:block;
}



#international {
	float:right;
	position:relative;
	top:-15px;
	left:24px;
	height:0px;
	overflow:visible;
	margin:0 !important;
}

#international span {
	display:none;
}

#international li {
	float:left;
	width:33px;
	list-style:none;
	margin-right:10px;
}

#international a {
	display:block;
	width:33px;
	height:20px;`
}

#international .at {
	background:url(flags/Austria.png);
}

#international .es {
	background:url(flags/Spain.png);
}

#international .fr {
	background:url(flags/France.png);
}

#international .gb {
	background:url(flags/UnitedKingdom.png);
}








/*             */
/*   content   */
/*             */

#content
{
	color:#445;
}

#content img
{
	margin:5px 0 15px 15px;
	float:right;
	border:1px solid #333;
}

#content p
{
	margin:10px 0;
}

#content ul
{
	margin:10px 0 10px 30px;
}

#content h2, #content h3, #content h2 a, #content h2 a:visited, #content h2 a:hover, #content h2 a:active
{
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans;
	color:#635;
	font-weight:normal;
	font-size:14pt;
	text-decoration:none;
}

#content h2
{
	background-image:url(h2.png);
	background-repeat:repeat-y;
	margin:15px 0 10px -5px;
	padding:4px 0 6px 5px;
}

#content h3
{
	background-image:url(h3.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:14px 0 10px -15px;
	padding:5px 0 7px 15px;
}

#content a
{
	color:#f30;
	text-decoration:none;
}

#content a:visited
{
	color:#f96;
}

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

#content a.external
{
	padding-right:13px;
	background:url(external_link.png) center right no-repeat;
}
#content a.external:visited
{
	background:url(external_link_visited.png) center right no-repeat;
}

#content .separator
{
	clear:both;
	margin-bottom:60px;
}




#content .back {
	display:none;
}




#content .warning
{
	padding:10px;
	border:1px solid #ca9;
	background:#fdc0bf;
	margin-bottom:20px;
}



#content ul.list {
	margin-left:0;
}

#content .list li {
	list-style:none;
	width:100%;
}

#content .list .left {
	float:left;
	display:block;
	width:220px;
	padding-top:3px;
	text-align:right;
	clear:both;
}

#content .list .right {
	display:block;
	margin-left:225px;
	padding-top:3px;
}

/* IE fix \*/
* html #content .list .right {
	height:1%;
}
/* end: IE fix */

#content .center {
	text-align:center;
}



/*            */
/*   events   */
/*            */

#content .eventlist_compact
{
	margin-left:-5px;
	margin-bottom:30px;
	padding:0 5px 5px 0;
	background:url(h2_highlight.png);
}
#content .eventlist_compact h2
{
	background:url(h2_highlight.png);
	margin:0;
}
#content .eventlist_compact ul
{
	margin:0 0 0 5px;
}
#content .eventlist_compact li
{
	list-style:none;
}
#content .eventlist_compact a, #content .eventlist_compact a:visited
{
	color:#635;
}

#content .eventlist .time
{
	font-weight:bold;
	padding:0;
	margin-top:-5px;
	color:#635;
}
#content .eventlist .event
{
	margin-bottom:40px;
}








/*               */
/*   galleries   */
/*               */


#content .gallery
{
	margin: 0 10px 10px -5px;
}

#content .gallery .thumbnails *, #content .gallery .thumbnails_enhanced *
{
	margin:0;
	padding:0;
	float:none;
}

#content .gallery .description
{
	margin:0 0 20px 5px;
}

#content .gallery .bigger
{
	display:none;
}

#content .gallery .thumbnails
{
	overflow:auto;
	overflow-y:hidden;
	white-space:nowrap;
	width:516px;
}

#content .gallery .thumbnails ul
{
	height:170px;
}

#content .gallery .thumbnails li
{
	display:inline;
	list-style:none;
}

#content .gallery .thumbnails img
{
	max-width:138px;
	max-height:138px;
	border:1px solid #444;
	margin:10px;
}

#content .gallery .thumbnails a
{
	font-size:160px;
}
#content .gallery .thumbnails a:hover
{
	background:#fff9df;
}

#content .gallery .thumbnails span
{
	display:none;
}



















#content .gallery .thumbnails_enhanced
{
	overflow:hidden;
	width:516px;
}

#content .gallery .thumbnails_enhanced ul
{
	height:170px;
}
#content .gallery .thumbnails_enhanced li
{
	float:left;
	list-style:none;
}

#content .gallery .thumbnails_enhanced img
{
	border:1px solid #444;
	vertical-align:middle;
	font-size:140px;
}

#content .gallery .thumbnails_enhanced a
{
	display:block;
	width:140px;
	height:140px;
	margin:5px;
	text-align:center;
	line-height:140px;
}




.magnified_thumbnail
{
	position:absolute;
	width:262px;
	height:262px;
	background:#fc3;
	border:1px solid #666;
	text-align:center;
	line-height:260px;
}

.magnified_thumbnail img
{
	border:1px solid #444;
	margin:5px;
	vertical-align:middle;
}




/* scollbar */
#content .scrollbar
{
	position:relative;
	height:15px;
	background:url(slider_path.png);

	/* IE 6 fix */
	width:516px;
}

#content .scrollbar div
{
	position:absolute;
	height:15px;
	background:url(slider.png);

	/* IE 6 fix */
	overflow:hidden;
}

#content .scrollbar span
{
	display:block;
	float:right;
	width:13px;
	height:15px;
	background:url(slider.png);
	background-position:13px 0;
}

#content .scrollbar div.scroll, #content .scrollbar div.hover
{
	background-position:0 15px;
}

#content .scrollbar div.scroll span, #content .scrollbar div.hover span
{
	background-position:13px 15px;
}