body {
	margin-top: 20px;
	padding: 0;
	text-align: justify;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
/*	color: #616161; */
	color: #000056;
	background-color: #000056;
	background-color: #BBBBBB;
	background-color: #F1F7FB;
	background-image:url('../images/bg_bottom.jpg');
	background-repeat:repeat-x;
	background-position:bottom; 
}

#nobg {
	background-image:none;
}

.minheightdiv {		/* used to avoid repetition background */
     min-height: 400px;	
}

h1, h2, h3 {
	margin-top: 0;
	color: #FF4D00;
}

h1 {
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	letter-spacing: 0px;
	font-weight: normal;
}

h3 {
	font-size: 1em;
}

table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

ul {
}

a {
	text-decoration: none;
	color: #8C0209;
}

a:hover {
	border-bottom: none;
	color: #AAAAAA;
}

a.externallink {
	margin-right: 3px;
	padding-right: 15px;
	background-image: url("../images/icon_external_link.gif");
	background-repeat: no-repeat;
	background-position: right 3px; /* align right, 3px down */
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

#header {
/*	border: 1px solid #FFFFFF; */
	width: 960px;
	margin: 0 auto;
	height: 130px;
	background: url(../images/img01_headerbalk.jpg) no-repeat left top;
}
#header_with_logojpg {
/*	border: 1px solid #FFFFFF; */
	width: 960px;
	margin: 0 auto;
	height: 130px;
	background: url(../images/img01_headerbalk_logo.jpg) no-repeat left top;
}
/*	change 'display' to 'visibility'? */
/*	classes or id? */
	.hidden { display: none; }
	.unhidden { display: inline; }

/* -------------------------------------------------------------- Header */

#logo {
	width: 960px;
	height: 130px;
/*	margin: 0 auto; */
	margin: 0px 0px 0px 0px;
	padding-top: 20px;
	padding-left: 28px;
/*	background: url(../images/tennisx.jpg) no-repeat right top; */
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	color: #FFFFFF;
}

#logo span {
	color: #FF4D00;
}

#logo h1 {
	padding: 25px 0 0 0;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
}

#logo p {
	text-transform: uppercase;
	padding: 49px 0 0 23px;
	font-size: 11px;
	color: #06C;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}

/*  -------------------------------------------------------------- Menu */

#menu {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: 50px;
	background: url(../images/img02.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	margin: 0;
	padding: 18px 30px 0 30px;
	text-decoration: none;
	text-transform: capitalize;
	background: url(../images/img03.jpg) no-repeat right top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

/*  -------------------------------------------------------------- topmenu */
#topmenu-container-wrapper {
	width: 960px;
	padding: 2px 0px 10px 0px; /* --- here spacing between top banner and home menu - related to abs pos topmenu 152px */
	background: #F1F7FB; /* light blue */
}
#topmenu-container {
/*	border: 1px solid #FF0000; */
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
/*	height: 30px; */
/*	background: url(../images/img01x.gif) no-repeat left top; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*	background: #BBBBBB;
	background: #FDF2E6;
*/

*/
}
#topmenu {
	height: 40px;
	background: url(../images/img01_topmenu.png) repeat right top;
	background-color: #000056; /* dark blue */
	background-color: #86010C; /* lighter red */
	background-color: #550004; /* dark red */
}

#topmenu ul {
	margin: 0;
	padding-top: 0px;
	padding-left: 45px;		/* --- here left padding whole topmenu 45 */
	list-style: none;
	float: center;
}

#topmenu ul li {
	display: inline;
  	float: left; 
}

#topmenu ul li a {
	display: block;
	float: left;
	margin: 0px 24px 0px 0px;	/* --- here right margin topmenu items  24 0 (used to be 4, than too wide for IE7*/
					/*     related to horizontal shift mouse over topmenu / pulldown */
	padding: 14px 0px 5px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #AAAAAA;
}

#topmenu ul li a:hover {
/*	background-color: #AAAAAA; */
	color: #FFFFFF;
}

#topmenu li.current a {
	display: block;
	float: left;
	margin: 0px 24px 0px 0px;
	padding: 14px 10px 10px 10px;  /* --- here width blue current area in topmenu 
/*	background-color: #AAAAAA; */
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/img01_topmenu_current.png) repeat right top;
	background-color: #000056; /* dark blue */
	cursor: default;
}

#topmenu li.current-noblue a {
	display: block;
	float: left;
	margin: 0px 24px 0px 0px;
	padding: 14px 10px 10px 10px;  /* --- here width blue current area in topmenu 
/*	background-color: #AAAAAA; */
	font-weight: bold;
	color: #FFFFFF;
