/*** !important is fix for firefox/IE issues ***/

body {
		overflow-y: auto;
		text-align: center;
		font: 12px Verdana, sans-serif;
		color: #026ba4;
		}
		
table {
		font: 12px Verdana, sans-serif;
		}
									
/*** style for common elements ***/

a {
		color: #f78f1e;
		text-decoration: none;
		}

		a:hover {
				text-decoration: underline;
				}		

input, select, textarea {
		padding-left: 2px;
		font: 12px Verdana, sans-serif;
		}

col {
		background: none;
		}		

/*** style for common classes ***/
			
.error {
		font-style: italic;
		color: red;
		text-align: left;
		}

.input_text input {
		background: url('../Webmasters/Images/bg_input_text.gif') repeat-x;
		}		

.btn_login {
		width: 45px; height: 16px;
		color: #fff;
		cursor: pointer;
		font-size: 10px;
		border: none;	
		background: url('../Webmasters/Images/btn_login.gif') no-repeat;
		}
		
.btn_registreer, .btn_registreernu, .btn_invite, .btn_verstuur, .btn_opnieuw,
.btn_opslaan, .btn_toevoegen, .btn_verwijder, .btn_inloggen, .btn_gaverder {
		display: block;
		width: 213px; height: 22px;	
		background: url('../Webmasters/Images/btn_registreernu.gif') no-repeat;
		}

.btn_registreer {
		width: 91px;		
		background: url('../Webmasters/Images/btn_registreer.gif') no-repeat;
		}

.btn_verstuur {
		width: 82px;		
		background: url('../Webmasters/Images/btn_verstuur.gif') no-repeat;
		}		

.btn_opnieuw {
		width: 82px;		
		background: url('../Webmasters/Images/btn_opnieuw.gif') no-repeat;
		}
				
.btn_invite {
		width: 63px;		
		background: url('../Webmasters/Images/btn_invite.gif') no-repeat;
		}

.btn_opslaan {
		width: 80px;		
		background: url('../Webmasters/Images/btn_opslaan.gif') no-repeat;
		}		

.btn_toevoegen {
		width: 91px;		
		background: url('../Webmasters/Images/btn_toevoegen.gif') no-repeat;
		}

.btn_verwijder {
		width: 91px;		
		background: url('../Webmasters/Images/btn_verwijder.gif') no-repeat;
		}

.btn_inloggen {
		width: 81px;		
		background: url('../Webmasters/Images/btn_inloggen.gif') no-repeat;
		}				

.btn_gaverder {
		width: 91px;		
		background: url('../Webmasters/Images/btn_gaverder.gif') no-repeat;
		}
						
		.btn_registreer span, .btn_registreernu span, .btn_invite span, .btn_verstuur span,
		.btn_opnieuw span, .btn_opslaan span, .btn_toevoegen span, .btn_verwijder span,
		.btn_inloggen span, .btn_gaverder span {
				display: none;
				}		
		
/*** style for headers ***/

h1 {
		margin: 0;
		text-transform: uppercase;
		color: #002f48;
		font-size: 24px;
		}

h2 {
		margin: 0;
		text-transform: uppercase;
		font-size: 18px;
		height: 25px;
		}

h3 {
		margin: 0;
		font-size: 17px;
		}				

/*** style for site layout ***/

#main {
		margin: 0 auto; padding: 0;
		width: 960px; height: 600px;
		text-align: left;
		}

#header {
		position: relative;
		height: 81px;
		background: url('../Webmasters/Images/bg_header.jpg') repeat-x;
		}		
				
#logo {
		float: left;				
		margin: 11px 27px 0 24px;
		width: 156px; height: 58px;
		behavior: url('iepngfix.htc');
		border: 0;
		}		

/*** style for account info ***/

#account {
		float: left;
		padding: 0 0 0 10px;
		width: 736px; height: 23px;		
		font-size: 10px;
		background: url('../Webmasters/Images/bg_account.gif') no-repeat;
		}

		#account table {
				color: #fff;
				font-size: 10px;
				}	

		#account a {
				color: #fff;
				text-decoration: underline;
				}

				#account a:hover {
						text-decoration: none;
						}										

#login .input_text input {
		padding: 2px 4px;
		width: 115px; height: 16px;
		color: #002c44;		
		font: 10px Verdana, sans-serif;
		border: none;
		background: url('../Webmasters/Images/bg_input.gif') no-repeat;
		}

#loginerror {
		clear: both;
		float: left;
		display: block;
		width: 300px; height: 26px;
		color: red;
		}

#divErrors {
		color: red;
		font-style: italic;		
		}		
		
/*** style for menu ***/

