/* Gebruikte kleuren */
/* 						*/
/* Bezoekersmenu		*/

* {
	margin:0;
	padding:0;
}

a:link { color:#356ba2; text-decoration: none }
a:visited { color:#356ba2; text-decoration: none } 
a:active { color: #990000; text-decoration: none } 
a:hover { color: #990000; text-decoration: underline } 
a.extern:link { color:#990000; text-decoration: underline } 


body { 
	font-size: 62.5%;
	/* font-family:Times New Roman, Times, serif */;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/* font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; */
	background-color:#EEEEEE;
	quotes: '\201C' '\201D' '"' '"' '\AB' '\BB';
	margin-top: 12px;
	}

.beheermededeling {
	text-align:center;
	font-size:1.2em;
	padding: 3px;
	margin:0;
	width:99%;
	color:#FFF;
	background-color:#009900;
	}
	
.beheerwaarschuwing {
	text-align:center;
	font-size:1.2em;
	padding: 3px;
	margin:0;
	width:99%;
	color:#FFF;
	background-color:#C00000;
	}

/* algemene id voor de layout */

.topwrapper {
	height:14em;
	max-width: 98%;
	font-size: 1.2em;
	margin-top:0px;
	margin-left:3px;
	background:url(http://rjmmilt.home.xs4all.nl//bz/images/img/css-topwrapper.png) no-repeat left;
}

/* sectie met algemene navigatiebalk afhankelijk van status gebruiker */

.top{
	left:0px;
	top:0px;
	background-color: #F0F0F0 ;
	border: 1px solid #F0F0F0 ;
	position: fixed ;
	width: 99% ;
	z-index: 1000 ;
	}

.top ul
{
	float:left;
	width: 99%;
	max-width:100%;
	margin: 2px ;
	padding: 3px 0 1px 0;
	list-style: none;
	color:#356ba2;
	border-bottom:3px;
	border-bottom-style:solid;
	border-bottom-color:#D9E6F2;
	background-color: #D9E6F2; 
	}

.top ul a {
	display: block;
	padding: 2px 2px 2px 10px;
	line-height: 1.3em;
	color:#356BA2;
	background:url(http://rjmmilt.home.xs4all.nl//bz/images/img/menu-divider.gif) repeat-y left top;
	background-color:#D9E6F2;
	text-decoration: none;
	font-weight:normal;
}

.top ul a:hover{
	color: #fff;
	background-color: #A7C5E2;
	text-decoration: none;
}

.top .beheren {
	float:right;
	margin: 0 2px 0 0;
	}
	
.top .useroption{
	float:left;
	}


.userActions {
	width:98%;
	margin: 0px;
	position:fixed;
	z-index:1;
	}

.userActions ul
{
	float:left;
	width: 99%;
	max-width:100%;
	margin: 2px ;
	padding: 3px 0 1px 0;
	list-style: none;
	color:#356ba2;
	border-bottom:3px;
	border-bottom-style:solid;
	border-bottom-color:#D9E6F2;
	background-color: #D9E6F2; 
	}

.userActions ul a {
	display: block;
	padding: 2px 2px 2px 10px;
	line-height: 1.3em;
	color:#356BA2;
	background:url(http://rjmmilt.home.xs4all.nl//bz/images/img/menu-divider.gif) repeat-y left top;
	background-color:#D9E6F2;
	text-decoration: none;
	font-weight:normal;
}

.userActions ul a:hover{
	color: #fff;
	background-color: #A7C5E2;
	text-decoration: none;
}

.userActions .beheren {
	float:right;
	margin: 0 2px 0 0;
	}
	
.userActions .useroption{
	float:left;
	}

/* kruimelpad */

.kruimelpad{
	display:block;
	float:left;
	text-align:left;
	color:#D9E6F2;
	margin-left:5px;
	margin-top:18px;
	}

.kruimelpad a {
	padding: 2px 0px 2px 0px;
	line-height: 2em;
	color:#FFF;
	font-weight:normal;
	}


/* Alternatieve manier voor opbouwen van forms en tabel-achtige weergave
zie http://realworldstyle.com/forms.html */

.loginbox {
	width: 99%; 
	max-width: 28em;
	padding: 0px;
	margin: 1.5em 3px auto auto;
	float:right;
	background-color:#D9E6F2;
}

.loginbox legend{
	background-color:#D9E6F2;
	color: #356ba2;
	font-weight:bold;
	padding: 0 0 0 0;
	margin: 0 0 .3em; 0;
	font-size:1.0em;
}


.infobox {
	float:right;
	width: 99%; 
	max-width: 26em;;
	padding: 0px;
	margin: 2em 3px auto auto;
	border-color:#000000;
	border:2px;
	background-color:#D9E6F2;
}

.historiebox{
	clear:left;
	float:left;
	margin:.3em;
	border:2px;
	}
.historiebox legend{
	background:none;
	color: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 .3em; 0;
	font-size:1.0em;
}

.formulier{
	width:95%;
	background-color:#D9E6F2;
	margin-left: 2%;
	padding: .3em;
	}

.formulier-split{
	width:93%;
	margin-left: 2%;
	margin-bottom: 2%;
	padding: .3em;
	background-color:#EEE;
	border:.7%;
	border-color:#7DA9D5;
	border-style:solid;
	}


fieldset{
	padding: .2em;
	border: .1em dotted #7DA9D5;
	margin:.5em;
	}

legend{
	background-color:#FFFFFF;
	color: #356ba2;
	padding: 0 0 0 0;
	margin: 0 0 .3em; 0;
	font-size:1.0em;
}

textarea{ 
	width:94%;
	margin-left:2%;	
	text-align: left; 
	vertical-align: top; 
	border: 2px #7DA9D5 solid; 
	padding-right: .3em; 
	padding-left: .3em; 
	height: auto; 
	color: #356ba2 ;
	background-color: #FFF; 

	}
	
/* iframe{ 
	max-width:350px;
	max-height:450px;
	margin-left:.5%;	
	text-align: center; 
	vertical-align: top; 
	border: 2px #7DA9D5 solid; 
	color: #356ba2 ;
	background-color: #FFA; 
	} */

input[type=text], input[type=password] {
	border: 2px #7DA9D5 solid;
	padding-right: .3em; 
	padding-left: .3em; 
	color: #356ba2;
	background-color: #FFF; 
}

input[type=submit], input[type=button] {
	border: 2px #7DA9D5 solid; 
	font-size: .9em; 
	padding-right: .3em; 
	padding-left: .3em; 
	margin-right: 2px;
	color: #FFF;
	background-color: #356ba2; 
	}

input[type=radio] {
	margin: 0em .4em ;
	
	}

.historielijst{
	clear:left;
	float:left;
	margin: .5em .5em 1em .5em;
	border: 1px #7DA9D5 solid; 
	color: #356ba2;
	}

/* rijen en labels in formulieren */

div.row {
  clear: both;
  padding-top: 1px;
  min-height:22px;
  text-align:left;
  }

div.row span.label {
  float: left;
  width: 39%;
  text-align: right;
  padding-right:2px;
  margin-top:1px;
  font-weight:bold;
  }

/* Als het veld een INPUT is */
div.row span.field {
  float: right;
  width: 60%;
  text-align: left;
  } 

/* Als het alleen tekst is */
div.row span.tekst {
  float: right;
  width: 59%;
  text-align: left;
  margin-top:3px;
  padding-left:2px;
  } 

div.row span.desc {
  float: right;
  width: 65%;
  text-align: left;
}

div.row span.right {
  float: right;
  width: 99%;
  text-align: right;
  padding-right:4px;
}

div.row span.fieldfirst {
  float: left;
  width: 33%;
  text-align: left;
  padding-left:4px;
}
  
div.totalrow {
  clear: both;
  padding-top: 1px;
  padding-bottom: 2px;
  text-align:center;
  }


/* standaard wrapper voor het content deel */

.wrapper {
	width: 99%;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;
	clear:both;
}

/* Ten behoeve van de navigatie door het menu van bezoekers */

.mainNav{
	width: 23em;
	max-width:23%;
	float:left;
}

.menuNav {
	margin: 0px 0px 0px 0px ;
}

.menuNav ul
{
	margin: 0;
	padding: 1px 3px 3px 0px;
	list-style-type: none;
	color:#356ba2;
	background-color:#7DA9D5;
}

.menuNav ul li { 
	margin: opx 1px 0px 0px; 
	padding-left: 2px;
	font-weight:bold;
	}

.menuNav ul ul
{
	margin: 0;
	list-style-type: none;
	background-color:#D9E6F2;
}

.menuNav ul ul li { margin: 0 0 0px 2px; }

.menuNav ul ul a {
	display: block;
	padding: 1px 0px;
	width: 95%;
	color:#356BA2;
	background-color:#D9E6F2;
	text-decoration: none;
	font-weight:normal;
}


.menuNav ul ul a:hover
{
color: #fff;
background-color: #A7C5E2;
text-decoration: none;
}

/* Ten behoeve van de advertenties tussen de onderdelen van het hoofdmenu van bezoekers */

.adsNav{
	margin: 0px 0px 0px 0px ;

}
.adsNav ul
{
	margin: 0px 0px 0px 0px ;
	padding: 1px 3px 3px 0px;
	list-style-type: none;
	color:#356ba2;
	background-color:#ffCC80;
}

.adsNav ul li { 
	margin: opx 1px 0px 0px; 
	padding-left: 2px;
	font-weight:bold;
	}

.adsNav ul ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color:#FFF8EA;
}


.adsNav ul ul li { margin: 0 0 0px 2px; }

.adsNav ul ul a {
	display: block;
	padding: 1px 0px;
	width: 95%;
	background-color:#FFF8EA;
	text-decoration: none;
	font-weight:normal;
}

.adsNav ul ul a:hover
{
color:#356BA2;
background-color: #FFDFAE;
text-decoration: none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#tabnav{
	overflow: hidden;
	width: 100%;
	margin-left:10px;
	font-size: 1em; /*font of menu text*/
}

#tabnav ul{
	float: left;
	list-style-type: none;
	margin: 0;
	margin-left: 30px; /*offset of first tab relative to page left edge*/
	padding: 0;
}

#tabnav li{
	float: left;
	margin: 0;
	padding: 0;
}

#tabnav a{
	float: left;
	position: relative;
	top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(http://rjmmilt.home.xs4all.nl//bz/images/img/tab-blue-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 4px; /*ruimte tussen elke tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
}

#tabnav a span{
	float: left;
	position: relative;
	display: block;
	background: url(http://rjmmilt.home.xs4all.nl//bz/images/img/tab-blue-right.gif) no-repeat right top;
	padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: bold;
	color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabnav a span {float:none;}
/* End IE5-Mac hack */

#tabnav #disabled a span{
	color:#999999;
	}
	
#tabnav #selected a{
	background-position: 0 -125px;
	top: 0;
}

#tabnav #selected a span{
	background-position: 100% -125px;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}

#tabnav a:hover{
	background-position: 0% -125px;
	top: 0;
}

#tabnav a:hover span{
	background-position: 100% -125px;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}


.content {
	width: 76%;
	max-width:76%;
	float: right;
	}

h1 {
	text-align: center; 
	vertical-align: top; 
	color: #356ba2; 
	font-size: 1.6em; 
	padding-bottom: 6px; 
	font-weight: bold; 
	margin-top: 2%;
	margin-bottom: 1%;
	clear:both;
}

h2 { font-size: 1.2em; 
	font-weight: bold; 
	text-align:center;
	margin-bottom: 1%;
	}

.content img{
	float:left
	margin-right: 2px;
	margin-left: 1px;
	border:none;
	vertical-align:middle;
	left:auto;
	}


/* kolommen voor een 50/50 verdeling bij een 3-koloms layout */
.colA {
	clear:both;
	width: 48%;
	float: left;
	margin-left: .5%;
	margin-right: 1%;
}

.colB {
	width: 48%;
	float: right;
	margin-left: 1%;
	margin-right: .5%
}

/* kolommen voor een 30/70 verdeling binnen een kolom A of B */
.colC {
	float: left;
	max-width:29%;
	min-width:29%;
	display: inline;
	margin-left:0%;
	margin-right:1%;
	margin-top:1%;
	}

.colC img{
	float:left
	margin-right: 2px;
	margin-left: 5px;
	border:none;
	vertical-align:middle;
	left:auto;
	}

.colD {
	float: left;
	max-width:69%;
	display: inline;
	margin-top: .3em;
}

/* kolommen voor een 75/25 verdeling bij een 3-koloms layout
voor invoerschermen met toegevoegde hints */

.colE {
	width: 68%;
	float: left;
	margin: .3em;
}

.colF {
	width: 29%;
	float: right;
	margin: .3em;
}

/* centrale 50% kolom voor kleine invoerformulier */

.colG {
	clear:both;
	width: 50%;
	float: left;
	margin-left: 25%;
	margin-bottom:2%;
}

/* kolommen voor een 25% verdeling speciaal voor galerien */
.colGal {
	float: left;
	max-width:250px;
	min-width:250px;
	max-height:350px;
	min-height:350px;
	display: inline;
	margin-left:2%;
	margin-right:1%;
	margin-top:1%;
	}
/* één brede kolom voor gebruik binnen mailing of selectieschermen */
.colH {
	clear:both;
	width: 98%;
	margin-top:1em;
	margin-left: 1em;
	margin-bottom:0;
}

/* centrale 75% kolom voor gemiddelde invoerformulieren */

.colI {
	clear:both;
	width: 75%;
	float: left;
	margin-left: 12.5%;
	margin-bottom:2%;
}

/* kolommen voor een 80/20 verdeling bij een 3-koloms layout
voor TPG-gal */

.colK {
	width: 19%;
	float: left;
	margin: .3em;
}

.colL {
	width: 79%;
	float: right;
	margin: .3em;
}

/* kolommen speciaal voor TPG */

.colTpg {
	float: left;
	max-width:160px;
	min-width:160px;
	max-height:200px;
	min-height:200px;
	display: inline;
	margin-left:0%;
	margin-right:1%;
	margin-top:1%;
	}

/* kolommen speciaal voor privé-SMS */

.colSms {
	float: left;
	max-width:300px;
	min-width:300px;
	max-height:800px;
	min-height:300px;
	display: inline;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	}

/* Commerciele advertenties */

.advertorialtekst{
	margin-bottom:5%;
	padding-top:1%;
	padding-left:1%;
	padding-bottom: 1%;
	width: 98%;
	border:3px;
	border-color:#ffCC80;
	border-style:dotted;
	background-color:#FFF8EA;
	text-align:left;
	color:#552B00;
	}

.advertorialtekst a{
	font-weight:bolder;
	}

.advertorialimage{
	margin-bottom:5%;
	padding-bottom: 1%;
	width: 98%;
	text-align:center;
	}


/* box voor diverse onderdelen met afgeronde hoeken boven en onder */

.box {
	background:#FFF url(http://rjmmilt.home.xs4all.nl//bz/images/img/box-links-onder.png) no-repeat left bottom;
	margin-bottom: 1.5em;
	padding-bottom: 0em;
	
	}
	
.box-outer{
	background: url(http://rjmmilt.home.xs4all.nl//bz/images/img/box-rechts-onder.png) no-repeat right bottom;
	margin-bottom: 0%;
	padding-bottom: 1em;
	
}

.box-inner{
	background: url(http://rjmmilt.home.xs4all.nl//bz/images/img/box-links-boven.png) no-repeat left top;
	}

.box-replace {
	margin-bottom: 2%;
	padding-bottom: 1%;
	border:1px;
	border-color:#D9E6F2;
	border-style:solid;
	}

.box-inner h2 {
	font-size: 1.2em;
	background: url(http://rjmmilt.home.xs4all.nl//bz/images/img/box-rechts-boven.png) no-repeat right top;
	padding-top: 3%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 1.5%;
	color:#101010; 
	text-align: center; 
	letter-spacing: 2px;
	}

h3 {
	font-size: 1.1em;
	margin: 1em .3em;
	padding: .3em;
	color:#FFF;
	background-color: #7DA9D5;
	text-align:center;
	}

h4 {
	font-size:1.05em;
	margin: 0em .3em .2em .3em;
	padding: .2em;
	background-color:#C2D7Eb;
	text-align: left;
}

h4 img, h3 img{
	float:right;
	margin-left: 5px;
	border:none;
	}

h5 {
	clear:both;
	font-size: .80em;
	padding: 3px;
	text-align: center;
}

h6 {
	clear:both;
	font-size:.80em;
	padding: 3px;
	margin-right:1em;
	text-align: right;
}

p{
	margin: .1em 0em;
	margin-left:1%;
	padding-left: 1%;
	padding-right: 2%;
	padding-bottom: 2%;
}

ol{	margin: 1%;
	margin-left:10%;
	padding: 1px 3px 3px 0px;
	list-style-type:decimal;
	color:#356ba2;
	}

ol li { 
	margin: opx 1px 0px 0px; 
	padding-left: 2px;
	}

ul{	margin: 1%;
	margin-left:10%;
	padding: 1px 3px 3px 0px;
	list-style-type:disc;
	}

ul li { 
	margin: opx 1px 0px 0px; 
	padding-left: 2px;
	}

.sticky{
	background-color:#D9E6F2;
	margin: 0 1%;
	margin-left:1%;
	padding-left: 1%;
	padding-right: 2%;
	padding-bottom: 2%;
	}

.box-inner .datum {
	font-weight:bold;
	}

.box-inner .quote, .box-inner q {
	font-style:italic;
	text-align:center;
	margin:1em;
	}
.box-inner .quote:before {
	content:open-quote;
	}

.box-inner .quote:after {
	content:close-quote;
	}
	
.box-inner .telepromo {
	text-align:center;
	}
	
.box-inner table {
	border-collapse:collapse;
	width: 96%;
	border: 1px solid #356BA2;
	margin: 1% 2%;
	}
	
.box-inner th[scope=row] {
	padding: .1em .1em;
	border: 1px #356BA2 solid;
	background-color: #D9E6F2;
	text-align:left;
	color: #356BA2;
	font-size: 1.0em;
	}

	/* gecentreerde kolom */

.box-inner th[scope=rowc] {
	padding: .1em .1em;
	border: 1px #356BA2 solid;
	background-color: #D9E6F2;
	color: #356BA2;
	text-align:center;
	font-size: 1.0em;
	}

.box-inner th[scope=col] {
	padding: 0.1em .1em;
	border: 1px #356BA2 solid;
	background-color: #7DA9D5;
	color: #FFF;
	text-align:center;
	font-size: 1.0em;
	}

	/* links uitgelijnde kolom */
	
.box-inner th[scope=coll] {
	padding: 0.1em .1em;
	border: 1px #356BA2 solid;
	background-color: #7DA9D5;
	color: #FFF;
	text-align:left;
	font-size: 1.0em;
	}


.box-inner .even {
	background-color: #edf5ff;
	}

.box-inner tr{
	background-color:#FAFAFA;
	}
	
.box-inner tr:hover {
	color:#356BA2;
	background-color: #A7C5E2;
	text-decoration: none;
}

.box-inner td {
	padding: .2em .1em;
	margin-left: .5em;
	}

.box-inner td.mid {
	text-align:center;
	}

img.command {
	margin-left:2%;
	margin-right:2%;
	margin-top: 5px;
	vertical-align:middle;
	}
	
/* Foutmeldingen, mededelingen en hints (op niveau pagina, entiteit, fieldset en attribuut) */

.attribuutfout, .attribuuthint, .attribuutmededeling{
	margin: .5em;
	padding: .3em;
	font-size: .9em;
	border:2px;
	border-style:dotted;
	text-align:center;
	}

	
.entiteitfout{
	width:70%;
	margin-left:15%;
	margin-bottom:.5em;
	font-size:1.2em;
	padding: .5em;
	text-align:center;
	}

.entiteitmededeling{
	margin: .5em;
	padding: .3em;
	font-size: .9em;
	text-align:center;
	border:2px;
	border-style:dotted;
	color:#006600;
	border-color:#ADE7AD;
	background-color:#EFFAEF;
	}

.fieldsetfout, .fieldsethint, .fieldsetmededeling {
	margin: .5em 0 .5em 0;
	font-size: .9em;
	padding: .3em;
	border:2px;
	border-style:dotted;
	}

.fieldsethint h2, .fieldsetfout h2, .fieldsetmededeling h2 {
	border-bottom:1px;
	border-bottom-style:dotted;
	padding-bottom: .5em;
	margin-bottom:.5em;
	font-size:1.1em;
	text-align:center;
	color:#356ba2;
	}

.fieldsethint p, .fieldsetfout p, .fieldsetmededeling p {
	margin-bottom: .7em;
	}
		

.paginafout, .paginahint, .paginamededeling{
	width:96%;
	max-width:96%;
	margin-left:.5%;
	margin-bottom:.3em;
	font-size:1.2em;
	padding: .5em;
	text-align:center;
	} 
	
.attribuutfout, .entiteitfout, .fieldsetfout{
	color:#990000;
	background-color:#FAEDED;
	border-color:#CC0000;
	}
	
.paginafout{
	color:#990000;
	border-color:#CC0000;
}

.attribuuthint, .fieldsethint, .paginahint{
	color:#552B00;
	background-color:#FBFADD;
	border-color:#EBDE69;
	}

.attribuutmededeling, entiteitmededeling, .fieldsetmededeling{
	color:#006600;
	background-color:#EFFAEF;
	border-color:#ADE7AD;
	}

.paginamededeling {
	color:#006600;
	border-color:#ADE7AD;
}

.mededeling{
	font-size:1.2em;
	padding: 1px;
	color:#FFF;
	background-color:#000000;
	}
	
.oplichten{
	font-weight:bold;
	color:#FF3030;	
	}

	
/* Footer onder elke pagina */

.footer {
	clear:both;
	color: #000; 
	text-align: center
	}

.info { 
	cursor: help;
	padding-bottom:4px;
	} 

	
.hint {
	font-size:.85em;
	}

.voetnoot {
	vertical-align:text-top;
	font-size: 1em;
	padding: .2em;
	color:#CC0000;
	}

.voettekst {
	text-align:center;
	font-size: .80em;
	color:#999999;
	}

/* Toon een datum in een formaat met grote maandcijfers en jaartal verticaal */
.blokdatum {
  background-color:#D9E6F2;
  float:left;
  margin:5px;
  padding:40px 5px 0;
  position:relative;
}

.blokdatum .dag {
  font-size:38px;
  left:3px;
  line-height:45px;
  position:absolute;
  top:0;
}

.blokdatum .maand {
  font-size:25px;
  text-transform:uppercase;
}

.blokdatum .jaar {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display:block;
  font-size:1.1em;
  background-color:#D9E6F2;
  position:absolute;
  right:0px;
  top:5px;
}

/* hiermee wordt de bezoekerteller buiten beeld geplaatst */
.bezoekerteller {
	height:0;
	left: -1000 px;
	overflow:hidden;
	position: absolute;
	top:-1000px;
	width:0;
	}

.selectienavigatie {
	text-align:center;
	padding: .3em;
	}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
zoom: 1;
}

/* afbeelden scorebalk (tbv persoonlijkheidscore en matchresultaat */
.scorebalk{
	background-image:url(http://rjmmilt.home.xs4all.nl//bz/images/img/test/ppf-score.gif);
	background-repeat:no-repeat;
	width:205px;
	height:70px;
	max-width:205px;
	padding-left:11px;
	margin-left:35%;
	margin-bottom:.5em;
	}
.scorebalk img{
	margin:0;
	padding:0;
	}

/* Gebruikt op binnen dropdowns een kleur tonen als de optie alleen voor abo's beschukbaar is */
.abo
{
color: #356BA2;
}


ul { left:1px;
	list-style:disc;
	position:relative;
	padding-right: 1px; 
	padding-bottom: 5px; 
	clip:rect( )
	}
	
ol { clip: rect( ); 
	position: relative;
	left: 15px ; 
	padding-right: 10px ; 
	padding-bottom: 5px
	}

.softinfo { font-size: 80%; 
	text-align: left; 
	padding-right: 4px; 
	padding-left: 4px;  
	color: #999999
	} 
	
.softinfo-center { font-size: 80%; 
	text-align: center; 
	padding-right: 4px; 
	padding-left: 4px ; 
	color: #999999
	} 

/* teleberichtcode weergeven */
.tbr-berichtcode { text-align: center; 
	top: 4px;
	vertical-align:middle; 
	font-size: 120%; 
	color: #990066; 
	clip: rect( ); 
	padding-right: 5px; 
	padding-left: 5px ; 
	font-weight: bold; 
	font-variant: normal; 
	letter-spacing: 1px; 
	word-spacing: 4px;  
	border: thin ridge Silver;
	}

/* Kleuren voor de afzender en ontvangen van SMS en mailboxberichten */
.ontvanger {
	color: #B9413E;
}

.afzender {
	color: #717171;
	
}