@charset "utf-8";
body 
{
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;\
	
			background-color:#ffffff; 
		background-image:url(../images/interface/bg.jpg); 
		
	background-repeat: repeat-x;
}

html, body 
{
   margin:0;
   padding:0;  
   height:100%; 
   background-color:#ffffff;
}

a.topmenu:link{
	font-size: 16px;
	font-weight: bold;	
	color:#FFFFFF;
	text-decoration:none;
}

a.topmenu:hover{
	font-size: 16px;
	font-weight: bold;	
	color:#FF0000;
	text-decoration:none;
}

b
{
	color:#ff0000;
		
}

strong
{
	color:#ff0000;
	font-weight: bold; 
}


a:link 
{ 
	color:#000000;;
	text-decoration: underline;
}

a:visited
{ 
	color:#000000;;
	text-decoration: underline;
	
}

a:hover 
{ 
	color:#ff0000;
	text-decoration: underline;	
}

a:active 
{ 
	color:#000000;;
	text-decoration: underline;		
} 


input[type=text] 
{
	background-color: #e5e5e5;
	border-width: 1px;
	border-color: #000000;;
	border-style: solid;
	padding: 1px;
	margin: 1px;
	font-size: 11px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;;
	width:100px;
	height:16px;	
}

input[type=text]:hover 
{
	border-color: #ff0000;
}

input[type=password] 
{
	background-color: #e5e5e5;
	border-width: 1px;
	border-color: #000000;;
	border-style: solid;
	padding: 1px;
	margin: 1px;
	font-size: 11px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;;
	width:100px;
	height:16px;	
}

input[type=password]:hover 
{
	border-color: #ff0000;
}

input[type=submit] 
{
	background-color: #e5e5e5;
	border-width: 1px;
	border-color: #000000;;
	border-style: solid;
	padding: 1px;
	margin: 1px;
	font-size: 11px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;;
}

input[type=submit]:hover 
{
	border-color: #ff0000;
}

input[type=button] 
{
	background-color: #000000;;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid 2px;
	padding: 1px;
	margin: 1px;
	font-size: 11px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	width: 125px;
}

input[type=button]:hover 
{
	border-color: #ff0000;
}

select
{
	background-color: #e5e5e5;
	border-width: 1px;
	border-color: #000000;;
	border-style: solid;
	padding: 1px;
	margin: 1px;
	margin-bottom:1px;
	font-size: 11px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;;
	width:80px;
}

select:hover 
{
	border-color: #ff0000;
}

textarea 
{
	background-color: #e5e5e5;
	font-size: 11px; 
	border-width: 1px;
	border-color: #000000;;
	border-style: solid;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;;	
	overflow:auto;
}

textarea:hover
{
	border-color: #ff0000;
}


table td
{
	font:11px Arial, Helvetica, sans-serif;	font-weight: normal;
	text-decoration: none;
	color: #000000;;
	border: collapse;
}



.groter
{
	padding:0px;
	margin-bottom:0px;
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;;
}


.agenda
{
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;;
	text-decoration: none;
	text-align: left;
}

.snapshot
{
	border-color:	#000000;;
	border-width:	1px;	
}

.motto
{
	height:15px;
	background-color:#e5e5e5;
	font-style: italic;
}

.menu
{
	height:15px;
	background-color:#e5e5e5;
}

.titel
{
	background-image:url(../images/interface/titel.png); 
	background-repeat: repeat-x;
	height:45px;
}

.titel_right
{
	background-image:url(../images/interface/titel.gif); 
	background-repeat: repeat-x;
	text-align:right;
}


.nieuw
{
	background-color:#ff0000;
}

.snelmenu
{
	height:20px;	
	font-weight:bold;	
	color:#ffffff;
	background-color:#ff0000;
	text-align: center;	
}

.button
{
	text-align: center;
}


.frontmenu
{
	border:1px solid #D3D2D0;
	background-color: #EFEBE2;	
	padding:5px;
	padding-right: 30px;
	background-image:url(../images/interface/menu.jpg); 	
	background-position: right;
	background-repeat: repeat-y;
	display: block;	
}

.band
{
	background-color:#e5e5e5;
}

.bottom
{
	background-image:url(../images/interface/footer.jpg); 	
}




div#test-accordion
{
    margin: 0px;
    border: 0px solid #aaa;
}

div.accordion 
{
	position: relative; /* required for bounding */
}

div.accordion-toggle
{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
    cursor: pointer;
}

div#whatever
{
	height: 50px;
	background: #grey;
	background-repeat:no-repeat;
	background-image:url(../images/interface/titel.png);
	cursor: pointer;
}

div.accordion-toggle-active
{
	background: #fff;	
}

div.accordion-content
{
    overflow: hidden;	/* required for effect */
    padding:3px;
    height:300px;
    overflow:auto;
}



.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; padding-left: 20px; }
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }