/* 
Yes2web Standaard CSS - V 20070801 
Main.css Bevat de opmaak code voor alles wat door TinyMCE gebruikt kan worden.
*/

/*
Projectnaam/algemene info
@author: naam
@version: yyyymmdd-##
*/

body, #publerBody {
	font-family: Arial, Helvetica, sans-serif;
}
#contents h1, #right-column h1, #mailinglist h1, .contact #left-column h1 {
	color: #FFF;
	font-size: 14px;
	padding: 8px 10px;
	display: inline;
	line-height: 32px;
	height: 14px;
	letter-spacing: 0.05em;
}
#mailinglist h1 {
	letter-spacing: 0;
}
/*
	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } /* reset the first H{x} of the page 
	* html h1, * html h2 { margin-top: 0; } 
*/
#contents h1 {
	/*background-color: #506fb3;*/
	background: url(../../images/bffe/background/blauw-h1.gif) top left repeat-x;
}
.home #right-column h1 {
	background-color: #cc0000;
}
.home #mailinglist h1 {
	background: url(../../images/bffe/background/geel-h1.gif) top left repeat-x;
}
.programmas #contents h1 {
	/*background: #d92e11;*/
	background: url(../../images/bffe/background/programmascontent-h1.gif) top left repeat-x;
}
.lokaties #right-column h1, .lokaties #left-column h1 {
	/*background-color: #d70003;*/
	background: url(../../images/bffe/background/contact-h1.gif) top left repeat-x;
}
.lokaties #left-column h1 {
	line-height: 30px; padding-top: 6px; padding-bottom: 7px;
}
/*
.lokaties #left-column h1 {
	background-color: #d70003;
}*/
#right-column h1 {
	/*background-color: #feba3b;*/
	background: url(../../images/bffe/background/geel-h1.gif) top left repeat-x;
}
h2, h3 {
 color: #FFF;
 padding: 0 11px 0 11px;
 font-family: Arial, Helvetica
}
h3 {

}
h4 {
	color: #FFF;
}
h5 { /* H5 is the same size and weight as P: make sure color differs from P */
	color: #FFF;
}
#contents p, #right-column ul, .lokaties #right-column p	{
	padding: 0 10px;
	margin-top: 10px;
	color: #FFF;
}
#contents ul {
	color: #FFF;
}
#right-column img, #right-column #player {
	margin-top: 30px;
}
a {
	color: #FFF;
}

a:hover {
	text-decoration: none;
}
.programmas #contents a {
	color: #eea334;
	font-weight: bold;
	margin-left: 150px;
}
#tiny-body a {
	color: black;
}

.bg_sprite{ background: url(../../images/bffe/background/bg_sprite.png) top left no-repeat; }

.reserveren{
	display: block;
	text-indent: -5555px;
	width: 260px;
	height: 38px;
	margin: 23px 0 0 25px;
}
.reserveren:hover{ background-position: 0 -48px; }