/* Main styles */  

html, body { 
 margin: 0; 
 padding: 0;
 background: url(../img/main/back.gif) #faf8f0 top center;
 font-family: Arial, sans-serif;
/* font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif; */
/* font-family: "Myriad Pro", Arial, sans-serif; */
/* font-family: Arial, sans-serif; */
 font-size: 0.95em;
 line-height: 130%;
 text-align: left;
 font-weight: normal;
 color: #3e3d35;
} 

h1 {
 margin: 8px 0 18px -2px;
 line-height: 100%;
 font-size: 1.9em;
 font-weight: bold; 
 color: #000000;
}

p {
 margin: 0;
 padding: 0;
}

img {
 border: none;
}

del {
 display: none;
}

A:link {text-decoration: none; color: #000000; font-weight: bolder;}
A:visited {text-decoration: none; color: #000000; font-weight: bolder;}
A:active {text-decoration: none; color: #a69900; font-weight: bolder;}
A:hover {text-decoration: none; color: #a69900; font-weight: bolder;}

#page {
 position: absolute;
 width: 958px;
 height: auto;
 left: 50%;
 margin-left: -478px;
}

html, body, #page {
    min-height: 100%; /*Sets the min height to the height of the viewport.*/
    height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
}

html>body #page {
    height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

#smalltext {
 float: right;
 margin: 10px 24px 18px 0;
}

.smalltext {
 font-size: 0.8em;
 font-weight: bold;
 line-height: 100%;
 color: #8f8c7b;
}


/* Header */  

#header {
 position: relative;
 height: 289px;  
 width: 958px;
 margin: 18px 0 0 0;
 padding: 23px 0 0 21px;
 background: url(../img/main/headerback.png) no-repeat;
}

/* Content */  

#main, #sub {
 width: 958px;
 background: url(../img/main/contentback.png) repeat-y;
}


/* Main */

#navigationblock {
 float: left;
 width: 160px;
 margin: 30px 0 0 74px;
}

#navigation {
 padding: 10px 0 20px 0; 
 border-right: 3px solid #ececec;
 line-height: 140%;
 font-size: 1.15em;
 font-weight: bold;
 letter-spacing: 1px;
}

#navigation A:link {text-decoration: none; color: #84827d;}
#navigation A:visited {text-decoration: none; color: #84827d;}
#navigation A:active {text-decoration: none; color: #403f37;}
#navigation A:hover {text-decoration: none; color: #403f37;}

.menuactive {
 color: #a69900;
}

#navigationcta {
 padding: 0 0 20px 0; 
}

a.ctaprijzen {
 margin: 12px 0 0 -6px;
 width: 141px;
 height: 46px;
 display: block;
 background: url(../img/main/cta-prijzen.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.ctaprijzen {
 background-position: -141px 0;
}

a.ctalid {
 margin: 12px 0 0 -6px;
 width: 141px;
 height: 46px;
 display: block;
 background: url(../img/main/cta-lid.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.ctalid {
 background-position: -141px 0;
}

a.ctareserveren {
 margin: 12px 0 0 -6px;
 width: 141px;
 height: 46px;
 display: block;
 background: url(../img/main/cta-reserveren.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.ctareserveren {
 background-position: -141px 0;
}

a.ctainfocenter {
 margin: 20px 0 0 6px;
 width: 141px;
 height: 46px;
 display: block;
 background: url(../img/main/cta-info.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.ctainfocenter {
 background-position: -141px 0;
}

a.ctainfo {
 margin: 12px 0 20px -6px;
 width: 141px;
 height: 46px;
 display: block;
 background: url(../img/main/cta-info.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.ctainfo {
 background-position: -141px 0;
}

a.ctagratis {
 margin: 12px 0 20px -6px;
 width: 141px;
 height: 46px;
 display: block;
 background: url(../img/main/cta-gratis.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.ctagratis {
 background-position: -141px 0;
}

#maincontent {
 min-height: 240px;
 margin: 0 70px 0 284px;
 padding: 30px 0 40px 0;
}

#maincontent ul {
 margin: 14px 0 14px 0;
 padding: 0; 
 list-style-position: inside;
}

#maincontent p strong {
 margin: 0;
 padding: 0;
 color: ;
}


/* Sub */

#sub {
 padding: 0 0 40px 0;
 color: #000000;
}

#subtitles {
 width: 812px;
 background: url(../img/main/subtitleback.png) #8e8c7c;
 margin: 0 0 0 57px;
 padding: 16px 50px 15px 18px;
 font-size: 1.3em;
 font-weight: bold; 
 color: #ffffff;
}

#subtitles p a:link {text-decoration: none; color: #000000;}
#subtitles p a:visited {text-decoration: none; color: #000000;}
#subtitles p a:active {text-decoration: none; color: #f0dc00;}
#subtitles p a:hover {text-decoration: none; color: #f0dc00;}

#subcontent {
 width: 862px;
 margin: 0 0 0 57px;
 padding: 30px 0 0 18px;
 background: url(../img/main/subcontentback.png) repeat-x #e7e7da;
}

#subcontenttext1 {
 padding: 0 50px 20px 230px;
}

#subcontenttext2 {
 padding: 0 50px 20px 236px;
}

#subcontenttext3 {
 padding: 30px 50px 10px 10px;
}

#sub A:link {text-decoration: none; color: #000000;}
#sub A:visited {text-decoration: none; color: #000000;}
#sub A:active {text-decoration: none; color: #6f7c1b;}
#sub A:hover {text-decoration: none; color: #6f7c1b;}


/* Footer */  

#footer {
 position: relative;
 bottom: 0;
 height: 88px;
 width: 958px;
 background: url(../img/main/footerback.png) no-repeat;
}

#footertext {
 float: right;
 margin: 17px 74px 0 0;
 text-align: left;
 color: #ffffff;
 font-size: 1.07em;
 font-weight: bold;
 letter-spacing: 2px;
 word-spacing: 24px;
}

#footertext A:link {text-decoration: none; color: #ffffff;}
#footertext A:visited {text-decoration: none; color: #ffffff;}
#footertext A:active {text-decoration: none; color: #f1df00;}
#footertext A:hover {text-decoration: none; color: #f1df00;}

#footertext img {
 border: none;
 display: inline-block;
 vertical-align: middle;
 margin: 0 0 0 10px;
} 
 
