﻿	/* BASIC TAGS */

	table 
	{
		font-size: 11px;
	}

	h1, h2, h3, h4, h6 
	{
		margin: 0;
		font-family: tahoma, arial, helvetica, sans-serif;
	}

	p 
	{
		line-height: 1.4em;
		text-align:justify;
	}

	hr 
	{
		border: 0;
		border-top: 1px solid; 
		height: 3px; 
	}

	a 
	{
		text-decoration: none;
		color: #d32525;
	}

	a:visited 
	{
		color: #980000;
	}

	a:hover 
	{
		text-decoration: underline;
		color: #e05252;
	}

	a:active 
	{
		color: #980000;
	}

	body, html
	{
		margin: 0;
		padding: 0;
		/* height: 100%; */
		border:none;
	}

	body 
	{
		background-color: #ffffff;
	/*	background-image: url(images/background.gif);
		background-repeat: repeat-x; */
		text-align: center;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 8px;
		color: #000000;
		min-width: 1160px;/*960*/
	}

	img 
	{
		border-width: 0;
	}

	/* HEADER */

.header 
{
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 1160px;/*960*/
	height: 81px;
	margin-left: auto;
	margin-right: auto;
}

	.loginstatuss4e, .loginclientanduser, .verbruiksprofielen, .maandbalans, 
	.ButDutch, .ButEnglish, .ButFrench, .ButSpanish, .ButGerman, .ButPDF
	{
		position: absolute;
		text-transform: uppercase;
		font-size: 11px;
		top: 60px;
	}

	.loginstatuss4e
	{
		right: 37px;
	}

	.loginstatuss4e a:visited 
	{
		color: #d32525;
	}

	.verbruiksprofielen, .maandbalans
	{
		left:290px;
	}

	.loginclientanduser
	{
		font-weight:bold;
		left: 37px;
		text-align:left;
	}

	/* FOOTER */

	/*.footerbg 
	{
		background-image: url(images/footer-side.gif);
		background-repeat: repeat-x;
		width: auto;
		height: 75px;
		text-align: center;
	}*/

	.footer 
	{
		background-image: url('images/footer.gif');
		background-repeat: no-repeat;
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width: 1160px;/*960*/
		height: 37px;
		text-align: center;
		font-size: 11px;
    top: 0px;
    left: 0px;
}

	.s4eInfoImage
	{
		margin-top: 5px;	
	}

	.atshyperlinkweb, .atshyperlinkemail
	{
		position:absolute;
		top:13px;
	}

	.atshyperlinkweb
	{
		left:37px;
	}

	.atshyperlinkemail
	{
		right:37px;
	}

	/* DEFAULT.ASPX */

	.shim 
	{
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		width: 1160px;/*960*/
		height: 8px;
		font-size: 0;
	}

	.column 
	{
		background-image: url(images/content-shim.gif);
	}

	.page 
	{
		background-repeat: repeat-y;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	h3 
	{
		margin-top: 1.0em;
		margin-bottom: 1.12em;
		font-size: 16px;
		font-weight: bold;
	}

	h4 
	{
		margin-top: 1.0em;
		margin-bottom: 1.12em;
		font-size: 14px;
		font-weight: bold;
	}

	h6 
	{
		font-size: 12px;
	}

	#homelogin
	{
		background-image: url(images/body-repeat.gif);
		position: relative;
		width: 1086px; /*886*/
		padding: 0px 37px; /* 686 + 2*37 = 760; */
		padding-top: 1px; /* Weird Mozilla Bug */
		padding-bottom: 40px; /* Weird Mozilla Bug */
		height: 100%;
	}

	#homemain, #mainverbruiksprofielen, #mainmaandverbruiken, #maindocuments
	{
		position: relative;
		width: 1150px;/*950*/
		padding: 0px 5px; /* 686 + 2*37 = 760; */
		padding-top: 1px; /* Weird Mozilla Bug */
		padding-bottom: 1px; /* Weird Mozilla Bug */
		height: 100%;
	}

	#homemain
	{
		background-image: url(images/body-repeatmain.gif);
	}

	#mainverbruiksprofielen, #mainmaandverbruiken, #maindocuments
	{
		background-image: url(images/body-repeatuserpages.gif);
	}

	#sidebar, #sidebar2 /* div-tag sidebar2 heb ik toegevoegd om wat 100% height functionaliteit te krijgen, ni gemakkelijk werkt altijd anders dan verwacht. */
	{
		float: left;
		width: 214px;
	}

	.login .label 
	{
		display:block;
	}

	.login .textbox 
	{
		border: 1px solid #929292;
		width: 140px;
		vertical-align: middle;
		padding: 3px;
		margin: 2px 0 5px 0px;
	}

	.login .button 
	{
		display:block;
		margin-top:8px;
		margin-bottom:8px;
	}

	#content 
	{
		margin-left: 256px;
	}

	#content p
	{
		font-size:12px;
		margin-left: 3px;
	}

	.imgs4eside
	{
		float:left;
	}

	.imgs4elogo
	{
	/*	margin-left: 330px;
		padding-top: 30px; */
		float:left;
	}

	#lastinfo
	{
		clear:left;
	}

	.loginfailuretext
	{
		font-size:14px;
		font-weight: bold;
		color: Red;
	}

	.s4eliteral
	{
		font-size:14px;
		font-weight: bold;
		font-style:italic;
	}

	.s4eliteral #s4egreen
	{
		color: Green;
	}

	.s4eliteral #s4eblue
	{
		color: Blue;
	}

	.s4eliteral #s4egray
	{
		color: #999999;
	}
