/* CSS Document */

body { font-family: Verdana, Arial; font-size: 11px; background-attachment: fixed; color: #FFFFFF; background: #000000; }

#container { position: absolute; left: 20px; top:20px; width: 800px; opacity:0.8; filter:alpha(opacity=80); z-index: 2;}

#content { position: absolute; left: 40px; top: 40px; width: 760px; z-index: 5; }

#rightblock { margin-left: 10px;  width: 270px; padding: 10px; opacity:0.8; filter:alpha(opacity=80); color: #FFFFFF; }

#leftblock { margin-right: 10px;  width: 270px; padding: 10px; opacity:0.8 filter:alpha(opacity=80); color: #FFFFFF; }

#panorama { width: 740px; height: 150px; background:#000000; margin-bottom: 10px;  }

#inhoud { text-align: left; width: 740px; }

#werk { width: 740px; text-align: left; }

.melding { border: 2px dotted #FFFFFF; background: #CCCCCC; color: #000000; margin: 10px; padding: 10px; }

#navig { position: absolute; height: 500px; width: 310px; z-index: 20; left: 10px; overflow: auto; }

#teller {position: fixed; right: 10px; bottom: 10px;}

td { color: #FFFFFF; }

.hiddenimage { visibility: hidden; width: 0px; height: 0px; }
.visibleimage { margin: 5px; }


.menutd { border-top: 1px dashed #FFFFFF; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dashed #FFFFFF; color: #FFFFFF; font-size: 11px; }

.nieuwstd { padding: 7px; width: 280px; border-bottom: dotted 1px; color: #FFFFFF; }

.nieuwstd_wide { padding: 0px; width: 440px; padding-bottom: 7px; padding-top: 17px; border-bottom: 1px dotted; color: #FFFFFF; }

.nieuwstd_wide_nobottom { padding: 0px; width: 440px; padding-bottom: 7px; padding-top: 17px; color: #FFFFFF; }

.smalltitle_wide { padding: 0px; width: 440px; padding-bottom: 7px; padding-top: 17px; border-bottom: 1px dotted; color: #FFFFFF; display: block; text-transform: uppercase; font-weight: bold; }

.smalltitle_ultrawide { text-align: left; padding: 0px; margin-bottom: 10px;  width: 740px; padding-bottom: 7px; padding-top: 17px; border-bottom: 1px dotted; color: #FFFFFF; display: block; text-transform: uppercase; font-weight: bold; }

.kalendertd { padding: 7px; width: 280px; border-bottom: dotted 1px; color: #FFFFFF; }

.smalltitle { padding: 7px; width: 255px; border-bottom: solid 1px; color: #FFFFFF; display: block; text-transform: uppercase; }

.smalltitlesub { padding: 7px; width: 255px; border-bottom: solid 1px; color: #FFFFFF; display: block; }

.kalender_titelmaand { padding: 7px; width: 255px; font-weight: bold; border-bottom: dotted 1px; color: #FFFFFF; }

.kalendertd_dag { padding: 7px; padding-left: 25px; width: 30px; border-bottom: dotted 1px; color: #FFFFFF; }

.kalendertd_wide { padding: 0px; width: 440px; padding-bottom: 7px; padding-top: 7px; border-bottom: 1px dotted; color: #FFFFFF; }

.indenttd { padding: 7px; width: 280px; color: #FFFFFF; display: block; }

table { font-size: 11px; }



a:link, a:visited { 

color:#FFFFFF; 

font-style:normal; 

font-weight:normal;

text-decoration:none; 

cursor:hand; 

font-variant:normal; 

text-transform:normal;

font-size: 11px; 

 } 



a:hover { 

color:#CCCCCC; 

font-style:normal; 

font-weight:normal; 

text-decoration:none; 

cursor:hand; 

font-variant:normal; 

text-transform:normal;

font-size: 11px;

 } 



a:active { 

font-style:normal; 

font-weight:normal; 

text-decoration:none; 

cursor:hand; 

font-variant:normal; 

 }

 

#myGallery

{

width: 440px !important;

height: 450px !important;

margin-left: 0px; 

z-index: 2; 

} 





/* main vertical scroll */

#main {

	position:absolute;

	left: 280px;

	top: 210px;

	overflow:hidden;

	height: 720px;

	width: 440px; 

	

}



/* root element for pages */

#pages {

	 position:absolute; 

   	 height:20000em; 

	 width: 440px; 

	height: 720px;

	 

	 

	 

}



/* single page */

.page {

height: 720px; 

width: 440px; 



}



/* root element for horizontal scrollables */

.scrollable {

	position:relative;

	overflow:hidden;

	width: 510px;

	height: 720px;

	

}



/* root element for scrollable items */

.scrollable .items {

	width:20000em;

	position:absolute;

	clear:both;

	

}



/* single scrollable item */

.item {

	float:left;

	cursor:pointer;

	width:500px;

	height:720px;

	padding:10px;	

}



/* main navigator */

#main_navi {

	float:left;

	padding:0px !important;

	margin:0px !important;

}



#main_navi li {

	background-color:#333;

	border-top:1px solid #666;

	clear:both;

	color:#FFFFFF;

	font-size:12px;

	height:90px;

	list-style-type:none;

	padding:10px;

	width:270px;

	cursor:pointer;

}



#main_navi li:hover {

	background-color:#444;

}



#main_navi li.active {

	background-color:#555;

}



#main_navi img {

	float:left;

	margin-right:10px;

}



#main_navi strong {

	display:block;

}



#main div.navi {

	margin-left:250px;

	cursor:pointer;

}



/* DEPRECATED FILE */









/* this makes it possible to add next button beside scrollable */

div.scrollable {

	float:left;	

}



/* prev, next, prevPage and nextPage buttons */

a.prev, a.next, a.prevPage, a.nextPage {

	display:block;

	width:18px;

	height:18px;

	background:url(/images/left.png) no-repeat;

	float:left;

	margin:43px 10px;

	cursor:pointer;

	font-size:1px;

}



/* mouseover state */

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {

	background-position:0px -18px;		

}



/* disabled navigational button */

a.disabled {

	visibility:hidden !important;		

}



/* next button uses another background image */

a.next, a.nextPage {

	background-image:url(/images/right.png);

	clear:right;	

}







/*********** navigator ***********/





/* position and dimensions of the navigator */

div.navi {

	margin-left:328px;

	width:200px;

	height:20px;

}





/* items inside navigator */

div.navi a {

	width:8px;

	height:8px;

	float:left;

	margin:3px;

	background:url(/images/navigator.png) 0 0 no-repeat;

	display:block;

	font-size:1px;

}



/* mouseover state */

div.navi a:hover {

	background-position:0 -8px;      

}



/* active state (current page state) */

div.navi a.active {

	background-position:0 -16px;     

}