/*	background-color: #000056; /* dark blue */
	cursor: default;
}

#topmenu li.current a:hover {
	color: #DDDDDD;
}
/* ------------------------------------------------ defs for pull down menu */
#topmenu li ul {
  	 display: none; 
  	 width: 10.2em; 			/* --- here Width pull-down */
/* 	 opacity: 0.9;
	 filter:alpha(opacity=90); /* For IE8 and earlier */
}

.topmenu-wide li ul { /* used for newsletter with one item in menubar */
  	 display: none; 
  	 width: 14.2em; 			/* --- here Width pull-down */
/* 	 opacity: 0.9;
	 filter:alpha(opacity=90); /* For IE8 and earlier */
}

#topmenu li:hover ul, #topmenu li.hover ul {
  	 display: block;
  	 position: absolute;
	 top: 152px;			/* --- here absolute top pull-down menu */
	 margin: 0px 0px 0px 0px;	/* --- here horizontal shift mouse over topmenu */
	 padding: 0px 0px 0px 0px;
}
#topmenu li:hover li, #topmenu li.hover li {
   	float: none;
}

#topmenu li li a {
/*	display: block;
	float: left;
*/	text-decoration: none;
	font-weight: bold;
	margin: 0px 10px 6px 0px;
	padding: 14px 0px 4px 0px;
	color: #AAAAAA;

 /*  	width: 8em; /* Width to help Opera out */
 }
#topmenu li li.subitem a {
	font-size: 13px;
	color: #000056;
   	width: 8em; /* Width to help Opera out */
	background-color: #550004; /* dark red */
	background-color: #000056; /* dark blue */
	background-color: #06C; /* light blue */
	background-color: #CCCCCC; /* grey */
	background:#F6E260; /* light yellow */
	background-image:url("../images/bg_metal.jpg"); 
 
  	margin: 0px 0px 0px -10px;
   	padding: 10px 10px 10px 10px;
-moz-box-shadow: inset 0 0 1px 0px #888;
-webkit-box-shadow: inset 0 0 1px 0px #888;
box-shadow: inset 0 0 1px 0px #888;

 }
#topmenu li li.subitem a:hover {
	color: #FFFFFF;
 }
/*  -------------------------------------------------------------- topmenu-sub */
#topmenu-container-sub {
/*	border: 1px solid #FF0000; */
	Clear: both;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
/*	height: 30px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
/*	background: #BBBBBB;
	background: #FDF2E6;
*/

*/
}
#topmenu-sub {
	height: 28px;
	background: url(../images/img01_topmenu_sub.png) repeat right top; 
/*	background: url(../images/img01_menubalkx.jpg) repeat right top; */
	background-color: #550004;
	background-color: #486985;
	background-color: #000056;
}

#topmenu-sub ul {
	margin: 0;
	padding-top: 0px;
	padding-left: 50px;	/* --- here left padding whole submenu */
	list-style: none;
/*	float: right; */
}

#topmenu-sub ul li {
	display: inline;
}

#topmenu-sub ul li a {
	display: block;
	float: left;
	margin-left: 0px 0px 0px 0px;
	padding: 7px 26px 3px 16px; /* --- here padding in between submenu */
	text-decoration: none;
	font-weight: bold;
	color: #AAAAAA;
}

#topmenu-sub ul li a:hover {
/*	background-color: #AAAAAA; */
	color: #FFFFFF;
}

#topmenu-sub li.current a {
	display: block;
	float: left;
	margin-left: 0px;
	padding: 7px 26px 3px 16px; /* --- here padding in between submenu */
/*	background-color: #AAAAAA; */
	font-weight: bold;
	color: #FFFFFF;
	cursor: default;
}
#topmenu-sub li.current a:hover {
	color: #DDDDDD;
}

/*  -------------------------------------------------------------- Wrapper */

#wrapper-test {
	margin: 0 auto;
	padding: 0px;
}
#wrapper {
	margin: 0 auto;
	padding: 0px;
	width: 960px;
}
/*  -------------------------------------------------------------- Page #bg */
#page-bg { /* was old mainpage bg */
/*	background: url(../images/img02x.gif) no-repeat left top; */
}

#page {
/*	background: #DDDDCC url(../images/img03x.gif) repeat-y left top;
	background: #DEEFF9 url(../images/img03x.gif) repeat-y left top;
	background: #FDE7DC url(../images/img03x.gif) repeat-y left top;
*/
/*	background: #FDF2E6 url(../images/img03x.gif) repeat-y left top; /* zalm */
	background: #FDF2E6; /* zalm */
