@charset "UTF-8";
/* CSS Document */

/* IE6 Fix */
#breadCrumb #hier, #breadCrumb #back, #navLeft, #navLeft .block img, #content, #content .home, #content .homeRight, .news p .date, .news p img,
.item img {display:inline;}

/* Padding & margin resetten */
* { padding: 0em; margin: 0em; }
* html {margin: 0px; padding: 0px;}

/* Algemene instellingen */

BODY { background-image: url(../assets/background_colruyt_f.jpg); background-color:#FFFFFF; background-position: center top; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; } 


h1 {font-size: 1.6em; margin: 10px 0 8px 0;}
h2 {font-size: 1.4em; margin: 10px 0 8px 0;}
h3 {font-size: 1.2em; margin: 10px 0 8px 0;}

/* Algemene links */
a:link, a:visited, a:active { color: #666; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
a img {	border: none; }

#container { position: relative; width: 92.5em; margin: auto; }

/* Header */
#header { position: relative; height: 11.5em; }
#header #logoColruyt { position: absolute; top: 1.2em; }
#header #topBar { position: absolute; right: 0em; width: 50em; padding: 1.4em 0em; }
#header #topBar img { position: absolute; right: 0em; top: 0.5em; }
#header #rightMenu { position: absolute; right: 9em; top: 6.25em; line-height: 1.5em; }
#header #langSelect { position: absolute; right: 2em; top: 6.25em; line-height: 1.5em; }

/* Menu positioning */
#menu { position: relative; z-index: 5; }

.fotoomlijnen { border: solid 1px #FF8800; }
.fotoomlijnen:hover { border: solid 1px #AAA; }

/* BreadCrumbs */
#breadCrumb { position: relative; line-height: 2.5em; padding: 0em 0.75em 0em 0.5em; }
#breadCrumb #hier { width: 16.3em; float: left; margin: 0em 1em 0em 0em; }

#breadCrumb #social { width: 150px; height:23px; float: right; margin: 0em; display:block; }
#breadCrumb #social #fbLink, #breadCrumb #social, #twitLink {display:block;height:23px;float:right;}

#breadCrumb ul { list-style: none; }
#breadCrumb ul li { display: inline; }
#breadCrumb ul li a { background-image: url(../assets/arrow-go.gif); background-position: left; background-repeat: no-repeat; padding: 0em 0.5em 0em 1.5em; }
#breadCrumb #back { float: right; padding: 0em 1em 0em 0em; }
#breadCrumb #back a { padding: 0em 0em 0em 2em; background-image: url(../assets/pijltje_back.gif); background-position: left; background-repeat: no-repeat; }
#breadCrumb .italic { font-style: italic; }

/* Left Column */
#navLeft { position: relative; width: 18em; padding: 0em 0em 0em 0.5em; display: inline-block; float: left; }
#navLeft .block h2 { background-image: url(../assets/titelbalk_back.jpg); background-position: center; background-repeat: repeat-x; color: #FFF; font-weight: bold; font-size: 1.2em; padding: 0.3em 0em 0.3em 0.5em; margin: 0em; }
#navLeft .block .text { display: inline-block; margin: 1em 0em 1em 0em; }
#navLeft .block ul { list-style: none; font-weight: bold; font-size: 1.1em; }
#navLeft .block ul li { margin: 0.75em 0.5em; }
#navLeft .block img { display: block; margin: auto; }
#navLeft .block:after { clear: both; content: "."; display: block; visibility: hidden; height: 0em; }
#navLeft .block {background-color: #FFF7E5; border: 0.1em solid #f8b200; padding: 0em 0em 1em 0em; clear: both; margin: 0em 0em 1em 0em; zoom:1;}
#navLeft .news {padding: 0em; margin: 0em 0em 1em 0em; background-color: #FFF7E5; border: 0.1em solid #f8b200; zoom:1;}
#navLeft .news:after { clear: both; content: "."; display: block; visibility: hidden; height: 0em; }
#navLeft .new ul li { list-style-image: url(../assets/miniLogo.gif); }
#navLeft #produits { display:block; float:left; width:97%; margin-bottom: 5px; border-bottom: 1px dashed #999; padding:5px 0 5px 5px; }
#navLeft #produits .floatleft { float:left; margin-right:5px; }
#navLeft #produits img { float:left; }
#navLeft #produits .nom { font-weight:600; margin-bottom:5px; }
#navLeft #produits .description { font-style:italic; font-size:9px; margin-bottom:5px; }
#navLeft #produits .prix { font-weight:600; font-size:11px; margin-bottom:5px; color:#F03; }
#navLeft #produits .prixquantite { font-weight:400; margin-bottom:5px; font-style:italic; }
#navLeft #produits .ticketgagnant { font-weight:400; clear:both; display:block; border:1px dashed #999; padding:3px; text-align:center; width:85% }

#content { position: relative; display: block; width: 72.5em; float: right; padding: 0em 0.5em 0em 0.5em; }

#content .home { width: 53em; padding: 0em 0em; text-align: center; float: left; }
#content .home #middenBanner { margin: 0em 0.3em 0em 0.3em; padding: 0em; }

#content .home .border { border: solid 0.1em #f8b200; margin: 0em 0.1em 0.5em 0em; }
#content .home ul { list-style: none; }
#content .home ul li { margin: 0em; padding: 0em; }
#content .noBorder img { border: none; }

#content .homeRight { position: relative; display: block; width: 18em; float: right; padding: 0em 0em 0em 1em; margin: 0em; }
#content .homeRight .block { display: block; padding: 0em; margin-bottom: 10px; }
#content .homeRight .block h2 { background-image: url(../assets/titelbalk_back.jpg); background-position: center; background-repeat: repeat-x; color: #FFF; font-weight: bold; font-size: 1.2em; padding: 0.3em 0em 0.3em 0.5em; margin: 0em;  }
#content .homeRight .block img { border: none; margin: 0em; padding: 0em; display:block;}

#content .block p { margin: 1em 0.5em 0em 0.5em; font-size: 1.1em; }
#content .block img { margin: 1em; border: 0.1em solid #f8b200; display: block; }
#content .block p a { color: #FF8000; font-weight: bold; }
#content .block ul, #content .block ol { margin: 1em; }
#content .block ul li { font-size: 1.1em; margin: 0.5em 0em 0em 1.25em; }
#content .block ol li { font-size: 1.1em; margin: 0.5em 0em 0em 1.75em; }
/*
#content .block .info { border: 0.1em solid #f8b200; background-color: #FFF; margin: 1em; clear: both; display: inline-block; }
*/
#content .block .info a { font-size: 0.9em; color: #666; font-weight: normal; }
#content .block .info a:hover { text-decoration: underline; }
/*
#content .block .info img { border: none; margin: 0.5em; }
#content .block .info:after { clear: both; content: "."; display: block; visibility: hidden; height: 1em; }
*/
#content .block { width:175px; display: inline-block; background-color: #FFF7E5; border: 0.1em solid #f8b200; padding: 0em 0em 1em 0em; clear: both; }
#content .block:after { clear: both; content: "."; display: block; visibility: hidden; height: 0em; margin-bottom: 5px; }
#content .block h1, .block h2 { background-image: url(../assets/titelbalk_back.jpg); background-position: center; background-repeat: repeat-x; color: #FFF; font-weight: bold; font-size: 1.2em; padding: 0.3em 0em 0.3em 0.5em; }
#content .block h3, .block h4, .block h5 { color: #444; font-size: 1.15em; margin: 1em 0.5em 0em 0.5em; }
#content .block h5 { clear: both; }
#content .block .meerInfo { display: inline-block; background-image: url(../assets/meerInfo.jpg); background-position: right; background-repeat: no-repeat; padding: 0em 2em 0em 0em; text-align: right; font-weight: bold; color: #FF8000; line-height: 2.5em; }
#content .block .meerInfo:after {margin-bottom: 10px;}

.news h2 { color: #FF8000; font-weight: bold; font-size: 1.2em; padding: 0em 0em 0.3em 0.5em; margin: 0px; }
.news p { margin: 0.5em 0em; }
.news p:after { clear: both; content: " "; display: block; visibility: hidden; height: 0em; }
.news p .date { display: inline-block; float: left; height: 2.5em; margin: 0em 0.2em 0em 0em; }
.news p .date:after { content: "-"; display: inline-block; width: 1em; visibility: hidden; }
.news a { display: inline; }
.news p img { float: left; clear: none; margin-right: 5px; }

.redPrize { color: #F00; font-weight: bold; }
.noBorder { display: block; border: none; }

.item { position: relative; margin: auto; padding: 5px; clear: both; float: none; margin-bottom: 15px; }
.item img { position: relative; margin-right: 10px; display: inline-block; float: left;border: 1px solid #f8b200; }
.item p { display: inline-block; margin: 0px; margin-bottom: 5px; padding: 0px; }
.item .title { background-image: url(../assets/meerInfo.jpg); background-repeat: no-repeat; background-position: left; margin-left: 80px; padding-left: 20px; color: #ef7b18; font-size: 14; font-weight: bold; margin-top: 10px; }
.item .title a { color: #ef7b18; font-size: 14; font-weight: bold; margin-top: 10px; text-decoration: none; }
.item .title a:hover { color: #ef7b18; font-size: 14; font-weight: bold; margin-top: 10px; text-decoration: underline; }


/* COLRUYT.FR */
.news ul { padding-left: 15px;}
.news ul li { list-style: none; }
.news .newsfeed ul { padding: 0px 0px 0px 15px; }
.news .newsfeed ul li { list-style-image: url(../assets/miniLogo.gif); }

.dispnews li {list-style-image: url(../assets/miniLogo.gif);}

.news .arrowgo { margin-left: 2px; }

.popup {margin: 1em;} /* Class popup for body-tag */
.popup h1 {font-size:16px;color:#ef7b18;}

#content .context { width: 50em; padding: 0em 1.5em 0em 1.5em; float: left; }
#content .context h1, #content .contextlarge h1 { font-size: 2.4em; margin-bottom: 10px; color: #CCC; !important}
#content .context p, #content .contextlarge p, #content .context ul, #content .contextlarge ul { margin-bottom: 10px; !important}
#content .context div:after {clear: both; content: "."; display: block; visibility: hidden; height: 0em;}
#content .contextlarge div:after {clear: both; content: "."; display: block; visibility: hidden; height: 0em;}
#content .context ul li, #content .contextlarge ul li {}
#content .context a:link, #content .context a:visited, #content .context a:active { color: #FF8800; text-decoration: underline;}
#content .context a:hover {text-decoration: none;}
#content .contextlarge { width: 70em; padding: 0em 1.5em 0em 1.5em; xfloat: left; }
#content .contextlarge a:link, #content .contextlarge a:visited, #content .contextlarge a:active { color: #FF8800; text-decoration: underline; }
#content .contextlarge a:hover { text-decoration: none; }
#content .contextlarge ul, #content .context ul {margin-left:12px;}
* html #content .contextlarge ul, * html #content .context ul {margin-left:16px;}

.navrecettes li {list-style:url(../assets/arrow-go.gif);}
.navrecettes li a {text-decoration: none;}
.navrecettes li a:hover {text-decoration: underline;}
.recepten li {list-style: none;}

.button {background: #FFF7E5; border: 1px solid #f8b200; color: #333333;}
.gotop {width: 50px; height: 15px; float: right; clear: left; background-color: #E9E9E9; display: block; text-align: center; text-decoration:none;}
.gotop:hover {background-color: #FF9933; text-decoration: none;}
.printfunction {float: right; clear: left; background-color: #E9E9E9; display: block; text-align: center; text-decoration:none;}

/* Tree menu's */
#navLeft #treemenu {position: relative; height: 100%; padding: 0em 0em 0em 0.5em; margin-bottom: 10px;  /*background-color: #FFF7E5;*/ /*border: 0.1em solid #f8b200;*/ border: 1px solid  #FFF7B9; background: #fcefd2;}
#navLeft #treemenu:after {clear: both; content: "."; display: block; visibility: hidden; height: 0em;}
#navLeft #treemenu h2 {font-size: 13px; margin-bottom: 5px;}
#navLeft #treemenu ul {margin-bottom: 5px;}
#navLeft #treemenu ul li {margin-bottom: 5px; list-style:none;}
#navLeft #treemenu ul li a {text-decoration: none; color: #FF6600;}
#navLeft #treemenu ul li a:hover {text-decoration: underline; color: #FF6600;}

#sitemap {color: black;}
#sitemap .tag {color: white; font-size: 14px; font-weight: bold; display: block; width: 200px; height: 20px; background-color: #FF9900; text-align: center; list-style-type: none;}
#sitemap ul li {list-style-type: none;}
#sitemap ul li ul li {list-style-type: none;}
#sitemap ul li ul {background-color: #F6F6F6; width: 190px; padding: 5px 0 5px 10px;}

#footer {margin: 5px auto; width: 50em; border-top: 1px solid #FF9900; padding-top: 2px; text-align: center; clear:both;}

/* Colors and tricks */
.grijsrand {border: 1px solid #CCC; padding: 5px; margin: 5px; width: 96%; height:100%;}
.grijsrand:after { clear: both; content: "."; display: block; visibility: hidden; height: 0em; }
.floatLeft {float: left; margin: 5px 12px 12px 0; !important} /* image floats */
.floatRight {float: right; margin: 5px 0 12px 12px; !important}
.arrow {background: url(../assets/meerInfo.jpg) left center no-repeat; padding-left: 18px; height: 20px;}
.datsbox {background-color: #e8f3d2; border:1px dashed #9fc452;padding: 2px 4px 2px 4px;}
/* columns in grijsrand */
.grijsrand  {position:relative; zoom:1;}
.grijsrand h2 {margin-right:6em;}
.grijsrand .imgLeft {float:left; width:150px;}
.grijsrand .imgLeft img {margin-bottom:1em;}
.grijsrand .imgRight {float:right; width:150px;}
.grijsrand .imgRight img {margin-bottom:1em;}
.grijsrand .textCenter {margin: 0px 160px;}
.grijsrand .gotop {position:absolute; right:0.5em; top:0.5em; }

.musicplayerhead {background-color: #FF9900; width: 444px; color:white; font-weight:bold; border: 1px solid #333;}
.musicplayer {background-color: #EEE; width: 445px; height: 100%;}
.musicplayer a {width: 220px; height: 100%; padding-top: 5px; background-color: #E9E9E9; display: inline-block; text-align: center; text-decoration:none;}
.musicplayer a:hover {background-color: #CCCCCC; text-decoration: none;}
.musicplayer a img {margin: auto;}
.musicplayerstop a {width: 440px; height: 100%; padding-top: 5px; background-color: #E9E9E9; display: inline-block; text-align: center; text-decoration:none;}
.musicplayerstop a:hover {background-color: #CCCCCC; text-decoration: none;}
.musicplayerstop a img {margin: auto;}

/* COLRUYT.FR img CAPTIONS */
.caption-top, .caption-bottom {color: #333; padding: 1.2em; font-weight: bold;font-size: 11px; font-family: Verdana; cursor: default; border: 5px solid #FF9900; background: #FF8800;}
.caption-top {border-width: 0px 0px 8px 0px;}
.caption-bottom {border-width: 8px 0px 0px 0px;margin-bottom: 0px;}
.caption a, .caption a {border: 0 none;text-decoration: none;background: #FF9900;padding: 0.3em;}
.caption a:hover, .caption a:hover {background: #FF9900;}
.caption-wrapper {float: left;}


#footer {margin-bottom: 60px;}