#copyright {
 width: 958px;
 margin: -10px 0 32px 0;
 text-align: center;
 font-size: 0.85em;
}

a.prime {
 width: 169px;
 height: 36px;
 border: none;
 display: inline-block;
 vertical-align: middle;
 background: url(../img/main/primelogo.png) 0 0 no-repeat;
 text-decoration: none;
 margin: 0 -4px 0 0;
}

a:hover.prime {
 background-position: -169px 0;
}


/* Media */  

#videothumbs {
 margin: 0 0 0 8px;
 display: block;
}

#videothumb {
 width: 195px;
}

a.pieteraart {
 width: 195px;
 height: 150px;
 display: block;
 background: url(../upload/media/PieterAartSchouten.jpg) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.pieteraart {
 background-position: -195px 0;
}

a.joris {
 width: 195px;
 height: 150px;
 display: block;
 background: url(../upload/media/JorisBlankers.jpg) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.joris {
 background-position: -195px 0;
}

a.martine {
 width: 195px;
 height: 150px;
 display: block;
 background: url(../upload/media/MartinevdSteeg.jpg) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.martine {
 background-position: -195px 0;
}

#videosubtext {
 width: 175px;
 padding: 12px 10px 14px 10px;
 margin: 1px 0 0 0;
 background: #f7f7ed;
 font-size: 0.8em;
 line-height: 140%;
 text-align: center;
 color: #000000;
}

#videosubtext strong {
 font-size: 1.3em;
 color: #606053;
}

#videoclosetext {
 width: 175px;
 padding: 14px 10px 18px 10px;
 margin: 1px 0 34px 0;
 background: url(../img/main/videodescrback.png) repeat-x #706f62;
 font-size: 0.8em;
 line-height: 110%;
 text-align: center;
 color: #ffffff;
}


/* Sub Content */  

#articleblock {
 margin: 10px 0 0 230px;
}

#articleblock A:link {text-decoration: none; color: #6b7337;}
#articleblock A:visited {text-decoration: none; color: #6b7337;}
#articleblock A:active {text-decoration: none; color: #000000;}
#articleblock A:hover {text-decoration: none; color: #000000;}

.articlelistItem {
 position: relative;
 margin: 0 30px 24px 0;
 padding: 0 24px 0 0;
}

.archivelistItem {
 position: relative;
 margin: 34px 30px 0 -230px;
 padding: 0 24px 0 0;
}

.articlelistNavigation {
 margin: 50px 6px -20px 0;
 text-align: right;
}

.eventmaand {
 position: absolute;
 z-index: 1;
 top: -1px;
 left: 3px;
 height: 12px;
 width: 62px;
 font-size: 11px;
 text-align: center;
 color: #ffffff;
}

.eventdag {
 position: absolute;
 z-index: 1;
 top: 26px;
 left: 3px;
 height: 32px;
 width: 62px;
 font-size: 32px;
 text-align: center;
 font-weight: bold;
 color: #000000;
}

.articlelistHeadline {
 margin: 0 10px 6px 0;
 font-size: 1.15em;
 font-weight: bold;
}

.articlelistSubheadline img {
 margin: 0 0 -2px 6px;
}

.articlelistImage {
 float: left;
 margin: -6px 4px 0 -16px;
 vertical-align: center;
}

.leesmeer {
 color: #000000;
}

#igluuleden {
 padding: 0 0 16px 8px;
}

#igluulid {
}

#lidsubtext {
 width: 140px;
 padding: 8px 8px 12px 8px;
 margin: 0 0 12px 0;
 background: #706f62;
 font-size: 0.8em;
 line-height: 100%;
 text-align: center;
 color: #e7e7da;
}

