body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76.1%;
	line-height:1.45em;
	background-color: #D6D6D6;
	color: #151515;
	text-align: center;
	text-align: -moz-center;
}

a { color: #B7410E; font-weight:bold; text-decoration:none; }
a:link,a:visited ,a:active { color: #B7410E; font-weight:bold; text-decoration:none; }
a:hover { color: #000000; text-decoration:none;}

h2 {
	color: #151515;
	font: 1.20em arial, hevetica, sans-serif;
	font-weight: bold;
	margin: 0px;
}

h2 a, h2 a:visited, h2 a:link, h2 a:active { text-decoration: none;color: #3a3838; }
h2 a:hover { color: #000000; }

h3 {
	font-size: 1.2em;
	margin: 0 0 5px 0;
	color: #000000;
}
/* h3 style */
.subonderwerp {
	width: 99%;
	color: #ff4500;
	margin:10px auto 0 0;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom:3px;
}
.naarboven {
float:right; display:block; text-align:right;padding:0 5px; font-weight:normal;font-size:0.76em;
}
.clear { clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.noMargTop {margin-top:0;}
.MargTop5px {margin-top:5px;}

hr {color: #C5C877;}

#container {	
   width: 760px;
	margin:0 auto;
	text-align: left;
	background-image: url(http://www.sportcentrumvredehof.nl/images/pagebg.jpg);
	background-repeat: repeat-y;
}
#artcontainer {	width: 760px;
	margin:0 auto;
	text-align: left;
	background-image: url(http://www.sportcentrumvredehof.nl/images/plainpagebg.jpg);
	background-repeat: repeat-y;
}

#innercontainer {
	padding: 10px 10px 10px 20px;
	vertical-align: top;
}

#header {	
	height: 100px;
	width: 760px;
	background-image: url(http://www.sportcentrumvredehof.nl/images/collagebg.jpg);
}

#headeract {
	height: 100px;
	width: 760px;
	background-image: url(images/collageconditie.jpg);
}

#headerfit {
	height: 100px;
	width: 760px;
	background-image: url(images/collagepumpfit.jpg);
}
#headernieuws {
	height: 100px;
	width: 760px;
	background-image: url(images/collagespinning.jpg);
}

#headerbasketbal {
	height: 100px;
	width: 760px;
	background-image: url(images/collagebasketbal.jpg);
}
#headernieuwsart {
	height: 100px;
	width: 760px;
	background-image: url(images/collageconditie.jpg);
}

#headerprijs {
	height: 100px;
	width: 760px;
	background-image: url(images/collagespinning.jpg);
}

#subheader {
	height: 26px;
	margin-left:20px;
}

#subheader p {	
	font: 10px verdana, sans-serif;
	color: #FFFFFF;
	margin:0;
	padding-top: 7px;
	padding-left: 10px;
}

#contents { 
	width: 540px;
	margin: 10px 0 20px 35px;
	padding: 0;
}

#openingcontents { 
	width: 530px;
	margin: 10px 0 20px 35px;
}
#quote {
text-align:right;
font-style:italic;
font-size: 1em;
}
.onderwerp {
	color:#000;
	margin:25px 0 0 0;
	padding:0;
	font-size:100%;
	padding-bottom:2px;  
	border-bottom: 1px solid #BEC6D1;
	display:inline;
	/* change after concert Oos Joos
	display:block;
	*/
}

#artcontents { 
	margin: 10px 10px 10px 35px;
}

/* Index news article list styles */
#openlist {
margin-left: 20px;
padding-left: 0;
list-style: none;
}

#openlist li {
padding-left: 18px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
line-height: 1.6em;
}
#openlist li a {
text-decoration: underline;
color: #3a3838;
}

#openlist li a:link, #openlist li a:active, #openlist li a:visited {
text-decoration: underline;
color: #3a3838;
}

#openlist li a:hover {
text-decoration: none;
color: #000;
}

/* News page article titles list styles */
#nieuwscontainer {
margin-left: 10px;
}

#nieuwslist {
margin-left: 20px;
padding-left: 0;
list-style: none;
}

#nieuwslist li {
padding-left: 18px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
line-height: 1.6em;
}
#nieuwslist li a {
text-decoration: underline;
color: #3a3838;
}

#nieuwslist li a:link, #nieuwslist li a:active, #nieuwslist li a:visited {
text-decoration: underline;
color: #3a3838;
}

#nieuwslist li a:hover {
text-decoration: none;
color: #000;
}
.nieuwsdatum {
clear:left;
font-size: 0.85em;
color: #909090;
}

/* Archived newsletters */
#nieuwsBrieflist {
margin-left: 20px;
padding-left: 0;
list-style: none;
}

#nieuwsBrieflist li {
margin-bottom:15px;
padding-left: 18px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
line-height: 1.6em;
}
#nieuwsBrieflist li a {
text-decoration: underline;
color: #3a3838;
}

#nieuwsBrieflist li a:link, #nieuwslist li a:active, #nieuwslist li a:visited {
text-decoration: underline;
color: #3a3838;
}

#nieuwsBrieflist li a:hover {
text-decoration: none;
color: #000;
}



/* Activiteit titles list styles */
#actcontainer {
margin-left: 20px;
padding: 0 0 20px 0;
}

#actlist {
margin-left: 20px;
padding-left: 0;
list-style: none;
}

#actlist li {
padding-left: 18px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
line-height: 1.6em;
}
#actlist li a {
text-decoration: underline;
color: #3a3838;
}

#actlist li a:link, #actlist li a:active, #actlist li a:visited {
text-decoration: underline;
color: #3a3838;
}

#actlist li a:hover {
text-decoration: none;
color: #000;
}


/* Links page article titles list styles */
#linkscontainer {
margin-left: 10px;
}

#linklist {
margin-left: 20px;
padding-left: 0;
list-style: none;
}

#linklist li {
padding-left: 18px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
line-height: 1.80em;
}
#linklist li a {
text-decoration: underline;
color: #3a3838;
}

#linklist li a:link, #linklist li a:active, #linklist li a:visited {
text-decoration: underline;
color: #3a3838;
}

#linklist li a:hover {
text-decoration: none;
color: #000;
}
.nieuwsdatum {
font-size: 0.85em;
}
/* FAQs tyles */
/* div ga naar boven */
.totop {
float:right;
margin: 0 10px 20px 0;
padding:0;
font-size:90%;
}

/* Right column menu styles */
#menu {
	float: right;
	width: 182px;
	margin-top:5px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#menu h3 {
	color: #151515;
	font-size: 1.15em;
	font-weight: bold;
	margin: 10px 5px 5px 12px;
}
#menu p {
margin: 0 0 5px 12px;
}
#menu a {
text-decoration: none;
color: #151515;
}

#menu a:link {
text-decoration: none;
color: #151515;
}
#menu a:active {
text-decoration: none;
color: #151515;
}

#menu a:visited {
text-decoration: none;
color: #151515;
}

#menu a:hover {
text-decoration: none;
color: #F70000;
}

#menu ul {	
	margin: 0 5px 10px 5px;
	padding-left: 0;
	list-style-type: none;
	line-height: 165%; 
}

#menu li a {
display:block;
padding-top: 2px;
padding-left: 2px;
color: #151515;
font-size: 90%;
height: 22px;
border-bottom: 1px solid #ccc;
}

#menu li a:hover {
color: #f70000;
text-decoration: none;
background: #fff;
border-bottom: 1px solid #000;
}
.imagefloat { float: right; }

/* to center images in the navigation column */
#menu #centered {
text-align:center;
}

/* Special table styles for lestijden*/
.Specialtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	margin-top:5px;
	margin-bottom:5px;	
	margin-left:0px;	
	margin-right:0px;
}
.Specialtable thead tr th {
	text-transform: uppercase;
	background: #CAD8FD;
}
.Specialtable td, .Specialtable th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.6em;
	font-size: 0.80em;
	vertical-align: top;
}

.Specialtable tr.odd th, .Specialtable tr.odd td {
	background: #efefef;
}

/* Special div styles for participating bedrijven in bedrijfsfitness*/
.bedrijf {
	width: 99%;
	margin:10px auto 15px auto;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom:10px;
	clear:right;
}


/* Image styles with drop shadow */
div.img-ilus2 {
	background: url('http://www.sportcentrumvredehof.nl/images/shadow.gif') no-repeat bottom right;
	margin: 10px 15px 5px 0;
	padding: 0;
	position: relative;
}

div.img-ilus {
	background: url('http://www.sportcentrumvredehof.nl/images/shadow.gif') no-repeat bottom right;
	margin: 10px 10px 5px 0;
	padding: 0;
	position: relative;
}

div.img-ilus2 img, div.img-ilus img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}

/* Images */
.myimage {
	border-width: 1px;
	border-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ffffff;
	padding: 4px;
}
.myimage2 {	
	padding-top: 30px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 20px;
}
.myimage3 {	
	margin: 2px 10px 2px 0;
	border:0;
}

.myimage3alignright {	
	margin: 2px 10px 2px 0;
	border:0;
}

.picCcontLeft {
	float:left;
	text-align:center;
}
.picCcontLeft p {
	font-size: 0.8em;
	text-align:center;
	margin:5px 0 0 0;
}

.myimage4 {
	border-width: 1px;
	border-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ffffff;
	padding: 3px;
	margin: 5px 10px 0 0;
}


/* Images float left*/
.myimageFloatLeft {
	border-width: 1px;
	border-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ffffff;
	padding: 3px;
	margin:0 10px 0 0;
	float:left;
}

/* Images float right*/

.myimage5 {
    float:right;
	border-width: 1px;
	border-style: solid;
	border-top-color: #ffffff;
	border-right-color: #C5C877;
	border-bottom-color: #C5C877;
	border-left-color: #ffffff;
	padding: 3px;
	margin: 0 10px;
}

.myimage6 {
    float:right;
	border: 1px solid #939393;
	padding: 3px;
	margin: 0 10px;
}

.imgFloatRightNoBorder {
    float:right;
	border: 0;
	padding: 3px;
	margin:0 10px 0 0;
}
#filler {
height:400px;
}

.onlineknop {
text-align:center;
margin: 5px 0;
padding:0;
}
.onlineknop img {
border:0;
}
.extrapadding {
padding: 10px 5px 10px 8px;
}



/* FADE BOX popup styles*/
#fadeinbox{
position: absolute;
left: 0;
top:0;
border: 2px solid black;
background-color: #ffffff;
/*background-color: #000000;*/
/*background-color: #FFF215;*/
padding: 4px;
z-index: 100;
visibility:hidden;
}

#fadeinbox a{
color: #000000;
}
/*#fadeinbox a{
color: #ffffff;
}*/

#fadeinbox a:hover{
color: #ff6600;
}

/* Keurmerken */ 
.Keurmerken {
	clear: both;	
	width: 760px;
	margin: 10px 0 20px 35px;
	padding: 0;
background-color: #fff;
}

/* Footer styles */
#footer {
	clear: both;
	width: 760px;
	background-image: url(images/bottomfill.jpg);
}

#footer_simple {
	clear: both;
	width: 760px;
	background-image:  url(images/bottomfill_white.jpg);
}

#skipmenu {	
    text-align: right;
	font-size: 0.85em;
	color: white;
	padding: 10px 10px 10px 0;
}

#skipmenu a {	
	color: white;
}

/**********videos*****/
div.video-sample{
margin:0 5px;
padding:5px 4px;
float:right;
border: 1px solid #ccc;
}

div.audio-sample{
margin:0;
padding:0 5px 10px 5px;
float:left;
}

div.video-sample img{
padding:0 !important;
margin:0;
}