@charset "utf-8";
/* CSS Document */
/*hand2-#6969cb/luchte-#f0ded4/webb6c-#f1f2ec/webb6d-#fafafa*/


		html {
			background:url(../images/logos/webb6d.jpg) ; 
			background-color:#fafafa;
			background-repeat: no-repeat; 
			background-position:top left; 
			background-attachment:fixed; 
			overflow:hidden; height:100%; 
			max-height:100%; 
		}

		body {margin: 0; padding: 0;}
		
		div#header {
			position: fixed; 
			height: 120px; 
			width: 100%; 
			background: transparant; 
			border-bottom: solid 1px #7b3333;
			
			background-color: #7b3333;
			/* Firefox */
			-moz-opacity: .80 ;
			/* Opera */
			opacity: .80 ;
			/* Internet Explorer 5 + 6 */
			filter: alpha( opacity = 80 );
		}
		/* Internet Explorer 7 */		
		* html #header {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80 ); width: 600px ;}

		
		div#header1 {
			position: fixed; 
			height: 90px; 
			width: 100%; 
			background: transparant; 
		}
			
		#header1 .links {float: left; padding-left: 10px;}
		#header1 a, img {border:none;} 
		
		#logo_m {position:absolute; top: 0px; left: 340px; background:transparent; overflow:hidden;}
		#logo_m1 {position:absolute; bottom: -10px; left: 500px; background:transparent; overflow:hidden;}
		#logo_r {position:absolute; top: 0px; right: 10px; background:transparent; overflow:hidden;}
		#logo_r2 {position:absolute; top: 0px; right:140px; background:transparent; overflow:hidden;}
		#logo_dd {position:absolute; top: 0px; left: 60px; background:transparent; overflow:hidden;}
		#logo_scroll {position:absolute; top: 5px; left: 580px; height: 120px; width: 300px; background:transparent; overflow:hidden;}
		#logo_dd p {font-size: 14px; color: #aaa; font-weight:bold;}
		
		
		div#header2 {
			position: fixed; 
			top: 90px; 
			height: 30px; 
			width: 100%; 
			background: transparant; 
		}
			
		#header2 .padding {font-family:verdana, arial; font-size: 11px; font-weight:bold; color: #7b3333; text-align:right; padding-right: 10px;}
		#header2 p {font-family:verdana, arial; font-size: 11px; font-weight:bold; color: #7b3333; text-align:right;}
		#header2 a {border:none; font-family:verdana, arial; font-weight:bold; font-size: 10px; color: #b52a29;}
		#header2 a:hover {color: #fc67a2;}
		#header2 .links {
			float: left; 
			padding: 3px 5px 6px 15px; 
			font-family:verdana, arial; 
			font-size: 10px; 
			color: #000;
		}
		
		#header2 .rechts {font-family:verdana, arial; font-size:10px; color:#7b3333; font-weight: bold; text-align:right;}
		
		div#links1 {
			position: fixed; 
			top: 121px; 
			bottom: 25px; 
			width: 170px; 
			border-right: solid 1px #ccc; 
			background: transparant; 
			overflow: auto; 
			z-index: 40;
			outline: none;
		}
			
		#links1 .padding {padding: 10px;}
		
		div#links2 {
			position: fixed; 
			top: 121px; 
			left: 170px; 
			bottom: 25px; 
			width: 170px; 
			border-right: solid 1px #ccc; 
			background: transparant; 
			overflow-x: hidden;
			overflow-y: auto;
			z-index: 40;
			outline: none;
		}
			
		#links2 .padding {padding: 10px;}
		
		div#content {
			position: fixed; 
			top: 121px; 
			bottom: 25px; 
			width: 100%; 
			border-right: solid 1px #ccc;  
			background: transparant;
		}
		#content a {color: #333; text-decoration:underline;}
		#content a:hover {color: #b52a29; text-decoration:none;}
			
		div#rechts1 {
			position: absolute; 
			top: 0; 
			right: 170px; 
			bottom: 0; 
			left: 340px; 
			border-right: solid 1px #ccc; 
			overflow: auto;
			outline: none;
		}
		
		#rechts1 p.float_right {float:right;}
		#rechts1 .padding {padding: 10px;}
		#rechts1 .paddingthumb {padding: 10px 0 10px 10px;}
		/*#rechts1 p {font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#333; line-height:16px;}*/
		#rechts1 h2 {font-family:verdana, arial, helvetica, sans-serif; font-size:13px; color:#7b3333; line-height:16px; font-weight: bold;}
		#rechts1 h3 {font-family:verdana, arial, helvetica, sans-serif; font-size:18px; color:#7b3333; line-height:16px; font-weight: bold;}
		#rechts1 .expo_normaal {font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#000; line-height:16px; }
		#rechts1 .expo_klein {font-family:verdana, arial, helvetica, sans-serif; font-size:9px; color:#7b3333; line-height:16px;}
		#rechts1 li {font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#000; line-height:16px; }
		#rechts1 p {font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#333; line-height:16px;}
		
		#rechts1 p.teksten_ju, #rechts1 p.teksten_left, #rechts1 p.teksten_center, #rechts1 p.teksten_ju_ital_bold, #rechts1 b.teksten_ju_ital, #rechts1 b.teksten_ju_ital_bold {
			font-family:verdana, arial, helvetica, sans-serif; 
			font-size:12px; 
			color:#702424; 
			line-height:16px; 
			margin: 0px; 
			margin-left:0px;
			}
		#rechts1 p.teksten_ju {text-align:justify;}
		#rechts1 p.teksten_ju_ital_bold {text-align:justify; font-style:italic; font-weight:bold;}
		#rechts1 p.teksten_kop {font-size:16px; text-align:left; color:#7b3333; margin-top:10px; margin-left:0px;}
		#rechts1 p.teksten_kopmin {font-size:13px; text-align:left; color:#7b3333; margin-top:10px; margin-left:0px;}
		#rechts1 p.teksten_subkop {font-size:10px; text-align:justify; color:#702424; line-height:16px; margin-left:0px;}
		#rechts1 span.teksten_subkop {font-size:10px; font-weight:normal; color:#7b3333;}
		#rechts1 p.indent230 {font-size:12px; color:#702424; text-indent:230px;}		
		#rechts1 span.teksten_ju {font-size:12px; color:#702424; line-height:16px;}
		#rechts1 p.toneel_inleiding, p.toneel_naam {color:#7b3333; line-height:16px; margin-left:11px;}
		#rechts1 p.toneel_inleiding {font-size:11px;}
		#rechts1 p.toneel_naam {color:#7b3333; font-size:10px;}
		#rechts1 b.teksten_ju_ital_bold {text-align:justify; font-style:italic; font-weight:bold;}
		#rechts1 b.teksten_ju_ital {text-align:justify; font-style:italic; font-weight:inherit;}
		
		div#rechts1a {
			position: absolute; 
			top: 0; 
			right: 170px; 
			bottom: 0; 
			left: 170px; 
			border-right: solid 1px #ccc; 
			overflow: hidden;
		}
		#rechts1a iframe{height:500px;}
		
		div#rechts2 {
			position: absolute; 
			top: 0; 
			width: 170px; 
			right: 0; 
			bottom: 0; 
			overflow: auto;
			background-color:;
			border-left: solid 1px #ccc; 
			outline: none;
		}
		
		#rechts2 .padding {padding: 10px;}
		#rechts2 p {font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#333; line-height:16px;}
		#rechts2 h3 {font-family:verdana, arial, helvetica, sans-serif; font-size:13px; color:#7b3333; line-height:16px; font-weight: bold;}
		#rechts2 img {background:url(../images/logos/mondrian.png)}	
		#rechts2 .plaatje {width: 80px; height: 32px;}
		
		div#footer {
			position: fixed; 
			bottom: 0; 
			width: 100%; 
			height: 25px; 
			background: transparant; 
			background-color:;
			border-top: solid 1px #7b3333; 
			z-index: 100;
			
			background-color: #7b3333;
			/* Firefox */
			-moz-opacity: .80 ;
			/* Opera */
			opacity: .80 ;
			/* Internet Explorer 5 + 6 */
			filter: alpha( opacity = 80 );
		}
		/* Internet Explorer 7 */		
		* html #header2 {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80 ); width: 600px ;}
			
		#footer .padding {padding-left: 10px; padding-right: 10px; padding-top: 5px;}
		#footer p {font-family:verdana, arial; font-size:11px; color:#aaa; line-height:16px; margin:5px 0 15px 0;}
		#footer p.float_right {float:right;}
		#footer p.float_left {float:left;}
		
		a {color:#777; text-decoration: none;}
		a:hover{color:#fc67a2; text-decoration: none;}		
		.hidden {display: none;}
		.clearer {clear: both;}
		
		hr{height: 0; border: 0; border-top: 1px solid #ccc; margin-top:10px;  padding-top: 10px;}
		
.mens {font-size: 1.4em; color:#b52a29; font-family:"times new roman", serif;}
.art {font-size: 1.4em; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; margin:0; color:#eda88b; font-weight:normal;}
.mens1 {font-size: 1.8em; color:#b52a29; font-family:"times new roman", serif;}
.art1 {font-size: 1.8em; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; margin:0; color:#eda88b; font-weight:normal;}

/*transparante achtergrond*/
			/*background-color: #ccc ;
			 Firefox 
			-moz-opacity: .70 ;
			 Opera 
			opacity: .70 ;
			 Internet Explorer 5 + 6 
			filter: alpha( opacity = 70 );
		}
		 Internet Explorer 7 	
		* html #header2 {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70 ); width: 600px ;}*/





/*ARRAY NAVIGATION*/

.navigation_box{background:#380248; width: 100%; border:0px solid #bbb; height: 100%; padding: 0px;}
.navigation_titel{width: 100%; height: 22px; font-family: Verdana, Arial; color: #7b3333; font-size: 15px; text-align:left;  font-weight: bold; margin-bottom: 15px; }


#navigation_bar1{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 10px;}
#menu1{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu1:hover{color: #fc67a2;}
#menu1 a{color: #b52a29; text-decoration: none;}
#menu1 a:hover{color: #fc67a2; text-decoration: none;}
#item1{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item1 a{color: #444; text-decoration: none;}
#item1 a:hover{color: #aaa; text-decoration: none;}
#current_item1{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar2{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 10px;}
#menu2{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu2:hover{color: #fc67a2;}
#menu2 a{color: #b52a29; text-decoration: none;}
#menu2 a:hover{color: #fc67a2; text-decoration: none;}
#item2{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item2 a{color: #444; text-decoration: none;}
#item2 a:hover{color: #aaa; text-decoration: none;}
#current_item2{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar3{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 10px;}
#menu3{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu3:hover{color: #fc67a2;}
#menu3 a{color: #b52a29; text-decoration: none;}
#menu3 a:hover{color: #fc67a2; text-decoration: none;}
#item3{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item3 a{color: #444; text-decoration: none;}
#item3 a:hover{color: #aaa; text-decoration: none;}
#current_item3{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar31{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 0px;}
#menu31{margin-bottom: 3px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu31:hover{color: #fc67a2;}
#menu31 a{color: #b52a29; text-decoration: none; font-weight:bold;}
#menu31 a:hover{color: #fc67a2; text-decoration: none;}
#item31{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item31 a{color: #444; text-decoration: none;}
#item31 a:hover{color: #aaa; text-decoration: none;}
#current_item31{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar32{color: #444; font-family: Verdana, Arial; font-size: 8pt; padding-left: 0px;}
#menu32{margin-bottom: 3px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu32:hover{color: #444;}
#menu32 a{color: #b52a29; text-decoration: none;}
#menu32 a:hover{color: #fc67a2; text-decoration: none;}
#item32{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item32 a{color: #a0a0a0; text-decoration: none;}
#item32 a:hover{color: #dddddd; text-decoration: none;}
#current_item32{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar4{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 10px;}
#menu4{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu4:hover{color: #fc67a2;}
#menu4 a{color: #b52a29; text-decoration: none;}
#menu4 a:hover{color: #fc67a2; text-decoration: none;}
#item4{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item4 a{color: #444; text-decoration: none;}
#item4 a:hover{color: #aaa; text-decoration: none;}
#current_item4{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar41{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 10px;}
#menu41{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu41:hover{color: #fc67a2;}
#menu41 a{color: #b52a29; text-decoration: none;}
#menu41 a:hover{color: #fc67a2; text-decoration: none;}
#item41{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item41 a{color: #444; text-decoration: none;}
#item41 a:hover{color: #aaa; text-decoration: none;}
#current_item41{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar5{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 10px;}
#menu5{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; cursor: pointer;}
#menu5:hover{color: #fc67a2;}
#menu5 a{color: #b52a29; text-decoration: none;}
#menu5 a:hover{color: #fc67a2; text-decoration: none;}
#item5{margin-left: 0px; margin-right: 0px; margin-bottom: 1px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item5 a{color: #444; text-decoration: none;}
#item5 a:hover{color: #aaa; text-decoration: none;}
#current_item5{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }

#navigation_bar11{color: #b52a29; font-family: Verdana, Arial; font-size: 8pt; padding-left: 0px;}
#menu11{margin-bottom: 1px; font-size: 10px; font-weight: bold; padding-left: 0px; padding-top: 5px; padding-bottom: 5px; cursor: pointer;}
#menu11 a{color: #b52a29; text-decoration: none;}
#menu11:hover{color: #fc67a2;}
#menu11 a:hover{color: #fc67a2; text-decoration: none;}
#item11{margin-left: 5px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; cursor: pointer;}
#item11 a{color: #444; text-decoration: none;}
#item11 a:hover{color: #aaa; text-decoration: none;}
#current_item11{margin-left: 5px; margin-right: 0px; margin-bottom: 0px; font-size: 9px; color: #DDD; padding-left: 2px; padding-top: 0pt; padding-bottom: 0pt; }
#menu11 img {width: 70px; height: 50px; margin-right: 70px;}

/*hoveren in explorer (in alle map-niveaux hover.htc plaatsen)*/
#menu1 {behavior: url(hover.htc) }
#menu1:hover, #menu1.hover {color: #fc67a2;}

#menu2 {behavior: url(hover.htc) }
#menu2:hover, #menu2.hover {color: #fc67a2;}

#menu3 {behavior: url(hover.htc) }
#menu3:hover, #menu3.hover {color: #fc67a2;}

#menu4 {behavior: url(hover.htc) }
#menu4:hover, #menu4.hover {color: #fc67a2;}

#menu5 {behavior: url(hover.htc) }
#menu5:hover, #menu5.hover {color: #fc67a2;}

#menu11 {behavior: url(hover.htc) }
#menu11:hover, #menu11.hover {color: #fc67a2;}




/* Scroll Bar Master Styling Ends Here */

/* Experiment: Scroll Bar Master Styling Starts Here */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {background-image: url(../images/back/scrollbar-klein-rood.png);width: 9px;height: 24px !important;background-image: url(../images/back/scrollbar-klein-rood.png);}
* html .vscrollerbar {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/back/scrollbar-klein-rood.png');background-image: none;}

.vscrollerbarbeg {height: 24px !important;width: 9px;background: url(../images/back/scrollbar-klein-rood.png) -27px -12px no-repeat;}
.vscrollerbarend {height: 24px;width: 9px;background: url(../images/back/scrollbar-klein-rood.png) -27px 18px no-repeat;}
.vscrollerbase {width: 10px;background:transparent url(../images/back/scrollbar-klein-rood.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 10px;height: 9px !important;background: url(../images/back/scrollbar-klein-rood.png) -18px -12px no-repeat;}
.vscrollerbaseend {height: 8px;width: 9px;background: url(../images/back/scrollbar-klein-rood.png)  -18px 2px no-repeat;}
.vscrollerbar {padding: 8px;z-index: 2;}
.scrollerjogbox {width: 9px;height: 18px;top: auto; left: auto;bottom: 0px; right: 0px;background: transparent;}


/* basic style ends here, this was actually all that is required to run fleXcroll,*/




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx---QSCROLLER2---xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.hide {visibility: hidden;position: absolute;top: -400px;}
#qscroller1 {width:350px;height:21px;border:1px solid #ccc;background:transparant;}
.qslide {background: transparant;font-size: 10pt;padding: 3px;}
#qscroller2 {
	width:320px;
	height:185px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	background:transparant;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt; color: #333;
}
.qscroller2-nav {font-size: 9pt;width:320px;height: 15px;background:transparant;border:1px solid #ccc;}
.qscroller2-nav a {text-decoration: none;}
.qscroller2-nav div {float: right;}
.qslide2 img {float: left;padding: 1px;border: 1px solid #ccc;margin: 3px 15px 0 3px;}
.qslide2 h1 {margin:0 0 5px;font-size: 110%;color: #7b3333;}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx---EINDE-----QSCROLLER2---xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/