/* ---- Algemene layout content ---- */
body {
  background-image: URL('../images/bg_page_trans.jpg');
}
body, p, table, div {
  font-family: Tahoma, Arial;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
a, a:active, a:visited {
	color: #4d0404;
	text-decoration: underlined;
}
a:hover{
	color: #4d0404;
	text-decoration: none;
}
TABLE, TD {
  border-spacing: 0px;
  margin: 0px;
	vertical-align: top;
}
TD {
  padding: 5px;
}  
TH {
  padding: 5px;
  background:#590000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
TH A, TH A:HOVER, TH A:ACTIVE, TH A:VISITED {
  color: #FFFFFF;
}
img {
  border: 0px;
}
h1 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #580000;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 8px;
	margin: 0px;
}
h2 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 17px;
	font-weight: bold;
	color: #580000;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 8px;
	margin: 0px;
}
h3 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 15px;
	font-weight: bold;
	color: #580000;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 8px;
	margin: 0px;
}
UL, UL LI{
  list-style-image:url("../images/arrow.png");	
}
input, textarea {
  font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
}
input.strong {
  font-weight: bold;
	padding-left: 25px;
	padding-right: 25px;
}
div.msg {
  font-weight: bold;
	margin:20px;
	padding: 10px;
	width: 300px;
	background:#E4E4E4;
	border: 1px solid #999999;
}
.button {
  cursor: pointer; 
}
#ToolTip{
  position:absolute;
	top:0;
	left:0;
	width:266px;
	height:236px;
	visibility:hidden;
	z-index:1000;
	background-image: URL('../images/BG_kader_muziek.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#ToolTip table {
  width: 250px;
}
#ToolTip #tooltiptdtekst {
  /*height: 150px;*/
  padding-top: 28px;	
}
#ToolTip #tooltiptdmp3 {
  /*height: 50px;*/
}
#tblAgenda {
  width: 620px;
}

#BG_TRANS {
  position:absolute;
	z-index: -1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image: URL('../images/bg_page_trans.jpg');
	background-repeat: repeat-x;
	background-position: top left;
}
#CONTAINER {
	position: relative;
	top:0px;
	left: 250px;
	width: 675px;
}


/* ---- Header met logo en headermenu ---- */
#HEADER {
  position: absolute;
	top: 0px;
	left: 0px;
  width: 100%;
	height: 200px;
	text-align: right;
	vertical-align: middle;
}
#HEADER #LOGO {
	position: absolute;
	top: 25px;
	left: 0px;
	cursor: pointer;	
}
#HEADERMENU, #HEADERMENU TD{
  height: 100%;
	vertical-align: middle;
	border: 0px;
	margin:0px;
	padding:0px;
	text-align: right;
	width: 100%;
}
#HEADERMENU A, #HEADERMENU A:VISITED, #HEADERMENU A:ACTIVE{
  font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#HEADERMENU A:HOVER {
  font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}


/* ---- Topmenu op subpaginas ---- */
#TOPMENU {
	position: absolute;
	top: 200px;
	left: 0px;
	height: 25px;
	width: 675px;
	background-image: URL('../images/bg_topmenu.png');
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 20px;
	padding: 0px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
	text-align: center;
}
#TOPMENU .MENUITEM {
  float: left;
	padding-right: 40px;
}
#TOPMENU .MENUITEM A, #TOPMENU .MENUITEM A:ACTIVE, #TOPMENU .MENUITEM A:VISITED {
  color: #000000;
  font-weight: bold;
	text-decoration: none;
}
#TOPMENU .MENUITEM A:HOVER{
  color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


/* ---- Contentvak op subpaginas ---- */
#CONTENT {
	position: absolute;
	top: 245px;
	left: 0px;
	width: 675px;
	padding: 0px;
	margin: 0px;
}
#TBLCONTENT {
  width: 675px;
	padding: 0px;
	margin: 0px;
}
#TBLCONTENT #TBLCONTENTTDTOP {
  width: 675px;
	height: 5px;
	padding: 0px;
	margin: 0px;
	background-image: URL('../images/bg_content_top.png');
	background-position: top left;
	background-repeat: no-repeat;	
}
#TBLCONTENT #TBLCONTENTTDREPEAT { /* CEL MET CONTENT */
  width: 675px;
	background-image: URL('../images/bg_content_repeat.png');
	background-position: top left;
	background-repeat: repeat-y;	
	padding: 5px;
}
#TBLCONTENT #TBLCONTENTTDBOTTOM {
  width: 675px;
	height: 5px;
	background-image: URL('../images/bg_content_bottom.png');
	background-position: top left;
	background-repeat: no-repeat;	
}

/* ---- Blokjes op homepagina  ---- */
.BLOKJE{
  position: absolute;
  width: 150px;
	height: 150px;
	background-position: top left;
	background-repeat: no-repeat;
	margin:0px;
	padding: 0px;
	cursor: pointer;
}
.BLOKJE TABLE, BLOKJE TABLE TD {
  height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
}
.BLOKJE TABLE TD{
  padding: 5px;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	color: #000000;
}
.BLOKJE_FOTO {
	width:500px;
	height:150px;
	position: absolute;
	top:200px;
	left:0px;
	/*background-image: URL('../images/home_foto.png');
	background-position: top left;
	background-repeat: no-repeat;*/
	overflow: hidden;
}
#BLOKJE_FOTO {
  left:0px;
	top:200px;
}

