@font-face {  
  font-family: "MetaNormal";  
  src: url( ../fonts/MetaNormalLF-Roman.eot ); /* IE */  
  src: local("Meta-NormalLfRoman"), url( ../fonts/MetaNormalLF-Roman.ttf ) format("truetype"); /* non-IE */
}

html, body
{
	margin: 0;
	padding: 0;
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
	font-size: 11px;
	color: #535353;
    line-height: 18px;
}

p
{
    padding: 0;
    margin: 0;
}

img
{
	border: 0;
}
/*links*/
a
{
	color: #641a45;
	text-decoration: none;
    outline: none;
}

a:hover
{
	color: #535353;
}
/*end links*/

/*maincontainers*/
#mainContainer
{
    width: 795px;
    padding: 0;
    margin: 0 auto 0 auto;
}

#container
{
    float: left;
    width: 795px;
    padding: 0;
    margin: 30px 0 0 0;
}
/*end maincontainers*/

/*top*/
#top
{
    float: left;  
    width: 793px;
    height: 104px;
    padding: 0;
    margin: 0;
}

#topTop
{
    float: left;
    width: 272px;
    height: 45px;
    padding: 0;
    margin: 0 400px 0 0;
}

#topTopRight
{
    float: left;
    width: 121px;
    height: 20px;
    padding: 25px 0 0 0;
    margin: 0;
}

#muziek {
    width: 1px;
    height: 1px;
    display:  block;
}

#facebook
{
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px 0 0;
}

#twitter
{
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px 0 0;
}

#linkedIn
{
    float: left;
    width: 21px;
    height: 20px;
    padding: 0;
    margin: 0 5px 0 0;
}

#youTubeIcon
{
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px 0 0;
}

#bol
{
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
}

/*menu*/
#menuContainer {
	float: left;
	width: 700px;
	height: 15px;
    padding: 0;
    margin: 12px 0 0 91px;
}

#menuContainer ul {
    font-family: MetaNormal, Verdana, Tahoma, Arial, 'Trebuchet Ms';
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menuContainer ul li {
	float: left;
    margin: 0;
    padding: 0 3px;
    background: url('../images/menuSlash.png') no-repeat right;
}

#menuContainer ul .last {
    background: none;
}

#menuContainer ul li a {
	text-decoration: none;
    font-size: 16px;
    color: #c0baaa;
	display: block;
	padding: 0 10px 0 5px;
}

#menuContainer ul li a:hover, #menuContainer ul li a.active {
    color: #641a45;
}

#menuContainer ul li .submenu {
	float: left;
    display: none;
	padding: 0;
    z-index: 99;
	position: absolute;
	padding-bottom: 9px;
	background: #fff;
}

#menuContainer ul li .submenu ul {
	float: left;
	padding: 4px 0 0 0;
	margin: 0;
	list-style-type: none;
}

#menuContainer ul li .submenu ul li {
	background: none;
    float: none;
    padding: 0;
}

#menuContainer ul li .submenu ul li a {
    font-size: 14px;
    color: #867c68;
	padding: 4px 10px 4px 10px;
	margin: 0;
	display: block;
}

#menuContainer ul li .submenu ul li a:hover, #menuContainer ul li .submenu ul li a.active {
    color: #641a45;
}
/*end menu*/

/*content*/

#contentContainer
{
    float: left;
    width: 700px;
    min-height: 230px;
    padding: 0 0 20px 0;
    margin: 0 0 0 93px;
    border-bottom: 1px solid #6d6d6d;
    background: url('../images/backgroundRepeat.png') repeat-y;
}

#header
{
    float: left;
    width: 700px;
    height: 224px;
    padding: 0;
    margin: 0;
}

#header ul
{
    float: left;
    width: 700px;
    height: 224px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#header ul li
{
    float: left;
    width: 700px;
    height: 224px;
    padding: 0;
    margin: 0;
}

#content
{
    float: left;
    width: 700px;
    padding: 35px 66px 0px 0px;
    margin: 0;
}

#content ul
{
    padding: 0 0 0 30px;
    margin: 0;
    list-style-image: url('../images/bullit.png');
}

#contentGallery
{
    float: left;
    width: 660px;
    padding: 35px 0 35px 0px;
    margin: 0;
}

#gallery
{
    float: left;
    width: 660px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#gallery li
{
    float: left;
    width: 307px;
    height: 76px;
    padding: 0;
    margin: 0 14px 14px 0;
    background-color: #bcbcbc;
}

.galleryImage
{
    float: left;
    width: 161px;
    height: 76px;
    padding: 0;
    margin: 0;
}

.galleryText
{
    float: left;
    width: 121px;
    height: 57px;
    padding: 10px 10px 10px 15px;
    margin: 0;
    font-size: 10px;
    line-height: 13px;
    cursor: pointer;
}

#gallery li a
{
    color: #333333;
}

#gallery li:hover
{
    background-color: #641a45;
    color: white;
}

ul#galleryOverview
{
    float: left;
    width: 715px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
}

#galleryOverview li
{
    float: left;
    width: 104px;
    height: 103px;
    padding: 0;
    margin: 0 15px 13px 0;
    list-style-image: none;
}

#contentLeft
{
    float: left;
    width: 257px;
    padding: 0;
    margin: 0 0 0 75px;
}

#contentWide {
    float: left;
    width: 630px;
    margin: 0 35px 0 35px;
    padding: 0;
}

ul#agenda
{
    float: left;
    width: 220px;
    padding: 0px;
    margin: 0 0 0 30px;
}


ul#agenda li
{
    float: left;
    width: 220px;
    padding: 0px;
    margin: 0;
}

#contentNews {
    float: left;
    width: 559px;
    padding: 0;
    margin: 0 0 0 75px;
}

ul#newsList
{
    float: left;
    padding: 0px;
    margin: 20px 0 0 0;
    list-style-type: none;
    list-style-image: none;
}

ul#newsList li
{
    width: 559px;
    float: left;
    padding: 0;
    margin: 0 0 30px 0px;
}

.imageNews {
    float: left;
    margin: 5px 10px 10px 0;
}

.imageR {
    float: left;
    margin: 5px 10px 10px 0;
    width: 75px;
    height: 50px;
}

.titleNews
{
    float: left;
    color: #641a45;
    font-weight: bold;
    font-size: 11px;
    width: 470px;
}

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

.linkNews {
    font-size: 11px;
}

.readMore
{
    float: left;
    font-style: italic;
    color: #641a45;
    margin: 0;
}

#contentLeftImage
{
    float: left;
    width: 252px;
    padding: 0;
    margin: 0 0 0 80px;
}

#intro
{
    float: left;
    width: 257px;
    padding: 0;
    margin: 0;
    color: #641a45;
}

#homeTekst {
    float: left;
    width: 257px;
    padding: 0;
    margin: 25px 0 0 0;
}

#twitterHome {
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 278px;
    padding: 5px 10px 5px 10px;
    margin: 20px 0 0 0;
}

#twitterHomeTop {
	float: left;
	height: 20px;
}

#twitterHomeIcon {
	float: left;
	width: 20px;
	height: 20px;
}

#twitterHome h2 {
	float: left;
	height: 20px;
	line-height: 20px;
	width: 253px;
	margin-left: 5px;
}

#twitterHome p {
	float: left;
	width: 278px;
	margin: 5px 0 0 0;
}

#spreuk
{
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 278px;
    padding: 5px 10px 5px 10px;
    margin: 20px 0 0 0;
}

#spreuk a
{
    color: #535353;
    text-decoration: none;
}

#spreuk a:hover {
    color: #641a45;
    text-decoration: none;
    cursor: pointer;
}

#spreuken
{
    float:left;
    width: 275px;
    padding:0;
    margin:0;
    list-style-image: none;
    list-style-type: none;    
}

#spreuken li
{
    float:left;
    width: 274px;
    padding:0;
    margin:0 0 0 -30px;
    list-style-image: none;
    list-style-type: none;    
}

.text
{
    float: left;
    width: 275px;
}

.person
{
    float: left;
    width: 275px;
    font-style: italic;
    text-align: right;
    margin: 5px 0 0 0;
}

#news
{
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 278px;
    padding: 5px 10px 0 10px;
    margin: 20px 0 0 0;
}

#news ul
{
    float: left;
    width: 253px;
    padding: 0 0 0 25px;
    margin: 0;
}

#news ul li
{
    float: left;
    width: 253px;
    padding: 0;
    margin: 0 0 10px 0;
}

#news ul li a
{
    color: #535353;
	text-decoration: none;
}

#news ul li a:hover
{
	color: #641a45;	
}

.bullit
{
    float: left;
    width: 17px;
    height: 8px;
    padding: 3px 0 0 0;
    margin: 0;
    vertical-align: bottom;
}

.newsText
{
    float: left;
    width: 239px;
    padding: 0;
    margin: 0;    
}

#boeken {
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 278px;
    padding: 5px 10px 5px 10px;
    margin: 20px 0 0 0;
}

#boeken a {
    color: #535353;
}

#boeken a:hover {
	color: #641a45;	
}

#boeken img {
    max-height: 110px;
    padding: 5px 15px 5px 0;
}

#blog {
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 268px;
    padding: 5px 20px 5px 10px;
    margin: 20px 0 0 0;
}

#blog a {
    font-weight: normal;
    color: #641a45;
}

#blog a:hover {
	color: #535353;	
}

#blog i {
    font-size: 10px;
}

