/* the general text-formatting part */
* {
	color: #000;
	overflow: hidden;
	/*font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;*/
  font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
 	 font-weight: normal; /* bold; */ 
}
div{
border:0px solid #F00;
margin:0px;
padding:0px;
/*width:365px;*/                                         
width:100%;
/*position:absolute;      */
}
hr {
	background-color: transparent;
	font-size: 8px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid #000;
  width:100%;
}
 
/*#canvas{position: absolute;top:  0px;left: 50%;margin-left: -400px;height:550px;width:800px;height:99%;}*/

#canvas
{
position: absolute;
/*top:  0%;
left: 0%;*/                                        
margin-left:10%;
margin-right:10%;
margin-top:0%;
margin-bottom:0%;
width:80%;
height:99%;
}

.title {
	font-size: 18px;
  width:99%;
}
.subtitle {
	font-size: 12px;
  width:99%;
}
.broodtekst {
	font-size: 12px;
	line-height: 1.6em;
  letter-spacing: 0.01em;
  width:99%; /* width:93%; */
}   

.opusorder {
	font-size: 18px;
  font-style: italic;
  display: block;
  float: left;
  width:10%;/*width: 30px;*/
}
.opustitle {
	font-size: 18px;
  font-style: italic;
  width:82%;
}

.opusbody {
	font-size: 12px;
	line-height: 1.6em;
  letter-spacing: 0.01em;
  width:83%;
	font-size: 12px;
  margin-left:10%;/*margin-left:30px;*/
}




/* the text-content part */
#media {
	position: absolute;
	left: 0px;
	top: 80px;
	border: 0px;
	width: 50%;
	height: 88%;
	/*background-color: #AAA;*/
	/* ...? */
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

/*--------------------*/
/*voor firefox*/

#main {
	position: absolute;
	overflow: auto; 
	left: 50%;
	top: 80px;
	width: 50%;
	height: 88%;
}

#text {
	position: absolute;
	top: 0px;
	left: 0%; 
	margin: 0px; 
  width:100%;    
}
/*
#text {
	position: absolute;
	top: 0px;
	left: 5%; 
	margin: 0px; 
  width:95%;    
}
*/


/* the cms part */
textarea {
	width: 100%;
}
#cms_menu {
	background-color: #ccc;
	font-size: 11px;
	border:1px solid #F00;
	top: 0px;
  width:93%;    
}

