/*  
Theme Name: De Boey 1.95
Theme URI: http://www.bakkerijdeboey.be
Author: ZZeen
Author URI: www.zzeen.com

/*
1 - Reset
2 - Links
3 - Text
4 - General
5 - Header
6 - Index / Pages
7 - Footer 
*/


/* new: 
 * Winkel Zelzate 
 */

/* ------------------------------------------------------------
   Reset 
   ------------------------------------------------------------  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, figure, figcaption, hgroup, footer, header, 
nav, section {margin:0;padding:0; border:0;}

table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}

article, aside, figure, figure img, figcaption, hgroup,
footer, header, nav, section {display: block;}

address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
q:before,q:after {content:'';}



/* ------------------------------------------------------------
   Links 
   ------------------------------------------------------------  */
a {text-decoration:none; color:#002855;}
a:hover {color: #AF6D04;}

li.current-menu-item a{color: #AF6D04;}
.current-post-parent {color: #AF6D04;}

		
   
/* ------------------------------------------------------------
   Text 
   ------------------------------------------------------------  */

.blue {color:#002855;}
.brown {color:#AF6D04;}
.white {color: #FFF;}



/*
'Vollkorn 400', 'Vollkorn 400 italic', 'Vollkorn 700'
'Classico URW', 'Classico URW Bold'
*/

/* 
h1 for introbox txt
h2 for main nav
h3 for category titles (assortiment)
h4 for subnav top (assortiment)
h4.sub for subnav per category (assortiment)
h5 for boxtitles (footer etc)
p for normal txt
p.article for article txt (for pages)
*/


h1, h3, h4, h6, p, body,table {font: 400 16px/24px 'Vollkorn', Times, serif; color: #002855;}
h1	{font-size: 17px; line-height: 24px; text-align: center; margin:  20px 0; }
h3	{font-size: 20px; line-height: 30px;}	
p	{}
table {font-size:  14px;}

h5 {
	font: normal 14px/20px 'Classico URW Bold', Arial, sans-serif; color:#002855;
	text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 16px 5px 5px 5px; }
h6 {
	font-style: italic;
	color: #AF6D04;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 0px;
}

#topnav li {
	font: normal 12px/20px 'Classico URW Bold', Arial, sans-serif; color:#002855;
	text-transform: uppercase; text-align: center; letter-spacing: 1px;}


.italic {font-style: italic;}
.centered {text-align: center;}
.underline {border-bottom: 1px solid;}
.link {text-decoration: underline;}

p.intro {font-size: 14px; line-height: 20px; text-align: center;}
p.articletext {color: brown; }
p.products {line-height: 24px;}

h5.addresstitle {color:#AF6D04; margin-top: 12px;}
.addrtxt {text-align: center; margin-top: 12px;}
h6.notopmargin {margin-top: 0px;}

/*
.addrtxt a {border-bottom: 1px solid #002855;}
.addrtxt a:hover {border-bottom: 1px solid #AF6D04;}
*/
.addr24u {font: italic 15px/20px 'Vollkorn 400 italic', Times, serif; 
	color:#AF6D04; text-align: center; }

a:hover #shopbox h5 {color:  #FFF;}
p.shopbox {margin-top:12px;}

#mapsintro {font: italic 15px/20px 'Vollkorn 400 italic', Times, serif;
	color:#002855; margin-top: 24px;}
#mapstxt p.brown a {font-size:  14px;color: #AF6D04; border-bottom: 1px solid #AF6D04;}
#mapstxt p.brown a:hover {color: #002855; border-bottom: 1px solid #002855;}
.mapslinks {margin-top: 24px;}


/* assortiment styles: see Assortiment section */


/*footer styles */



h5.newstitle {font-size:  18px;
	text-transform: none; color: #FFF; }
p.newsintro, p.newstxt{
	font: normal 14px/20px 'Classico URW', Arial, sans-serif; 
	text-align: center; margin-bottom:5px; padding: 0px 10px; }
p.newsintro {color: #FFF; font-family:  'Classico URW bold', Arial, sans-serif; }
p.newstxt {color:#002855; }

.boxbrood p {font-size: 15px; line-height: 20px; 
	text-align: center; color: #AF6D04;}
	
p.gebakwdatum {font: normal 12px/20px 'Classico URW', Arial, sans-serif; color:#002855;
	text-transform: uppercase; text-align: center; letter-spacing: 1px;}
p.gebakw {font: italic 18px/20px 'Vollkorn 400 italic',serif;
	color: #AF6D04; text-align: center; margin: -3px 0 12px 0; padding: 0 10px;}
h5.gebakwkomend {color:#AF6D04; margin-top:  20px;
	border-top: 1px solid #AF6D04;}
	
.boxright h5 {
	font: bold 15px/20px 'Classico URW', Arial, sans-serif; 
	text-align: center; margin-bottom: 5px; color: #AF6D04;}
#boxnews2 p.newsintro {color:#002855; }
#boxnews2 a {text-decoration: underline; color: #AF6D04;}
.boxright p {
	font: normal 14px/20px 'Classico URW', Arial, sans-serif; 
	text-align: center; margin-bottom:5px; padding: 0px 10px; }


h5.downloads {margin:  10px 0;}






/* Eindejaar 2013 - Extra styles */
.breakingnews {
	width: 888px; height: 16px; display: block;}

/* Eindejaar 2016 - Extra styles */
.homebar {
	width: 888px; height: 300px; display: block;
	clear: both; padding: 30px 0 0;
}
.homebar img {
  width: 100%;
  height: auto;
}
.homebar a:hover {
	opacity: 0.8;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* -- */




/* ------------------------------------------------------------
   Header
   ------------------------------------------------------------  */

#breakingnews {display: block; width:888px; height: auto; min-height: 60px;
		margin: 10px auto; border-bottom: 1px solid #AF6D04;}
#breakingnews h5 {
	font: bold 14px/20px 'Classico URW', Arial, sans-serif;
	color:#AF6D04;
}

	
#topnavzone {float: left; margin: 30px 0 0 -18px;}

ul#topnav {list-style:none; }
ul#topnav li {display: inline; float: left; padding: 0px 8px;}
ul#topnav li a {border-bottom: 1px solid #AF6D04;}
ul#topnav li a.linkshop {border-bottom: 1px solid #002855; margin-left: -9px;}

#logozone {float: right; margin-right: 95px;}
#logo {height: 120px; width: 120px;}


/* ------------------------------------------------------------
   General 
   ------------------------------------------------------------  */

/*Double border around viewport: */
html {border: 4px solid #002855; }
body {margin: 8px; border: 4px solid #AF6D04;}

#wraphead {height: 60px; }
#wrappage {min-height: 424px; }
#wrapfoot {clear: both; margin-top: 60px; height: auto;}
#wrapfoot-downloads {height: auto;}
.wrapper {display: block; width:888px; margin: 40px auto;}


/* ------------------------------------------------------------
   Contact 2
   ------------------------------------------------------------  */

.shops {
	float:left;
	display: inline;
}
.shopbox {
	display: block; 
	width: 538px; height: 430px; 
	border: 3px solid #002855;
	margin: 0px 0 24px;}
.shopboxborder {
	margin: 7px; 
	width: 518px; height: auto;
	border: 3px solid #AF6D04;
}
.shopimg {
	float: left; 
	width: 250px; height: 410px; 
	background-color: grey;
}
.shopaddress {
	float: left; 
	width: 264px; height: 410px; 
	margin-left: 0px;
}
.shopaddress a {
	display: block;
	color: #002855;
	text-align: center;
	margin-top: 12px;
	text-decoration: underline;
}
.shopaddress .addrtxt a{margin-top:  0px;}
.shopaddress a:hover, .shopaddress .addrtxt a:hover {color:#AF6D04;}

a.linkbox {
	float: left;
	width: 312px; height: 164px;
	border: 3px solid #AF6D04;
}
.linkboxinner {
	margin: 5px;
	background: #AF6D04;
	height: 154px;
}
a .linkboxinner:hover {
	background: #002855;
	color: #AF6D04;
}
.linkboxlink {
	text-align: center;
	text-decoration: underline;
	margin-top:  24px;
	color: #FFFFFF;
}

.colrbox {
	float: left; 
	width: 314px; height: auto; 
	margin-top: 24px; 
	border: 2px solid #AF6D04;
	padding: 0 0 24px;
}


/* ------------------------------------------------------------
   Page
   ------------------------------------------------------------  */

#imgbox {float: left; width: 544px; height: 400px;border: 1px solid #eee; background-color: #fff;}
#introbox {
	float: right; width: 318px; height: 340px; margin-top: 32px;
	border: 1px solid #002855; border-left:0; border-right:0;}

#imgbox img {max-width: 544px; max-height: auto;}


#fourofourbox {float: left; width: 888px; height: 250px; margin:  60px 0; background-color:#AF6D04;}
#fourofourkader {border: 1px solid #fff; margin: 15px; height: 218px;}
.fourofour {font-size: 18px; line-height: 24px; margin: 80px 0; color:  #fff;}


#articlemain {display:block; margin: 0px auto; width: 888px; min-height: 200px;}
.columntxt {float: left; width: 318px; margin-right: 26px; margin-bottom: 40px;}
.columnimg {float: right; width: 200px; min-height: 200px; }
.columnimg img {margin-bottom: 20px;}

#addressbox {
	float: left; width: 538px; height: 400px; 
	border: 3px solid #002855;}
#addrboxborder {
	margin: 7px; width: 518px; height: 380px;
	border: 3px solid #AF6D04;}
#addrimg {float: left; width: 308px; height: 380px; background-color: grey;}
#address {float: left; width: 180px; height: 380px; margin-left: 16px;}


#contactbox {float: right; width: 318px; margin-top: 35px; margin-bottom: 30px;}
#shopbox {float: left; width: 318px; height: 130px; background-color: #AF6D04;}
a:hover #shopbox  {background-color: #002855;}
a:hover .shopbox {color: #AF6D04;}
#mapsbox {float:  left; width: 314px; height: 188px; margin-top: 20px; border: 2px solid #AF6D04;}
#mapsimg {float: left; width: 140px; height:188px; background-color: gray;}
#mapstxt {float: right; width: 150px; margin-right: 6px;}


/* ------------------------------------------------------------
   Assortiment
   ------------------------------------------------------------  */

h3.sectiontitle {margin-top: 20px;}
p.subtitle  {color:#AF6D04; font-size:  14px; margin-bottom: 20px;}

h5.ast-boxtitle{margin-bottom: -12px;}
p.ast-boxtxt {font: italic 14px/20px "Vollkorn 400 italic", Georgia, sans-serif; margin: 20px 10px; text-align: center;}


#assort-topbox {float: left; width:888px; height: 200px; margin: 32px 0 40px 0;}

#subnav {float: left; width: 318px; min-height: 100px;}
.navtitle {color:#AF6D04; font-size:  16px;}
#subnav ul {font: 400 17px/30px 'Vollkorn', Times, serif; color: #002855;}
#subnav ul li a {border-bottom: 1px solid #AF6D04;}

.sectionnav {float: right;width: 888px; height: 20px; margin-top: 20px;
	border-top: 1px solid #002855;}
ul.sectionnav li  {float: right;  display: inline; padding: 20px 8px; font-size: 14px;}
.lastnav {height: 60px; border-bottom: 1px solid #002855; margin-bottom: 20px;}


#assort-news1, #assort-news2 {
	float: left; height: 180px; border: 4px solid #002855; margin-left: 26px;}
#assort-news2 {width: 310px; border-color: #AF6D04;}
#assort-news1 {width: 192px;}


.assort-box{float: left; width:888px; min-height: 200px;margin: 20px auto;
	border-top: 1px solid #002855;}


.ast-product {float: left; width: 198px; height: 200px;  margin: 10px 16px;}
.ast-img {width: 198px; height: 150px;}
p.ast-imgcaption {font-style: italic; font-size: 15px; line-height: 20px; height:40px;}

.gebakrow {display:  inline-block; width: 888px; min-height: 100px;}
.prodlist {float: left; width: 198px; min-height: 100px; margin: 20px 16px; font-size: 14px;}

.ast-col-kader {display: block; width: 190px; border: 4px solid #AF6D04; margin-bottom:  40px;} 


.coll {margin-left: 0px;}
.colr {margin-right: 0px;}
.borderblue {border-color:#002855;}


ul.subcat {margin-bottom: 1.5em;}


/* table */

table {float: left; width:428px; border-collapse:collapse; margin: 20px 0;}
table.right {margin-left: 32px;}
tr {line-height: 16px; border-bottom:1px solid #002855;}
td{	padding:5px 2px;}
td.product{width: 218px; text-align: left;}
td.day{width: 40px; color: #AF6D04;text-align: right;}



/* ------------------------------------------------------------
   Pagina Bestellen
   ------------------------------------------------------------  */

.bestellen h1 {
  font-size: 24px;
  color: #AF6D04;
  margin-bottom: 16px;
}

.bestellen p {
  margin-bottom: 16px;
}

.bestellen p a {
  color: #AF6D04;
  text-decoration: underline;
}
.bestellen p a:hover {text-decoration: none;}


.bestellen #introbox-bestellen {
	float: right; width: 318px; height: auto; margin-top: 32px;
	border: 1px solid #002855; border-left:0; border-right:0;
  margin-bottom: 60px;
}


/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------  */

#footerleft, #footerright{
	float: left; width:318px; height: 290px;}
#footermiddle {
	float: left; width:200px; height: 290px; margin: 0 26px;}
#footerunder {
	float: left; margin: 40px 0; width: 888px; 
	border: 2px solid #002855; border-left:0; border-right:0;}
#footerunder a:hover {color: #002855;}


/* extra news - only visible when tekst added in widget 
 * --- */
.messagebox {
    display: block;
    height: auto;
    width: 888px;
    background-color: #fff;
    color: #0B0A0A;
    text-align: center;
    border: 1px solid #AF6D04;
    margin-bottom: 1em;
}

.message h4 {
    padding-top: 1.5em;
    margin-bottom: -1.5em;
    font: normal 15px/20px "Classico URW Bold", sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #AF6D04;
}
.message p {
    margin: 0;
    padding: 0 3em;
}
.message p:first-child {padding-top: 1.5em;}
.message p:last-child {padding-bottom: 1.5em;}





#boxnews {
	float: left; width: 318px; height: 190px; 
	background-color: #AF6D04;}
#boxnewsborder {
	width: 302px; height: 174px; margin: 7px;
	border: 1px solid #fff; 
	/* overflow: scroll; < only when news text is larger than box*/}
#boxnews a:hover {
	color: #fff;
	text-decoration: underline;}


#boxbrood {
	float: left; width: 318px; height: 110px; margin-top: 20px;
	border: 1px solid #002855; border-left:0; border-right:0;}
.boxbrood{
	float:left; margin: 0 6px; }


#boxgebakw {
	float: left; width: 192px; height: 310px;
	border: 4px solid #AF6D04;
	}


.boxright {
	float: left; 
	width: 310px;
	height: 137px;
  height: 310px;
	margin-bottom: 20px;
	border: 4px solid #002855;
}


#nav-foot a {
    text-align: center;
    font: normal 11px/20px 'Classico URW Bold', Arial, sans-serif; color:#AF6D04;
    text-transform: uppercase;
    letter-spacing: 1px;
    
}


 
/* Clearing floats */
.clear:after {
	clear: both;
}
.clear:before,
.clear:after {
	content: "";
	display: table;
}





/* ---------------------------------
Responsive slider css
--------------------------------- */

.page-default {
    margin: 100px auto 50px;
    max-width: 600px;
}

.page-default h1 {
    font-family: 'Classico URW Bold', Arial, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #AF6D04;
    margin-top: 16px;
    margin-bottom: 50px;
}

.page-default h3,
.page-default h4,
.page-default h5 {
    color: #AF6D04;
    margin-top: 24px;
    margin-bottom: 16px;
}


/* ---------------------------------
Responsive slider css
--------------------------------- */


ul.rslides, ul.rslides li, ul.rslides li img {
	margin:  0;
	padding:  0;
	line-height: 0;
}
ul.rslides {
	margin-top:  -24px;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }