/*  
	CSS - stylesheet pianistenclub.de
	(C) 2006 Pianistenclub e.V., M�nchen, Andr� Varney
	$Id: pianistenclub.css 320 2011-05-12 13:45:14Z admin $
	2010-11-29: added elements for Facebook - Olivier Petitpierre
*/

/* ---------------------------------------------------------------------------------------- */
/* Common Settings                                                                          */
/* ---------------------------------------------------------------------------------------- */

/*  body */
body,html {
	border: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #707070;
	font: normal 100.01% Verdana,Arial,Helvetica,sans-serif;
	text-align: center; 
}

/* links */
a:link{
	color: #804141; 
	text-decoration:none;
}
a:visited{
	color: #804141; 
	text-decoration:none;
}
a:hover{
	color: #a44a4a; 
	text-decoration:underline;
}

/* images */
img {
	border: none;
}

/* ---------------------------------------------------------------------------------------- */
/* Main page elements                                                                       */
/* 2009-04-14 15:31:00 Olivier Petitpierre:                                                 */
/* changed backgroup-color from "660000" to "690601"                                        */
/* ---------------------------------------------------------------------------------------- */

#root {
	margin: 27px auto 27px auto; 
	width: 822px;
	min-height: 100%;
	zoom: 1;
	padding: 0; 
	text-align: left; 
	border: 1px solid #000000; 
	background-color: #690601;
}
#root:after {
	content: "";
	display: block;
	clear: both;
}
* html #root {
	height: 100%;
}

#footer {
	width: 822px;
	height: 1px; 
	padding: 0; 
	text-align: left; 
	border: 0;
	background-color: #00FF00;
}

#header {
	width: 822px; 
	height: 135px;
	padding: 0; 
	text-align: left; 
	border: 0px; 
	background-color: #707070;
}

#main {
	width: 100%; 
	height: 100%;
	padding: 0; 
	border: 0px; 
}

/*  page header details */
#header-image {
	width: 822px;
	height: 104px;
}

#header-image-print {
	display: none;
}

#header-menu {
	position: relative;
	padding: 0;
	height: 24px;
	background-color: #A0A090;
}

#header-concert {
	position: absolute;
	padding: 5px;
	top: 0px;
	left: 0px;
	text-align: left; 
	font-size: 13px;
}

#header-concert a {
	text-decoration: none;
	color: #000000;
}

#header-concert a:hover {
	color: #ffffff;
}

/*  top menu */
#topmenu {
	width: 100%;
	height: 24px;
}

#topmenu ul {
	margin: 0 22px 0 0;
	padding: 4px 0 0 0;
	list-style: none;
}

#topmenu li {
	float: right;
	color: #000000;
	padding: 0 10px;
	font: normal 13px Verdana,Arial,Helvetica,sans-serif;
}

#topmenu li a {
	text-decoration: none;
	color: #000000;
}

#topmenu li a:hover {
	color: #ffffff;
}

#topmenu li.ACT {
	font-size: 15px;
}

/*  main area */
#main-left {
	width: 190px;
	padding: 0px; 
	border: 0px; 
	background-color: #C0C0C0;
	float: left;
}

#mainsearch {
	height: 24px;
}

#content-photo {
	position: relative;
	text-align: center; 
	padding: 0px; 
	width: 610px;
	border: 0px; 
	float: left;
	font-size: 12px; 
	color: #ffffff;
}

#content {
	position: relative;
	text-align: left; 
	padding: 15px; 
	margin: 0px 10px 0px 10px;
	width: 580px;
	border: 0px; 
	background-color: #FFFFFF;
	float: left;
}

#content p {
	font-size: 11pt; 
}

#content h1 {
	font-size: 12pt; 
	color: #707070; 
	padding: 0 0 3px; 
	font-weight: bold; 
	border-bottom: 1px solid #707070;
	margin-bottom: 17px;
}

#content h2 {
	font-size: 12pt; 
	color: #707070; 
	font-weight: bold; 
}

#content h3 {
	font-size: 10pt; 
	color: #707070; 
	font-weight: bold; 
}

#title_direct_rendered {
	font-size: 8pt; 
	color: #707070; 
	font-weight: bold; 
}

#event_details {
	font-size: 8pt; 
	color: #707070; 
	font-weight: bold; 
}

#reservation_details {
	font-size: 8pt; 
	color: #707070; 
	font-weight: bold; 
}

/* ---------------------------------------------------------------------------------------- */
/* Biography                                                                                */
/* ---------------------------------------------------------------------------------------- */

#bio-image {
	float: left;
	padding: 1px 0px 0px 0px;
	margin: 0px 0 0 0px !important;
	margin: 0px 0 0 0px;
	background: url(images/shadow_alpha.png) no-repeat right bottom !important;
	background: url(images/shadow.gif) no-repeat bottom right;
}


