@charset "utf-8";

@font-face {
    font-family: "Trade";
    src: url(../include/font.ttf);
}

body 
{
	font-family: “Trebuchet MS ”, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;\
	
			background-color:#eaf3fa; 
		background-image:url(../images/interface/bg.png); 
		
	background-repeat: repeat-x;

	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #fedea5;
	scrollbar-3dlight-color: #fedea5;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

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

b
{
	color:#B2BB1E;
		
}

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


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

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

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

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


input[type=text] 
{
	background-color: #fedea5;
	border-width: 1px;
	border-color: #1579A5;;
	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: #1579A5;;
	width:100px;
	height:16px;	
}

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

input[type=password] 
{
	background-color: #fedea5;
	border-width: 1px;
	border-color: #1579A5;;
	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: #1579A5;;
	width:100px;
	height:16px;	
}

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

input[type=submit] 
{
	background-color: #fedea5;
	border-width: 1px;
	border-color: #1579A5;;
	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: #1579A5;;
}

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

input[type=button] 
{
	background-color: #1579A5;;
	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: #B2BB1E;
}

select
{
	background-color: #fedea5;
	border-width: 1px;
	border-color: #1579A5;;
	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: #1579A5;;
	width:80px;
}

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

textarea 
{
	background-color: #fedea5;
	font-size: 11px; 
	border-width: 1px;
	border-color: #1579A5;;
	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: #1579A5;;	
	overflow:auto;
}

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


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



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


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

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

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

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

.titel
{
    background: 	#b1bb1e url("../images/interface/titel.png") no-repeat;
    color: 			#FFFFFF;
    font-family: 	trade;
    font-size: 		11px;
    font-weight: 	bold;
    height: 		25px;
    line-height: 	25px;
    margin: 		0 20px;
}

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


.nieuw
{
	background-color:#B2BB1E;
}

.snelmenu
{
	height:20px;	
	font-weight:bold;	
	color:#eaf3fa;
	background-color:#B2BB1E;
	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:#fedea5;
}

.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%; }



.topimage{
	margin: 0 0 0 31px;
}

.topmenu{
	margin: 0 0 0 31px;
}