/* CSS Document */

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

/*PAGE LAYOUT*/
body 			{ background-color: #dc2b19;
				  background-image: url(../images/bg_roos.jpg);
				  background-attachment: fixed; 
				  background-position: 0px 0px;
				  background-repeat:no-repeat;
				  overflow:auto;}

.loadingMessage	{ position: absolute;
				  top: 65px;
				  left: 380px;
				  width: 300px;
				  height: 20px;
				  color: #004a98; }

.contentCenter	{ position: absolute;
				  top: 100px;
				  left: 180px;
				  width: 500px;
				  height: 598px;
				  overflow: auto;
				  padding-left: 10px; 
				  padding-right: 20px;
				  color: #004a98; }

.contentRight	{ position: absolute;
				  width: 180px;
				  margin-top: 88px;
				  margin-left: 720px;
				  text-align: right; 
				  color: #ffffff; }
				  
/* begin - FLAGS  ----------------------------------------------------------*/
.flag_english, .flag_dutch, .flag_german {
				position: absolute;	
				top: 102px;
				left: 5px;
				text-decoration: none;
				padding: 0px;
				margin:	1px;
				margin-left: 10px; }
		
.flag_english {
				top: 127px; }
		
.flag_german {
				top: 152px; }
		
.flag {
				width: 25px;
				border: 0px;
				margin:	-3px; }
				
.reference {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #F90;
}

/* end - FLAGS */

/*NAVIGATION*/
#nav { 
				position: absolute;
				left: 65px;
				top: 150px; }
		
#navigation, 
#navigation  ul { 	
				list-style: none; 
				margin: 0;
				border-width:0;
				padding: 0;
				width: 582px;
				color: #0c2d83;
				/*background-color: #fff;*/ }

.buttons  a,
.buttons  a:link,
.buttons  a:visited{display:          block; 
		  			margin:           0; 
		  			border:           1px solid #e3e2ee; 
		  			padding:          2px;
					padding-left:     4px;
		  			width:            90px;  /* in IE 5 border and padding are included in the 
		  							  			width, so buttons appear less wide  */
		  			font-size:        14px;
		  			text-align:		  left;
		  			text-decoration:  none; 
		  			color:            #000066; /*is blauw*/   
		  			background-color: #fff; /*is wit*/   
}

.buttons  a:focus, 
.buttons  a:hover { color: #e3e2ee;  
					background-color: #ff9733;  /*lichtgrijs en sinasappel*/}				  
		
.buttons  a:active{	color:            #fee5c2; 	/*licht perzik*/
					background-color: #0c2d83; 	/*zacht donker blauw*/}
		  

/*TITELS*/
h3.bottomWeg	{ font-weight:bolder;
				  margin-bottom: -20px; }

.concertPlace {   font-style:oblique;
				  font-variant:small-caps;}

/*IMAGES*/
#rob 			{ float: left;
				  border: #004a98 thin solid;
				  padding: 2px;
				  margin-right: 10px; }
				  
#robOnDirector	{ float: right;
				  border: #004a98 thin solid;
				  padding: 2px;
				  margin-right: 10px; }
				  
#mv 			{ float: left;
				  border: #004a98 thin solid;
				  padding: 2px;
				  margin-right: 10px; }

#actuelePoster	{ float: left;
				  border: #004a98 0px solid;
				  border-top: #004a98 1px solid;
				  border-left: #004a98 1px solid;
				  padding: 2px;
				  margin-right: 10px; }
				  
#oldPoster		{ float:left;
				  border:#004a98 1px solid;
				  padding:2px;
				  margin-right: 10px; }

#sponsor		{ border: #FF0000 0px solid;
				  clear: both; 
				  padding: 2px;}
				  margin-right: 10px; */
				  
/*TABLES*/
.width80	 	{ width: 80%; 
				  margin-top: 20px; }
.wholeWidth 	{ width: 95.5%; 
				  margin-top: 20px;
				  clear: both; }
				  
td.left			{ text-align: left; vertical-align:top; }
td.center		{ text-align: center; vertical-align:top; }
td.right		{ text-align: right; vertical-align:top; }
td.bottom		{ vertical-align:bottom; }


p.clean			{ float:none;}
p.indenting		{ padding-left:50px; margin-top:-20px; }

/*ZOEKPAGINA*/
#zoekInfo		{ position: absolute;
				  left:	10px;
				  top: 150px; 
				  width: 150px;}
				  
.rijHover{ background-color:#FF6666}
.rijSelect{ background-color:#FF0000}
.oddRow{ background-color:#CCCCCC}
.evenRow{ background-color:#FFFFFF}
.blue{color: blue;}
.midden { text-align:center;}