/* --------------------------------------------------------- */
/* BASIC STYLES
/* --------------------------------------------------------- */
	body { font:11px/15px Georgia, Times, serif; color:#000; background:#FFF; margin-top:40px; }
	h1 { font-size:15px; font-family: "magion-web-1","magion-web-2",sans-serif; color:#FFF; background:#ED1C24; padding:12px 0px 10px 15px; text-transform:uppercase; }
	h2 { font-size:12px; font-family: "magion-web-1","magion-web-2",sans-serif; color:#FFF; background:#ED1C24; padding:12px 0px 10px 15px; }
	h5 { font-size:10px; }
	a { color:#900; }
	
/* --------------------------------------------------------- */
/* GENERIC LAY OUT
/* --------------------------------------------------------- */
	#wrapper { width:880px; overflow:hidden; margin:0 auto; }
	#wrapper #menu { float:left; width:880px; height:42px; margin-bottom:25px; list-style:none; }
	#wrapper #content { float:left; position:relative; width:822px; padding:35px 29px 0px 29px; background:url(../img/seperator.png) no-repeat 29px 0px; }
	#wrapper #content div.col { float:left; position:relative; margin:0px 3px; width:268px; background:#FFF; padding:0px; min-height:500px; }
	#wrapper #content div.span-2 { width:542px; }
	#wrapper #content div.span-2 { width:542px; }
	#wrapper #content #side-bar { float:left; width:280px; }
	#wrapper #content #content-bar { float:left; width:526px; background:#FFF; padding:12px 8px; }
	#wrapper #footer { float:left; width:822px; height:25px; background:#ED1C24 url(../img/footer-flag-end.png) no-repeat right top; margin:30px 29px; }
	
	
/* --------------------------------------------------------- */
/* COL LAYOUT
/* --------------------------------------------------------- */
	div.col div.img-wrapper { float:left; position:relative; width:262px; height:173px; margin-left:-3px; background:#FFFCDB url(../img/bg-img-wrapper.png) no-repeat 0px 0px; padding:6px; }
	div.col div.img-wrapper div.slideshow img { position:absolute; }
	div.col h1 { float:left; width:253px; margin-top:15px; }
	div.col p.intro { font-size:12px; font-weight:bold; font-style:italic; }
	div.col p { float:left; padding:15px; width:238px; }
	div.col p+p { padding-top:0px; }

	div.span-2 h1 { width:527px; }
	div.span-2 p { float:left; padding:15px; width:512px; }
	div.col p+p { padding-top:0px; }

/* --------------------------------------------------------- */
/* CONTENT RULES
/* --------------------------------------------------------- */
	a.navigation { position:absolute; top:118px; width:21px; height:21px; background:url(../img/arrows.png) no-repeat; cursor:pointer; }
	a.navigation span { display:none; }
	a#next { left:0px; background-position:0px -21px; } 
	a#prev { right:0px; background-position:-21px -21px; }
	a#next:hover { left:0px; background-position:0px 0px; } 
	a#prev:hover { right:0px; background-position:-21px 0px; }
	a#next.disabled { opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); }
	a#prev.disabled { opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); }
	
	#image-container { float:left; width:250px; margin-right:20px; }
	#image-container div.slideshow { float:left; width:250px; min-height:160px; position:relative; }
	#image-container div.slideshow img { display:block; }
	#image-container p { float:left; width:250px; text-align:center; font-size:10px; margin-top:8px; padding-bottom:30px; background:url(../img/bg-img-krul.png) no-repeat left bottom; }
	#movie { float:left; margin-top:10px; width:250px; height:140px; padding-bottom:35px; background:url(../img/bg-img-krul.png) no-repeat left bottom; }
	#text-container { float:right; width:250px; padding-right:6px; }
	#text-container h3 { font-size:16px; font-family: "magion-web-1","magion-web-2",sans-serif; margin-bottom:9px; }
	#text-container p.intro { font-size:11px; font-weight:bold; font-style:italic; margin-bottom:9px; }
	#text-container p { margin-bottom:9px; }
	#show-movie { float:left; background:url(../img/show-movie.png) no-repeat 0 1px; font-size:12px; margin-top:10px; padding-left:30px;}
	
	div.oleole div.col { position:relative; min-height:20px !important; margin-bottom:6px !important; background:transparent !important;}
        div.oleole div.col a.btn { position:absolute; bottom:10px; right:10px;  }
        div.oleole div.col div.col { margin:0 0 6px 0 !important;}
	div.oleole div.col div.col div.body { padding:8px; overflow:hidden; }
	div.oleole div.col div.col div.body p { padding:8px 0px; }
	div.oleole div.col div.col div.body h1 { width:252px; font-size:13px; line-height:13px; padding:0 !important; margin:0 0 8px 0 !important; color:#ED1C24; background:transparent;  }
	div.oleole div.col div.col div.body div.slideshow { float:left; } 
	div.oleole div.groot { height:265px !important; min-height:263px !important; background:#FFF !important; border:1px solid #eee;  }
	div.oleole div.klein { height:115px !important; min-height:113px !important; background:#FFF !important; border:1px solid #eee;  }
	div.oleole #kalender, div.oleole #gezocht { float:left; list-style:disc; margin-left:18px; color:#ED1C24; }
	div.oleole #kalender li, div.oleole #gezocht li { list-style:disc; margin-bottom:4px; }
	div.oleole #kalender li span, div.oleole #gezocht li span { color:#000; }
	div.oleole #kalender-wrapper, div.oleole #bolwerk-zoekt { position:relative; }
	div.oleole div.paginate { position:absolute; width:238px; bottom:0px; left:0px; height:40px; line-height:40px; padding:0 15px; }
	div.oleole div.paginate a.qp_next { display:block; float:left; }
	div.oleole div.paginate a.qp_prev { display:block; float:right; }
	div.oleole div.paginate a.qp_disabled { opacity:0.25; filter:alpha(opacity=25); }
	
	div.oleole #nieuwsbrief { position:relative; background:url(../img/bg-nieuwsbrief.png) no-repeat 0 0 !important; }
	div.oleole #nieuwsbrief h1 { margin-bottom:3px !important; }
	div.oleole #nieuwsbrief p { padding:0 !important; margin-bottom:3px; }
	div.oleole #nieuwsbrief input { border:none; font:11px/11px Georgia, Times, serif; color:#000; margin:0 0 1px 70px; padding:3px; width:175px; }
	div.oleole #nieuwsbrief input:focus { outline:none; background:#CCC; }
	div.oleole #nieuwsbrief button { position:absolute; bottom:10px; right:10px; border:none; background:none; font:11px/11px Georgia, Times, serif; font-weight:bold; color:#ED1C24; margin:0; padding:0px; }
	div.oleole #nieuwsbrief #feedback { position:absolute; top:0; left:0; background:#ED1C24; width:268px; height:75px; opacity:0.9; filter:alpha(opacity=90); color:#FFF; font-weight:bold; text-align:center; padding-top:40px; }
	div.oleole #nieuwsbrief #feedback a { display:block; position:absolute; right:10px; top:10px; background:url(../img/close-btn.png) no-repeat; width:9px; height:9px; }
	div.oleole #nieuwsbrief #feedback a span { display:none; }
	
	div.bolwerk div.content { background-color:#FFF !important; }
	div.bolwerk div.multi-column { float:left; padding:0 15px; -moz-column-count:2; -moz-column-gap:20px; -webkit-column-count:2; -webkit-column-gap:20px; }
	div.bolwerk #bolwerk-wrapper { float:left; width:822px; background:#FFF; }
	div.bolwerk div.photos { margin-top:15px; }
	div.bolwerk div.photos div.slideshow { float:left; width:268px; min-height:179px; position:relative; }
	div.bolwerk div.photos p { float:left; width:268px; margin-bottom:18px; text-align:center; font-size:10px; padding:0; margin-top:4px; padding-bottom:30px; background:url(../img/bg-img-krul.png) no-repeat center bottom; }
	
	div.pers #content-bar h3 { font-size:16px; font-family: "magion-web-1","magion-web-2",sans-serif; margin-bottom:9px; }
	div.pers #content-bar p { font-size:11px; font-style:italic; margin-bottom:9px; }
	div.pers #content-bar p img { float:left; margin-right:7px; }
	
	div.contact div.col { min-height:304px !important; }
	div.contact div.body { padding:15px; overflow:hidden; }
	div.contact div.body h3 { font-size:14px; font-family: "magion-web-1","magion-web-2",sans-serif; color:#ED1C24; }
	div.contact div.body p { margin:0 !important; padding:0 !important; width:auto !important; margin-bottom:15px !important; }
	div.contact div.span-1-left { float:left; width:108px; }
	div.contact div.span-1-right { float:left; width:130px; padding-top:2px; }
	div.contact div.span-ateliers { float:left; width:152px; padding-top:2px; background:url(../img/icons-ateliers.png) no-repeat 0 5px; padding-left:50px; margin-bottom:15px; }
	div.contact #speel { background-position:-245px 5px; }
	div.contact #textiel { background-position:0px -190px; margin-bottom:0; }
	div.contact #muziek { background-position:-245px -190px; margin-bottom:0; }
	div.contact div.span-ateliers p { width:202px !important; }
	div.contact a { color:#000; }
	
	div.col div.datum { position:absolute; font-size:10px; font-style:italic; color:#666; bottom:10px; right:14px; }
	
/* --------------------------------------------------------- */
/* SCROLLABLE STYLES
/* --------------------------------------------------------- */
	div.scrollable { float:left; width:822px; position:relative; overflow:hidden; min-height:500px; }
	div.scrollable #items { position:absolute; width:20000em; }
	
/* --------------------------------------------------------- */
/* MENU 
/* --------------------------------------------------------- */
	#menu li { display:inline; list-style:none; }
	#menu li a { display:block; float:left; width:137px; height:42px; background:url(../img/menu.png) no-repeat; }
	#menu li a span { display:none; }

	#menu #btn01 a { width:166px; background-position:0px 0px; }
	#menu #btn02 a { background-position:-166px 0px; }
	#menu #btn03 a { background-position:-303px 0px; }
	#menu #btn04 a { background-position:-440px 0px; }
	#menu #btn05 a { background-position:-577px 0px; }
	#menu #btn06 a { width:166px; background-position:-714px 0px; }
	
	#menu #btn01 a:hover, #menu #btn01 a.current { width:166px; background-position:0px -42px; }
	#menu #btn02 a:hover, #menu #btn02 a.current { background-position:-166px -42px; }
	#menu #btn03 a:hover, #menu #btn03 a.current { background-position:-303px -42px; }
	#menu #btn04 a:hover, #menu #btn04 a.current { background-position:-440px -42px; }
	#menu #btn05 a:hover, #menu #btn05 a.current { background-position:-577px -42px; }
	#menu #btn06 a:hover, #menu #btn06 a.current { width:166px; background-position:-714px -42px; }

/* --------------------------------------------------------- */
/* SUB MENU
/* --------------------------------------------------------- */
	#sub-menu { list-style:none; padding:0; margin:0; width:270px; }
	#sub-menu li { background:url(../img/btn-sub-menu.png) no-repeat -270px 0; font:11px/21px "magion-web-1","magion-web-2",sans-serif; color:#000; padding-top:3px; margin-bottom:10px; }
	#sub-menu li:hover, #sub-menu li.current { background-position:0 0; color:#FFF; }
	#sub-menu li span { padding-left:26px; cursor:pointer; }
	#sub-menu li ul { list-style:none; padding:0; margin:0; width:270px; }
	#sub-menu li ul li { background:none; background-color:#ED1C24; padding:3px 0px 3px 26px; border-top:1px dotted #FFF; margin-bottom:0px; }
	#sub-menu li ul li a { color:#FFF; text-decoration:none; }
	#sub-menu li ul li a.current { color:#000; text-decoration:none; }
	#sub-menu li ul li a:hover { color:#000; text-decoration:none; }
	
/* --------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------- */
	#footer ul { list-style:none; font-size:13px; height:25px; }
	#footer li { display:inline; list-style:none; }
	#footer a { float:left; display:block; color:#FFF; font:14px/28px "liquor-store-1","liquor-store-2",sans-serif; text-decoration:none; height:25px; padding:0px 21px 0px 14px; text-transform:uppercase; background:url(../img/footer-star.png) no-repeat top right; }
	#footer a:hover { color:#000; }
	#footer li.last a { background:none; padding:0px 21px 0px 8px; }