body{
	font-family: Georgia, georgia, "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size: 13px;
	line-height: 0.7;
	color: #000000;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}


table,td,tr {
	font-family: Georgia, georgia, "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size: 13px;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td,tr {
	height: 10px;	
}
ul
{
list-style-type:none;
padding:0px;
margin:5px;
}
li
{
background-image:url(./img/starbulletpoint.gif);
background-repeat:no-repeat;
background-position:0px 0px; 
padding-left:14px; 
}



html {
    overflow-y: scroll;
}

input
{
color: #0089D1;
background-color: #d1e3e9;
border: 0px solid #781351
}

#eigenhr {
position: absolute;
float: left;
left: 2px;
width: 0%; 
height: 1px; 
border: 0; 
background-color: #AAC7D1; 
margin-top: 14px; 
z-index:5;
display: none;
margin-bottom: 0px;
} 

#eigenhrsmall { 
width: 100%; 
height: 1px; 
border: 0; 
background-color: #58C7F4; 
margin-top: 2px; 
margin-bottom: 5px;
}  

hr {
        border: 0;
        color: #58C7F4;
        background-color: #58C7F4;
        height: 2px;
}

.titel 	{
	font-size: 12px;
	color: #C01F2C;
	}


a.menuklein:focus { outline: none; }
a.menuklein:link {
	text-decoration: none;
	color:#FFDC6E;
}
a.menuklein:visited {
	text-decoration: none;
	color:#FFDC6E;
}
a.menuklein:hover {
	text-decoration: none;
	color: #FFDC6E;
}
a.menuklein:active {
	text-decoration: none;
	color: #FFDC6E;
}

a.menukleinkind:focus { outline: none; }
a.menukleinkind:link {
	text-decoration: none;
	color:#FFDC6E;
}
a.menukleinkind:visited {
	text-decoration: none;
	color:#FFDC6E;
}
a.menukleinkind:hover {
	text-decoration: none;
	color: #FFDC6E;
}
a.menukleinkind:active {
	text-decoration: none;
	color: #FFDC6E;
}

a.menuact:focus { outline: none; }
a.menuact:link {
	text-decoration: none;
	color:#FFDC6E;
}
a.menuact:visited {
	text-decoration: none;
	color:#FFDC6E;
}
a.menuact:hover {
	text-decoration: none;
	color: #FFDC6E;
}
a.menuact:active {
	text-decoration: none;
	color: #FFDC6E;
}

a.menu:focus { outline: none; }
a.menu:link {
	text-decoration: none;
	color:#FFDC6E;
}
a.menu:visited {
	text-decoration: none;
	color:#FFDC6E;
}
a.menu:hover {
	text-decoration: none;
	color: #FFDC6E;
}
a.menu:active {
	text-decoration: none;
	color: #FFDC6E;
}



a:focus { outline: none; }
a:link {
	text-decoration: none;
	color:#0089D1;
}
a:visited {
	text-decoration: none;
	color:#0089D1;
}
a:hover {
	text-decoration: none;
	color: #0089D1;
}
a:active {
	text-decoration: none;
	color: #0089D1;
}



a:focus { outline: none; }


img {  
  border-style: none;
}

#container {
position: absolute;
left: 50%;
width: 200px;
margin-left: -506px;
min-height: 100%;
}

#HypeContainer {
width: 1010px;
position: relative;
top: 0px;
min-height: 600px;
z-index: 3;
border-style: solid;
border-width: 0px;
border-color: #000000;
overflow: visible;
background-color: #FFFFFF;	
}



#HypeLogo {
width: 195px;
position: absolute;
top: 10px;
height: 43px;
left: 18px;
z-index: 3;
overflow: hidden;
background-color: #FFFFFF;	
cursor: pointer;

}

#Ster1 {
width: 520px;
position: absolute;
top: -55px;
height: 530px;
left: 530px;
z-index: 4;
overflow: hidden;
background-color: #FFFFFF;	
display: none;
}

#HypeMenuLogo {
width: 1030px;
position: absolute;
top: 64px;
height: 50px;
z-index: 5;
left: 7px;
overflow: hidden;
}


#TekstContainer {
width: 550px;
position: absolute;
top: 165px;
left: 18px;
height: 620px;
z-index: 5;
overflow: hidden;
}

#FormContainer {
width: 400px;
position: absolute;
top: 165px;
left:568px;
height: 420px;
z-index: 5;
overflow: hidden;
}

