/*
  Dit is de CSS van MLWeb.eu.
  Alles in deze CSS file staat onder copyright van ML Webservice 
  De kleuren gebruikt in deze CSS:
 	Donker blauw: #0E2D8A;
  Licht  blauw:	#7D82B8;
  Wit:					#FFFFFF;
*/

/* Body */
body
{
	background-color:			#7D82B8; 
	color:								#0E2D8A;
	margin:								10px 0px 0px 0px;
	font: 								normal small-caps 900 10px arial
}
table.hoofdtabel
{
		background-color:		#FFFFFF;
		width:							780px;
		height:							100%;
		padding:						5px;
}
table.hoofdtabel td
{
		padding:						5px;
}

.topbar /* bovenste balk in het scherm */
{
		background-image: 	url(http://www.mlweb.eu/images/topbar.gif);
		background-repeat: 	repeat-x;
}

/* Algemene settings */

a
{
	color:								#0E2D8A;
	text-decoration:			none;
}

a:hover
{
	color:								#0E2D8A;
	text-decoration:			underline;
}

a:visited
{
	text-decoration:			none;
	color:								#0E2D8A;
}

a:visited:hover
{
	color:								#0E2D8A;
	text-decoration:			underline;
}

a:active
{
	text-decoration:			bold;
	color:								#0E2D8A;
}

/* Menu */

table.menu
{
	border: 							thin solid #0E2D8A
	border-width:					1px;
	cellspacing:					0px;
	padding:							0px;
	width:								175px;
	valign:								top;
	font: 								normal small-caps 900 12px arial black
}

table.menu th /* bovenste balk van het menu */
{
	background-color:			#0E2D8A; 
	color:								#FFFFFF;
	align:								center;
	valign:								center;
	padding:							0px;
	font-size:						14;
}

table.menu td /* tussen balken van het menu */
{
	background-color:			#FFFFFF; 
	color:								#0E2D8A;
	padding:							0px;
	font-size:						13;
}

table.menu a
{
	color:								#0E2D8A;
	text-decoration:			none;
}

table.menu a:hover
{
	color:								#0E2D8A;
	text-decoration:			underline;
}

table.menu a:visited
{
	text-decoration:			none;
	color:								#0E2D8A;
}

table.menu a:visited:hover
{
	text-decoration:			underline;
	color:								#0E2D8A;
}


table.menu a:active
{
	text-decoration:			bold;
	color:								#0E2D8A;
}

a.passlost
{
	font: 								normal small-caps 900 11px arial black
}



/* Portfolio */

table.portfolio
{
	border: 							thin solid #0E2D8A
	color:								#0E2D8A;
	padding:							0px;
	font-size:						12;
	width:								550;
	cellspacing:					0px;
}

td.portfolio_top
{
	background-color:			#0E2D8A; 
	color:								#FFFFFF;
	padding:							0px;
	font-size:						13;
}

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

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

td.portfolio_top a:visited
{
	text-decoration:			none;
	color:								#FFFFFF;
}

td.portfolio_top a:active
{
	text-decoration:			bold;
	color:								#FFFFFF;
}

td.portfolio_right
{
	background-color:			#FFFFFF; 
	color:								#0E2D8A;
	padding:							0px;
	font-size:						12;
}

/* Hosting */

table.pakketten
{
	border: 							thin solid #0E2D8A
	color:								#0E2D8A;
	padding:							0px;
	font-size:						12;
	width:								550;
	cellspacing:					0px;
}

table.domeinen
{
	border: 							thin solid #0E2D8A
	color:								#0E2D8A;
	padding:							0px;
	font-size:						12;
	width:								350;
	cellspacing:					0px;
}

td.domeinentop
{
	font-size:						13;
}

/* Contact */

td.contact_invulveld
{
	border-width: 2px;
	border-color: #0E2D8A;
}
td.contact_invulveld2
{
	background-image: 					url(http://www.mlweb.eu/images/contact_invoerveld2.gif);	
	background-repeat: 					none;
	height:											100;
	width:											398;
	scrollbar-arrow-color:			#0E2D8A; 
	scrollbar-track-color:			#FFFFFF; 
	scrollbar-face-color:				#FFFFFF; 
	scrollbar-highlight-color:  #FFFFFF; 
	scrollbar-3dlight-color:		#FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-shadow-color:			#FFFFFF;
}

/* Strippenkaart */

td.strip
{
	width: 				195px;
	height:	 			20px;
	text-valign: 	center;
	font-size:		10;
}

.style1 
{
	color: #FF0000
}
.style2 
{
	color: #00CC00
}
.style3 
{	
	color: #FF9900
}
.style4
{
	color: #FFFFFF;
	font-weight: bold;
}
.style5
{
	color: #990033;
}

a.kaartkeuze
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12;
	font-weight: bold;
}

a.kaartkeuze:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12;
	font-weight: bold;
}

a.kaartkeuze:visited:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12;
	font-weight: bold;
}

a.kaartkeuze:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12;
	font-weight: bold;
}

.admin_kaartnummer
{
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.stripinfo
{
	position:absolute;
	left: 50%;
	width: 335px;
	border: solid 1px darkgrey;
	background-color: #ffffc4;
	color: darkgrey;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	padding: 4px;
	display: none;
}

.stripdatum
{
	left: 30px;
	width: 190px;
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
	font-size: 12;
	text-align: center;
	text-valign: center;
	padding: 0px;
	display: float;
}
.geldigheidsdatum
{
	left: 30px;
	width: 190px;
	color: #FFFFFF;
	font-family: arial;
	font-style: italic;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	text-valign: center;
	padding: 0px;
	display: float;
}

/* Admin */

	/* Strippenkaart */

	table.ad_strip
	{
		border: 							thin solid #0E2D8A
		color:								#0E2D8A;
		padding:							0px;
		font-size:						12;
		width:								350;
		cellspacing:					0px;
	}