/*
Theme Name: JunoBurger.com
Theme URI: http://www.junoburger.com/
Description: 
Author: Jeroen Homan
Version: 1.0
editor-style
*/


/* Reset default browser CSS. 
-------------------------------------------------------------- */
@font-face {
    font-family: 'InterstateRegular';
    src: url('/wp-content/themes/JunoBurger.com/fonts/interstate_regular-webfont.eot');
    src: url('/wp-content/themes/JunoBurger.com/fonts/interstate_regular-webfont.eot?iefix') format('eot'),
         url('/wp-content/themes/JunoBurger.com/fonts/interstate_regular-webfont.woff') format('woff'),
         url('/wp-content/themes/JunoBurger.com/fonts/interstate_regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/JunoBurger.com/fonts/interstate_regular-webfont.svg#webfont7K0qUN6e') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'InterstateBold';
    src: url('/wp-content/themes/JunoBurger.com/fonts/interstate-bold-webfont.eot');
    src: url('/wp-content/themes/JunoBurger.com/fonts/interstate-bold-webfont.eot?iefix') format('eot'),
         url('/wp-content/themes/JunoBurger.com/fonts/interstate-bold-webfont.woff') format('woff'),
         url('/wp-content/themes/JunoBurger.com/fonts/interstate-bold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/JunoBurger.com/fonts/interstate-bold-webfont.svg#webfontNxmix6MS') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1;	color: black; }

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }

/* End reset  
-------------------------------------------------------------- */


/*classes*/
.left { float:left; display: inline; }
.right { float:right; display: inline; }
.imagereplaced { margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999999px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1; }
.clear { clear:both; }
.navigation { list-style:none; list-style-type:none; margin:0; }
.navigation.horizontal:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; }
.navigation.horizontal li { float:left; display:inline ; }	
.hidden, .print{ display:none; }
.col { float:left; display:inline; }	

/*type*/
body, html { height:100%; }
html { font-size:62.5%; } body { background:#fff; margin:0; padding:0; }	
h1, h2, h3, h4, h5, h6 { font: normal normal normal 1em/1.4em Arial, Verdana, Helvetica, Tahoma, sans-serif; color:#59988E; margin-bottom:.3em; font-weight: bold; }
body { font: normal normal normal 1.2em/1.6em Arial, Verdana, Helvetica, Tahoma, sans-serif; color:#000; }		

h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }

a, a:visited, a h1  { text-decoration:underline; color:#5a6f7a; font-weight:bold; text-decoration: none; }
a:hover { text-decoration: none; color:#59988E;  }

p { display:block; margin:0em 0em 1em 0em;  color:#76797b ; }

/*lists*/

abbr[title], acronym[title] { cursor:help; }
abbr, acronym { letter-spacing:1px; text-transform:uppercase; }

blockquote, dd { }
small { font-size:0.8em; color:#ddd; }
em, cite, q, dfn, var { font:inherit; font-style: italic; }
strong { font:inherit; font-weight:bold; }
ins { text-decoration:none;color:#900;font-style:italic; }
code, kbd, samp { color:#555; font-family:monospace; font-size:1.2em; }
pre { margin-left:2em; padding-left:2em; margin-bottom:1em; border-left:1px solid #ccc; font-family: monospace; font-size:1.2em; }
blockquote { margin:1em 0em 1em 2em; border-left:1px solid #ccc; padding:0em 0em 0em 1em; font-style:italic; font-family: Georgia; }	
dt { font-weight:bold; }
thead th{ font:inherit; font-weight:bold; }
caption { font-style:italic;color:#777;margin:.5em 0; }
img { }			
hr { }	

input[type="radio"], input[type="checkbox"], .radio, .checkbox { }, input[type="submit"] {}, input[type="text"] {}


/*navigation */
#nav { width:301px; min-height:288px; background:url(img/nav-bg.png) no-repeat top center; margin-left:-5px; padding-top:35px; margin-right:30px; margin-top:-37px; }
#nav a:hover,#nav a.hover, #nav a.active, #nav li.current_page_item a{ background:url(img/arrow-small.png) no-repeat right center;color:#59988E;  }
#nav li { width:250px; padding-left:51px; min-height:25px; font-weight:bold; color:#5A6F7A; cursor: pointer; }
#nav li a { width:200px; display:inline-block; }

#nav li ul { list-style:none; list-style-type:none; }
#nav li ul li { padding-left:0px; display:block; }
#nav li ul {
padding-left:10px;
display:none;
}#nav li:hover ul, #nav li.hover ul {
	display:block; margin-top:2px;
	
}

#nav li.current_page_parent ul { display:block; margin-top:2px; }

#nav li ul li a { color:#829aa7; }
#nav li ul li a.active, #nav li ul li.current_page_item a { background:url(img/arrow-small3.png) no-repeat right center; }
#nav li ul li a:hover, #nav li ul li a.hover { background:url(img/arrow-small3.png) no-repeat right center;color:#59988E;  }
#nav li:hover ul li, #nav li.hover ul li { width:200px; }


/*structure*/
body, html { height:100%; }
body { background:#f6f7f9 url(img/home-site-bg.jpg) no-repeat center top; zoom:100%; }
body.homepage {  min-height:0px; }
.homepage #sitewrapper { min-height:0px; }
#sitewrapper {  margin:0px auto; width:100%;  min-height: 100%;
height: auto !important;
height: 100%; margin: 0 auto -357px;background:url(img/sitewrap-logo.png) no-repeat bottom right;   }
#innercontent { width:970px; margin:0px auto; }
#header { width:970px; margin:0px auto; margin-bottom:35px; }
#header #logo { width:435px; height:116px; margin-top:10px; padding-top:10px; margin-bottom:10px; background:url(img/logo.jpg) no-repeat bottom left;  }

#header #bloglink { width:57px; height:77px; background:url(img/blog-label.png); color:#fff; text-transform: uppercase; font-weight: bold; font-size:0.8em; text-align: center; padding-top:4px;  }
#content { width:100%; margin:0px auto; padding-bottom:20px; min-height:0%; }
#sitewrapper { overflow:hidden; }
#footer { width:100%; height:357px; background:url(img/footer-bg.png) repeat-x;  }
#footer, .push { height:357px; clear: both;}
#footer div#events, #footer div#news { height:290px; }
#footer div#news { min-width:265px; margin-right:70px;}
#footer div#news ul#newslist { list-style:none; list-style-type:none;  }
#footer div#news ul#newslist li { width:264px; margin-right:31px; float:left; }
#footer div#news ul#newslist li:last-child{ margin-right:0px; }
#footer div#news span.date { font-size:0.8em; color:#9ca9af; }
#footer a.readmore { display:block; width:264px; height:30px; border-top:1px solid #e5e5e5; color:#59988E; margin-top:10px; padding-top:10px; } 
#footer a.readmore:hover, #footer h3 a:hover { color:#5a6f7a; } 
#footer h3 a { color:#59988E;  }
#footer div p { color:#5f6467; font-size:0.9em; }

#footer div#events { width:265px;margin-right:70px; }
#footer div#events ul#eventlist { list-style:none; list-style-type:none; }
#footer div#events ul#eventlist li { width:265px; }
#footer div#events #shopp ul#eventlist li a { font-size:0.9em; font-weight:normal; }
.detail #pagecontent ul.eventlist li { background:none; margin-bottom:10px; }
#footer #footercontent div#events.col div#shopp div.category ul.products li.product ul.eventlist li h4.name a { font-size:0.9em; font-weight:normal; }

#footer div#events span.date, #pagecontent div#events span.date, #shopp span.date, .detail #pagecontent ul.eventlist li span.date { width:33px; height:36px; display: block; background:url(img/date-bg.jpg) no-repeat; text-align: center; padding-top:2px; margin-right:10px; }
#footer div#events span.date span.day, #pagecontent div#events span.date span.day,  #shopp span.day, .detail #pagecontent ul.eventlist li span.day { color:#fff; font-weight:bold; font-size:1.4em; display: block; }
#footer div#events span.date span.month, #pagecontent div#events span.date span.month,  #shopp span.month, .detail #pagecontent ul.eventlist li span.month { color:#fff; font-weight:normal; font-size:0.8em; margin-top:-5px; display: block; text-align:  }
#newsletterFormDiv #emailInput { height:18px; color:#76797b; font-size:0.9em; padding-left:5px; font-family:Arial, Verdana;   }

#newsletter-subscription { width:220px; } /*IE*/
#newsletter-subscription p { margin-top:-15px; }


#pagecontent div#events { width:inherit; }
#pagecontent div#events ul#eventlist { list-style:none; list-style-type:none; }
#pagecontent div#events ul#eventlist li h3 a { color:#ee0e68;  }
#pagecontent div#events ul#eventlist li h3 a:hover { color:#7b8d96; }
 
 .detail #pagecontent #shopp ul#eventlist li,.detail #pagecontent #shopp ul.eventlist li , .detail #pagecontent #shopp  ul.products li, #pagecontent ul.products li ul li, ul.products li.product { background:none; }

#footer #copyright { color:#7b8d96; font-size:0.8em; line-height:3.9; }
#footer #footercontent { width:930px; margin:0px auto;padding-top:30px; height:307px;  }
#footer h2.footertitle { color:#59988E; font-size:1.9em; margin-bottom:15px; }
.contact h3 { font-size:1.5em; }

/* MEDIA PAGE */
h1.pagetitle{ color:#59988E; font-size:2.5em; }
h1.pageintro { color:#5a6f7a; font-size:2.2em; margin-top:20px; }
h1.pageintro span.highlight { color:#59988E; }

div#introduction { width:593px; margin-top:40px;  }



.media div#introduction { width:689px; height:264px; margin-top:0px;  margin-left:-60px; }
ul#medialist { list-style:none; list-style-type:none; margin-top:30px; }
.homepage ul#medialist { margin-top:15px; }
.homepage div#mediahighlight { margin-top:30px; }
ul#medialist li { float:left; width:280px; background:url(img/media-item-shade.png) no-repeat bottom left; padding-bottom:40px; font-size:0.9em; cursor:pointer; margin-right:35px; margin-top:-10px; }
ul#medialist li div {  width:250px; min-height:110px; padding:15px; padding-bottom:0px;  background:#fff url(img/media-item-bg.png) no-repeat bottom left; }
ul#medialist li img{ float:left; margin-right:10px; max-height:95px; }
ul#medialist li h3, .homepage .indemediahighlight h3 { color:#4a616b; font-weight: bold; }
 
ul#medialist li h3, .homepage .indemediahighlight h3 { font-size:1.1em;  } /*IE*/

ul#medialist li span.credits, .homepage .indemediahighlight span.credits { color:#4a616b; font-weight:normal;  } 
ul#medialist li a.readmore, .homepage .indemediahighlight a.readmore { color:#59988E; padding-left:20px; background:url(img/arrow-small.png) no-repeat; min-height:15px; display:inline-block; margin-top:10px; margin-bottom:20px; }
ul#medialist li a.readmore:hover, .homepage .indemediahighlight a.readmore:hover  { text-decoration: underline; }

#content { }
/* GENERIC CONTENT */
.detail #content { min-height:0px; }
.detail #nav { width:301px; min-height:288px; background:url(img/nav-bg.png) no-repeat top center; margin-left:-5px; margin-right:30px; }
#header #bloglink  { width:57px; height:77px; background:url(img/blog-label.png) no-repeat; margin-right:20px; line-height:1.6;}
.detail #pagecontent h2, .media #pagecontent h2 { color:#59988E; font-size:1.6em; }
.detail #pagecontent, .contact #pagecontent { width:590px; margin-left:-20px; color:#808c90; margin-bottom:25px; margin-top:-264px;  }
.contact #pagecontent { margin-top:-270px; }
.media #pagecontent { width:590px;margin-left:-20px;  color:#808c90; margin-bottom:60px; margin-top:-264px;  }

.detail #pagecontent ul, .detail #pagecontent #shopp ul { list-style:none; list-style-type:none; margin-bottom:25px; }
 .detail #pagecontent #shopp ul {
 	list-style-type: disc;
 	list-style-position: outside;
 }
.detail #pagecontent ul li, .detail #pagecontent #shopp ul li { padding-left:15px; background:url(img/list-arrow.png) no-repeat left center; }
.detail #pagecontent ul#eventlist li, .detail #pagecontent #shopp ul#eventlist li { background:none; padding-left:0px; }

/* TEMPLATE INDEX */
body.templateindex { background:#fff ; }
body.templateindex, .templateindex #sitewrapper  { min-height:100%; }


/* BLOG */
.blog ul#posts { list-style:none; list-style-type:none; }
.blog ul#posts li { background:url(img/hr.png) repeat-x bottom left; padding-bottom:30px; margin-bottom:30px; }
.blog ul#posts li span.date { display:inline-block; width:63px; height:63px; background:url(img/blog-date-bg-2.png) no-repeat; color:#fff; text-align: center; padding-top:12px; margin-right:15px; }
.blog ul#posts li span.day { font-size:1.7em;display: block; }
.blog ul#posts li span.month { font-size:0.8em; text-transform: uppercase; display: block; }
.blog ul#posts li a.readmore { color:#59988E; padding-left:20px; background:url(img/arrow-small.png) no-repeat; min-height:15px; margin-right:10px; }
.blog ul#posts li a.readmore:hover, .blog ul#posts li a.commentlink:hover { text-decoration: underline; }
.blog ul#posts li a.commentlink { min-height:22px; background:url(img/comments-bg-2.png) no-repeat left center; color:#59988E; display: inline-block; min-height:25px;}
.blog ul#posts li a.commentlink span.comments { padding-left:10px; font-size:0.9em; margin-right:8px; color:#fff; }
.blog ul#posts li a.commentlink span.nocomments { padding-left:10px; font-size:0.9em; margin-right:18px; color:#fff; }
.blog ul#posts li:last-child {  }


/* CONTACT */
.contact div#form { width:593px; margin-right:50px; }
.contact div#contactinfo { width:550px; margin-bottom:30px; margin-top:30px; padding-bottom:30px;border-bottom:1px solid #D6E0E4; }
.contact div#contactinfo img { margin-right:25px;  overflow:hidden; }
.contact div#form form fieldset input.textfield, .detail form fieldset input.textfield { width:260px; height:30px; background:#fff; border:none; margin-bottom:15px; opacity: 0.5; -moz-opacity: 0.5; }


.detail form fieldset input.textfield { height:30px; }  
.contact div#form form fieldset input.textfield:focus,.detail form fieldset input.textfield:focus, .contact div#form form fieldset textarea.textarea:focus, .detail form fieldset textarea:focus {  opacity: 1; -moz-opacity: 1; } 
.contact div#form form fieldset textarea.textarea { width:260px; height:85px; background:#fff; border:none; margin-bottom:15px; opacity: 0.5; -moz-opacity: 0.5; padding-top:15px; }
.contact fieldset#mymessage { margin-right:40px; }
.contact div#form form fieldset input.textfield,.detail form fieldset input.textfield, .contact div#form form fieldset textarea.textarea { font-size:0.9em; font-family:Arial, Verdana, Tahoma; padding-left:5px;color:#76797b ; } 
.contact div#form form h3 { margin-bottom:20px; }
.contact div#form form input.submit { float:right; }
.contact div#form form input.submit, .detail form fieldset input.submit { width:78px; height:37px; background:url(img/send-btn.png) no-repeat top center; cursor: pointer; border:none; color:#fff; font-weight:bold; font-family:Arial, Verdana, Tahoma; }
.contact div#form form input.submit:hover, .detail form fieldset input.submit:hover { background-position:0px -37px; }
.contact div#form form label, .detail form fieldset label { color:#5a6f7a; font-weight:bold; display: block;}
.contact div#form form label.error, .detail form fieldset label.error { color:red; margin-top:-5px; margin-bottom:15px; }



/* HOMEPAGE */
#content ul.postsnav { list-style:none; list-style-type:none; width:100%; padding-top:20px;border-top:1px solid #D6E0E4; }
#content ul.postsnav li { background:none; margin:0; padding:0; }
div#introduction { width:689px; height:264px; margin-top:0px;  margin-left:-60px; }
#content ul.postsnav li.right { text-align:right; }
.homepage div#introduction h1.pageintro { width:520px; margin-top:60px; margin-left:60px; } 

.homepage #pagecontent h2 { color:#59988E; font-size:1.8em; }
.homepage #pagecontent { width:590px; margin-left:-20px; color:#808c90; margin-top:-264px;  }
.homepage .indemediahighlight img { float:right; margin-right:10px; }
#energieformcontainer ul { list-style:none; list-style-type:none; }
#content #energieformcontainer ul li { background:none;  margin:0px; padding:0px; }


.homepage .indemediahighlight h2 { margin-left:-18px; color:#59988E; }
.homepage .indemediahighlight h3 { margin-bottom:20px; margin-top:25px;}
.homepage .indemediahighlight { width:257px; height:314px; background:url(img/home-media-bg.png) no-repeat bottom left; margin-left:50px;padding:18px; margin-right:20px; padding-left:25px; }
.homepage .indemediahighlight span.quote { width:150px; display: inline-block; font-size:0.9em; color:#5f6467; }

.homepage .indemediahighlight a.readmore { display:block; width:228px; height:30px; border-top:1px solid #e5e5e5; color:#59988E; margin-top:45px; padding-top:13px; background-position:center left;} 


#energieformcontainer { margin-top:30px; }
#energieformsent { margin-top:30px; }
.detail span.note, .contact span.note { color:#59988E; font-weight:bold; }
#pagecontent div#events { margin-top:30px; margin-bottom:30px; padding-left:30px; }
#pagecontent ul.testimonials { list-style:none; list-style-type:none; margin-top:10px; margin-bottom:30px;}
#pagecontent ul.testimonials li { background:url(img/hr.png) repeat-x bottom left;  min-height:24px; padding-top:15px;padding-bottom:15px; }
#pagecontent ul.testimonials li p { padding-left:35px;  background:url(img/ervaringen-bg.png) no-repeat left top;  }


.advertise { float:none; min-width:265px; color:#59988E; font-weight:bold; }
div.postcontent { padding-left:70px; }
div#nav-above { margin-top:20px;}
.blog div#comments { margin-top:50px; }


ol.commentlist { list-style:none; list-style-type:none; }
ol.commentlist li.comment{ background:url(img/hr.png) repeat-x bottom left; padding-bottom:15px; margin-bottom:30px; }
ol.commentlist li.comment:last-child { margin-bottom:40px; }
ol.commentlist li.comment div.comment-author, ol.commentlist li.comment div.comment-meta { display:inline-block; color:#5f6467; }
ol.commentlist li.comment div.comment-body em { display:inline-block; color:#5f6467; }
ul.shopplinks { list-style:none; list-style-type:none; margin-top:-15px;margin-bottom:10px; }
ul.shopplinks li { float:left; display:inline; font-size:0.9em; margin-right:3px; }
div#shoppstuff{ margin-bottom:10px; }

.homepage a#energieIcon { width:154px; height:120px; position:relative; top:-295px; margin-right:-50px;background:url(img/energiecheck-icon.png) no-repeat top left; float:right; overflow:hidden;}
a#energieIcon { width:154px; height:120px; position:relative; top:130px; margin-right:-50px;background:url(img/energiecheck-icon.png) no-repeat top left; float:right;}

span.pager span.currentPage, span.pager a.currentPage { color:#59988E; font-weight:bold; }
.detail #shopp form ul li { padding:0px; padding-left:0px; }
h2.posttitle, h2.posttitle a { color:#59988E; }

#fancybox-wrap, #gview { width:90%; height:90%; }

.media #pagecontent, .homepage #pagecontent { width:630px; }
.homepage #innercontentcontainer { width:620px; }

div#content #pagecontent #shopp div.xcheckout strong { color:#5A6F7A; }
div.xcheckout p { display:inline; padding-left:30px; }
.wpmlwidget fieldset { margin-top:-20px; }
.wpmlwidget fieldset legend, .wpmlrequired, .wpmlwidget fieldset legend sup.wpmlrequired    { color:#59988E; }
.detail #sitewrapper #content #innercontent #pagecontent #shopp ul.breadcrumb li { background:none; padding-left:0px; }

.detail #sitewrapper #content #innercontent #pagecontent #shopp form.product ul.variations li { background:none; padding-left:0px; }
#footer ul.eventlist li span.date { margin-bottom:7px; }

#shopp div.category ul.products li.product div.frame h3.name { float:left; margin-right:25px; padding-left:15px; background:url(img/list-arrow.png) no-repeat left center; }

#shopp div.category ul.products li.product div.listview { margin-top:-15px; margin-bottom:10px; float:right; }
div.listview #shopp form.product { border-bottom:none; }

#order-data-billing-remarks { width:100%; height:150px; }
#shopp div.category ul.products li.product  { border-bottom:1px solid #d6e0e4; margin-bottom:0px; line-height: normal; padding: 20px 0; }
#footer #shopp div.category ul.products li.product  { border-bottom:0px solid #d6e0e4; margin-bottom:0px; }
#footer .footertitle, h1.pagetitle, #pagecontent h2,  .contact h3,  #mediahighlight h2, h1.PDFtitle, h1.pageintro {
    font-family: InterstateRegular;
    font-weight: normal;
}
div#shopp p.alignright {
    border-bottom: 1px solid #D6E0E4;
    padding: 0 0 5px 0;
}
div#shopp p.submit {
    border: none;
    padding: 0;
    margin: -80px 0 0;
}
#shopp form ul li div select#idealmollie-bank {
    width: auto;
}