/*---------------------------------------------------------------------*/
/* algemeen                                                            */
/*---------------------------------------------------------------------*/
body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	FONT-FAMILY: arial;
	font-size:76%;
}
html {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
table{  
	font-size:1em;
}
div{
	margin:0;
	padding:0;
	font-size:1.0em;
}
img{
	border:0;
}
/*---------------------------------------------------------------------*/
/* classes voor structuur elementen                                    */
/*---------------------------------------------------------------------*/
.siteStructuur{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
.siteStructuur td{
	vertical-align:top;
	margin:0;
	padding:0;
	border:0;
}
.siteHeader td{
	height:30px;
	background-color:#4c575f;
	background-image:url(../images/easinet_loyalis_header.gif);
}
.siteRest{
}
.siteContent{
	background: #ffffff;
}
td.siteContent{
	padding:10px;
	width:100%;
	height:100%;
	border-left:1px dotted #f09100;
}

.sitePlaatje{
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	width:100%;
	height:104px;
	display:block;
}

.siteNavigatiePlaatje{
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	height:104px;
	width:100%;
	display:block;
}
/* het volgende wordt ALLEEN gezien door explorer */
* html .siteNavigatiePlaatje{
	float:left;
}
.siteNavigatiePlaatje img{
	height:100%;
	width:100%;
}
/*---------------------------------------------------------------------*/
/* classes voor de navigatie top                                       */
/*---------------------------------------------------------------------*/
td.siteNavigatieTop{
	padding:5px 0px 0px 0px;
}
.siteNavigatieTopDiv{
	padding:10px 28px 15px 0px;
	text-align:right;
}
.siteNavigatieTopDivText{
	background:#c7cccf;
	width:auto;
	height:auto;
	display:inline;
}
.siteNavigatieTopText{
	display:inline;
	color:#4c575f;
	font-size:1.0em;
	margin: 0px 5px 0px 5px;
}
.siteNavigatieTopText a{
	color:#4c575f;
}
.siteNavigatieTopText a:hover{
	color:#00519e;
}
.siteNavigatieTopZoeken{
	padding:10px 32px 0px 0px;
	height:29px;
	display:block;
	float:right;
	margin:0px 0px -24px 0px;
}
.siteNavigatieTopZoekenItem{
}
/*---------------------------------------------------------------------*/
/* classes voor de navigatie links                                     */
/*---------------------------------------------------------------------*/
.siteNavigatieLinks{
	width:200px;
	background: #ffffff;
	text-align:left;
}
td.siteNavigatieLinks{
	padding-top:40px;
}
.siteNavigatieLinksItems{
	padding:5px;
}
.siteNavigatieLinksText{
	color:#4c575f;	
	font-size:1.0em;
	text-align:left;
}
.siteNavigatieLinksText a{
	color:#4c575f;	
}
.siteNavigatieLinksText a:hover{
	color:#00519e;
}
.siteNavigatieLinksTextMenuContainer{
	height: 190px;
	text-align:left;
	font-size:1.0em;
	font-weight:normal;
	color:#f09100;	
}
.siteNavigatieLinksTextMenuContainer a{
	color:#f09100;	
	text-decoration:none;
}
.siteNavigatieLinksTextMenuContainer a:hover{
	color:#00519e;	
}
.siteNavigatieLinksTextMenu{
	color:#4c575f;	
}
.siteNavigatieLinksTextMenu ul{
	text-align:left;
	display:none;
	padding-left:20px;
	margin:0;
	list-style:none outside none;
	font-weight:normal;
	font-size:1.0em;
}
.siteNavigatieLinksTextMenu a{
	color:#4c575f;	
	text-decoration:none;
}
.siteNavigatieLinksTextMenu a:hover{
	color:#00519e;
}
.siteNavigatieLinksTextOption{
	font-size:1.0em;
	background-color:#ffffff;
	color:#4c575f;
	height:100%;
}
/*---------------------------------------------------------------------*/
/* classes voor de navigatie rechts                                    */
/*---------------------------------------------------------------------*/
.siteNavigatieRechts{
	width:250px;
	background: #fbd4a3;
}
td.siteNavigatieRechts{
	padding:10px;
}
.siteNavigatieRechtsItems{
	text-align:left;
}
.siteNavigatieRechtsText{
	color:#4c575f;
	font-size:1.0em;
	text-align:left;
}
.siteNavigatieRechtsText a{
	color:#4c575f;
	text-decoration:none;
}
.siteNavigatieRechtsText a:hover{
	color:#00519e;
}
.siteNavigatieRechtsText strong{
	color:#f09100;
}
.siteNavigatieRechtsPlaatje{
	height:105px;
	text-align:right;
	font-size:0;
}
/*---------------------------------------------------------------------*/
/* classes voor company logo                                           */
/*---------------------------------------------------------------------*/
.siteCompanyLogo{
	color:#4c575f;
	padding:0px 0px 0px 0px;
	font-size:0.8em;
}
.siteCompanyLogo img{
	vertical-align:middle;
}
/*---------------------------------------------------------------------*/
/* classes voor de footer                                              */
/*---------------------------------------------------------------------*/
.siteFooter td{
	vertical-align:top;
	text-align:left;
	height:30px;
}
.siteFooterLinks{
	width:200px;
	background: #ffffff;
}
.siteFooterContent{
	width:100%;
	background: #ffffff;
}
td.siteFooterContent{
	border-left:1px dotted #f09100;
}
.siteFooterText{
	display:inline;
	color:#4c575f;
	padding:0px 0px 0px 10px;
	font-size:0.8em;
}
.siteFooterText a{
	color:#4c575f;
}
.siteFooterText a:hover{
	color:#00519e;
}
.siteFooterRechts{
	width:250px;
	background:#fbd4a3;
	font-size:1.0em;
}
/*---------------------------------------------------------------------*/
/* classes voor de endorsement                                         */
/*---------------------------------------------------------------------*/
 div.Endorsement
{
	background-image:url(/easiloy/include/images/endorsement_onderdeel1.gif);
	width:166px;
	height:17px;	
}
a.Endorsement {
	display:block;
	width:166px;
	height:17px;
	text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* classes voor broodkruimelpad                                        */
/*---------------------------------------------------------------------*/
.siteBroodKruimelText{
	color:#4c575f;
	font-size:0.8em;
}
.siteBroodKruimelText a{
	color:#4c575f;
}
.siteBroodKruimelText a:hover{
	color:#00519e;	
}
/*---------------------------------------------------------------------*/
/* classes voor link vorige pagina                                     */
/*---------------------------------------------------------------------*/
.siteLinkVorigePagina{
	color:#4c575f;
	font-size:0.8em;
}
.siteLinkVorigePagina a{
	color:#4c575f;
}
.siteLinkVorigePagina a:hover{
	color:#00519e;	
}
/*---------------------------------------------------------------------*/
/* classes voor de banners                                             */
/*---------------------------------------------------------------------*/
.siteStandaardBanner{
	color:#000066;
}
.siteStandaardBanner td{
	background-repeat:no-repeat;
	font-size:1.0em;	
	font-weight:bold;
}
.siteStandaardBanner a{
	color:#000066;
	display:compact;
}
.siteStandaardBanner a:hover{
	color:#7171b6;
}
.siteStandaardBannerVuller{
	vertical-align:middle;
	height:100%;
}
.siteStandaardBannerPositie{
	vertical-align:middle;
	display:inline-block;
}
/*---------------------------------------------------------------------*/
/* classes voor de opsommingsteken                                     */
/*---------------------------------------------------------------------*/
.siteOpsomming{
	color:#000066;	
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding-bottom: 5px;
}
.siteOpsomming a{
	color:#000066;	
	text-decoration:none;
}
.siteOpsomming a:hover{
	color:#7171b6;
}
.siteOpsomming img{
	margin-right:3px;	
	width:12px;
	height:12px;
}
.siteStreep{
	color:#f09100;
	background:#f09100;
	border:0;
	height:1px;
}
.siteStreepDik{
	color:#f09100;
	background:#f09100;
	border:0;
	height:2px;
}
/*---------------------------------------------------------------------*/
/* menu                                                                */
/*---------------------------------------------------------------------*/
.siteKleur1{
	background:#f09100;
}
.siteKleur2{
	background:#00519e;
}
.siteKleur3{
	background:#748cc2;
}
.siteKleur4{
	background:#929da4;
}
.siteOnderdeel{
	padding:25px 0px 0px 158px;
	margin:0px;
	display:block;
	width:100%;
	text-align:left;
}
.siteOnderdeel ul{
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;
	font-size:1.0em;
}
.siteOnderdeel li{
	padding:0px;
	margin:0px;
	height:auto;
	display:inline;
	list-style:none;
	text-align:left;
}
.siteOnderdeel a{
	padding:5px 2px 2px 10px;
	margin:0px;
	color:#ffffff;
	width:140px;
	text-decoration:none;
}
.siteOnderdeel a:hover{
	color:#dc002e;
}
.siteMenu{
	text-align:left;
	padding:0px 0px 0px 158px;
	color:#ffffff;
	background:#f09100;
	display:none;
}
.siteMenu ul{
	padding:5px 10px 2px 10px;
	margin:0px;
	font-size:1.0em;
}
.siteMenu li{
	height:auto;
	width:auto;
	list-style:none;
	display:inline;
}
.siteMenu a{
	text-decoration:none;
	color:#ffffff;
}
.siteMenu a:hover{
	color:#dc002e;
}
.siteSubMenu{
	display:none;
	position:absolute;
	padding:2px 0px 0px 0px;
}
.siteSubMenu ul{
	width:200px;
	background:#f09100;
	padding:0px 0px 0px 0px;
	border:1px solid #fff;
	border-bottom:0px;
	font-size:1.0em;
}
.siteSubMenu li{
	display:block;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:left;
	list-style:none outside none;
	border-bottom:1px solid #fff;
}
.siteSubMenu a{
	padding:2px;
	display:block;
	text-decoration:none;
	color:#ffffff;
}

.siteSubMenu a:hover{
	color:#dc002e;
}

/* het volgende wordt ALLEEN gezien door IE 5.x en 6 en niet door de anderen */
* html .siteSubMenu a{
	width:100%;
}

/* het volgende wordt NIET gezien door IE 5.x en 6.x maar wel door alle anderen */
html>body .siteOnderdeel{
	margin:30px 0px 0px 0px;
	width:auto;
}
html>body .siteOnderdeel a{
	margin:5px 50px 2px 10px;
}
html>body .siteNavigatieTopZoeken{
	margin:2px -28px 0px 0px;
	height:100%;
}

/*=====================================================================*/
/* stappen                                                             */
/*=====================================================================*/
.siteNavigatieStappenContainer{
	margin:0;
	padding:0;
	width:100%;
	font-size:1.0em;
	color:#f09100;
}
.siteNavigatieStappenContainer a{
	color:#f09100;
}
.siteNavigatieStappenContainer a:hover{
    color:#00519e;
}
.siteNavigatieStappen{
	float:left;
	padding:0px 20px 0px 0px;
}

/*=====================================================================*/
/* Popup                                                               */
/*=====================================================================*/
.sitePopup {
	margin-top:0;
	margin-left:0;
	background-color:#dadfe2;
}

/*=====================================================================*/
/* Content deel                                                        */
/*=====================================================================*/
.normalkop {
    color:#f09100;
    font-size:1.5em;
    text-decoration:none;
}
.normal {
    font-size:1.0em;
    color:#4c575f;
}
.normal a{
    font-size:1.0em;
    color:#4c575f;
}
.normal a:hover{
    font-size:1.0em;
    color:#00519e;
}
.normaltext {
    font-size:1.0em;
    color:#4c575f;
}
.normaltext a{
    font-size:1.0em;
    color:#4c575f;
}
.normaltext a:hover{
    font-size:1.0em;
    color:#00519e;
}
.normaltitel {
    color:#4c575f;
    font-size:1.0em;
    font-weight:bold;
}
.normaltitel a{
    color:#4c575f;
    font-size:1.0em;
}
.normaltitel a:hover{
    font-size:1.0em;
    color:#00519e;
}
.small {
    color:#4c575f;
    font-size:0.8em;
}
.small a{
    color:#4c575f;
    font-size:1.0em;
}
.small a:hover{
    font-size:1.0em;
    color:#00519e;
}
/* afwijkingen uit het verleden */
.Bluekop {
    color:#f09100;
    font-size:1.5em;
    text-decoration:none;
}
.kopblauwnormal{
    color:#f09100;
    font-size:1.5em;
    text-decoration:none;
}
.kopnormal {
    color:#4c575f;
    font-size:1.1em;
    font-weight:bold;
}
.kopnormal a{
    color:#4c575f;
    font-size:1.0em;
}
.kopnormal a:hover{
    font-size:1.0em;
    color:#00519e;
}
/* formulieren */
.button {
    cursor:hand;
    font-size:1.0em;
}
.text {
	 border:gray 1px solid;
    font-size:1.0em;
    height:100%;
}
.option {
    font-size:1.0em;
	 border:gray 1px solid;
    width:200px;
}
.textarea {
    border:gray 1px solid;
    font-size:1.0em;
    height:75px;
    width:300px;
}
.radio {
    font-size:1.0em;
}
.formlijn {
	 background-color:#cccccc;
}
/* overige content */
.tabelTitel {
	color:#f09100;
	font-size:1.1em;
	font-weight:bold;
}
.tabelOpmaak {
	border-collapse: collapse;
	border:2px solid #000066;
}
.tabelOpmaak td{
	border:1px solid #000066;
}
/* foutmeldingen */
.normalfoutmelding {
    font-size:1.0em;
    color:#ff0000;
}
.normalfoutmelding a{
    font-size:1.0em;
    color:#4c575f;
}
.normalfoutmelding a:hover{
    font-size:1.0em;
    color:#00519e;
}
.Blackkop {
    color:#f000000;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
}

.Blacknormaltext a{
    font-size:1.0em;
    color:#000000;
}

.Whitekop {
    color:#ffffff;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
}

#portal{
	width:100%;
	padding:0;
	margin:0;
	margin-right:-31px;
}
/* het volgende wordt ALLEEN gezien door explorer */
* html #portal{
	margin-right:-236px;
}
.portalScrollbar{
	width:545px;	
	height:1px;	
}
.portletTekst{
	margin:0;
	padding:0 0 0 5px;
	font-size:1.0em;
	color:#4c575f;
}
.portletTekst a{
	font-size:1.0em;
	color:#4c575f;
}
.portletTekst a:hover{
	font-size:1.0em;
	color:#00519e;
}
.portletTekst h2{
	font-size:1.1em;
	color:#fff;
	background:#00519e;
	margin:0 0 5px -5px;
	text-indent:5px;
}
.portletTekst ul{
	margin:0 0 0 15px;
	padding:0;
}
.portletTekst table {
	border-collapse:collapse;
	border-spacing:0;
	width:auto;
	height:auto;
}
.portletTekst td{
	font-size:1.0em;
	color:#4c575f;
	margin:0;
	padding:0;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
.portletTekst iframe{
	width:150px;
	height:70px;
	border-style:none;
}

.portletContainer.oranjeCont{
	border:1px solid #f09100;
}
.portletTekst.oranjeTekst h2{
	background:#f09100;
}
.portletContainer.grijsCont{
	border:1px solid #72797e;
}
.portletTekst.grijsTekst h2{
	background:#72797e;
}
.portletContainer.lichtgrijsCont{
	border:1px solid #abb1b5;
}
.portletTekst.lichtgrijsTekst h2{
	background:#abb1b5;
}
.portletContainer.donkerblauwCont{
	border:1px solid #00519e;
}
.portletTekst.donkerblauwTekst h2{
	background:#00519e;
}
.portletContainer.blauwCont{
	border:1px solid #748cc2;
}
.portletTekst.blauwTekst h2{
	background:#748cc2;
}
.portletContainer.lichtblauwCont{
	border:1px solid #009dc4;
}
.portletTekst.lichtblauwTekst h2{
	background:#009dc4;
}
.portletContainer.groenCont{
	border:1px solid #bcbd00;
}
.portletTekst.groenTekst h2{
	background:#bcbd00;
}

.clear{
	clear:both;
}