div.cms_edit_item {
	background-color: #ccc;
	border:1px solid #F00;
	font-size: 11px;
  width:93%;    
}
img.cms_edit_icon {
	padding: 0px 0px 0px 0px;
	border: 0px;
	width: 16px;
	height: 16px;
}
img.cms_edit_icon:hover {	background-color: #666;}

a:link.cms_edit_item {	color: #f00;	font-size: 11px;	/* font-weight: bold; */}
a:active.cms_edit_item {	color: #000;	font-size: 11px;	/* font-weight: bold; */}
a:visited.cms_edit_item {	color: #000;	font-size: 11px;	/* font-weight: bold; */}
a:hover.cms_edit_item {	color: #f00;	font-size: 11px;	/* font-weight: bold; */}

/* the menu part */
#nav {
	position: absolute;
 	overflow: visible; 

	left: 0px;
	top: 10px;
	height: 30px;
	width: 100%;
  border:0px solid #000;  
  margin:0px; 
  margin-left:3%;
  padding:0px; 
  width:94%;
  /*text-align: justify;*/
}
#nav2 {
	position: absolute;    
	left: 0px;
	top: 40px;
	height: 0px;
  border:0px solid #000; 
  border-top:1px solid #000; 
  margin:0px; 
  margin-left:3%;  
  padding:0px; 
  padding-top:3px;  
  width:94%;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
}
/*-----------------*/

a:link.nav_item    {	/* font-weight: normal; */	font-style: italic;	font-size: 22px;	color: #000;	text-decoration: none;}
a:visited.nav_item {	/* font-weight: normal; */	font-style: italic;	font-size: 22px;	color: #000;	text-decoration: none;}
a:hover.nav_item   {	/* font-weight: normal; */	font-style: italic;	font-size: 22px;	color: #000;	text-decoration: none;}

a:link.nav_item_a    {	/* font-weight: normal; */	font-style: italic;	font-size: 22px;	color: #009;	text-decoration: none;}
a:visited.nav_item_a {	/* font-weight: normal; */	font-style: italic;	font-size: 22px;	color: #009;	text-decoration: none;}
a:hover.nav_item_a   {	/* font-weight: normal; */	font-style: italic;	font-size: 22px;	color: #009;	text-decoration: none;}
/*-----------------*/
                   
a:link.nav_item3    {	/* font-weight: normal; */	font-style: italic;	font-size: 16px;	color: #000;	text-decoration: none;}
a:visited.nav_item3 {	/* font-weight: normal; */	font-style: italic;	font-size: 16px;	color: #000;	text-decoration: none;}
a:hover.nav_item3   {	/* font-weight: normal; */	font-style: italic;	font-size: 16px;	color: #000;	text-decoration: none;}

a:link.nav_item3_a    {	/* font-weight: normal; */	font-style: italic;	font-size: 16px;	color: #009;	text-decoration: none;}
a:visited.nav_item3_a {	/* font-weight: normal; */	font-style: italic;	font-size: 16px;	color: #009;	text-decoration: none;}
a:hover.nav_item3_a   {	/* font-weight: normal; */	font-style: italic;	font-size: 16px;	color: #009;	text-decoration: none;}

/*-----------------*/
a:link.nav_item2    {	/* font-weight: bold; */	font-style: normal;	font-size: 12px;	color: #000;	text-decoration: none; line-height: 30px;  }
a:visited.nav_item2 {	/* font-weight: bold; */	font-style: normal;	font-size: 12px;	color: #000;	text-decoration: none; line-height: 30px;  }
a:hover.nav_item2   {	/* font-weight: bold; */	font-style: normal;	font-size: 12px;	color: #000;	text-decoration: none; line-height: 30px;  }
                                                                                                                           
a:link.nav_item2_a    {	/* font-weight: bold; */	font-style: normal;	font-size: 12px;	color: #009;	text-decoration: none;}
a:visited.nav_item2_a {	/* font-weight: bold; */	font-style: normal;	font-size: 12px;	color: #009;	text-decoration: none;}
a:hover.nav_item2_a   {	/* font-weight: bold; */	font-style: normal;	font-size: 12px;	color: #009;	text-decoration: none;}

/*-----------------*/


/*verplicht voor ie*/
html, body {
	height: 100%;
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


/*  voor ie
hr {
	background-color: transparent;
	font-size: 8px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
  width:93%;
}
*/
/*
h1 {	color: #960;	font-size: 18px;	line-height: 22px}
h2 {	color: #960;		font-size: 16px;	}
h3 {	font-size: 12px;	color: #906;	}

h1.body, h2.body, h3.body {
	color: #000;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	margin: 0px 0px 0px 10px;
}
div.body {
}
*/

a:link.nivo_0 {	/* font-weight: bold; */	font-style: italic;	font-size: 12px;	color: #960;	text-decoration: none;	/* padding: 10px 0px 0px 0px;	border-top: 3px dashed #960; */}
a:active.nivo_0 {	/* font-weight: bold; */	font-style: italic;	font-size: 12px;	color: #000;	text-decoration: none;}
a:visited.nivo_0 {	/* font-weight: bold; */	font-style: italic;	font-size: 12px;	color: #960;	text-decoration: none;}
a:hover.nivo_0 {	/* font-weight: bold; */	font-style: italic;	font-size: 12px;	color: #666;	text-decoration: none;}

a:link.nivo_1   {	/* font-weight: bold; */	font-size: 18px;	color: #fc0;	padding: 10px 0px 0px 0px;	border-top: 2px dashed #000;	text-decoration: none;}
a:active.nivo_1 {	/* font-weight: bold; */	font-size: 18px;	color: #fc0;	padding: 10px 0px 0px 0px;	border-top: 2px dashed #000;	text-decoration: none;}
a:visited.nivo_1 {	/* font-weight: bold; */	font-size: 18px;	color: #fc0;	padding: 10px 0px 0px 0px;	border-top: 2px dashed #000;	text-decoration: none;}
a:hover.nivo_1 {	/* font-weight: bold; */	font-size: 18px;	color: #999;	padding: 10px 0px 0px 0px;	border-top: 2px dashed #000;	text-decoration: none;}

a:link.nivo_2   {	/* font-weight: bold; */	color: #fff;	text-decoration: none;	  /* padding: 0px 0px 10px 0px;	border-bottom: 3px dashed #960; */}
a:active.nivo_2 {	/* font-weight: bold; */	color: #fff;	text-decoration: none;    }
a:visited.nivo_2 {	/* font-weight: bold; */	color: #fff;	text-decoration: none;  }
a:hover.nivo_2 {	/* font-weight: bold; */	color: #999;	text-decoration: none;    }

a:link.nivo_3   {	font-style: italic;	color: #000;	text-decoration: none;	/* padding: 0px 0px 10px 0px;	border-bottom: 3px dashed #960; */}
a:active.nivo_3 {	font-style: italic;	color: #666;	text-decoration: none;}
a:visited.nivo_3 {	font-style: italic;	color: #000;	text-decoration: none;}
a:hover.nivo_3 {	font-style: italic;	color: #999;	text-decoration: none;}



.menu_img {
	width: 25px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	opacity: 0.5;
}
.menu_img_active {
	width: 25px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	opacity: 1;
}
/* the menu part */

#newwindow {
	display: none;
	/* nep ding JS opent nieuw venster */
}

#mp3 {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}
#mp3_obj {	position: relative;}
#bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: right;
}
#bg_img {
	position: relative;

	height: 100%;
}
#fg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#fg_img {
	position: relative;

}
#swf {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
#swf_obj {
	position: relative;
	width: 100%;
	height: 100%;
}
#qt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
#qt_obj {
	position: relative;
	height: 100%;
}