/*	GEBRUIKTE KLEUREN					*/
/*	paginabg					DAE8F1	*/
/*	bg home kol rechts			D1DAEB	*/
/*	tekst en menu balk			00629F	*/
/*	footer en subfunc			FFFFFF	*/
/*	login blok					BB2C77	*/
/*	subfunc Zoekveld			A0C4DB	*/
/*	subfunc OK					004C7B	*/
/*	organisaties				B6C015	*/
/*	vereniging					C07215	*/
/*	mag.interactief				9E15C0	*/
/*	vacatures					159EC0	*/
/*	contact						309D00	*/
/*	algemeeen					66A1C5	*/
/*	mouse over + kop			9F0040	*/


/*	TYPOGRAPHY							*/
BODY,TD,INPUT,SELECT,TEXTAREA	{font-family: arial, helvetica, sans-serif; font-size: 14px; color: #00629F}
H1								{font-size: 14px; margin: 0px 0px 3px 10px; line-height: 14px; text-transform: uppercase; color: #FFF}
H2								{font-size: 18px; margin: 0px 0px 10px 0px; line-height: 18px;}
H3								{font-size: 14px; margin: 20px 0px 5px 0px; line-height: 14px;}
H4
H5								
H6								{font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #FFF; margin: 0px;}
HR								{height: 1px; color: #00629F; margin: 0px;}
.KopKleur						{color: #9F0040}
.KopKleurWit					{color: #FFF}

/*	PAGINA EIGENSCHAPPEN				*/
.Pagina 						{background-color: #DAE8F1; margin: 0px;}
.WerkveldBlok					{width: 750px; vertical-align: top; overflow: hidden; background-color: #FFF;}
.SubFuncBalk					{width: 750px; height: 20px; background-color: #4089B7; color: #FFF;}
.SubFuncBalk td.menuItem		{padding-right: 8px;}
.SubFuncOk						{width: 30px; background-color: #004C7B; text-align: center; padding: 0px 2px 0px 7px;}
.FormOk							{width: 30px; height: 22px; background-color: #9F0040; text-align: center; padding: 3px 2px 0px 7px;}
.FormVerzenden					{width: 150px; height: 22px; background-color: #9F0040; text-align: center; padding: 3px 2px 0px 7px;}
.FormLogin						{width: 120px; height: 22px; background-color: #9F0040; text-align: center; padding: 3px 2px 0px 7px; font-size: 12px; text-align: left;}
.Ico							{margin: 0px 2px 0px 15px;}
.ZoekVeld						{font-size: 11px; width: 109px; border: 1px solid #A0C4DB; background-color: #A0C4DB; margin-right: 1px; padding: 0 5px}
.LoginVeld						{font-size: 11px; width: 128px; border: 1px solid #FFF; background-color: #FFF; margin-right: 1px;}
.ContactVeld					{width: 400px;}
.KolLinks						{width: 150px; height: 400px; vertical-align: top;}
.KolLinksHome					{width: 460px; height: 400px; vertical-align: top; background-color: #FFF;}
.TextBlokHome					{margin: 8px 10px 15px 10px;}
.KolRechtsHome					{width: 290px; height: 400px; vertical-align: top; background-color: #D1DAEB;}
.Werkveld						{height: 400px; vertical-align: top; background-color: #FFF;}
.PaginaTerug					{width: 100%; text-align: right; padding-right: 5px;}
.TextBlok						{width: 580px; margin: 10px;}
.LoginBlok						{width: 290px; vertical-align: top; background-color: #BB2C77; border-bottom: 1px solid #FFF;}
.SubContact						{margin: 10px; line-height: 1.5em; color: #FFF; font-size: 12px;}

.VeldNaamLogin					{font-size: 12px; font-weight: bold; color: #FFF; padding: 5px 5px 3px 0px;}
.KopOverBVWO					{width: 290px; vertical-align: top; background-color: #4089B7; border-bottom: 1px solid #FFF; color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.Txt12px						{font-size: 12px;}
#FlashHeader					{width: 750px; height: 250px; background: #0062A0}
#FlashHeader ul					{width: 750px; height: 250px; margin: 0; padding: 0; overflow: hidden; position: relative;}
#FlashHeader ul li				{display: block; position: absolute; top: 0; left: 0; width: 750px; height: 250px; margin: 0; padding: 0; overflow: hidden}
.main							{min-height: 1em; width: 750px; background: #fff; text-align: left; font-size: 14px; line-height: 1.214em;}
/* home */
.mainHome						{min-height: 1em; width: 750px; background: #fff url(images/content-home-faux.png) 10px 0 repeat-y}
.main .homeMenu					{min-height: 1em; width: 290px; background: #BB2C77; float: left; margin-left: 10px; color: #fff;}
.main .homeMenu .block1			{padding: 12px 10px 16px 10px; background: #4089B7 url(images/content-menuHome-background.png) 0 0 no-repeat}
.main .homeMenu .block1 a		{color: #9F0040 !important}
.main .homeMenu .block2			{padding: 10px 10px 20px 10px;}
.main .homeMenu .block2 ul.semantic	{margin-top: -5px}
.main .homeMenu .block2 ul.semantic li	{padding: 0 0 8px 20px}
.main .homeMenu .block2 ul.semantic li input	{margin: -2px 0 0 -25px;}
.main .homeMenu .block2 input.submit	{margin-left: 20px;}
.main .homeMenu .block2 a		{margin-left: 20px; color: #fff; font-size: 12px; line-height: 1.333em;}
.main .homeContent				{width: 420px; float: left; padding: 23px 10px 0 20px; line-height: 1.5em;}
p								{margin-top: 12px; margin-bottom: 16px; line-height: 1.286em;}
.main .logo						{width: 290; height: 135px; position: absolute; z-index: 9999; margin-top: -135px; background: #00629F url(images/logo.png) 0 0 no-repeat}
/* header */
.headerSmall					{width: 750px; height: 83px; position: relative; background: #00629F;}
.headerSmall .logo				{display: block; width: 150px; height: 48px; position: absolute; left: 0; bottom: 0; background: url(images/logo-small.png) 0 0 no-repeat;}
* html .headerSmall .logo		{bottom: -1px;}
*:first-child+html .headerSmall .logo {bottom: -1px;}



.headerSmall					{background: #23361A url(images/header.jpg) 0 0 no-repeat;}




/*	MENU EIGENSCHAPPEN					*/
.BgOrg							{background-color: #B6C015; height: 5px;}
.BgOrgLicht						{background-color: #D3D973; height: 5px;}
.BgVer							{background-color: #C07215; height: 5px;}
.BgVerLicht						{background-color: #D9AA73; height: 5px;}
.BgMag							{background-color: #C0157A; height: 5px;}
.BgMagLicht						{background-color: #E2B9EC; height: 5px;}
.BgVac							{background-color: #159EC0; height: 5px;}
.BgVacLicht						{background-color: #8ACEDF; height: 5px;}
.BgCon							{background-color: #309D00; height: 5px;}
.BgConLicht						{background-color: #83C466; height: 5px;}
.BgAlg							{background-color: #00629F; height: 5px;}
.BgAlgLicht						{background-color: #66A1C5; height: 5px;}

H1.ActiefOrg					{color: #B6C015;}
H1.ActiefVer					{color: #C07215;}
H1.ActiefMag					{color: #C0157A;}
H1.ActiefVac					{color: #159EC0;}
H1.ActiefCon					{color: #309D00;}
.MenuBlok						{width: 750px; height: 129px; border-bottom: 1px solid #FFF; background-color: #00629F;}
.MenuBlokHome					{width: 750px; height: 45px; background-color: #00629F;}
.Btn							{width: 150px; height: 36px; vertical-align: bottom;}
.KnopTitel						{font-size: 12px; font-weight: bold; background-color: #510021; padding: 2px 0px 3px 5px; text-transform: uppercase;}

.SubMenuBlok					{border-top: 1px solid #FFF;}
.SubMenu						{width: 150px; height: 24px; padding: 3px 5px 3px 24px; background-image: url(images/universeel/ico-submenu.gif); background-repeat: no-repeat; color: #FFF; cursor: pointer;} 
.SubMenuThemas					{border-top: 1px solid #FFF;} 
.TerugLink						{width: 150px; height: 24px; padding: 3px 5px 3px 24px; background-image: url(images/universeel/ico-pijl-l-aubergine.gif); background-repeat: no-repeat; font-size: 12px} 
.SubMenuActief					{width: 150px; height: 24px; padding: 3px 5px 3px 24px; background-image: url(images/universeel/ico-submenu.gif); background-repeat: no-repeat; color: #FFF; background-color: #00629F; cursor: pointer;}
.SubMenuItem					{font-size: 14px; font-weight: normal; margin: 5px 5px 5px 24px;}



/*	LINKS								*/
A:link, A:visited, A:active 	{text-decoration: underline; color: #9F0040} 
A:hover 						{text-decoration: none; color: #9F0040}

A.Menu:link, A.Menu:visited, A.Menu:active 	{text-decoration: none; color: #FFF} 
A.Menu:hover 						{text-decoration: none; color: #FFF}

A.Link12Wit:link, A.Link12Wit:visited, A.Link12Wit:active 	{text-decoration: none; color: #FFF; font-size: 12px;} 
A.Link12Wit:hover 						{text-decoration: underline; color: #FFF; font-size: 12px;}

.SubFunc						{font-size: 11px; width: 100%; text-align: right; color: #FFF}
A.SubFunc:link, A.SubFunc:visited, A.SubFunc:active 	{text-decoration: none; color: #FFF} 
A.SubFunc:hover 				{text-decoration: underline; color: #FFF}

A.Nieuws:link, A.Nieuws:visited, A.Nieuws:active 	{text-decoration: none; color: #00629F} 
A.Nieuws:hover 				{text-decoration: underline; color: #00629F}

A.ListRood:link, A.ListRood:visited, A.ListRood:active 	{text-decoration: none; color: #9F0040} 
A.ListRood:hover 				{text-decoration: underline; color: #9F0040}

IMG.left 						{margin: 0px; margin-right: 10px;}
IMG.right 						{margin: 0px; margin-left: 10px;}

UL								{list-style-type: none; margin: 0px 0px 15px 0px; padding: 0px;}
LI								{background-image: url(images/universeel/ico-pijl-r-aubergine.gif); background-repeat: no-repeat; padding: 0px 0px 0px 15px; margin: 3px 0px 0px 0px}
.LINieuws						{background-image: url(images/ico-bullit.gif); background-repeat: no-repeat; padding: 0px 0px 0px 15px;}
.LIThemas						{background-image: url(images/ico-bullit.gif); background-repeat: no-repeat; padding: 0px 0px 15px 15px;}


/*	HTMLEditor Styles */
.H1								{font-size: 14px; margin: 0px 0px 3px 10px; line-height: 14px; text-transform: uppercase; color: #FFF; font-weight: bold;}
.H2								{font-size: 18px; margin: 0px 0px 10px 0px; line-height: 18px; font-weight: bold;}
.H3								{font-size: 14px; margin: 20px 0px 5px 0px; line-height: 14px; font-weight: bold;}


/* ALGEMEEN */
*.head1							{font-size: 18px; font-weight: bold; margin: 0; padding-bottom: 0; color: #00629F; text-transform: none;}
*.head1 span					{color: #BB2C77}
*.head1 em						{font-style:normal; font-size: 14px;}
*.head2							{font-size: 18px; font-weight: bold; margin: 0 0 10px 0; color: #00629F; text-transform: uppercase;}



/* ALGEMEEN */
ul.semantic						{margin: 0; padding: 0}
ul.semantic li					{margin: 0; padding: 0; background: none;}
input.submit					{border: 0; color: #fff; font-weight: bold; background: #510021}




ul.pollResults {
  margin-bottom: 10px;
}

ul.pollResults div {
  height: 22px;
  line-height: 22px;
}

ul.pollResults .antwoord {
  height: 23px;
  clear: both;
}

ul.pollResults .stelling {
  width: 130px;
  float: left;
}

ul.pollResults .resultaat {
  width: 50px;
  float: left;
  overflow: hidden;
  background-color: #00629F;
}

ul.pollResults .percentage {
  width: 20px;
  float: left;
  padding: 0 0 0 10px;
}






/*
 * BEGIN HACK
 */

.mainHome:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

/*
 * END HACK
 */