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

/* IE6 
#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 */
* {margin:0em;padding:0em;}
* html {margin:0px;padding:0px;}

/* Algemene instellingen */
BODY {background-image:url(../assets/background_proapro_f.jpg);	background-position:center top;	background-repeat:no-repeat;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	color:#666;	text-align:center;	font:arial;}
h1 {font-size:1.6em;margin:2em 0 2em;color:#666;}
h2 {font-size:1.4em;margin:20px 0 8px 0;}
h3 {font-size:1.2em;margin:10px 0 8px 5px;}
h4, h5 {color:#444;font-size:1.15em;margin:0em 0em 0.5em 0em;}
h5 {clear:both;}
p {max-width:90%;text-align:left;margin-bottom:10px;}

ul {padding-left:2em;}
li {list-style-position:outside;margin-left:1em;}

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

.linkGrey a, .linkGrey a:visited {color:#666;text-decoration:underline;font-size:1em;}
.linkGrey a:hover {text-decoration:none;}

#container {position:relative;width:97.9em;margin:auto;text-align:left;}
#contentMain {float:left;display:inline-block;margin-left:0.9em;width:58.3em;}
#content {float:left;display:inline-block;margin-left:1.3em;width:57.5em;}
#contentSingle {float:left;display:inline;margin-left:1em;width:77em;padding-bottom:30px;}
#content ul, #contentSingle ul {padding-top:0.5em;}
.content .block {padding-bottom:10px;}

/* Header */
#header {position:relative;height:12.9em;}
#header .logoColruyt {position:absolute;top:1.2em;}
#header .topBar {position:absolute;right:0em;width:50em;padding:1.4em 1em;color:#666;}
#header .topBar a, #header .topBar a:visited {color:#666;text-decoration:underline;}
#header .topBar a:hover {text-decoration:underline;}
#header .topBar img {position:absolute;right:0em;top:0.5em;}
#header .rightMenu {position:absolute;right:80px;top:80px;line-height:1.5em;}
#header .rightMenu a {color:#FFF;}
#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 {clear:both;margin-top:0.2em;margin-bottom:0.2em;padding-left:0.8em;}
.breadCrumb {color:#666;font-size:1em;height:16px;position:inherit;width:100%;padding:0 0.8em;}
.breadCrumb .hier {width:16.3em;float:left;display:inline;margin:0em;}
.breadCrumb li {position:relative; }
.breadCrumb ul {list-style:none;float:left;display:inline;width:200px;}
.breadCrumb ul li {display:inline;}
.breadCrumb a {background-image:url(../assets/nav/arrow-go.gif);background-position:right;background-repeat:no-repeat;color:#666;padding:0em 1.5em 0em 1em;margin-right:5px;}
.breadCrumb a:hover {text-decoration:none }
.breadCrumb ul li a {background-image:url(../assets/nav/arrow-go.gif);background-position:left;background-repeat:no-repeat;color:#666;padding:0em 0.5em 0em 1.5em;}
.breadCrumb .back {background:none;float:right;display:inline;padding:0em 1em 0em 0em;width:100px;}
.breadCrumb .back a {padding:0 0 0 0.2em;background-image:url(../assets/nav/picto_back_kl.gif);background-position:left;background-repeat:no-repeat;}
.breadCrumb .italic {font-style:italic;}


/* Left Column */
#navLeft {width:18em;float:left;display:inline;margin-left:0.9em;}
#navLeft .block .text {display:inline-block;margin:12px 0 12px 0;}
#navLeft .block ul {list-style:none;font-weight:bold;font-size:1.1em;}
#navLeft .block ul li {margin:9px 9px;}
#navLeft .block img {display:block;margin:0;width:170px;}
#navLeft .block:after {clear:both;content:".";display:block;visibility:hidden;height:0em;}
#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);}


/* Right Column */
#navRight {position:relative;width:17.7em;float:right;display:inline;margin-right:0.9em;	}
#navRight .block {padding-bottom:0;position:relative;}
/* #navRight .block p .meerInfo a {background-image:url(../assets/picto_klikhier.jpg);background-position:right;background-repeat:no-repeat;padding:0em 2em 0em 0em;float:right;width:60px;font-size:1em;color:#CC0000;}*/


/* Content */
#middenBanner {display:inline;float:left;margin:0em 0em 0.9em 0.9em;}


/* Blocks */
.block {border:solid 1px #CCCCCC;width:99.90%;margin-bottom:1em;float:left;display:inline-block;padding-bottom:1em;position:relative }

.block h1 {background-image:url(../assets/nav/back_nav.jpg);background-position:bottom;background-repeat:repeat-x;background-color:#ebebeb;color:#666666;min-height:16px;font-weight:bold;font-size:1.2em;margin:0;padding:0.5em 0em 0.3em 0.5em;}
.block h2 {background-image:url(../assets/nav/back_nav_blue.jpg);background-position:top;background-repeat:repeat-x;color:#FFF;min-height:16px;font-weight:bold;position:relative;margin:0;padding:0.5em 1.7em 0.3em 0.5em;font-size:1.2em }
.block h2 img {	position:absolute;right:5px;top:5px;}
.block p {margin:1em 0.5em 0.5em 0.5em;font-size:1.1em;}
.block img {display:block;display:inline-block;}
.block p a {color:#666666;font-weight:bold;}
.block ul, #content .block ol {margin:1em;}
.block ul li {font-size:1.1em;margin:0.5em 0em 0em 1.25em;}
.block ol li {font-size:1.1em;margin:0.5em 0em 0em 1.75em;}
.block .info a {font-size:0.9em;color:#666;font-weight:normal;}
.block .info a:hover {text-decoration:underline;}
.block:after {clear:both;content:".";display:block;visibility:hidden;height:0em;margin-bottom:5px;}


a.meerInfo, a:visited.meerInfo {background-image:url(../assets/nav/picto_klikhier.gif);background-position:right center;font-weight:bold;background-repeat:no-repeat;padding:0em 2em 0em 0em;float:right;display:inline;font-size:1em;color:#CC0000;line-height:2em;text-decoration:none;position:absolute;right:10px;bottom:5px;}
a:hover.meerInfo {background-image:url(../assets/nav/picto_klikhier_hover.gif);background-position:right center;font-weight:bold;background-repeat:no-repeat;padding:0em 2em 0em 0em;float:right;display:inline;font-size:1em;color:#CC0000;line-height:2em;text-decoration:none;position:absolute;right:10px;bottom:5px;}

.meerInfo:after {margin-bottom:10px;}

.thumb {border:1px solid #CCCCCC;display:inline-block;float:left;height:130px;margin-left:15.5px;margin-top:15px;padding:5px;text-align:center;width:110px;position:relative }
.thumb img, .thumbLong img {clear:both}
.thumb .context {margin-top:10px;margin-bottom:10px;text-align:left;}
.thumbLong {border:1px solid #CCCCCC;display:inline-block;float:left;height:265px; float:left;margin-left:15.5px;margin-top:15px;padding:5px;text-align:center;width:110px;position:relative }
a.actieLink, a:visited.actieLink {background-image:url(../assets/nav/picto_klikhier.gif);background-position:right center;font-weight:bold;text-align:right;background-repeat:no-repeat;padding:0em 2em 0em 0em;float:right;display:inline;font-size:1em;color:#CC0000;line-height:2em;text-decoration:none;right:10px;bottom:5px;clear:both;_zoom:1;}
a:hover.actieLink {background-image:url(../assets/nav/picto_klikhier_hover.gif);background-position:right center;font-weight:bold;text-align:right;background-repeat:no-repeat;padding:0em 2em 0em 0em;float:right;display:inline;font-size:1em;color:#CC0000;line-height:2em;text-decoration:none;right:10px;bottom:5px;clear:both;}
.thumbLong a.actieLink {_display:block;_white-space:nowrap;}

.center {float:none;text-align:center;margin-left:5px;_margin-left:0px;}

/* News */
.news {clear:both;padding-bottom:0.5em;padding-left:0.5em;min-height:50px;margin:0em 0em 0.8em;display:inline-block;border-top:0.1em solid #003399;width:98%;}
.news h5 {margin-top:0.5em;}
.news p {float:left;display:inline-block;width:auto;margin-top:0.5em;}
.news img {display:block;margin:5px;margin-left:0;}
.news p:after {clear:both;content:" ";display:block;visibility:hidden;height:0em;}
.news p .date {display:inline-block;float:left;display:inline;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;}


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

.notification {clear:both;/*background-color:#D9E5FF;*/width:90%;margin:2em;padding:1em;float:left;display:inline;/*border:1px solid #003399;color:#003399;*/}
.notification a, .notification a:visited {text-decoration:underline;}
.notification a:hover {text-decoration:none;}
.notification h1 {padding-left:1.5em;margin-top:5px;font-size:1.4em;}
.world {background: url("../assets/world.png") no-repeat 5px;}
.world h1 {background:none;margin-left:45px; font-size:1.6em; color:#666;}
.world h1 a {color:#666;font-weight:bold;}


.tip {clear:both;background-color:#FFCC99;width:96.4%;padding:1em;float:left;display:inline;border:1px solid #FF9900;color:#666666;margin:0.2em 0 1em 0 }
.tip h1 {color:#333333;margin-top:5px;font-size:1.4em;} 

.item {margin:0.5em 0em 0.5em 1.9em;float:left;display:inline;}
.item p {display:inline-block;margin-left:0.3px;margin-bottom:5px;padding:0px;}
.item .title {background-image:url(../assets/picto_klikhier.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:#003366;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;}

.topic {float:left;height:65px;width:25.6em;margin:0.5em;border:1px solid #CCCCCC;display:inline-block;padding:1em;position:relative;vertical-align:middle;text-align:left;}
.topic h3{margin:0 }
.topic p {color:#666666;font-size:1em;float:left;display:inline;}
.topic p .meerInfo a {position:absolute;right:1em;bottom:0.5em; background-image:url(../assets/picto_klikhier.jpg);background-position:right;background-repeat:no-repeat;padding:0em 2em 0em 0em;float:right;font-size:1em;color:#CC0000;text-decoration:none}
.topic img {margin-right:0.5em;}

.dropdown h1 {font-size:1.4;color:#FFF;/*background-color:#ccc;background-image:url(../assets/nav/back_nav_orange.jpg)*/ }


/* Pro a Pro.FR */

.clearImg {clear:both;margin:0 5px 0 0px;display:block;}
.noBorder, img.noBorder  {border:none;}
.border, img.border {border:1px solid #CCC }


.norm10 {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:1em;	font-style:normal;	color:#333333;	text-decoration:none;	line-height:15px;}
.norm12 {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;font-style:normal;	color:#333333;	text-decoration:none}
.norm12wit {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:1em;	font-style:normal;	color:#FFFFFF;	text-decoration:none}
.link10 {font-size:1em;	font-style:normal;	color:#FF0000;	text-decoration:underline;	margin-top:2px;}
.linkBold10 {font-size:1em;	font-style:normal;	color:#FF0000;	font-weight:bold;	text-decoration:underline;	margin-top:2px;}
	
.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);}
.news .arrowgo {margin-left:2px;}

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

.context {float:left;display:inline-block;width:100%;}
.context h1, #content .contextlarge h1 {font-size:2.4em;margin-bottom:10px;color:#CCC;!important}
.context p, #content .contextlarge p, #content .context ul, #content .contextlarge ul {margin-bottom:10px;!important}
.context div:after {clear:both;content:".";display:block;visibility:hidden;height:0em;}
.contextlarge div:after {clear:both;content:".";display:block;visibility:hidden;height:0em;}
.context ul li, #content .contextlarge ul li {list-style:circle;list-style-position:inside;}
.context a:link, #content .context a:visited, #content .context a:active {color:#CC0000;text-decoration:underline;}
.context a:hover {text-decoration:none;}

.list {clear:both;width:99.9%;margin-bottom:1em;padding-bottom:1em;padding-top:1em;float:left;border-bottom:dotted 1px #CCCCCC;}
.list .listContent {float:left;display:inline;margin:0.1em;width:50%;}
.list .listImg {float:right;display:inline;width:45%;}
.list .listImg p {width:100%;float:right;text-align:right;}
.list img {float:right;display:inline;margin-left:0.2em;}

.content .listLeft {clear:both;width:100%;margin-bottom:1em;float:right;display:inline;}
.content .listLeft .listContent {float:right;display:inline;margin:0.1em;width:50%;}
.content .listLeft .listImg{float:left;display:inline;width:45%;}
.content .listLeft img {float:left;display:inline;margin-left:0.2em;}

.contextlarge {width:70em;padding:0em 1.5em 0em 1.5em;xfloat:left;}
.contextlarge a:link, #content .contextlarge a:visited, #content .contextlarge a:active {color:#CC0000;text-decoration:underline;}
.contextlarge a:hover {text-decoration:none;}
.contextlarge ul, #content .context ul {margin-left:12px;}
* html #content .contextlarge ul, * html #content .context ul {margin-left:16px;}

.navrecettes ul li {list-style:url(../assets/picto_klikhier.jpg);}
.navrecettes ul li a {text-decoration:none;}
.navrecettes ul li a:hover {text-decoration:underline;}
.recepten li {list-style:none;}

/* Location settings */
#location {display:inline;float:left;margin-left:40px;width:200px;}
#location p {clear:both }
#location .links {background-color:#ECECEC;display:inline-block;float:left;height:7em;margin:15px 0 15px 0;padding:2px;text-align:left;width:194px;}
#location .links ul {list-style-position:outside;padding-left:0px;}
#location .facilities {/*background-image:url(../assets/couverture/background_service.jpg);background-repeat:no-repeat;*/display:inline;float:left;padding-top:6px;text-align:left;width:206px;height:140px;margin-top:1em;}
#location .icon {clear:both;display:inline-block;float:left;margin-left:10px;margin-top:0.2px;}
#location .logo {clear:both;margin:12px;}

#color {clear:both;float:left;display:inline;width:10px;height:10px;border:1px solid #FFF;margin-left:13px;margin-bottom:6px;}
#color.red {background-color:#CC0000;}
#color.blue {background-color:#003399;}
#color.green {background-color:#009933;}
#color.orange {background-color:#FF6600;}
#color.purple {background-color:#c1cffe;}

.seperatorGrey {background-color:#999999;height:1px;margin:4px 0 4px 0;}

.button {background:#FFF7E5;border:1px solid #f8b200;color:#333333;}
.gotop {width:50px;height:15px;float:right;display:inline;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;*/ display:inline;text-align:center;text-decoration:none;}


/* Tree menu's */
#navLeft #treemenu {clear:both;font-size:1em;margin-bottom:10px;padding:9px 0 1px;position:relative;width:100%;}
#navLeft #treemenu:after {clear:both;content:".";display:block;visibility:hidden;height:0em;}
#navLeft #treemenu h2 {font-size:13px;margin-bottom:5px;}
#navLeft #treemenu ul {color:#CCCCCC;padding-left:0px;padding-top:0.1em;}
#navLeft #treemenu ul li {list-style:none;border-bottom:dashed 1px #CCCCCC;height:23px;padding-top:9px;margin-left:0px;}
#navLeft #treemenu ul li a {text-decoration:none;color:#000000;display:block-inline;margin-left:1em;}
#navLeft #treemenu ul li a:hover {text-decoration:underline;color:#CC0000;}


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

#footer {margin:5px auto;position:relative;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:0px 0px 12px 12px;} /* image floats */
.floatRight {float:right;margin:0px 12px 12px 0px;}
img.floatRight {float:right;margin:0px 5px 0 12px;_display:inline;}
img.floatLeft {float:left;margin:0px 12px;_display:inline;}
img.arrowTop {position:absolute;right:5px;top:5px;}
.arrow {background:url(../assets/meerInfo.jpg) left center no-repeat;padding-left:18px;height:20px;}
.datsbox {background-color:#CCCCCC;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;display:inline;width:150px;}
.grijsrand .imgLeft img {margin-bottom:1em;}
.grijsrand .imgRight {float:right;display:inline;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:220px;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;}


/* 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;display:inline;}


/* fiche .................................................................... */
#fiche .header {background-image:url(../assets/services/bgFiche.gif);background-repeat:repeat-x;overflow:hidden;_zoom:1;position:relative;}
.codicash {background-image:url(../assets/services/top_codicash.gif) !important;}
.codicash .floatLeft img {margin-left:1em;}
#fiche .header .floatleft {display:none;}
#fiche .header .floatRight {float:none;padding-top:25px;text-align:right;}
#fiche .header .floatRight img {margin:0;}
#fiche .header .floatRight a {position:relative;top:45px;}
#fiche h1 {background:none;font-size:3em;text-align:left;_margin-left:258px;position:relative;padding-right:1em;}
#fiche .block {border:none;margin:0.5em 1em;width:auto;float:none;clear:both;_position:relative;}
#fiche .block #location {text-align:center;}
#fiche #location a {_display:block;clear:both;}
#fiche .list .listContent {margin:0.5em 2em 0.5em 10px;color:#333;line-height:1.35em;width:40%;overflow:hidden;}
#fiche .list .listContent ul {margin:1em 0em;padding:0;font-size:1em;list-style:none;}
#fiche .list .listContent ul li {list-style-type:circle !important;list-style-position:outside !important;padding:0; padding-left:5px;_zoom:1;margin-left:2em;}
#fiche .list .listImg {margin-right:12px;_margin-right:24px;overflow:hidden;}
#fiche .floatLeft {margin:5px 4px 12px 12px;width:258px;}

/* organogram ............................................................... */
table.organogram {width:100%;padding:0.5em;}
table.organogram .lijnen {padding-bottom:1em;}
table.organogram .lijnen img {float:left;margin-right:0.5em;}
table.organogram .lijnen b {color:#333;float:left;padding-top:0.25em;}
table.organogram .stipplijnonder {border-bottom:1px dashed #ccc;padding:0.5em 0em;}
.stipplijnonder {border-bottom:1px dashed #ccc;padding:0.5em 0em;}