/*	background: #F9E1CC url(../images/img03x.gif) repeat-y left top; */
}

/*  -------------------------------------------------------------- Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}


/*  -------------------------------------------------------------- Content */
.post {
	padding: 10px 20px 10px 20px;
	line-height: 17px;
	text-align:left;
/*	border: 1px solid #FF0000; */
}

.post h1 {
}


/* p:before {
content:url("../images/bol_list.gif");
padding: 0px 5px 0px 0px;
}

.nobulletpar:before {
content:"";
padding: 0px;
}
*/
	
/* ------------------------------------------------------------ title-bar-intro */
.title-bar-intro {
	background-image:url("../images/gr_grey_d_172.jpg"); /* right center */
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #031568;
	border-right-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #031568;
	margin: 25px 0px 0px 0px;
	height: 126px;
	background-color: #EEEEEE;
	text-align: left;
}
.title-bar-intro-menu {
	float: left;
	margin: 2px 0px 0px 40px;	/* --- here menu block (kruimel, H1 and menu-items) vert and hor */
	/*	border: 1px solid #000000; */ 	   
	padding: 0;
}
.title-bar-intro-container {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 231px;
}

.title-bar-intro-menu ul {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style: none;
}

.title-bar-intro-menu li h1 {
	margin: 5px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	color: #031568;
	letter-spacing: 1.5px;
	font-size: 15px;
}

.title-bar-intro-menu a {
	color: #031568;
}
.title-bar-intro-menu a:hover {
	color: #FF4D00;
}
.title-bar-intro-menu ul li {
}

.title-bar-intro-menu li li {
	color: #031568;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border-top: 1px #BBBBBB dashed;
}
#title-bar-intro-menu-columns {
	display: inline;
}
.title-bar-introx li h2 {
	height: 8px;
	margin: 0px 0px 3px 1px;
	padding: 3px 15px 9px 12px;
/*	background: #620108 url(../images/img05.jpg) no-repeat left top;
	background: #86010C url(../images/img05x.jpg) no-repeat left top;
*/
	background: #86010C;
	letter-spacing: 0.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.title-bar-intro-kruimelpad {
	border-bottom: 1px #BBBBBB dashed;
	margin: 0px 0px 12px 0px; /* distance down of block H1+menu-items */
	padding: 0px 0px 2px 0px; /* distance dashed line */
	font-size: 9.5px;
	color: #031568; /* other dark blue */
}
/* ------------------------------------------------------------ title (headers of text) */

.title {
	margin: 0;
	padding: 10px 0 0px 0px;
	font-weight: normal;
}
.title-bar {
	background: #E0E0D0; /* grey bg */
	background: #DEEFF9; /* blue bg */
	background: #FFFFFF; /* salmon #bg */
	background-image:url("../images/gr_grey_d_40.jpg");
	background-repeat:repeat-x;
	/*	border: 1px solid #000000; */	   
	border-top-width: 1px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #031568;
	border-right-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #031568;
	margin: 15px 0px 0px 0px;
	background-color: #EEEEEE;
}
.title-bar h1 {	
	color: #031568;
	letter-spacing: 1.5px;
	margin: 0px;
	padding: 8px 0px 8px 20px;
}
.title a {
	border-bottom: none;
	color: #8C0209;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.byline {			/* set to white invisible */
	text-align: right;
	margin: 0px;
	font-size: 8px;
	color: #FFFFFF;
	padding: 0px 10px 0px px;
}
.byline_vis {
	text-align: right;
	margin: 0px;
	font-size: 8px;
	color: #AAAAAA;
	padding: 0px 10px 0px px;
}
.byline2 {
	border-top: 1px #BBBBBB dashed;
	margin: 0px 0px 10px 0px;
	font-size: 9px;
	color: #AAAAAA;
}
/* ------------------------------------------------------------ backbar */

.backbar {
	width: auto;
	float: right;	   
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.backbar-shape {
/* 	border: 1px solid #000000; */ 
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #031568;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #031568;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 1px 10px;
	background-color: #EEEEEE; /* dark red */
	background-image:url("../images/gr_grey_u_22.jpg");
	background-repeat:repeat-x;
	font-weight: normal;
	font-size: 10px;
	color: #031568;
}
.backbar-shape a { color: #031568; }
.backbar-shape a:hover { color: #FF4D00; }


/* ------------------------------------------------------------ */
.tag {
	padding: 0 15px;
}

.2col_entry span {
	display: inline;
}

.entry {
/*	padding: 0 20px;
	line-height: 17px;
	text-align:left;
/*	border: 1px solid #AAAAAA; */
}

.entry2 {
	padding: 0 20px;
	float: left;
	width: 40%;
	line-height: 17px;
}

.links {
	padding: 0px 0px;
	text-align: right;
	font-weight: normal;
}

.links a {
	border: none;
}

.links a:hover {
	color: #AAAAAA;
}

.readmore {
	font-style: italic;
	font-size:11px
}

/*  -------------------------------------------------------------- Search */

#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

#s {
	margin: 10px 0px 0 15px;
	padding: 2px 2px;
	width: 180px;
	height: 18px;
	border: 1px solid #CA8186;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #CA8186;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

/*  -------------------------------------------------------------- Footer */

#footer {
	overflow: hidden;
	width: 960px;
/*	height: 170px; */
	height: auto;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;
	background: #999999;
	background: url(../images/img04_footerbar.gif) left top;
	color: #BBBBBB;
	border: 1px solid #000000; 
}
#footer-bar {
	width: 960px;
	height: 20px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
/*	background: #AAAAAA; */
}
#footer-bar p {
	margin: 0;
	padding: 5px 20px 0 20px;
	text-transform: uppercase;
	text-align: center;
	font-size: smaller;
}

#footer-bar a {
	color: #041568;
}
#footer-bar a:hover {
	color: #BBBBBB;
}