#youtube {
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 278px;
    padding: 5px 10px 10px 10px;
    margin: 20px 0 0 0;
}

#youtube h2 {
    margin-bottom: 5px;
}

#nieuwsbrief {
    background: #f4f4f4;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 278px;
    padding: 5px 10px 10px 10px;
    margin: 20px 0 0 0;
}

#nieuwsbriefAanmelden {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-style: italic;
}

#nieuwsbriefKlein {
    background: #f4f4f4;
    border-top: 1px solid #d0d0d0;
    float: left;
    width: 614px;
    padding: 5px 10px 5px 74px;
    margin: 30px 1px 0 1px;
}

#nieuwsbriefKlein form {
    padding: 0;
    margin: 0;
}

#nieuwsbriefKlein input {
    padding: 0;
    margin: 0;
}

#nieuwsbriefKlein table {
    font-size: 11px;
}

#nieuwsbriefKlein table tr td {
    width: 170px;
}

#nieuwsbriefKlein table tr .rechts {
    padding-left: 44px;
    width: 220px;
}

#contentRightHome
{
    float: left;
    width: 300px;
    padding: 0;
    margin: 0 0 0 68px;
}

#contentRight  {
    float:left;
    margin:0 0 0 45px;
    padding:0;
    width:257px;
}

#contactForm
{
    float: left;
    width: 240px;
    padding: 0;
    margin: 0;
    font-style: italic;
    font-size: 11px;
}

#contactForm tr
{
    float: left;
    width: 240px;
    padding: 3px 0 0 0;
    margin: 0
}

.field240, .fieldArea
{
    width: 240px;
    border: 1px solid #d0d0d0;
    background-color: #f4f4f4;
    color: #535353;
    font-size: 11px;
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
}

.fieldArea {
    height: 50px;
}

input.error {
    width: 240px;
    border: 1px solid #641A45;
    background-color: #FFECEC;
    color: #535353;
    font-size: 11px;
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
    font-style: normal;
    font-weight: normal;
}

.button
{
    float: left;
    width: 242px;
    height: 20px;
    text-align: center;
    color: white;
    border: 0;
    padding: 0;
    margin: 10px 0 0 0;
    cursor: pointer;
    background-color: #641a45;   
}

.newsMailadres {
    width: 276px;
    border: 1px solid #d0d0d0;
    background-color: #f4f4f4;
    color: #535353;
    font-size: 11px;
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
    margin: 0 0 5px 0;
}

.newsMailadres.error {
    width: 276px;
    border: 1px solid #641A45;
    background-color: #FFECEC;
    color: #535353;
    font-size: 11px;
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
    margin: 0 0 5px 0;
}

.newsKlein {
    width: 250px;
    border: 1px solid #d0d0d0;
    background-color: #f4f4f4;
    color: #535353;
    font-size: 11px;
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
    margin: 5px 0 5px 0;
}

.newsKlein.error {
    width: 250px;
    border: 1px solid #641A45;
}

.newsButton {
    float: left;
    width: 100px;
    height: 20px;
    text-align: center;
    color: white;
    border: 0;
    padding: 0;
    margin: 10px 0 0 0;
    cursor: pointer;
    background-color: #641a45;   
}

.newsButtonKlein {
    width: 100px;
    height: 20px;
    text-align: center;
    color: white;
    border: 0;
    padding: 0;
    margin: 10px 0 0 0;
    cursor: pointer;
    background-color: #641a45;   
}
/*end content*/

/*headlines*/
h1, h2, h3
{
    padding: 0;
    margin: 0;
    color: #641a45;
    font-weight: bold;  
	font-family:  Verdana, Tahoma, Arial, 'Trebuchet Ms';
}

h1
{
    font-size: 14px;  
}

h2
{
    font-size: 11px;
}

h3 {
    font-size: 11px;
    font-weight: normal;
}

.notice
{
    color: green;
    font-weight: bold;
    font-style: italic;
}

/* Bestelling */
#aanmelding {
    float: left;
    width: 559px;
    margin: 0 0 0 75px;
    padding: 0;
}

#overzichtAanmelding {
    border: 1px solid #535353;
}

/* Evaluatie */
#evaluatieTable {
    font-style: normal;
}

/* Leesfragment */
#leesfragment {
    float: left;
    width: 278px;
    height: 110px;
    padding: 10px 0;
}

#seolinks {
    color: #c2c2c2;
	text-decoration: none;
    padding: 0 0 0 100px;
}

/* Betaling message */
span.error {
	float: left;
	margin: 10px 0 10px 4px;
	width: 208px;
	padding: 8px 6px 8px 28px;
	line-height: 20px;
	font-size: 11px;
	color: #535353;
	background: url("../images/ErrorMessage.gif") no-repeat 7px 10px #FFECEC;
}

#summary {
	color: red;
	font-style: italic;
}