html { height: 100%; min-height: 100%; }
body { height: 100%; min-height: 100%; }
html, body, .menu, .menu li, .overview, .overview li, h1, h2, h3,
.products li, .products, #agenda dl, #agenda dd, #agenda dt, p { margin: 0; padding: 0; }
.menu, .menu li,.overview, .overview li, .products li, .products { list-style-type: none; }
body { font-family: "neo tech", tahoma,sans-serif; font-size: 12px; }
a img { border: none; }
#content a { text-decoration: underline; color: #333; }
#content a.more { color: #f3028f; text-decoration: none;}
#content a:hover { color: #01aef0; }
#content a.order { color: #01aef0; text-decoration: none;}
#content a.order:hover { color: #f3028f; }
.break { display: none; }
span.dp { color: #f3028f; }
span.db { color: #00adef; font-weight: bold; }
span.b { color: #f3028f; font-weight: bold; }
h1 { color: #f3028f; line-height: 30px; font-weight: bold; font-family:"neo tech", tahoma, sans-serif; font-size: 15px; padding-top: 15px; }
#info h1 { padding-top: 0;}
h2 { color: #f3028f; line-height: 24px; font-weight: bold; font-family:"neo tech", tahoma, sans-serif; font-size: 13px; }
#agenda dt { font-weight: bold; font-family:"neo tech", tahoma, sans-serif; font-size: 14px; }
h3 { font-weight: bold; font-family: "neo tech", tahoma, sans-serif; font-size: 14px; }
#content { line-height: 1.4; height: auto !important; height: 100%; min-height: 100%; }
p { padding: 2px 0 6px }
p.lead { font-weight: bold; }
#wrapper { width: 1000px; margin: 0 auto; background: url("img/yellow.gif") 812px 0 repeat-y; position: relative; height: auto !important; height: 100%; min-height: 100%; }
#header { height: 125px; position: relative; }
#header #logo { position: absolute; bottom: 0; right: 188px; }
#navigation { background: #000; color: #fef200; height: 23px; font-family: "neo tech", tahoma, sans-serif; }
#navigation li { float: left; display: block; position: relative; width: 125px; font-size: 12px; z-index: 10; }
#navigation li.last {float:right;}
#navigation li.first img { border-left: 1px solid #999;}
#navigation li img { border-left: 1px solid #FFF; display: block; height: 23px; color: #fef200; text-decoration: none; }
#navigation li ul { background: transparent; color: #000; border-left: 1px solid #f3028f; position: absolute; z-index: 10; top: 23px; }
#navigation li ul li { float: none; }
#navigation li.first ul li a,
#navigation li ul li a { height: auto; display: inline; color: #666; font-size: 10px; padding-left: 6px; position: relative; top: 3px; border: none; text-decoration: none;}
#navigation li ul li a:hover { padding-left: 11px; left: -5px; background: url("img/bullet.png") 0 3px no-repeat; color: #f3028f; }
#navigation li ul li a.current { padding-left: 11px; left: -5px; background: url("img/bullet.png") 0 3px no-repeat; }
#main { position: relative; float: left; width: 800px; padding: 100px 12px 0 0; height: auto !important; height: 100%; min-height: 100%; background:#fff; }
#agenda { float: left; background: #fef200; width: 188px; }
#agenda dl { margin: 10px 5px 10px 10px; }
#agenda dt { padding: 4px 0 10px 0; }
#agenda dt a { color: #000; text-decoration: none;}
#agenda dd { padding-bottom: 6px; border-bottom: 1px solid #80cc28; }
#agenda dd .text { font-weight: bold; font-size: 11px; padding-bottom: 10px; }
#footer { clear: both; height: 1px; }
#footer address { position: absolute; top: 6px; left: 6px; font-style: normal; font-family: "neo tech", tahoma, sans-serif; }
#footer address a { color: #000; text-decoration: none; }
#wireframe { position: absolute; left:0;bottom:0;}
#wireframe_spacer { height: 223px; }
/*exhibition overview */
.overview li { position: relative; height: 127px; width:100%; margin-top:10px; border:1px solid #fff; }
.overview li:hover { background-color:#a4e6ff; border:1px solid #01aef0; }
.overview img { float: left; margin-top:1px; margin-left:1px; padding-right:30px; height:125px; width:125px; border:none; }
.overview .spacer { float: left; top: 2px; left: 0; padding-right:30px; height:125px; width:125px; }
.overview li h2 { line-height: 1.4; }
.overview .dates { padding-bottom: 8px; font-size:0.8em; }
.overview .name { font-weight: bold; font-size: 11px; line-height: 1.2; }
.overview .opening { font-style: italic; padding-bottom: 8px; line-height: 1.2; }
.overview .attachments { padding: 10px 0 20px 0; }
/** exhibition details */
.exhib_detail h3 { font-size: 22px; text-align: left; font-weight: normal; margin: 0; padding: 0 0 15px 0; color: #f3028f; }
.exhib_detail .tagline { font-size: 12px; font-weight: bold; text-align: center; font-family:"neo tech", tahoma, sans-serif;}
#info .dates, #info p { padding-bottom: 10px; }
#info .opening { font-weight: bold; padding-bottom: 10px; }
#info h2 { font-size: 11px; line-height: 1.2; padding-top: 8px; }
#flyer { width: 375px; float: left; padding-top: 2px; }
#info { width: 369px; padding-left: 6px; float: left; }
/** shop */
#curitem { margin-left: 62px; }
.products { margin-left: 125px; width: 640px; }
.products li { display: block; float: left; margin: 15px; background: #000; width: 95px; height: 95px; overflow: hidden;}
.products li img {width: 95px; height: 95px;}
.products li.cy { background: #01aef0;}
.products li.ye { background: #fef200; }
.products li.ma { background: #f3028f;}
/**
* Template specific
* class sould be set to body
*/
.home #header { height: 250px; }
.home #content { display: block; padding: 0; text-decoration: none; }
.default #content, .shop #content .intro { padding: 0 62px 0 250px; }
#shop { padding: 0 62px; }
.exhibition #content { padding: 0 62px 0 125px; }
a#gohome { width:100%; height:100%; display: block; z-index:999; }
a.readmore { color:#000; }
/* formulieren */
ul#ctf { margin: 0; padding: 0; list-style-type: none; }
ul#ctf li { margin: 0; padding: 0; list-style-type: none; width:500px; padding-bottom:15px; height: 15px; }
ul#ctf li label { display: block; width:120px; float: left;}
ul#ctf li span.forminput ,input { display: block; width:300px; float:left; }
ul#ctf li span.caption { display: block; width:15px; float:left;}
ul#ctf li input[type=radio] { display: block; width:15px; float:left;}
ul#ctf li textarea { display: block; width:300px; }
a.lilink { display:block; height:127px; position:absolute; text-decoration:none !important; top:0; width:100%; z-index:999; }
a.lilink:hover { color:#000 !important; }
img#headerbanner { float: right; margin-right:4px; margin-top:25px; width:180px; }
ul#agendaTicker {margin:0; padding:5px; list-style-type:none;}
ul#agendaTicker li {}
.bxslider_container { height:300px !important; }
/* ** twitter embed overwrites ** */
#tweets { float:right; left:6px; position:relative; margin-top:25px; margin-right: 5px; }
div.twtr-hd { padding:0px !important; color:#F3028F !important; }
div.twtr-hd h3 { font-weight:bold !important; border-bottom:1px dotted #000; padding-bottom:5px !important; font-size:13px !important; margin:0 !important;}
div.twtr-hd h4 { color:#000; margin:0 !important;}
/*div.twtr-ft { display:none; }*/
div.twtr-doc { width:188px !important; margin-left:25px; }
div.twtr-widget { height:200px; overflow:hidden; font-size: 11px !important; }
div.twtr-timeline { height:148px !important; }
div.twtr-tweet-wrap { padding-left:0px !important; padding-right:0px !important; padding-top:5px !important; padding-bottom:5px !important; }
.twtr-profile-img-anchor { display: none; }
/* ** twitter embed overwrites ** */
/*overig socials*/
div.socials { position:relative; width:100%; height:150px; }
div.fb-like { width:80px; float:left; }
iframe.twitter-share-button { top:0; float:left;}
a.socialbutton{ top:0; float:left;}
/*buttons in header*/
body.home div.socicons { margin-top:225px; position:absolute; }
div.socicons { margin-top:100px; position:absolute; }
a#fb_link { float:left; margin-left:4px; width:18px; height:18px; display:block; background:url(./img/facebookicon.png) left top no-repeat; }
a#fl_link { float:left; margin-left:4px; width:18px; height:18px; display:block; background:url(./img/flickricon.png) left top no-repeat; }
a#tw_link { float:left; margin-left:4px; width:18px; height:18px; display:block; background:url(./img/twittericon.png) left top no-repeat; }