#bio-image img {
  display: block;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 0px 0px 0px 0px;
} 

#bio-text {
  padding: 0px 0px 8px 0px;
}

/* ---------------------------------------------------------------------------------------- */
/* Menu                                                                                     */
/* ---------------------------------------------------------------------------------------- */

/* specially introduced for Facebook.com */
#facebook-text {
	vertical-align: middle;
	text-align: center; 
	font-size: 8pt; 
	font-weight: bold; 
	width: 190px;
	padding: 0px; 
	border: 0px; 
	background-color: #ebebea;
}
#facebook-image {
	vertical-align: middle;
	width: 24px;
}

#mainnav {
	float: left; 
	width: 190px; 
	background-color: #9D9394; 
	padding-top: 0px;
}	

#nav1 {
	font-size: 8pt; 
	list-style: none; 
	margin: -1px 0 23px 0; 
	padding: 0; 
	position: relative; 
	border-top: 14px solid #ebeaea;
}

#nav1 li {
	display: block; 
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	background-color: #ccc7c7; 
	margin: -1px 0 0 0; 
	padding: 0; 
	font-weight: bold;
}
			
#nav1 li a:link, #nav1 li a:visited, #nav1 li a:hover, #nav1 li a:active {
	display: block;
	color: #585151; 
	text-decoration: none; 
	padding: 6px 17px 7px !important; 
	padding: 2px 17px 6px;
	position: relative;
}

#nav1 li a:hover, #nav1 li a:active {
	text-decoration: underline; 
	color: #787777;
}
			
#nav1 li.active {
	background-color: #707070;
}

#nav1 li.active a:link, #nav1 li.active a:visited, #nav1 li.active a:hover, #nav1 li.active a:active {
	color: #fff;
}

#nav1 li.active a:hover, #nav1 li.active a:active {
	color: #f1f1f1;
}
			
/* SUBLEVEL */
#nav1 ul.l2 {
	font-size: 7pt; 
	display: block;  
	background-color: #ebe9ea; 
	list-style: none; 
	margin: 0; 
	padding: 3px 0; 
	line-height: 1.8em;
}

#nav1 ul.l2 li {
	display: block;
	border: none; 
	background: #ebe9ea url(images/arrow_red_p.gif) no-repeat 17px 6px; 
	margin: 0; 
	padding: 0; 
	font-weight: normal;
}
				
#nav1 ul.l2 li.active {
	background-image: url(images/arrow_red_a.gif);
} 
				
#nav1 ul.l2 li a:link, #nav1 ul.l2 li a:visited, #nav1 ul.l2 li a:hover, #nav1 ul.l2 li a:active {
	display: block; 
	color: #716869; 
	text-decoration: none; 
	padding: 1px 0 0 30px !important; 
	padding: 0 0 0 30px;
}

#nav1 ul.l2 li a:hover, #nav1 ul.l2 li a:active {
	text-decoration: underline; 
	color: #787777;
}	
			
#nav1 ul.l3 {
	font-size: 6.5pt; 
	display: block; 
	background-color: #ebe9ea; 
	list-style: none; 
	margin: 3px 0 3px 15px; 
	padding: 3px 0; 
	line-height: 1.8em;
}

#nav1 ul.l3 li {
	display: block; 
	border: none; 
	background: #ebe9ea url(images/arrow_red_p.gif) no-repeat 17px 4px; 
	margin: 0; padding: 0 7px 0 0; 
	font-weight: normal; 
}
				
#nav1 ul.l3 li.active {
	background-image: url(images/arrow_red_a.gif);
}
	 
#nav1 ul.l3 li a:link, #nav1 ul.l3 li a:visited, #nav1 ul.l3 li a:hover, #nav1 ul.l3 li a:active {
	display: block; 
	color: #8A8182; 
	text-decoration: none; 
	padding:  1px 0 0 30px !important; 
	padding: 0 0 0 30px;
	position: relative;
}

#nav1 ul.l3 li.active a:link, #nav1 ul.l3 li.active a:visited, #nav1 ul.l3 li.active a:hover, #nav1 ul.l3 li.active a:active {
	color: #B26A6D; 
	font-weight: bold;
}

#nav1 ul.l3 li a:hover, #nav1 ul.l3 li a:active {
	text-decoration: underline; 
	color: #B26A6D;
}								

#mainnav h3 {
	font-size: 7.5pt; 
	color: #ebeaea; 
	border: 1px solid #ebeaea; 
	border-width: 1px 0; 
	font-family: Verdana; 
	padding: 3px 0 3px 16px; 
	background-color: #9c9494; 
	position: relative; 
	text-align: left;
}

#mainnav h3 a {
	color: #ebeaea; text-decoration: none
}