#Menubalk {
position: absolute;
left: 5px;
top: 135px;
width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Menubalk_overhype {
position: relative;
left: 5px;
top: 135px;
width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Container_overhype {
position: relative;
left: 7px;
top: 135px;
width: 990px;
height: 0px;
z-index:5;
overflow-x: hidden;
overflow-y: auto;
}
#Menubalk_lidworden {
position: relative;
left: 5px;
top: 135px;
margin-top: 1px;

width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Container_lidworden {
position: relative;
left: 7px;
top: 135px;
width: 990px;
height: 0px;
z-index:5;
overflow-x: hidden;
overflow-y: auto;
}

#Menubalk_activiteiten {
position: relative;
left: 5px;
margin-top: 1px;
top: 135px;
width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Container_activiteiten {
position: relative;
left: 7px;
top: 135px;
width: 990px;
height: 0px;
z-index:5;
overflow-x: hidden;
overflow-y: auto;}

#Menubalk_leden {
position: relative;
left: 5px;
margin-top: 1px;

top: 135px;
width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Container_leden {
position: relative;
left: 7px;
top: 135px;
width: 990px;
height: 0px;
z-index:5;
overflow-x: hidden;
overflow-y: auto;
}

#Menubalk_nieuws {
position: relative;
left: 5px;
margin-top: 1px;

top: 135px;
width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Container_nieuws {
position: relative;
left: 7px;
top: 135px;
width: 990px;
height: 0px;
z-index:5;
overflow-x: hidden;
overflow-y: auto;
}

#Menubalk_contact {
position: relative;
left: 5px;
top: 135px;
margin-top: 1px;

width: 995px;
height: 16px;
z-index:5;
overflow: hidden;
cursor: pointer;
}

#Container_contact {
position: relative;
left: 7px;
top: 135px;
width: 990px;
height: 0px;
z-index:5;
overflow-x: hidden;
overflow-y: auto;}



#MenuknopActief {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
width: 113px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #0089D1;
color: #FFFFFF;
float: left;
line-height:13px;
cursor: pointer;
}

#Menuknop {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
width: 113px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

#Menuknop_overhype {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
width: 113px;
height: 15px;
left: -200px;
z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
float: left;
line-height:13px;
}

#Menuknop_overhype_missie {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 30px;
width: 113px;
height: 15px;
left: 0px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

#Menuknop_overhype_raadvanadvies {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 30px;
width: 113px;
height: 15px;
left: 0px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

#Menuknop_overhype_overhartman {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 30px;
width: 113px;
height: 15px;
left: 0px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

#Menuknop_overhype_statuten {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 30px;
width: 113px;
height: 15px;
left: 0px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

#Menuknop_lidworden {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
left: -200px;

width: 113px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
float: left;
line-height:13px;
}

#Menuknop_activiteiten {
position: relative;
margin-left: 2px;
padding-left: 12px;
left: -200px;
top: 0px;
width: 113px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
float: left;
line-height:13px;
}

.ledenmenu {
position: relative;
margin-left: 2px;
padding-left: 12px;
padding-right: 20px;
top: 30px;
height: 15px;
left: 0px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

.programmamenu {
position: relative;
margin-left: 2px;
padding-left: 12px;
padding-right: 20px;
top: 30px;
height: 15px;
left: 0px;
z-index:5;
overflow: hidden;
background-color: #AAC7D1;
color: #006BAB;
float: left;
line-height:13px;
}

#Menuknop_leden {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
width: 113px;
height: 15px;
left: -200px;

z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
float: left;
line-height:13px;
}

#Menuknop_nieuws {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
width: 113px;
height: 15px;
z-index:5;
left: -200px;

overflow: hidden;
background-color: #000000;
color: #FFFFFF;
float: left;
line-height:13px;
}


#Menuknop_contact {
position: relative;
margin-left: 2px;
padding-left: 12px;
top: 0px;
width: 113px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
float: left;
line-height:13px;
left: -200px;

}

#MenuLogo_Hartman {
position: relative;
margin-left: 0px;
margin-bottom: 1px;
padding-left: 1012px;
top: 0px;
width: 56px;
height: 15px;
z-index:5;
left: -1200px;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
line-height:13px;
}

#MenuLogo_Young {
position: relative;
margin-left: 0px;
margin-bottom: 1px;
padding-left: 1012px;
top: 0px;
left: -1200px;

width: 115px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
line-height:13px;
}

#MenuLogo_Europe {
position: relative;
margin-left: 0px;
margin-bottom: 1px;
left: -1200px;

padding-left: 1012px;
top: 0px;
width: 66px;
height: 15px;
z-index:5;
overflow: hidden;
background-color: #000000;
color: #FFFFFF;
line-height:13px;
}
 
.accordionButton {	
	float: left;
	cursor: pointer;
	}
	
.accordiontest{	
	
	}
 
 .accordiontestbackup{	
	float: left;
	cursor: pointer;
	}
 
 
.accordionContent {	
	float: left;
	display: none;
	}
	
.menutitel {
	font-size: 11px;
}

.normaletekst {
	font-size: 11px;
	color: #000000;
}

.titelblauw {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #0089D1;
}

.titelzwart {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}