#footer-bar .link {
	float: right;
}

#footer-bar .copyright {
	float: left;
}

/*  -------------------------------------------------------------- footer nieuwsbrief */
#nws-container {
/*	border: 1px solid #FF0000; */
	margin: 15px 4px 0px 0px;
	padding: 20px 36px 20px 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #CCCCCC;
	background-color: #550004; /* dark red */
}
#nws-container a {
	color: #FF4D00;
}
#nws-container a:hover {
	color: #FFFFFF;
	text-decoration:underline; 
}
#nws-container strong {
	color: #FFFFFF;
}
/*  -------------------------------------------------------------- loose elements */
#l-block {
	width: 300px;
	margin: 0 auto;
	padding: 0px;
/*	background: #CCCCCC url(../images/img03x.gif) repeat-y left top; */
	height: 439px;
	position: absolute;
	left: 703px;
	top: 272px;
	border-top-width: 1px;
}

/*  -------------------------------------------------------------- rounded corner main */

/* en : first DIV also acts as a container*/
.upperleft{
	margin-right : auto;
	/*	margin-bottom : 10px; */

	background-color : #FFFFFF;
	background-image : url('../images/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
	margin-top: 10px;
}

.upperright{
	background-image : url('../images/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../images/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../images/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
/*	padding : 10px; */
}
/*  -------------------------------------------------------------- rounded corner logos*/

/* en : first DIV also acts as a container*/
.upperleft-logo{	/* this one not used, and only the -fp version??? */
	margin-right : auto;
	margin-bottom : 10px;
	width: 185px;
	background-color : #FF0000;
	background-image : url('../images/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperleft-logo-fp{
	margin-right : auto;
/*	width: 185px; */ /* frontpage logo column is embedded in sideblock-logo, that has the width */
	background-color : #FFFFFF;
	background-image : url('../images/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright-logo{
	background-image : url('../images/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft-logo{
	background-image : url('../images/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright-logo{
	background-image : url('../images/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
/*	height: 70px; */     /* ----------------------------fixed height logo's */
	text-align: center;
/*	padding : 10px 10px 10px 10px; */
}
/*  -------------------------------------------------------------- Sidebars for menu */
.sidebar1-class { 			/* ----- define class for multiple use ---- */
	float: left;
	padding: 16px 0px 0px 0px;	/* -------------- here height topsidebars */
	width: 160px; /* 220px ori */
	background: #FFFFFF;
	margin: 16px 0px 0px 0px;
}
#sidebar1 {
	float: left;
	padding: 16px 0px 0px 0px;	/* -------------- here height topsidebars */
	width: 160px; /* 220px ori */
	background: #FFFFFF;
	margin: 16px 0px 0px 0px;
}

#sidebar2 {
	float: left;
	padding: 16px 0px 0px 0px;	/* -------------- here height top sidebars */
	width: 200px; /* 220px ori */
}

.sidebar {
	float: left;
	/*	position: fixed;  -------------------------- floating menu */
	font-size: 11px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 16px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 10px 0 15px;
	padding: 4px 0px;
	border-bottom: 1px #BBBBBB dashed;
}

.sidebar li h2 {
	height: 8px;
	margin: 0px 0px 3px 1px;
	padding: 3px 15px 9px 12px;
/*	background: #620108 url(../images/img05.jpg) no-repeat left top;
	background: #86010C url(../images/img05x.jpg) no-repeat left top;
*/
	background: #86010C;
	letter-spacing: 0.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.sidebar a {
}
/*  -------------------------------------------------------------- Sideblocks for regular sponsored pages */
.sideblock-container-sponsorlogo-txt {		/* container for both sponsor logo and sideblock grey text */
/*	background: #777777; */
	float: right;
	/*	position: fixed;  -------------------------- floating menu */
	font-size: 11.0px;
	font-weight: normal;
	font-style: italic;
	color: #620108;
	color: #A0A0A0;
	color: #990000;
	text-align: center;
	margin: 11px 3px 0px 0px;	/* --- here right margin logo block (also adjust width! */
	padding: 0px 0px 0px 0px;	/* --- here height topsideblocks */
	width: 154px; /* 220px ori */
}

.sideblock-container-sponsorlogo-txt  ul {
	margin: 0px 0px 25px 0px;	/* --- here seperation between the logo and txt block */
	padding: 26px 0px 10px 0px;
	list-style: none;
}

.sideblock-sponsor-logo-txt {
	height: 20px;			/* use height to be independent of font size */
	margin: 0px 9px 0px 9px;
	padding: 10px 2px 3px 0px;	/* --- this is for logonews; set top and bot to 15 px for logos */
	border-top: 1px #990000 solid;
	border-bottom: 1px #990000 dashed;
	background-image:url("../images/gr_grey_d_40.jpg");
}
.sideblock-sponsor-logo-img {
/*	border: 1px solid #000000; */ 
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;	/* --- this is for positioning the logo */

}
.sideblock-sponsor-logo  a {
}
.sideblock-sponsor-logo  strong {
	color: #000056;
}
/*  -------------------------------------------------------------- Sideblocks for text */
.sideblock {
	float: right;
	/*	position: fixed;  -------------------------- floating menu */
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #620108;
	text-align: center;
	padding: 23px 0px 0px 0px;	/* -------------- here height topsideblocks */
	width: 154px; /* 220px ori */
	margin: 13px 0px 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #031568;
	border-right-color: #FFF;
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #031568;
}

.sideblock ul {
	/* background: #EEEEEE url(../images/bg_metal_lightx.jpg) repeat left top; */
	background: #EEEEEE;
	margin: 0;
	padding: 35px 0px 20px 0px;
	list-style: none;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #FFFFFF;
}

.sideblock li {
	margin: 0px 13px 0px 15px;
	padding: 40px 0px 20px 0px;
	border-top: 1px #BBBBBB dashed;
}

.sideblock li h2 {
	height: 8px;
	margin: 0px 0px 3px 1px;
	padding: 3px 15px 9px 12px;
/*	background: #620108 url(../images/img05.jpg) no-repeat left top;
	background: #86010C url(../images/img05x.jpg) no-repeat left top;
*/
	background: #86010C;
	letter-spacing: 0.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.sideblock a {
	color: #000056;
	font-weight: bold;
}
.sideblock strong {
	color: #000056;
}
/*  -------------------------------------------------------------- logodivs-blocks for twocolum table alignment */
.logodivs-wrapper {
	overflow:hidden;
    	cursor:pointer;
/*	background-image: url(../images/fp_background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 30px; 
*/
	padding: 0px 0px 0px 0px;	
	margin: 20px 0px 20px 0px;
/* border: 1px solid #000000; */
}
.logodivs-wrapper:hover {
/*	background: #EEEEEE; */
	color: #FF4D00; /* orange */
}
.logodivs-image {
	float: left;
	text-align: center;
	width: 300px;
	padding: 0px 0px 0px 0px;	
	margin: 15px 0px 0px 0px;	
}
.logodivs-text {
	float: left;
	width: 380px;
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
/*  -------------------------------------------------------------- various */
.minheight_wrapper {
     min-height: 620px;	
}
/*  -------------------------------------------------------------- fourdivs-blocks for main subpage (like media) */
.fourdivs-wrapper {
	float: left;
	width: 700px;
	padding: 0px 20px 0px 10px;	
	margin: 0px 0px 0px 0px;
     min-height: 620px;	/* From: http://www.reignwaterdesigns.com/ad/tidbits/hacks/minimum_height_in_css.shtml */
     height:auto !important;
     height:100px; 

}
.fourdivs-div {
	float: left;
	overflow:hidden;
    	cursor:pointer;
	background-image: url(../images/fp_background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 30px; 
	width: 174px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 20px 0px 20px;
}

.fourdivs-div-empty {
	float: left;
	overflow:hidden;
	width: 170px;
}
.fourdivs-div-center {
/* border: 1px solid #000000; */ 
}
.fourdivs-div-center ul{
	display: block; text-align: center; /* From: http://stackoverflow.com/questions/544207/can-you-help-me-center-a-ul-element-with-css */
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
.fourdivs-div-center li {
	display: inline-block; /* note inline-block doen't work for IE ? */
}

.fourdivs-div:hover {
	background: #EEEEEE;
	color: #FF4D00; /* orange */
  -webkit-box-shadow: 0px 0px 8px 0px #000000; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 8px 0px #000000; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
     -moz-box-shadow: 0px 0px 8px 0px #000000; /* Firefox 4-15 */
       -o-box-shadow: 0px 0px 8px 0px #000000; /* Opera 10.5–12.00 */
/* transsition */
  -webkit-transition: all 0.4s ease-out;  /* Safari 3.2+, Chrome */
     -moz-transition: all 0.4s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.4s ease-out;  /* Opera 10.5–12.00 */
          transition: all 0.4s ease-out;  /* Firefox 16+, Opera 12.50+ */

}
.fourdivs-divtitle {
	text-align: center;
	width: 100%;
	padding: 5px 0px 5px 0px;
	float: left;
	background: #EEEEEE;
	border-top: 1px #8888AA solid;
	border-bottom: 1px #8888AA dashed; 	
}
.fourdivs-image {
	width: 100%;
	text-align: center;
	padding: 5px 0px 0px 0px;
	clear:both;
}
.fourdivs-divtext {
	width: 100%;
	text-align: center;
	overflow:hidden;
	padding: 0px 0px 5px 0px;
}
/*  -------------------------------------------------------------- qp-(questionpage)-blocks for text */
.qp-introtext {
	float: left;
/*	width: 500px; */
	padding: 20px 30px 20px 0px;	
	margin: 0px 0px 0px 0px;
}
.qp-wrapper {
	float: left;
	width: 684px;
	padding: 20px 20px 0px 20px;	
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position:20px 40px; 
/*	cursor: pointer; */
}
.qp-wrapper:hover {
	/* color: #FF0000; */
}

.qp-block-l {
	float: left;
	width: 230px;
	padding: 0px 0px 10px 0px;	
	margin: 0px 0px 0px 0px;
}
.qp-block-r {
	float: right;
	width: 410px;
	padding: 15px 20px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
.qp-block-fullwidth {
	float: left;
	background-image: url(../images/fp_background.jpg);
	background-repeat: no-repeat;
	background-position:100% 0px; 
	border-top: 1px #BBBBBB solid;
	width: 100%;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;	
	/*	position: fixed;  -------------------------- floating menu */
}


.qp-block ul {
/*	background: #EEEEEE; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.qp-block li {
	list-style-type: none;
	/* background-image: url(../images/bol_list_squareblue.gif); */
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 11.px;
	font-weight: normal;
/*	text-align: justify; */ 
	color: #888888;
	color: #620108;
/*	border-bottom: 1px #BBBBBB dashed; */
}
li.qp-block-title {
	list-style-type: none;
	background: #EEEEEE; 
	background: #FFFFFF; 
	margin: 15px 0px 5px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px #BBBBBB solid;
	font-weight: bold;
	border-bottom: 1px #BBBBBB dashed; 
	color: #E34300;
}
.qp-block a {
	font-size: 12px;
	font-weight: bold;
	color: #000056;
	color: #E34300;
}
.qp-block a:hover {
	font-size: 12px;
	color: #FF4D00; /* orange */
	color: #000056;
	color: #CCCCCC;
}

.qp-block-textwrapper {
	/* clear: both;
	margin:0;
	padding:0;
*/	cursor: pointer;
	color: #000056;
}
.qp-block-textwrapper:hover {
	color: #FF4D00; /* orange */
}

.qp-block-lefttext {
	float: left;
}
.qp-block-righttext {
	float: right;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
/*  -------------------------------------------------------------- tp-(textpage)-blocks for text */
.tp-wrapper {
/*	border: 1px solid #000000; */
	float: left;
	width: 722px;
	padding: 10px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
.tp-block-l {
	float: left;
	width: 345px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
.tp-block-r {
	float: right;
	width: 345px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
.tp-block-fullwidth {
	float: left;
	width: 100%;
	/*	position: fixed;  -------------------------- floating menu */
}


.tp-block ul {
/*	background: #EEEEEE; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.tp-block li {
	background-image: url(../images/bol_list_squareblue.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 11.px;
	font-weight: normal;
/*	text-align: justify; */ 
	color: #888888;
	color: #620108;
	color: #000056;
/*	border-bottom: 1px #BBBBBB dashed; */
}
.tp-block strong {
	font-weight: normal;
	font-weight: bold;
	color: #000056;
	color: #E34300
}
.tp-block a {
	font-size: 12px;
	color: #0000FF;
}
.tp-block a:hover {
	font-size: 12px;
	color: #FF4D00; /* orange */
}

td a {
	font-size: 12px;
	color: #0000FF;
}

td a:hover {
	font-size: 12px;
	color: #FF4D00; /* orange */
}


/*  -------------------------------------------------------------- sm-(sitemap)-blocks for text */
.sm-wrapper {
/*	border: 1px solid #000000; */
	overflow: hidden;
/*	float: left; */
	width: 722px;
	width: 100%;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 20px 38px;
	font-size: 10px;
}
.sm-col {
/*	background: #CCCCCC; */
/*	border: 1px solid #000000; */   
	float:left;  
	width: 225px; /* exclude this for variable width */
}
.sm-col ul {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.sm-col li, a {
/*
	background-image: url(../images/bol_list_squareblue.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #BBBBBB;
/*	border-bottom: 1px #BBBBBB dashed; */
}
.sm-col li, a:hover {
	color:#FFFFFF;
}

.sm-col-current a {
	color: #FF4D00; /* orange */
}
.sm-col-mainlevel {
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 0px 0px !important;
}
/* ------------- sitemap full page ------------- */
.sm-page-col {
/*	border: 1px solid #000000; */   
	float:left;  
}
.sm-page-col ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
.sm-page-col li {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
}

.sm-page-col a:link a:visited {
/*
	background-image: url(../images/bol_list_squareblue.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
*/
	color: #000000 !important;
/*	border-bottom: 1px #BBBBBB dashed; */
}
.sm-page-col-current {
	color: #FF4D00; /* orange */
}
.sm-page-col-mainlevel {
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 0px 0px !important; 
}
.sm-page-col-mainlevelli {
	padding: 10px 0px 0px 0px !important; 
}

/*  -------------------------------------------------------------- s_forum (gastenboek)  */
.tp-forum {
}
.tp-forum-text {
	background:#FFFAAE; /* light yellow */
	background: #FDF2E6; /* zalm */
	border-top: 1px #E8BEA9 solid;
	border-right: 1px #E8BEA9 solid;
	margin: 5px 0px 0px 0px;
	padding: 5px 20px 5px 15px;
}
.tp-forum ul {
/*	background: #EEEEEE; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
/* for some reason margin and padding were inherited from .contentlist */
.tp-forum li {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 0px 30px !important;
	background-image: url(../images/bol_list_squareblue.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
/*	text-align: justify; */ 
/*	border-bottom: 1px #BBBBBB dashed; */ 
}
.tp-forum-nobullet {
	background-image: none !important;
}
.tp-forum-smalltext { /* note that alignment right only works in a div */
	font-size: 9px;
	text-align: right;
}
/*  -------------------------------------------------------------- Content */
.content {
	float: left;
	width: 600px;	/* 690px for 23-width */
/*	border: 1px solid #000000; */
}
.content-block-container {
	float: left;
	margin: 0px 0px 0px 0px;
/*	border: 1px solid #000000; */
}
.content-23width {
	float: left;
	width: 766px;	/* 690px for 23-width; 770 is max, 766 browsertest IE6 also ok */
	padding: 1px 14px 0px 15px;
/*	margin: 0px 0px 0px 160px; -------------------------- floating menu */
/*	border: 1px solid #000000; */
}
.content-33width {
	float: left;
	width: 934px;	/* 690px for 23-width */
	padding: 1px 15px 0px 15px;
/*	border: 1px solid #000000; */
}
.content-33width-full {
	float: left;
	width: 960px;	/* 690px for 23-width */
/*	padding: 1px 15px 0px 15px; */
/*	border: 1px solid #000000; */
}
.kruimelpad-23width {
	float: left;
	width: 748px;
	margin: 16px 0px 0px 16px;
	padding: 3px 0px 3px 20px;
	background-color: #FFF;
	font-size: 9px;
	color: #031568;
}
.crumbpath {
	border-bottom: 1px #BBBBBB dashed;
	margin: 0px 0px 10px 30px;
	font-size: 11px;
	color: #009;
}

.articletitle {
	font-size: 1em;
	color: #8C0209;
	font-weight: bold;
	font-stretch: expanded;/*	border: 1px solid #AAA; */
}

img.floatleft { 
    float: left; 
    margin: 5px 15px 0px 0px; 
}
img.floatleft-fp { 
    float: left; 
    margin: 3px 12px 0px 0px; /* --- here vertical hight image newsflash */
}
img.floatright { 
    float: right; 
    margin: 5px 0px 5px 20px;
}
img.floatright-fp { 
    float: right; 
    margin: 10px 20px 20px 10px;
}
img.floatright-qp { 		/* question page form */
    float: right; 
    margin: 10px 0px 20px 60px;
}
img.floatmiddle {
    display: block;
    margin-left: auto;
    margin-right: auto
}
img.title-bar-img { 
    float: left; 
    margin: 0px 0px 0px 35px;
}
#logo-hollister {
		padding : 14px 0px 0px 0px;
}
#logo-depend {
		padding : 9px 0px 0px 0px;
}	
/*  -------------------------------------------------------------- Content list */
.contentlist {
	margin: 20px 0px 0px 0px;
	/*	margin: 0; */
/*	padding: 0px 20px 10px 4px; */
	border: 1px solid #FFFFFF;
	padding: 0px 0px 0px 0px;
}
.contentlist p {    /* <p> is copied-pasted from other text, ignore it, only <br><br> gives alineabreak */
	margin: 0em 0em 0em 0em;
	padding: 0px 0px 0px 0px;
}
.contentlist ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	/* list-style-image:url(../images/bol_listx.gif); */
	list-style-image: none;
	/* list-style-position: inside; */
}

.contentlist li {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;/*	border-bottom: 1px #BBBBBB dashed; */
/*	background-color: #EEEEEE;	/* use this to format <ul> list */
}
.contentlist_extravertspace li {	/* added for huid_mediq */
	margin: 0px 0px 100px 0px;
	padding: 0px 0px 5px 0px;
}

.contentlist ul li a {
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
}

.contentlist ul li a:hover {
	color: #AAAAAA;
}

.contentlist strong {
	font-weight: bold;
	font-size: 1.05em;
	color: #E34300
}
.contentlist-bold {
	font-weight: bold;
	color: #E34300
}

.contentlist-fp {
	margin: 0;
/*	padding: 0px 20px 10px 4px; */
	border: 1px solid #000000; 
}
.contentlist-fp ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	list-style-image:url(../images/bol_list.gif);
	list-style-position: inside;
}

.contentlist-fp li {
	padding: 5px 0px 5px 0px; 
	border-bottom: 1px #BBBBBB dashed;
}

.contentlist-fp ul li a {
	font-weight: normal;
	color: #FF4D00; /* orange */
}

.textlist li {
	background-image: url(../images/bol_list_squaregrey.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}
/*  -------------------------------------------------------------- Par (bol) list */
.parlist {
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.parlist ul {
	list-style:none;
	list-style-position:inside;
	list-style-image:url(../images/bol_list.gif)
}

.parlist li {
	margin: 0px 0px 0px -28px;
	padding: 5px 0px 15px 0px;
}

.parlist ul li a {
	font-weight: normal;
	color: #FF4D00;
}

/* -------------------------------------------------------------- Button knop */
a.big-button {
	background-color:transparent;
	background-image:url("../images/bg_button_big.jpg");
background-position:left center;
background-repeat:no-repeat;
color:##004C64;
display:block;
font-size:15px;
font-weight:normal;
height:32px;
line-height:32px;
text-align:center;
text-decoration:none;
width:160px;
}

/* from: http://stackoverflow.com/questions/2812770/add-centered-text-to-the-middle-of-a-hr-like-line/2812830#2812830 */
.strike {
    display: block;
    text-align: center;
    color: #E34300;
    font-size: 9px;
    overflow: hidden;
    white-space: nowrap; 
}

.strike > span {
    position: relative;
    display: inline-block;
    margin-left: 328px;	/* shift to the right, leave out for center position */
	margin-top: 10px;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100px;	/* --- here full line width  */
    height: 1px;
    background: #E34300;	/* line color */
}

.strike > span:before {
    right: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}
.strike_bottomspacer {
    height: 1px;
    overflow: auto;
    background: #E34300;	/* line color */
    margin: 15px 5px 3px 328px;
}
.strike_orangebackground {
	background-color: #FFF9F6;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-bottom: 5px;
}