BODY 	{background:#F0E68C ;
	color: black; 
	font-size: 10pt; 
	margin-right: 3%;
	margin-top: 0%;
	margin-left: 0%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	scrollbar-face-color: #ffffcc;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFc; 
	scrollbar-3dlight-color: #ffffcc; 
	scrollbar-darkshadow-color: #ffffcc; 
	scrollbar-track-color: #F0E68C; 
	scrollbar-arrow-color: #000000}
.MenuLevel0 {
  width:150px;
  text-decoration:none; 
  font-size:13px;  
  font-weight:bold;
  border-top:0px;
  padding:3px;
  background:url(http://www.angelo-roncalli.nl/images/MenuLine.gif) no-repeat;  
  }
.MenuLevel1 {
  width:150px;
  text-decoration:none;
  margin-left:6px;
  padding:3px;
  font-size:12px;   
  }  
.Menu{
  margin-left:9pt;
  top:110pt;
  display: block;
  position:absolute;
  z-index:10;
  }
.MenuComment{
  text-decoration:none;
  margin-left:12px;
  color:dimgray;
  font-size:10px;   
  font-weight:normal;
  }  
.MenuHead{
  font-size:13px;  
  font-weight:bold;  
  width:150px;
  border:0px;
  padding:3px;
  }  	
.transbox {
opacity:.50;filter: alpha(opacity=50); -moz-opacity:0.5;
	}	

#ingelogd {
  position:relative;
  top:10px;
  left:px;
}
.admintekst 	{ 
	color: black;
	font-size: 10pt; 
	margin-left: 0px;
  margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 			
P 	{ color: black;
	font-size: 10pt; 
	margin-left: 30px;
        margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 

.tekst 	{ color: black;
	font-size: 10pt; 
	margin-left: 30px;
        margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 
.smallgreytekst 	{ color: gray;
	font-size: 9pt; 
  font-weight: normal;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 
.tekstNoMargin 	{ color: black;
	font-size: 10pt; 
	margin-left: 0px;
  margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 	
.news 	{ color: black;
	font-size: 10pt; 
	margin-left: 40px;
        margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 
.newsheader 	{ color: black;
	font-size: 10pt; 
	margin-left: 30px;
        margin-bottom: 2px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 		
input   {BACKGROUND: #ffffff;
 	Margin-top: 1px;
 	Margin-bottom:1px;
 	margin-left:10px;
 	padding:2px;
 	BORDER-BOTTOM: #F0E68C 1px solid;
 	BORDER-LEFT: #F0E68C 1px solid;
 	BORDER-RIGHT: #F0E68C 1px solid;
	BORDER-TOP: #F0E68C 1px solid;
	font-size:12px;
	COLOR: black;
	font-family: Verdana}
textarea {BACKGROUND: #ffffff;
 	Margin-top: 5px;
 	Margin-left: 10px;
 	Margin-bottom:5px;
 	BORDER-BOTTOM: #F0E68C 1px solid;
 	BORDER-LEFT: #F0E68C 1px solid;
 	BORDER-RIGHT: #F0E68C 1px solid;
	BORDER-TOP: #F0E68C 1px solid;
	padding:5pt;
	COLOR: #000000;
	font-size:12px;
	font-family: Verdana
	}
option {BACKGROUND: #ffffff;
 	Margin-top: 5px;
 	Margin-bottom:5px;
 	Margin-left:5px; 	
	COLOR: #000000}
select {
 	Margin-top: 5px;
 	Margin-left: 10px;
 	Margin-bottom:5px;
 	BORDER-BOTTOM: #F0E68C 1px solid;
 	BORDER-LEFT: #F0E68C 1px solid;
 	BORDER-RIGHT: #F0E68C 1px solid;
	BORDER-TOP: #F0E68C 1px solid;
	padding:0pt;
	COLOR: #000000;
	font-size:12px;
	font-family: Verdana
	}
.contrast {background:#FFFFcc; 
	color: black;
	font-size: 10pt;
	margin-right: 0%;
	margin-left: 0%}
	
.form { 
        border: #F0E68C 1px solid;
	color: black;
	font-size: 10pt;
	margin-right: 0%;
	margin-left: 25px}	
.agendaspel {background:#FFFFcc; 
	color: black;
	font-size: 10pt;
	margin-right: 0%;
	margin-left: 30px}
.denied {
        border : 1 solid black; 
        background:#FFFFcc; 
	color: black;
	font-size: 10pt;
	margin-top: 20px}			
ul 	{ color: black;
	font-size: 10pt; 
	margin-left: 10px;
	margin-right: 10%;
	margin-top: 2px;
	margin-bottom: 4px;	
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 
li.star 	{ color: black;
	font-size: 10pt; 
	margin-left: 40px;
	margin-right: 10%;
	margin-top: 0px;
	margin-bottom: 0px;	
	list-style-image: url('http://www.angelo-roncalli.nl/images/star.gif'); 
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 

H1  { font-size: 14pt; 
	margin-left: 15px;
	margin-right: 0%;
	margin-bottom: 4px;
	font-weight: bold;
	color: coral; 
	font-family:Comic Sans MS, Arial, helv, sans-serif }
H2  { font-size: 13pt; 
	margin-left: 20px;
	margin-right: 0%;
	margin-top:1%;
        margin-bottom: 3px;	
	font-weight: medium;
	color: coral; 
	font-family: Comic Sans MS, Arial, Helvetica, helv, sans-serif }
H3  { font-size: 12pt; 
	margin-left: 25px;
	margin-right: 0%;
        margin-bottom: 3px;	
	margin-top:0%;
	color: coral;
	font-weight: medium;
	font-family: Comic Sans MS, Arial, Helvetica, helv, sans-serif }
hr   	{color:#ffcc99; 
	margin-left: 4%; 
	Margin-right: 4%}

A  { color: coral;                                       
	text-decoration: none;                                      
	font-size: 10pt; 	                                          
	margin-right: 0%;                                           
	font-family: Verdana , Arial, Helvetica, helv, sans-serif} 
A:link  { color: coral;
  text-decoration: none; 
	font-size: 10pt; 	
	margin-right: 0%;
	font-family: Verdana , Arial, Helvetica, helv, sans-serif}

A:hover{ color: brown;
	text-decoration: none; 
	font-size: 10pt; 
	margin-right: 0%;	
	font-family: Verdana , Arial, Helvetica, helv, sans-serif}
.descript { color: silver;
	margin-left: 10%;
	font-size: 10pt;  
	margin-right: 0%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif }
.margelinks {color: coral;
	font-size: 10pt;
	margin-left: 50pt;
	margin-top: 0%}
.adreskop {color: coral;
	font-size: 11pt;
	margin-left: 20pt;
	margin-top:0%; 
        margin-bottom:0px;	
	font-weight: medium;
	font-family:verdana, Comic Sans MS, Arial, Helvetica, helv, sans-serif }
.adres {color: black;
	font-size: 10pt;
	margin-left: 30pt;
	margin-right: 0pt;
	margin-bottom:0px;
	margin-top:0%;
	font-weight: medium;
	font-family:verdana, Comic Sans MS, Arial, Helvetica, helv, sans-serif }
.tabelkop {color: coral;
	font-size: 10pt;
	margin-left: 0pt;
	margin-top:0%;
	font-weight: bold;
	font-family: verdana, Comic Sans MS, Arial, Helvetica, helv, sans-serif }
.angelo {color: coral;
	font-size: 11pt;
	margin-left: 0pt;
	margin-top:0pt;
	margin-left: 0pt;
	margin-top:0pt;
	align: center;
	font-weight: bold;
	font-family: verdana, Comic Sans MS, Arial, Helvetica, helv, sans-serif }
.agenda { color: black;
	font-size: 10pt; 
	margin-left: 5%;
	margin-top: 0%;
	margin-right: 0%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 
.opacityit img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;

}

.opacityit:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.8;  
}
    /* Folder table (text) */
TD.foldertext {
        color: #000000;        
	padding-top: 0px;
        background: #FFFFcc;   
	padding-bottom: 1px;
        font-size: 12pt;      
	padding-left: 3px;
        text-align: left;      
	padding-right: 8px}

    /* Folder table (thumbnails) */
TD.folderthumbs { 
	color: coral;        
	padding-top: 2px;
        background: #FFFFcc;   
	padding-bottom: 2px;
        font-size: 10pt;       
	padding-left: 10pt;
        text-align: center;    
	padding-right: 8px
	}

    /* Image table */
TD.image {
        color: coral;          
	padding-top: 2px;
        background: #FFFFcc;     
	padding-bottom: 2px;
        font-size: 10pt;         
	padding-left: 10pt;
        text-align: center;      
	padding-right: 8px
	}

    /* Description table */
TD.desc {
	color: coral;          
	padding-top: 4px;
        background: #FFFFcc;     
	padding-bottom: 3px;
        font-size: 10pt;         
	padding-left: 10pt;
        text-align: center;      
	padding-right: 6px;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif}
.menuadmin {
	border : 1 solid black; 
	color : black; 
	font-size : 10pt; 
	text-align : center; 
	margin-right : 0px; 
	margin-top : 15px;
	margin-bottom : 0px;
	margin-left : 10px;	
	vertical-align: top 
	}
TD.underline {Border-bottom:1px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
  border-color:sandybrown;
  border-style:solid;
	color : coral; 
	font-size : 11pt; 
	font-weight: bold; 
  }	
.underline {
  Border: 0px;
	margin-left: 10pt;
	margin-top:0pt; 
  margin-bottom:0px;
  }	
.kerst  { font-size: 10pt; 
	margin-left: 25px;
	margin-right: 0%;
        margin-bottom: 3px;	
	margin-top:0%;
	color: black;
	font-weight: medium;
	font-family: verdana, Comic Sans MS, Arial, Helvetica, helv, sans-serif; }	
.navtext {
	width:200px;
	font-size:10pt;
	border-width:1px;
	border-style:solid;
	border-color:darkgray;
	layer-background-color:white;
	background-color:white;
	color:black;}
	
	
	
	/* voor gastenboek */
.message {
  border: 1px solid #F0E68C;
	text-align: left;
	font-size:9pt;
	color:black;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 40px;
  margin-bottom: 6pt;
	margin-top: 4px;
	margin-right: 0px;
}
.messageadd {
  border: 0px solid #F0E68C;
	text-align: left;
	font-size:9pt;
	color:black;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 40px;
  margin-bottom: 4px;
	margin-top: 4px;
	margin-right: 0px;
}
fieldset{
border: 1px solid #F0E68C;
}
.mesname {
        font-size:12px;
	color:black;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 4px;
}
.mesdate {
        font-size:8pt;
	color:black;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-right: 4px;
}
.mesbottom {
        font-size:9pt;
	color:black;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
}
.mess {
        font-size:9pt;
	color:black;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.messub {
        font-size:13px;
	color:#FF5100;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 8px;
}
.error {
        font-size:8pt;
	color:red;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 8px;
}
a.meslink{
	color: black;
	font-size: 9pt;
	font-weight:normal;
	text-decoration:none;
}
a.meslink:hover{
	color: brown;
	text-decoration:none;
	font-size: 9pt;
	font-weight:normal;
}
TD.loginhead{
        border-bottom:0px;
        border-top:0px;
        border-left:0px;
        border-right:0px;
        border-color:#1E90FF;
        border-style:solid;
        background:#F0E68C;
	font-size : 9pt;
	text-align : right;
	vertical-align: top ;
	margin-top:5px}
TD.messhead{
        border:0px;
        border-color:#1E90FF;
        border-style:solid;
        background:#F0E68C;
	font-size : 8pt;
	vertical-align: top ;
	margin-top:5px}

.menuagenda {
	border : 1px solid #F4A460; 
	color : black; 
	font-size : 10pt; 
	text-align : left; 
	margin-right : 0px; 
	margin-top : 10px;
	margin-bottom : 0px;
	margin-left : 10px;	
	vertical-align: top 
	}
TD.menuagenda {
	border: 0px solid black; 
	border-bottom : 1px solid #F4A460; 
	color : black; 
	font-size : 10pt; 
	text-align : left; 
	margin-right : 0px; 
	margin-top : 0px;
	margin-bottom : 0px;
	vertical-align: top 
	}
		
ul.sortable li {
	position: relative;
	
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 10em;
	font-size: 13px;
	font-family: Arial, sans-serif;
        border: 1px solid #ccc;
}
ul.boxy li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}
li.listdrag 	{ color: black;
	font-size: 10pt; 
	margin-left: 30px;
	margin-right: 10%;
	margin-top: 0px;
	margin-bottom: 0px;	
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 

#col1 {
    width: 250px;
    float: left;
    margin-left: 40px;
    margin-top:20px;
}

#col2 {
    width: 250px;
    float: left;
    margin-left: 5px;
    margin-top:20px;    
}
.quiz 	{ color: black;
	font-size: 10pt; 
	margin-left: 30px;
  margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif } 
#error{
        margin-left:30px;
        width:550px;
        border: 1px solid red;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: red;  
        background-color:white;
        visibility: hidden;
        text-align:center;
        moz-opacity:0.5;
        filter:alpha 80;
}
.bartable{
        margin-top: 30px;
        font-size: 13px;
        text-align:left;
				margin-left:30px;       
}
#quizbar{
        height:20px;
        width:400px;
        font-size: 13px;
        text-align:left;
        background-image: url(/images/bar_red.jpg);
        
}
#quizbargreen{
        height:20px;
        width:1px;
        background-color:green;
        background-image: url(/images/bar_green.jpg);
}
#upload{
        visibility:hidden;
       	position:relative; 
        background-color:white;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:bold;
        color:red;
}

.userlist {
  font-size:12px;
	color:black;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif;
	margin-left: 4px;
}

.smoelname  { font-size: 14pt; 
	margin-left: 2px;
	margin-right: 0%;
	margin-top:1px;
  margin-bottom: 1px;	
	font-weight: medium;
	color: coral; 
	font-family: Comic Sans MS, Arial, Helvetica, helv, sans-serif }
.smoelcontent  { font-size: 11pt; 
	margin-left: 5px;
	margin-right: 0%;
	margin-top:5px;
  margin-bottom: 1px;	
	color: black; 
	font-family: verdana,Comic Sans MS, Arial, Helvetica, helv, sans-serif }	
.smoelcontentsmall  { font-size: 9pt; 
	margin-left: 5px;
	margin-right: 0%;
	margin-top:5px;
  margin-bottom: 1px;	
	color: black; 
	font-family: verdana,Comic Sans MS, Arial, Helvetica, helv, sans-serif }		
.smoelboek {
	border-bottom:0px;
  border-top:1px;
  border-left:0px;
  border-right:0px;
  border-color:sandybrown;
  border-style:solid;
	color : coral; 
	font-size : 11pt; 
	text-align : left;
	margin-left:30px;
	margin-bottom:10px;}	
	TD.leidingkop {
	color : coral; 
	font-size : 11pt; 
	text-align : left;
	font-weight: bold; 
	vertical-align: top }	
.leiding {
	border-bottom:0px;
  border-top:1px;
  border-left:0px;
  border-right:0px;
  border-color:sandybrown;
  border-style:solid;
	color : coral; 
	font-size : 11pt; 
	text-align : left;
	margin-left:10px;
	margin-bottom:10px;}	
.commtable {
	margin-left: 40px;
  margin-bottom: 4px;	
	margin-top: 0%;
	margin-right: 0px;}		
TD.commentbox {
  border-bottom:0px;
  border-top:1px;
  border-left:0px;
  border-right:0px;
  border-color:brown;
  border-style:solid;
	font-size : 9pt; 
	vertical-align: top ;
	margin-top:5px}	
.commenttext	{color: black;
	font-size: 9pt; 
	margin-left: 8px;
  margin-bottom: 10px;	
	margin-top: 0%;
	margin-right: 2px;
	text-align : left;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif }			
TD.box {
  border-bottom:0px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
  border-color:brown;
  border-style:solid;
  background:#F0E68C;
	font-size : 9pt; 
	text-align : right; 
	vertical-align: top ;
	margin-top:5px}	


.navtext {
	position: relative;
	font-size:10pt;
	border-width:1px;
	border-style:solid;
	border-color:darkgray;
	background-color:White;
	color:black;
	margin-left: -100px;
	}
	
.PhotoAdminMenu {
	position: absolute;
	border : 0 solid black; 
	color : black; 
	font-size : 10pt; 
	top : 122px;
	left : 630px;	
	z-index:10;
	width:150px;
	}
.AngeloPagesMenu {
	position: absolute;
	border : 0 solid black; 
	color : black; 
	font-size : 10pt; 
	top : 122px;
	left : 630px;	
	z-index:10;
	width:150px;
	}	
.AngeloPagesInfo {
	position: absolute;
	border : 0px solid black; 
	color : black; 
	font-size : 10pt; 
	top : 124px;
	left : 300px;	
	z-index:10;
	width:300px;
	text-align: right;
	}		
.BottomDiscl {
	position: relative;
	border : 0 solid black; 
	color : black; 
	font-size : 8pt; 
	bottom : 0x;
	left : 180px;	
	z-index:11;
	color:dimgray;
	top:5px;
	width:450px;
	}	
.FormStyle {
	font-size: 9pt; 
	margin-left: 30px;
  margin-bottom: 10px;	
	margin-top: 0%;
	margin-right: 2px;
	text-align : left;
	font-family: Verdana, Arial, Helvetica, helv, sans-serif }	
	}		
	
	
.slider {
	margin: 0.5em auto;
	position: relative;
	width: 300px;
	height: 15px;
	background: url("http://www.angelo-roncalli.nl/fotos/img/bg.png") 50% 50% repeat-x;
}
.slider img {
	position: absolute;
	top: 0px;
	left: 85px;
}
.slider .left, .slider .right {
	height: 12px;
	width: 2px;
	position: absolute;
	top: 0px;
}
.slider .left {
	left: 0px;
	background: url("http://www.angelo-roncalli.nl/fotos/img/left.png") 0px 1px no-repeat;
}
.slider .right {
	right: 0px;
	background: url("http://www.angelo-roncalli.nl/fotos/img/right.png") 0px 1px no-repeat;
}
	
.dynamic-slider-control {
	position:			relative;
	background-color:	rgb(230,230,230);
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				150px;
	height:				27px;
	background:#ffffcc;
}


.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				31px;
	height:				14px;
	background-image:	url("http://www.angelo-roncalli.nl/fotos/java/bluecurve/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}


.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);
	
	behavior:			url("http://www.angelo-roncalli.nl/fotos/java/bluecurve/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}