#BLOKJE_FOTOS {
  left: 525px;
	top: 200px;
}
.BLOKJE_FOTOS {
  background-image: URL('../images/bg_blok_fotos.png');
}
.BLOKJE_FOTOS_HOVER {
  background-image: URL('../images/bg_blok_fotos_hover.png');
}

#BLOKJE_OVERROMAN {
  left: 0px;
	top: 375px;	
}
.BLOKJE_OVERROMAN {
  background-image: URL('../images/bg_blok_over.png');
}
.BLOKJE_OVERROMAN_HOVER {
  background-image: URL('../images/bg_blok_over_hover.png');
}

#BLOKJE_MUZIEK {
  left: 525px;
	top: 375px;	
}
.BLOKJE_MUZIEK {
  background-image: URL('../images/bg_blok_muziek.png');
}
.BLOKJE_MUZIEK_HOVER {
  background-image: URL('../images/bg_blok_muziek_hover.png');
}

#BLOKJE_AGENDA {
  left: 0px;
	top: 550px;	
}
.BLOKJE_AGENDA {
  background-image: URL('../images/bg_blok_agenda.png');
}
.BLOKJE_AGENDA_HOVER {
  background-image: URL('../images/bg_blok_agenda_hover.png');
}

#BLOKJE_NIEUWSBRIEF {
  left: 525px;
	top: 550px;
}
.BLOKJE_NIEUWSBRIEF {
  background-image: URL('../images/bg_blok_nieuwsbrief.png');
}
.BLOKJE_NIEUWSBRIEF_HOVER {
  background-image: URL('../images/bg_blok_nieuwsbrief_hover.png');
}

#BLOKJE_NIEUWS {
	position: absolute;
  z-index: 1;
	left: 175px;
	top: 375px;
	width: 325px;
	height: 325px;
	background-image: URL('../images/blokje_nieuws.png');
	background-position: top left;
	background-repeat: no-repeat;
	overflow: auto;
	cursor: default;
  padding: 5px;
	margin:0px;	
}
#BLOKJE_NIEUWS DIV#NIEUWSCONTENT {
  width: 315px;
	height: 315px;
	overflow: auto;
}
.BLOKJE_HOVER {
  background-image: URL('../images/blokje_wit_hover.png');
}

#FOTO_MENU {
  position: absolute;
	z-index: 100;
	top: 70px;
	left: 0px;
  height: 423px;
	width: 359px;
	background-image: URL('../images/foto_bg_menu.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-right: 50px;
}
#FOTO_MENU_2 {
  overflow-y: auto;
	overflow-x: hidden;
	width: 326px;
	height: 360px;
	
}
#FOTO_MENU UL {
  margin-top: 0px;
	margin-left: 0px;
}
#FOTO_MENU UL {
  padding-left: 20px;
	
}


/*#FOTO_MENU UL {
  margin:0px;
	margin-left: 10px;
	padding-left: 0px;
	text-align: left;
	width: 200px;
  list-style-image:url("../images/arrow.png");	
}
#FOTO_MENU UL LI {
  padding-left: 0px;
	margin-left: 0px;
  list-style-image:url("../images/arrow.png");		
}
*/

.foto_menu_active A, .foto_menu_active A:VISITED, .foto_menu_active A:ACTIVE{
  font-weight: bold;
	color: #4d0404;
	text-decoration: none;
}
.foto_menu_active A:HOVER {
  font-weight: bold;
	color: #FFFFFF;
}
.foto_menu_inactive A, .foto_menu_inactive A:ACTIVE, .foto_menu_inactive A:VISITED {
  font-weight: normal;
  text-decoration: none;
	color: #000000;
	font-weight: normal;
} 
.foto_menu_inactive A:HOVER {
  font-weight: normal;
  text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
} 
.foto_menu_active .fotoadminitemmenu{
  display: block;
	padding-left: 30px;
}
.foto_menu_inactive .fotoadminitemmenu{
  display: none;
}



  
#BTNOPEN {
  position: absolute;
	z-index: 100;
	top: 65px;
	left: 0px;
	cursor: pointer;
}
.hidden {
  display: none;
}
#FOTO_MENU IMG#HIDE {
  float: right;
	cursor: pointer;
	margin-right: 36px;
	margin-top: 5px;
}
#FOTO_CONTENT {
  min-height: 500px;
	height:auto !important;
  height:500px;	
  margin-left: 35px;
}


.framed {
  border: 5px solid white;
}
.teGroot {
  border: 5px solid red;
}

.menu_contenttop {
  width: 570px;
	height: 20px;
	background-image: URL('../images/bg_menu_paginatop.png');
	background-position: top left;
	background-repeat: no-repeat;
}
.menu_contenttop A, .menu_contenttop A:ACTIVE, .menu_contenttop A:VISITED {
  font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.menu_contenttop A:HOVER {
  font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.menu_contenttop table td{
	text-align: center;
}
.menu_contenttop {
  text-align: center;
	width: 650px;
}
.menu_contenttop table {
	width: 570px;
}
.menu_contenttop TD{
  width: 114px;
	text-align: center;
}