/* ************************************************************************** */
/* LETTERTYPEN                                                                */
/*                                                                            */
/* Belangrijk om als eerste te benoemen.                                      */
/* ************************************************************************** */
body
{
font-family:arial, Verdana;
font-size:0.75em;
font-weight:normal;
line-height:16px;
}

/* ************************************************************************** */
/* ALGEMENE INSTELLINGEN                                                      */
/*                                                                            */
/* ************************************************************************** */
body {
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0;
width:100%;
height:100%;
background-color:#ffffff;	/* default */
color:#ffffff;				/* default */
}
#framework {
position:absolute;
margin-left:-489px;
margin-top:10px;
top: 20px;
left: 50%;
width:978px;
height:638px;
background-image:url('siteimages/main/basis/bg.gif'); 
background-repeat:no-repeat; 
background-position:0px 0px;
}
/* ************************************************************************** */
/* Typo                                                                  */
/*                                                                            */
/* ************************************************************************** */
p, h1, h2, h3 {
font-weight:normal;
margin:0;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border:0;
}
.zwart {
color:#000000;
}
h1 {
font-size:1.2em;
}
h1.zwart {
color:#000000;
font-size:1.2em;
}
.kopwit {
font-size:1.2em;
color: #ffffff;
font-weight:bold;
line-height:20px;
}
.Xkopwit {
font-size:1.3em;
color: #ffffff;

line-height:23px;
}
.kopzwart {
font-size:1.2em;
color: #000000;
font-weight:bold;
line-height:20px;
}
.kopwitunderline {
font-size:1.2em;
color: #ffffff;
font-weight:bold;
line-height:20px;
text-decoration:underline;
}
.kopzwartunderline {
font-size:1.2em;
color: #000000;
font-weight:bold;
line-height:20px;
text-decoration:underline;
}


.clearfix {
	margin:				0;
	padding:			0;
	border:				0;
    display: 			block;
    clear: 				both;
}

/* ************************************************************************** */
/* Menus                                                                  */
/*                                                                            */
/* ************************************************************************** */

#container_menu {
position:absolute;
top:0px;
left:28px;
}
#container_submenu {
position:absolute;
top:112px;
left:215px;
}
#container_menu_contact {
position:absolute;
top:575px;
left:28px;
}
.bloc_menu {
float:left;
width:110px;
padding-right:15px;
line-height:0px;
}
.bloc_menuhome {
width:133px;
height:80px;
}
#container_talen {
position:absolute;
top:20px;
left:881px;
width:50px;
}
#container_login {
position:absolute;
top:20px;
left:825px;
width:50px;
font-size:18px;
}
#container_zinboven {
position:absolute;
top:26px;
left:214px;
width:50px;
font-size:18px;
}
#container_zinonder {
position:absolute;
top:560px;
left:432px;
width:450px;
font-size:18px;
}



/* ************************************************************************** */
/* Container Content                                                          */
/*                                                                            */
/* ************************************************************************** */
#foto_home {
position:absolute;
top:197px;
left:265px;
}

#container {
position:absolute;
top:136px;
left:215px;
padding-top:3px;
padding-left:50px;
width:636px;
height:393px;
background-color:#11a393;
}
#container_project {
position:absolute;
top:136px;
left:215px;
padding-top:3px;
padding-left:50px;
width:636px;
height:393px;
background-color:#22b14e;
}
#container_nieuws {
position:absolute;
top:136px;
left:215px;
padding-top:3px;
padding-left:50px;
width:636px;
height:393px;
background-color:#d80c8c;
}
#container_events {
position:absolute;
top:136px;
left:215px;
padding-top:3px;
padding-left:50px;
width:636px;
height:393px;
background-color:#7c7fbd;
}
#container_links {
position:absolute;
top:136px;
left:215px;
padding-top:3px;
padding-left:50px;
width:636px;
height:393px;
background-color:#ffcb08;
}


/* ************************************************************************** */
/* Bloc Content blocken                                                       */
/*                                                                            */
/* ************************************************************************** */

.bloc_main {
padding-top:20px;
padding-right:10px;
padding-bottom:10px;
padding-left:0px;
margin:0px;
width:630px;
}

/* ************************************************************************** */
/* Linken                                                                     */
/*                                                                            */
/*                                                                            */
/* ************************************************************************** */
A img {
border:0;
}
A
{ 
color: #ffffff;
text-decoration:underline;
}
A:hover
{ 
color: #ffffff;
text-decoration:underline;

}
A:visited
{ 
}
A:active
{
  outline: none;
}
a:focus { 
-moz-outline-style: none; 
}
.menu {
font-size:1.2em;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
.menu_none {
font-size:1.2em;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
A.menu
{ 
font-size:1.2em;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
A:hover.menu
{ 
font-size:1.2em;
font-weight: bold;
color: #d80c8c;
text-decoration: none;
}
A:visited.menu
{ 
}
A.kopblauw
{ 
font-weight: bold;
color: #4b54a5;
text-decoration: none;
}
A:hover.kopblauw
{ 
font-weight: bold;
color: #211c70;
text-decoration: none;
}
A:visited.kopblauw
{ 
}
#naarhome {
  display:block;
  width:170px;
  height:110px;
  position:absolute;
  top:25px;
  left:20px;
  border:0;
}

/* ************************************************************************** */
/* Formulier                                              					  */
/*                                                                            */
/*                                                                            */
/* ************************************************************************** */
.formfieldparse
{
border: 1px solid #d20068;
background-color: #ffffff;
font-size: 14px;
color: #570a61;
width:350px;
height:15px;
margin-top:6px;
}

.bloc_left {
float:left;
padding-top:2px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
margin-right:10px;
width:200px;
border:0px #000000 solid;
}

.bloc_right {
float:left;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
width:380px;
border:0px #000000 solid;
}
.bloc_right_lang {
float:left;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
width:380px;
height:580px;
border:0px #000000 solid;
}
.button {
float:left;
background-color:#7c7fbd;
color:#ffffff;
font-size: 14px;
margin: 0;
padding:3px;
cursor:pointer;
border:1px #d20068 solid;
}
.button:hover {
float:left;
background-color:#7c7fbd;
font-size:14px;
color:#570a61;
padding:3px;
border:1px #d20068 solid;
}
/* ************************************************************************** */
/* Scrool                                                                     */
/* ************************************************************************** */

			
						
			#pane2 {
				height: 420px;
			}
			#pane3 {
				height: 360px;
			}
						
			/* a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { */
			/*	background-position: 0 -30px; */
			/* } */
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { display: block; position: absolute; position: absolute; top: 1px; left: 28px; z-index:40; }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }