/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- reset--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
object { outline:none; display:block; }
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- base--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
html{min-width:969px;color:#000;background:#323232;}
body {color:#DDD;font-family:sans-serif;font-size:75%;font-style:normal;font-variant:normal;font-weight:normal;line-height:18px; text-align:center;}
table{font-size:100%}
h1{color:#fff;font-size:2.5em;line-height:1;margin:0.6em 0em;display:none}
h2{color:#C4CE39;font-size:1.6em;line-height:1;margin:0.6em 0.15em;}
h3{color:#45abd6;font-size:1.3em;line-height:1;margin:0.5em 0em;20px 0px}
h4{color:#c1b1b1;font-size:1.3em;line-height:1;margin:0.5em 0em;}
h4 a{color:#c1b1b1}
h3{text-transform:uppercase}
a{color:#45abd6;text-decoration:none}
p.author{color:#eee;font-size:0.9em;padding-bottom:5px;font-style:italic;}
b{color:#fff;font-size:110%}
.do-not-print{display:block;}
.print{display:none;}
.clear{clear:both}
.button{background-color:#45ABD6;overflow:hidden;text-align:center;color:#fff;padding:3px}
.overview{width:100%;}
.overview .item{position:relative;overflow:hidden}
#wrapper{width:969px;position:relative;margin:0 auto;text-align:left;}
#header ,#breadcrumb, #content, #footer{width:969px;overflow:hidden}
#billboard{width:100%;overflow:hidden;height:433px;}
#header{height:62px;}
#flash-header{margin-left:-2px;}
#footer{height:40px;border-top:1px dotted #444;margin-top:10px;text-align:center;}
#search-form{float:left;margin-bottom:22px;overflow:hidden;width:200px;margin-left:0px;}
#content{padding-left:5px}
/*-------------------------------------------- menu -------------------------------------------*/
#menu{float:left;overflow:hidden;width:969px;height:62px;}
#menu ul{width:969px;height:62px;}
#menu ul li {float:left;list-style-type:none;text-indent:-9999px;}
#menu ul li a {display:block;outline:none;background:transparent url("http://en.mymachine.be/images/menu.jpg");height:62px;}
#menu ul li.empty{width:140px;height:62px;background:none}
#menu ul li.myMachine a{width:190px;height:62px;background:none}
#menu ul li.toonzaal a{width:151px;} 
#menu ul li.toonzaal a:link, #menu ul li.toonzaal a:visited {background-position:0 0;}  
#menu ul li.toonzaal.current a, #menu ul li.toonzaal a:hover, #menu ul li.toonzaal a:focus {background-position:0 -62px;}
#menu ul li.atelier a{width:120px;} 
#menu ul li.atelier a:link, #menu ul li.atelier a:visited {background-position:-151px 0;}
#menu ul li.atelier.current a, #menu ul li.atelier a:hover, #menu ul li.atelier a:focus {background-position:-151px -62px;}
#menu ul li.nieuws a{width:122px;}  
#menu ul li.nieuws a:link, #menu ul li.nieuws a:visited {background-position:-271px 0;}
#menu ul li.nieuws.current a, #menu ul li.nieuws a:hover, #menu ul li.nieuws a:focus {background-position:-271px -62px;}
#menu ul li.over a{width:239px;}  
#menu ul li.over a:link, #menu ul li.over a:visited {background-position:-393px 0;}
#menu ul li#over.current a, #menu ul li.over a:hover, #menu ul  li.over a:focus {background-position:-393px -62px;}
/*-------------------------------------------- breadcrumb -------------------------------------------*/
#breadcrumb{color:#fff;height:67px;line-height:1.3;margin:36px 0 0.6em;text-transform:uppercase;width:100%;}
#breadcrumb a{float:left;color:#C3CE38;text-decoration:underline;}
#breadcrumb span.crumb{float:left;height:16px;margin:0px 5px}
#breadcrumb .current{float:left;margin-top:12px;font-size:1.8em;clear:left}
/*-------------------------------------------- index -------------------------------------------*/
#body-index{background:#323232 url(http://en.mymachine.be/images/bg.jpg) top center no-repeat;}
#body-index #col1{float:left;width:300px;overflow:hidden;}
#body-index #col2{float:left;width:355px;overflow:hidden;}
#body-index #col2 .inner{border-left:1px dotted #999;border-right:1px dotted #999;padding:0 20px;}
#body-index #col2 h2{margin-left:20px;margin-bottom:1em}
#body-index #col2 object{margin-bottom:10px}
#body-index #col1 h2{margin-left:0px;margin-bottom:1em}
#body-index #col3{float:left;width:280px;overflow:hidden;margin-left:20px;}
#body-index #col3 h2{margin-bottom:1em;}
#body-index .item .content{background-color:#45ABD6;padding:5px;position:absolute;bottom:5px;left:5px;}
#body-index .item .content h3 a{color:#fff}
#body-index .item{background-color:#4D4D4D;width:280px;overflow:hidden;height:200px;position:relative}
#body-index #col1 .item{width:280px !important}
#body-index .item .thumb{position:absolute;top:5px;left:5px}
#body-index #omschrijving{float:right;margin:6px 0 0 20px;width:610px;}
#body-index .item .foto{float:none;border:none}
#body-index .foto{float:left;border:5px solid #4D4D4D}
#body-index h2{color:#C4CE39;font-size:1.9em;line-height:1;margin:0.4em 0;}
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- body-over-----------------------------------------*/
#body-over h2{margin-bottom:20px;}
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- atelier-----------------------------------------*/
.atelier #media{margin-top:22px}
.atelier .item{width:320px !important}
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- base -------------------------------------------*/
#body-atelier{background:#323232 url(http://en.mymachine.be/images/bg-atelier.jpg) top center no-repeat;}
#body-atelier #billboard{width:100%;height:363px;}
#body-atelier h2{color:#C4CE39;
font-size:1.9em;
line-height:1;
margin:0.4em 0;}
/*--------------------------------------------#body-atelier #content{margin-top:-32px}----------------------------------------*/
#body-atelier #col1{margin-right:20px;margin-top:10px;width:684px;float:left}
#body-atelier #col2{border-left:1px dotted #999;margin-top:34px;width:259px;float:left}
#body-atelier #col1 h2 a{color:#C4CE39 !important;}
#body-atelier #col2 .inner{margin-left:20px;}
#body-atelier #col1.login,#body-atelier #col2.login{width:454px;margin-right:20px;}
#body-atelier #col1.login{margin-top:34px;text-align:right;}
#body-atelier #col2.login{border-left:1px dotted #999;padding-left:20px}
#body-atelier #col2.login h2{margin:0.6em 0;}
/*-------------------------------------------- fotos -------------------------------------------*/
#body-atelier #fotos{overflow:hidden}
#body-atelier #fotos a{float:left;margin-right:10px;border:solid 3px #676766;}
/*-------------------------------------------- comments -------------------------------------------*/
#body-atelier #comments .item{float:left;width:660px !important;margin:10px 0px;overflow:hidden;border-bottom:dotted 1px #676766}
#body-atelier #comments p.author{font-style:italic;font-size:88%;color:#ccc;float:right; overflow:hidden}
/*-------------------------------------------- overview -------------------------------------------*/
#body-atelier .overview{overflow:hidden}
#body-atelier .overview a.all{float:right;margin-right:6px;}
#body-atelier .overview .item .content{position:absolute;bottom:5px;left:5px;background-color:#45ABD6;opacity:0.95;filter: alpha(opacity = 95);}
#body-atelier .overview .item .content .inner{margin:5px;}
#body-atelier .overview .item .content a{float: left; width: 100%;}
#body-atelier .overview .item .content h3 {color:#fff}
#body-atelier .overview .item{float:left;margin:8px 0;background-color:#4D4D4D;overflow:hidden;}
#body-atelier .overview .item.full{width:690px;height:140px;}
#body-atelier .overview .item.full .content{width:680px;}
#body-atelier .overview .item.half{width:336px;height:140px;}
#body-atelier .overview .item.half .content{width:326px;}
#body-atelier .overview .item{margin:3px}
#body-atelier .overview .item .thumb{position:absolute;top:5px;left:5px}
/*-------------------------------------------- detail -------------------------------------------*/
#body-atelier .detail h2{color:#ccc}
#body-atelier .detail .thumb{background-color:#4D4D4D;width:690px;overflow:hidden;height:130px; position:relative}
#body-atelier .detail .content{background-color:#4D4D4D;overflow:hidden;padding-bottom:5px;margin-bottom:8px}
#body-atelier .detail .inner{margin-left:5px;width:679px;}
#body-atelier .detail .content .inner #omschrijving{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #676766;}
#body-atelier .detail .content .inner #details{padding-bottom:10px;overflow:hidden;}
#body-atelier .detail .content .inner #details table{margin-left:5px;width:679px;}
#body-atelier .detail .content .inner #details table td{width:33%}
#body-atelier .detail .thumb img{position:absolute;top:5px;left:5px}
#body-atelier .detail #comments-add{overflow:hidden;background-color:#45ABD6;margin-top:3px;}
#body-atelier .detail #comments-add h3{color:#fff !important}
#body-atelier .detail .save{overflow:hidden;text-align:right}
#body-atelier .detail .save .button{float:right;margin-left:3px;}
#body-atelier .detail #photos {background-color:#555;padding:10px;margin-bottom:5px;overflow:hidden}
#body-atelier .detail #photos .item{float:left;margin:5px 5px 5px 0;}
#body-atelier .detail #photos .item .button{float:left;padding:0px}
#body-atelier .detail #photoGallery{overflow:hidden;}
#body-atelier .edit #inputTitle input{color:#bbb;font-size:1.6em;text-transform:uppercase;}
/*-------------------------------------------- rating -------------------------------------------*/
#body-atelier .star{float:left;overflow:hidden;background:transparent url("{site_url/images/star.gif");width:27px;height:31px;outline:none;text-indent:-99999px}
#body-atelier .star.empty{background-position:-28 0}
#body-atelier .detail #rating_form img{cursor:pointer;}
#body-atelier .detail #ratingStats img, #body-atelier .detail #rating_form img{float:left;padding-right:2px;}
#body-atelier .rate-message{float:left;overflow:hidden;margin-left:5px;color:gray;font-style:italic;}
/*---------------------------------- widget_mijn_idee ------------------------------------*/
#widget_mijn_idee .content{margin-left:15px}
#widget_mijn_idee .item{width:225px !important;height:auto!important;margin:8px 0 !important;} 
#widget_mijn_idee h3{margin:1.6em 0;float:left;}
#widget_mijn_idee h4{margin:0.5em 0.5em;}
#widget_mijn_idee table.details{width:205px;margin-left:15px;margin-bottom:3px}
#widget_mijn_idee table.details .verwijderen{text-align:right;padding-top:5px;}
#widget_mijn_idee table.details td{padding-bottom:6px;}
#widget_mijn_idee table.details .button{margin-left:3px}
#body-atelier .idee-toevoegen{float:left;width:167px;height:60px;background:transparent url("http://en.mymachine.be/images/idee-toevoegen.gif");text-indent:-99999px;outline:none;margin:10px 60px 30px 10px}
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- nieuws-----------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#body-nieuws{background:#323232 url(http://en.mymachine.be/images/bg-atelier.jpg) top center no-repeat;}
#body-nieuws h2{color:#C4CE39;
font-size:1.9em;
line-height:1;
margin:0.8em 0;}
#body-nieuws #breadcrumb{height:50px;margin:10px 0 0;}
#body-nieuws #content{margin-top:-32px}
#body-nieuws #billboard{height:373px;background:transparent url("http://en.mymachine.be/images/atelier-billboard.jpg")}
#body-nieuws #col1{margin-right:20px;margin-top:10px;width:684px;float:left;}
#body-nieuws #col2{border-left:1px dotted #999;margin-top:65px;width:259px;float:left}
#body-nieuws #col2 .inner{margin-left:20px;}
#body-nieuws .item{width:650px !important;}
#body-nieuws .entry{border-bottom:1px solid #676766; padding-bottom: 10px;overflow:hidden}
#body-nieuws .entry img{float:left;margin:5px 8px 8px 0;}
#body-nieuws .entry h2{color:#C4CE39 !important}
/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ lightbox ------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;	left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;	float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;	line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;	color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;	padding-bottom: 0.7em;}