/* --------------------------------------------------------------*/
/* www.nwd-philharmonie.de                                       */
/* konzerte.css                                             */
/* status: 24.06.2006                                            */
/* --------------------------------------------------------------*/
html, body {margin: 0; padding: 0; font-size: 100%; }

/*
html { 
overflow-x: hidden; 
overflow-y: auto;
}
*/

body {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 80%;
	color: #000;
	/*background: #00CC00; */
	}
	
#spacer {
	width:auto;
	height:1px;
}

#hauptcontainer {
	/*margin-left: 235px; */
	margin-left: 190px; 
	/*margin-right:120px;*/ 
	margin-right:0px; 
	width: 560px; 
	z-index:2; 
}

#inhalt1 {
	/*width: 700px; */
	border: 0px solid #000000;
	color: #333333;
	/*margin: 8px 149px 5px 10px; */
	margin: 5px 2px 5px 2px; /* orul */
	padding: 0 10px 5px 10px; 
	position: relative; /*** for IE6 ***/
	z-index:3; 
}

.abschnitt {
width: 560px; margin-bottom: 15px;
}

.konzerttermin {
	border: 1px solid #003366;
	background-color: #FFFF00;
	margin: 5px 2px 5px 2px; /* orul */
	padding: 0 10px 5px 10px; 
	position: relative; /*** for IE6 ***/
}

.datum {
 	color: #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold; 
}

.uhrzeit {
 	color: #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold; 
}

.ort {
 	color: #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; 
}

.halle {
 	color: #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; 
}

.konzerttitel {
 	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold; 
}

.konzertuntertitel {
 	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	padding-left: 11px; 
}

.komponist {
 	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; 
}

.komposition {
 	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal; 
}

.zusatzinfo {
 	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal; 
}

.leitung {
 	color: #003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal; 
}


#pagetitle {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 210%;
	color: #771464; }

pre {
	margin: 0 0 0 10px;
	padding-top: 8px;
	font-family: Verdana, sans-serif;
	font-size: 95%;
	font-weight: normal; }

p {margin: 0; padding: 8px 7px 0 10px; }


/*** must be set so the following absolutely positioned divs are 
			                      placed correctly on initial load of the page***/ 


/* -------------- styles für navibox -------------------------*/

#navibox { 
/*width:200px; */
width:180px; 
/*border: 1px solid #333333; */
padding: 10px 0; 
float:left; 
}

#navibox dl { margin-left:5px; margin-top:20px; margin-right:5px; margin-bottom:25px; 

padding:0px; float:left;
}

#navibox dt { 
margin-bottom:12px; 
padding:0px; 
font-size: 14px; 
letter-spacing:1px; 
color:#FFFFFF; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}

#navibox dd { 
margin: 0px; 
padding:0px; 
font-size: 11px; 
color:#FFFFFF; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#navibox dd.teaserbild img { 
float:left; margin: 10px 8px 0 0; padding: 2px; border: 5px solid #999999; background-color:#FFFF00;
}

.teaserlink{
color: #000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
text-decoration:underline; 
}

#vvbutton1 A:link {
		BACKGROUND-COLOR: 	#F2E172;
		COLOR: #666666; 
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal;
		TEXT-DECORATION: none;
		PADDING: 1px 10px 1px 10px;
		BORDER-TOP: 1px solid #999999;
		BORDER-Right: 2px solid #006699;
		BORDER-BOTTOM: 2px solid #006699;
		BORDER-LEFT: 1px solid #999999;
}
#vvbutton1 A:visited {
		BACKGROUND-COLOR: 	#F2E172;
		COLOR: #666666; 
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: none;
		PADDING: 1px 10px 1px 10px;
		BORDER-TOP: 1px solid #999999;
		BORDER-Right: 2px solid #006699;
		BORDER-BOTTOM: 2px solid #006699;
		BORDER-LEFT: 1px solid #999999;
}

#vvbutton1 A:hover {
		BACKGROUND-COLOR: 	#F2E172;
		COLOR: #666666; 
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: underline;
		PADDING: 1px 10px 1px 10px;
		BORDER-TOP: 1px solid #999999;
		BORDER-Right: 2px solid #006699;
		BORDER-BOTTOM: 2px solid #006699;
		BORDER-LEFT: 1px solid #999999;
}

#vvbutton1 A:active {
		BACKGROUND-COLOR: 	#F2E172;
		COLOR: #666666;
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: none;
		PADDING: 1px 10px 1px 10px;
		BORDER-TOP: 1px solid #999999;
		BORDER-Right: 2px solid #006699;
		BORDER-BOTTOM: 2px solid #006699;
		BORDER-LEFT: 1px solid #999999;
}



#vvlink1 A:link {
		COLOR: #FF0000; 
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal;
		TEXT-DECORATION: none;
}

#vvlink1 A:FF0000 {
		COLOR: #666666; 
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: none;
}

#vvlink1 A:hover {
		COLOR: #0000FF; 
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: underline;
}

#vvlink1 A:active {
		COLOR: #FF0000;
		FONT-FAMILY: Arial,Helvetica; 
		FONT-SIZE: 9pt; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: none;
}

ul#navi {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0 10px 1.5em 10px; 
} 
/* -------------- Ende styles für für navibox -------------------------*/

.headLine1 {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt; 
	font-weight:bold;
}

.headLine2 {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
}

.headLine3 {
	color: #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold; 
	border-bottom: 1px; 
	border-bottom-color: #003366; 
	border-bottom-style:solid; margin-top: 15px;
}

.adminvorschau {
	color: #FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold; 
}

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
 
#boxrechts {
	position: absolute;
	top: 106px;
	right: 16px;
	margin-right: -15px;
	/*width: 138px; */
	width: 120px;
	padding-top: 5px; 
	background-color: #BFC7CB; 
	float:right;
}

/* hide the following from IE5-Mac \*/
#boxrechts {
	right: 0;
	margin-right: 0; 
	z-index:1;
}
/* IE5-Mac can see the rest */

#fussnavi {
	margin-top: 1.5em;
	margin-right: 139px;
	border-top: 1px dashed #000000; 
} 

#footer {
	margin-top: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
} 

/* --------------------------------------------------------------*/

.bildfloatrechts {
float: right; 
margin: 0.5em 1em; 
position: relative; /*** for IE6 ***/
} 


.textfarbe1 {
	color: #FFFFFF; 
	font-weight: bold; 
}

.textfarbe2 {
	color: #cde7a8; 
}

.textfarbe3 { 
	color: #771464; 
	font-weight: bold; 
}

.alignright  {
	margin: 0; 
	padding: 1em 10px 2em 0; 
	text-align: right; 
}

.clear {
	clear: both;
	margin: 0;
	padding: 0; 
}


