/* CSS Document */

body
{
	padding: 0px;
	margin: 0px;
}

@font-face
{
	src: url('fonts/CITY0.eot') format('truetype');
	font-family: City;
}

@font-face
{
	src: url('fonts/BANKGOT0.eot') format('truetype');
	font-family: BankGothicBT;
}

input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	font-size: 11px;
	color: #000000;
}

.borderStyle
{
	border: 1px solid #000000;
}

.paginaHoogte
{
	height: 100%;
}

.cmsAfb img
{
	border: 0px;
}


/* //////////// */
/* TEKST STYLES */
/* //////////// */

.mainKopGroot
{
	font-family: City Bold, Verdana;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 28px;
	color: #FFFFFF;
}

.mainKop
{
	font-family: City Bold, Verdana;
	letter-spacing: 1px;
	font-size: 16px;
	color: #FFFFFF;
}

.mainContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 10px;
	color: #FFFFFF;
}

.mainContent a
{	
	text-decoration: none;
	color: #FFFFFF;
}

.mainContent a:hover
{	
	text-decoration: underline;
	color: #FFFFFF;
}

ul, li
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px; 
	font-size: 10px; 
	color: #FFFFFF;
}


/* ///////////////// */
/* MENU TEKST STYLES */
/* ///////////////// */

.mainMenuTekst
{
	font-family: BankGothicBT, Verdana;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12.5px;
	color: #FFFFFF;
}

.mainMenuTekst a
{	
	text-decoration: none;
	color: #FFFFFF;
}

.mainMenuTekst a:hover
{	
	text-decoration: none;
	color: #EE7F00;
}


/* //////////// */
/* TABLE STYLES */
/* //////////// */

.logoTable
{
	padding: 0px 0px 6px 0px;
	text-align: right;
}

.menuTableHome
{
	padding: 2px 15px 0px 15px;
	background-color: #93117E;
	height: 39px;
	width: 764px;
}

.menuTableUitleg
{
	padding: 2px 15px 0px 15px;
	background-color: #93117E;
	height: 39px;
	width: 723px;
}

.menuTableUitlegLinks
{
	background-color: #93117E;
	padding: 2px 0px 0px 0px;
	height: 39px;
	width: 152px;
}

.menuTableNormaal
{
	padding: 2px 15px 0px 15px;
	background-color: #93117E;
	height: 39px;
	width: 762px;
}

.iconTable
{
	vertical-align: top;
	width: 111px;
}

.homeTable
{
	padding: 14px 0px 5px 0px;
}


/* /////////// */
/* LIJNEN HOME */
/* /////////// */

.verticaleHome
{
	width: 14px;
}

.horizontaleHome
{
	height: 14px;
}


/* ////////// */
/* SUBMENU BG */
/* ////////// */

.submenuTableOranje
{
	background-color: #EE7F00;
	vertical-align: top;
	padding: 0px;
	width: 223px;
}

.submenuTableRood
{
	background-color: #E2001A;
	vertical-align: top;
	padding: 0px;
	width: 223px;
}


/* ///////////// */
/* SUBMENU ITEMS */
/* ///////////// */

.submenuItemActiveRood
{
	font-family: City Bold, Verdana;
	padding: 0px 16px 0px 16px;
	background-color: #E2001A;
	vertical-align: middle;
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	height: 40px;
}

.submenuItemActiveRood a
{
	text-decoration: none;
	color: #FFFFFF;
}

.submenuItemActiveRood a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

.submenuItemActiveOranje
{
	font-family: City Bold, Verdana;
	padding: 0px 16px 0px 16px;
	background-color: #EE7F00;
	vertical-align: middle;
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	height: 40px;
}

.submenuItemActiveOranje a
{
	text-decoration: none;
	color: #FFFFFF;
}

.submenuItemActiveOranje a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

.submenuItemActive
{
	font-family: City Bold, Verdana;
	padding: 0px 16px 0px 16px;
	vertical-align: middle;
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	height: 40px;
}

.submenuItemActive a
{
	text-decoration: none;
	color: #FFFFFF;
}

.submenuItemActive a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

.submenuLijn
{
	background-color: #FFFFFF;
	height: 2px;
}


/* ///////////// */
/* INHOUD KADERS */
/* ///////////// */

.inhoudKaderRood
{
	padding: 30px 20px 30px 20px;
	background-color: #E2001A;
	vertical-align: top;
	height: 479px;
	width: 517px;
}

.inhoudKaderOranje
{
	padding: 30px 20px 30px 20px;
	background-color: #EE7F00;
	vertical-align: top;
	height: 479px;
	width: 517px;
}


/* ///////////// */
/* KADERS UITLEG */
/* ///////////// */

.uitlegLinks
{
	vertical-align: bottom;
	width: 152px;
}

.uitlegRood
{
	background-image: url('../media/afbeeldingen/uitleg/uitleg_looks_bg.jpg');
	background-position: left bottom;
	padding: 36px 12px 13px 14px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	vertical-align: top;
	height: 175px;
	width: 727px;
}

.uitlegOranje
{
	background-image: url('../media/afbeeldingen/uitleg/uitleg_mind_bg.jpg');
	background-position: left bottom;
	padding: 36px 12px 13px 14px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	vertical-align: top;
	height: 175px;
	width: 727px;
}

.uitlegPaars
{
	background-image: url('../media/afbeeldingen/uitleg/uitleg_body_bg.jpg');
	background-position: left bottom;
	padding: 36px 12px 13px 14px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	vertical-align: top;
	height: 175px;
	width: 727px;
}


/* /////////// */
/* KADERS HOME */
/* /////////// */

.homeRood
{
	padding: 20px 20px 13px 13px;
	background-color: #E2001A;
	vertical-align: top;
	height: 162px;
	width: 357px;
}

.homeOranje
{
	padding: 20px 20px 13px 13px;
	background-color: #EE7F00;
	vertical-align: top;
	height: 165px;
	width: 357px;
}

ul, li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 10px;
	color: #FFFFFF;
}

ul, li a
{	
	text-decoration: none;
	color: #FFFFFF;
}

ul, li a:hover
{	
	text-decoration: none;
	color: #FFFFFF;
}

.homePaars
{
	padding: 20px 20px 13px 13px;
	background-color: #93107E;
	vertical-align: top;
	height: 165px;
	width: 357px;
}


/* //////// */
/* CMS MENU */
/* //////// */

.cmsMenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
}

.cmsMenu a
{	
	text-decoration: none;
	color: #FFFFFF;
}

.cmsMenu a:hover
{	
	text-decoration: underline;
	color: #FFFFFF;
}


/* /////////////// */
/* COPYRIGHT TABLE */
/* /////////////// */

.kaderOnderOranje
{
	padding: 2px 15px 0px 15px;
	background-color: #EE7F00;
	height: 39px;
}

.kaderOnderPaars
{
	padding: 2px 15px 0px 15px;
	background-color: #93117E;
	height: 39px;
}

.kaderOnderRood
{
	padding: 2px 15px 0px 15px;
	background-color: #E2001A;
	height: 39px;
}

.copyrightTekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}	

.copyrightTekst a
{
	text-decoration: none;
	color: #FFFFFF;
}

.copyrightTekst a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}