#partners {
	text-align: center; 
	padding-bottom: 38px; 
	margin-bottom: 20px; 
	border-bottom: 1px solid #F1EDEC; 
	background-color: #B2A8A9; 
	height: 200px;
}

#partners img {
	margin-top: 20px;
}
	
#nav2 {
	padding: 0; 
	margin-bottom: 20px; 
	background-color: #B2A8A9;
}	

#nav2 h3 {
	border-bottom: 1px solid #CECACA; 
	border-top: 1px solid #CECACA; 
	margin-bottom: 5px;
}

#nav2 ul {
	font-size: 7pt; 
	list-style: none; 
	margin: 0; 
	padding: 0 0 10px 0; 
	display: block; 
	position: relative; 
	border-bottom: 1px solid #CECACA;
}
		
#nav2 li {
	background-position: 17px 8px !important; 
	background: transparent url(images/arrows_white.gif) no-repeat 17px 13px; 
	padding: 0; 
	margin: 0;
}

#nav2 li a:link, #nav2 li a:visited, #nav2 li a:hover, #nav2 li a:active {
	color: #a44a4a; 
	display: block; 
	position: relative;
	 padding: 4px 10px 4px 30px; 
	 font-weight: bold; 
	 text-decoration: none;
}

#nav2 li a:hover, #nav2 li a:active {
	color: #804141; 
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------- */
/* Page navigation                                                                          */
/* ---------------------------------------------------------------------------------------- */

#pagenav {
	position: absolute;
  right: 10px;
	z-index: 6;
	text-align: right; 
	font-size: 8pt; 
	color: #707070; 
}

#pagenav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#pagenav li{
	position: relative;
	float: left;
	display: block;
	top: 4px;
	color: #000000;
	padding: 0 4px 0 4px;
	font: normal 9px Verdana,Arial,Helvetica,sans-serif;
}

#pagenav li a{
	text-decoration: none;
	color: #000000;
}

#pagenav li a:hover{
	color: #660000;
}

#pagenav li.ACT{
	position: relative;
	font-size: 9px;
	font-weight: bold; 
	top: 0px;
}

/* ---------------------------------------------------------------------------------------- */
/* Content Elements                                                                         */
/* ---------------------------------------------------------------------------------------- */

#linklist {
	padding: 0; 
	margin: 0;
}	

#linklist ul {
	position: relative; 
	font-size: 9pt; 
	list-style: none; 
	margin: 0; 
	display: block; 
	padding: 0;
	line-height: 16px; 
}
		
#linklist li {
	background-position: 3px 4px !important; 
	background: transparent url(images/arrow_gray.gif) no-repeat 3px 5px; 
	margin: 0;
	position: relative;
	padding: 0px 0px 0px 16px;
}

#linklist li a:link, #linklist li a:visited, #linklist li a:hover, #linklist li a:active {
	color: #a44a4a; 
	display: block; 
	padding: 0px 0px 0px 0px;
	font-weight: bold; 
	text-decoration: none;
}

#linklist li a:hover, #linklist li a:active {
	color: #804141; 
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------- */
/* Search                                                                                   */
/* ---------------------------------------------------------------------------------------- */

INPUT#search {
	margin: 2px 3px 3px 3px;
	padding: 0;
	width: 162px; 
	height: 17px;
	border: 0;
}

INPUT#searchbtn {
	position: relative;
	top: 1px;
	margin: 0px 0px 0px 0px; 
	padding: 0;
	width: 17px;
	height: 17px;
	border: 0;
}

/* ---------------------------------------------------------------------------------------- */
/* Login Form                                                                               */
/* ---------------------------------------------------------------------------------------- */

TABLE#logintable TR TD { 
	padding: 10px 10px 1px 1px; 
}
TABLE#logintable P { 
	font-size: 12px; 
	color: black; 
	font-weight: bold; 
}
TABLE#logintable P.c-info { 
	font-size: 10px; 
	font-weight: bold; 
	color: green; 
}
TABLE#logintable P.c-error { 
	font-size: 10px; 
	width: 300px; 
	font-weight: bold; 
	color: red; 
	border: #858585 solid 1px; 
	margin: 5px 0px 5px 0px; 
	padding: 5px 15px 5px 15px; 
	}
TABLE#logintable INPUT.c-username, TABLE#logintable INPUT.c-password, TABLE#logintable SELECT.c-interfaceselector { 
	width: 150px; 
}
TABLE#logintable INPUT { 
	border: #858585 solid 1px; 
	background-color: white; 
}

/* ---------------------------------------------------------------------------------------- */
/* Data Table                                                                               */
/* ---------------------------------------------------------------------------------------- */
TABLE#datatable { 
	width: 100%; 
}

TABLE#datatable TD TH { 
	border:2px solid #ffffff;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

TABLE#datatable TD { 
	background:#ebe9ea;
}

TABLE#datatable TH { 
	font-weight: bold;
	background:#9D9394;
}