#menu {
		position: absolute;
		right: 0; bottom: 7px;
		margin: 0; padding: 4px 0 0 0;
		width: 751px;
		list-style: none;
		background: url('../Webmasters/Images/line.gif') no-repeat;
		}

		#menu li {
				float: left;
				margin: 0; margin-right: 10px; padding: 0;
				background: url('../Webmasters/Images/btn_right.gif') right top no-repeat;
				}		

				#menu li a {
						display: block!important; display: inline-block;
						padding: 2px 11px;						
						height: 18px!important; height: 22px;
						color: #002c44;
						font-weight: bold;
						font-size: 14px;
						text-decoration: none;
						background: url('../Webmasters/Images/btn_left.gif') left top no-repeat;
						}

		#menu li.active {
				background: url('../Webmasters/Images/btn_active_right.gif') right top no-repeat;
				}

				#menu li.active a {
						background: url('../Webmasters/Images/btn_active_left.gif') left top no-repeat;
						}													

/*** style for freepages ***/

#images {
		float: left;
		margin: 23px 15px 0 23px; padding: 0;
		width: 391px; height: 439px;
		}
		
#freepage {
		margin: 30px 0 0 220px; padding: 0;
		width: 508px;
		}

		#freepage p {
				line-height: 16px;
				}		

/*** style for home ***/

#home {
		display: block;
		margin-left: 86px; padding: 35px 0 0 335px;
		width: 416px!important; width: 751px; 
		height: 340px!important; height: 375px;	
		}

		#text {
				float: left;
				overflow: auto;
				margin: 10px 0 0 0; padding: 0;
				width: 414px!important; width: 414px;
				}

				#text p {
						margin: 0; padding: 0;
						}				

#register_home {
		padding: 100px 0 0 16px;
		height: 70px!important; height: 170px;
		behavior: url('iepngfix.htc');
		background: url('../Webmasters/Images/bg_postzegel.png') no-repeat;
		}

		#register_home table {
				color: #002f48;
				}		
					
/*** style for flexpots ***/

#flex {
		margin-left: 86px; padding-left: 30px;
		width: 721px!important; width: 751px; 
		height: 140px;	
		background: url('../Webmasters/Images/line.gif') no-repeat;
		}

.flexpot, .invite {
		float: left;
		margin: 0; padding: 8px;
		width: 344px!important; width: 360px;
		}

		.flexpot img {
				margin: 0;
				border: none;		
				}

		.flexpot p, .invite p {
				margin: 0;		
				}

.invite {
		padding: 8px; padding-left: 0;
		width: 352px!important;
		}

		.invite h2, .invite p {
				margin-left: 6px;
				}		

		.invite .bg {
				height: 75px;
				background: url('../Webmasters/Images/bg_invite.gif') left bottom no-repeat;
				}

				.invite table {
						margin: 15px 0 0 4px;
						table-layout: fixed;
						}										
				
/*** style for forms ***/

#forms {
		margin: 30px 0 0 220px; padding: 0;
		width: 508px; 
		}

		#forms table {
				font-size: 11px;
				}
				
/*** style for cardback ***/

#cardback {
		border: solid 1px #ccc;
		background: url('../Webmasters/Images/bg_card.gif') no-repeat;
		}
/*
		#cardback .error {
				text-align: right;
				}
*/
.textheader {
		vertical-align: bottom; 
		padding: 5px 10px;
		}						
		
.textarea {
		padding: 0 10px;
		border-right: solid 1px #ccc;
		}
		
		.textarea textarea {
				padding: 5px;
				overflow: auto;
				border: none;
				background: #f3f3f3;
				}

.to {
		vertical-align: top; 
		padding: 80px 10px 0 10px;
		}				

		.to input {
				margin-bottom: 10px;
				padding: 5px;
				height: 25px;
				border: none;
				border-bottom: solid 1px #ccc;
				}

.send {
		vertical-align: bottom; 
		padding: 20px 10px 5px 0; 
		text-align: right; 
		}

/*** style for footer ***/
			
#footer {
		margin: 16px 0 0 86px; padding: 0; padding-top: 8px;
		width: 751px;
		list-style: none;
		text-align: center;
		font-size: 11px;
		background: url('../Webmasters/Images/line.gif') no-repeat;
		}
				
		#footer li {
				display: inline;
				margin: 0; padding: 0;
				text-align: center;
				}
						
				#footer li a {
						color: #002c44;				
						}

						#footer li.active a {
								font-weight: bold;
								}			

/*** style for addressbook ***/

.addressentry {		
		padding: 5px;
		height: 25px;
		border-bottom: solid 1px #ccc;
		}

/*** style for sIFR ***/

.sIFR-flash {
		visibility: visible !important;
		margin: 0; padding: 0;
		}

.sIFR-replaced {
		visibility: visible !important;
		}

.sIFR-alternate {
		position: absolute;
		left: 0; top: 0;
		width: 0; height: 0;
		display: block;
		overflow: hidden;
		}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
		display: none !important;
		}

		.sIFR-active h1, .sIFR-active h2, .sIFR-active h3 {
				visibility: hidden;			
				line-height: 1em;
				}