#lidsubtext b, #lidsubtext strong {
 font-size: 1.2em;
 color: #ffffff;
 line-height: 120%;
}

#actieblok1 {
 float: left;
 width: 155px;
 padding: 20px 20px 28px 20px;
 background: url(../img/main/actieveld1back.jpg) no-repeat #e7e7da;
 height: 270px;
 margin: 0 26px 0 8px;
 font-size: 1em;
 line-height: 115%;
 font-weight: bold;
 text-align: center;
 color: #7d7d7d;
}

#actieblok2 {
 float: left;
 width: 155px;
 padding: 20px 20px 28px 20px;
 background: url(../img/main/actieveld2back.jpg) no-repeat #e7e7da;
 height: 280px;
 margin: 30px 16px 0 8px;
 font-size: 1em;
 line-height: 115%;
 font-weight: bold;
 text-align: center;
 color: #7d7d7d;
}

#actiebutton {
 margin: 20px 0 0 -9px;
 padding: 20px 0 0 0;
 width: 175px; 
 height: 57px;
 background: url(../img/main/actiebutton.png) transparent no-repeat scroll 0% 0%;
 color: #ffffff;
 font-weight: bold;
 font-size:0.95em;
 text-transform: uppercase;
 text-align: center;
}

#actiebutton A:link {text-decoration: none; color: #ffffff;}
#actiebutton A:visited {text-decoration: none; color: #ffffff;}
#actiebutton A:active {text-decoration: none; color: #000000;}
#actiebutton A:hover {text-decoration: none; color: #000000;}

#bulletblok {
 float: left;
 width: 165px;
 padding: 12px 15px 28px 20px;
 background: url(../img/main/actieveld1back.jpg) no-repeat #e7e7da;
 height: 280px;
 margin: 0 18px 0 8px;
 font-size: 1em;
 line-height: 125%;
 font-weight: bold;
 text-align: left
}

#bulletblok p {
 color: #7d7d7d;
}

#twitterblok {
 float: left;
 width: 155px;
 padding: 20px 20px 28px 20px;
 background: url(../img/main/actieveld1back.jpg) no-repeat #e7e7da;
 height: 820px;
 margin: 0 16px 0 8px;
 font-size: 0.9em;
 color: #7d7d7d;
 line-height: 115%;
 font-weight: bolder;
 text-align: center;
}

#twittercontent {
 margin: 20px 0 18px 0;
}

#twittercontent A:link {text-decoration: none; color: #606060;}
#twittercontent A:visited {text-decoration: none; color: #606060;}
#twittercontent A:active {text-decoration: underline; color: #606060;}
#twittercontent A:hover {text-decoration: underline; color: #606060;}

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

#twittercontent li {
 width: 155px;
 margin: 0 0 18px 0;
 padding: 0 20px 0 0;
}

#twittertime {
 margin: 5px 0 0 0;
 font-size: 0.8em;
}

#twittertime A:link {text-decoration: none; color: #000000;}
#twittertime A:visited {text-decoration: none; color: #000000;}
#twittertime A:active {text-decoration: none; color: #6f7c1b;}
#twittertime A:hover {text-decoration: none; color: #6f7c1b;}

#twitter-link {
 font-size: 1em;
}

.bullet1 {
 color: #a69900;
 font-size: 1.4em;
 vertical-align: middle;
 margin: 0 4px 0 0;
}

#startactie {
 background: url(../img/main/startactieback.png) top left no-repeat;
 width: 600px;
 margin: 24px 0 -10px 0;
 padding: 30px;
 font-weight: bold;
}

#ontmoetenshow {
 float: left;
 margin: 70px 0 0 10px;
 display: block; 
}

#werkenshow {
 float: left;
 margin: 50px 0 0 10px;
 display: block; 
}

#vergaderenshow {
 float: left;
 margin: 50px 0 0 10px;
 display: block; 
}

#utrechtshow {
 float: left;
 margin: 50px 0 34px 10px;
 display: block; 
}

#denhaagshow {
 width: 600px;
 overflow: visible;
 float: left;
 margin: 50px 0 34px 10px;
 display: block; 
}

#eindhovenshow {
 width: 600px;
 overflow: visible;
 float: left;
 margin: 50px 0 34px 10px;
 display: block; 
}

#openingsshow {
 width: 600px;
 overflow: visible;
 float: left;
 margin: 70px 0 34px 0;
 display: block; 

}

#openingsshow .slideshow-thumbnails {
 margin: -62px 0 0 0;
}

#openingsshow .slideshow-thumbnails-inactive {
    background-color: #000000;
    opacity: .5;
}

.toggler {
 margin: 10px 0 2px 0;
 font-size: 1em;
 font-weight: bold;
}

p.toggler:hover {
 cursor: pointer;
}

.showhide {
 margin: 0 74px 14px 10px;
}