/*
Title:      	Toerisme Sint-Truiden master styles for screen media
Author:     	jvd, © 2007 anaXis nv.
Updated:        Nov 2007
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* not the best way to do a  hack for eyes cms */
body { font: 62.5%/1.8em Arial, Verdana, sans-serif; color: #4a4a4a; }
a img { border: 0; }

/* ---- [ typography ] ------------ */
a { text-decoration: none; color: #97CD00; font-size: 1.1em; }
p { line-height:1.2em; font-size: 1.3em;  color: #000000; margin: 5px 10px 20px 10px; clear: both; overflow: hidden; text-align: justify; }
h1 { color: #006600; font-size: 2.2em; font-weight: normal; padding: 0px 10px 0px 10px; line-height: 25px; }
h1 a {color: #006600; font-size: 2.2em; }

h1 a.smarterwiki-linkify {font-size: 1em;}
h1 a.smarterwiki-linkify:hover {text-decoration: underline;} 
h2 { color: #FFCC00; font-size: 1.6em; padding-left: 10px; line-height: 20px; clear:both; display:block; overflow:hidden;}
h2 a { font-size: 1.6em; color: #8ca33e; }
input {font-size: 1.1em; }
label { font-size: 1.2em;}
legend { font-size: 1.2em; color: #4a4a4a; }
acronym, abbr, cite, dfn ,q{border-bottom: dashed 1px #97CD00; font-style: italic; }
/*** IMAGES ***/ 

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}




/*	wrapper
--------------------------------*/
#wrapper {margin: 0px auto; width: 950px;overflow:hidden; clear:both;background-color:#FFCC00;background-repeat:no-repeat;display:block;}


/*	header
--------------------------------*/
.header {	clear: both; overflow: hidden; 	margin:0;	padding:0;	width:940px;	height:150px;	text-align:left;	border-right:15px solid #8ca33e;background-repeat:no-repeat;background-color:#000000;	}
.header table { border-collapse: collapse; }
#ctl00_ctl00_header {height:150px; width:950px;float:left;}
#logo{position:absolute; border:none; width:280px;float:left;}
#logotag{position:relative;left:687px; top:105px; width:250px; text-align:right; height:28px; overflow:hidden; line-height:1.2em;  background-color:#FFCC00; margin:0; padding:0 10px 0 3px; font-size: 2.2em;color:#fff;}
#top_images { width:785px; height:148px; margin:0; padding:0; border:none;}
#languagebar { background: #97CD00; overflow: hidden; width: 950px; margin-left:auto; margin-right:auto; }
#lang { float: right; list-style: none; margin: 3px 5px 3px 0px; height: 11px; }
#lang a { }
#lang ul { }
#lang li { float: left; display: inline; padding-left: 3px;}
div.eyes_header {position:absolute; top:17px; width:950px; height:133px; overflow:hidden;}

body.home #headerright DIV.bot { width: 446px; height: 40px; }
body.home #headerright DIV.bot .left {width: 237px; float: left; height: 40px;}
body.home #headerright DIV.bot .right { width: 202px; background-color: #B03A3A; height: 40px; padding-top: 10px; float: left; }
body.home #headerright DIV.bot .right img { padding-right: 10px; }
body.home #headerright DIV.bot .right h1 a { color: #000; font-size: 16px; letter-spacing: 2px; font-weight: bold;}

/*	container
--------------------------------*/
#container { height: 1%; padding-bottom:10px; width:940px; clear:both; overflow:hidden;  background-image:url("../Images/content.gif"); background-repeat:repeat-y; border-right:11px solid #FFCC00;}
#search {background:#FFCC00; font-family:"Times New Roman";font-size:13px;width:186px;padding:15px 0px 15px 15px; font-weight:bold;color:#000000;}
#sideleft {float:left; width:200px;}

/* Home image styles */
.imgBanner {border:none; background-color:#f68b1f;}
#search A {font-size: 12px; color: #fff; text-decoration:none; }


/* The twin column design */
#column_left {float:left;width:430px;text-align:left;height: 1%; overflow: hidden;}
#column_left table { width: auto !important; border-collapse: collapse; }
#column_left table tr td p { margin: 5px 10px; clear: both; overflow: hidden; }
#column_right a img {border:none !important; height: 30px !important;}
#column_right #evts_cont img { border: none !important; }
#column_right #evts_cont a img { border: none !important; height: auto !important; }
#column_right #evts_link a img { border: none !important; height: auto !important; }
#column_right .home_banner img { border: none !important; }

.addthis_button { float: right; margin-right: 10px; }


#column_right {padding-top:10px; float: right; width: 300px; text-align: left; }
#column_right a img { margin-left: 2px;}
.home_banner { float:left; overflow:hidden; /* width:288px; */ margin:0; padding:0 12px 0 6px;}
.home_banner2 { float:left; overflow:hidden; /* width:288px; */ margin:0; padding:0 12px 0 6px;}
* html #home_banner { margin-right: 6px; }
#home_banner img {float: right;}
#home_banner2 img {float: right;}
.home_banner img.logeren { margin-bottom: 10px; display: block; }
.home_banner:hover { cursor: pointer; }
.home_banner2:hover { cursor: pointer; }


#tree { float: left; width: 100%; margin-top: 0px; padding-bottom: 5px; }
#tree a:hover {text-decoration: underline;}
#tree ul { }
#tree li { list-style-type: none; display: block; clear: both; overflow: hidden; margin-bottom: 5px; }
#tree li div.link img { margin-top: 2px; margin-left: 5px; }
#tree li * { float: left;  color:#FFFFFF; list-style-type:square;}
#tree li a {  margin-left: 5px; display: block; color: #FFFFFF; text-decoration: none; }
/*#tree li img {margin: 5px 0 0 10px; vertical-align: bottom; width: 9px;} */
#tree div.lvl1 act1 ul {border:none;}
#tree div.lvl1 ul { padding-top: 5px;border-top:solid 1px #fff; }
#tree div.lvl1 a { font-weight: bold; padding-right: 3px; font-size: 1.3em; }
#tree div.lvl2 a { padding: 0 3px 0 15px; font-weight: bold; font-size: 1.2em; }
#tree div.lvl3 a { padding: 0 3px 0 15px;  font-size: 1.1em;}
#tree div.lvl4 a { padding-left: 15px; font-size: 1.0em;}
#tree .act1 a, #tree .act2 a, #tree .act3 a, #tree .act4 a {font-weight: normal;}


#maincontent { width: 739px; float: left; overflow: hidden; background:#fff; border :none;}
/* Change was made here */
#content {   float: left; width: 785px; } /* jvo background: url(images/bg-evts.jpg) transparent repeat-y right top; */
#content p { /* clear: both; overflow: hidden; */  }
#content h1 { margin: 5px 0 10px 0; }
#content table { width: auto !important; border-collapse: collapse; }
#content table tr td p { margin: 5px; clear: both; overflow: hidden; }
#content ul.sitemap {padding-left: 20px;}
#content ul.sitemap a {  }
#content ul.sitemap li { margin-left: 10px; list-style-type: decimal; font-size: 1.2em; }
#content ul.sitemap li li { list-style-type: upper-roman; font-size: 1em;}
#content ul.sitemap li li li { list-style-type: square; font-size: 1em;}
#content div.fotogallery div {margin: 10px 5px 5px 17px;}
#content div.bloesemmeterfoto { padding-left: 10px; margin-bottom: 20px; }

#maincontent div.bloesemmeterfoto { padding: 0 10px; }
#maincontent table td { vertical-align: top; }
#maincontent table.sessions { margin: 7px 7px 15px 10px; width: 500px; }
#maincontent table.sessions th { background-color: #f4be87; text-align: center;  font-size: 1.1em; }
#maincontent table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em; }
#maincontent table.sessions tr.alt0 { background-color: #dde4c7; }
#maincontent table.sessions tr.alt1 { background-color: #dde4c7; }
#maincontent table.sessions td.date { width: 280px; }

#maincontent ul {margin-left:30px;font-size:1.3em;color:#000000;}
#maincontent ul li {  margin: 5px 0 5px 0;  }
#maincontent ul li ul{ font-size:0.9em !important;color:#000000;  }
#maincontent ul ul { padding-left: 12.5px; }

#maincontent Div.footer ul {margin-left: 0 !important;}

#breadcrumb { margin: 5px 0 5px 10px; }
#breadcrumb * { color: #006600; font-size: 1.1em; }

/* Body: Home */
body.home #content { width: 576px; }
#sideright { overflow: hidden; float: left; width: 209px; /* visibility: hidden; */ }

#news {clear:both; padding-bottom: 5px; margin:0 0 0 10px; float:left;width: 240px;border-bottom:2px solid #FFCC00; font-family:arial;line-height:5px;background-image:url("../Images/grow.jpg");background-repeat:repeat-y; min-height: 150px; height:auto !important; height:132px;}
* html #news { margin-left: 5px; }
#news_link {float:left;	width:17px;	background-color:#FFCC00;	text-align:right;	overflow:hidden;}
#news_content {float:left;	width:223px; display:block;	overflow:hidden;}
#news img {border:none;}


#news_content  a {font-size: 1.1em;color:#f68b1f;padding-left:10px;text-decoration:none;font-weight:bold;float:left; line-height: 17px;}
#news_content  a:hover {color:#000000;}
#news_content  h1 img { display:none;}
#news_content  h1 {display:none;}
#news_content  h2 {margin:0;padding:0; display:run-in; margin-left: 0px;}
#news_content  h2 a {line-height:20px; font-family: Arial; color: #006600;  font-size: 0.9em; clear: both; }
#news_content  p { color:#000000; font-size: 1.1em; line-height:16px; padding-left:0; margin-left: 10px;}
#news_content .footer { margin: 0 10px 0 0; padding-top:0; overflow:hidden;}
#news_content .footer li {list-style-type: none; line-height:1.0em; width:240px;}
#news_content .footer ul{margin-left: 0px;}
#news_content .footer ul li a {color:#97CD00;}
/* Event Ccanvas */
/* Events Container for sizeable effect */
#evts  { overflow:hidden;  width: 285px;background-image:url("../Images/grow.jpg");background-position:268px 0;background-repeat:repeat-y;border-bottom:2px solid #FFCC00; float:left; margin:10px 12px 15px 3px; }
* html #evts { margin-right: 6px; }
#evts_link {float:left; width:17px;}
#evts_link a img {margin: 0;}

#evts_cont {float:left; min-height:100px; height:auto !important;height:120px; width: 268px;}
#evts_cont .evtsItem { margin: 0 10px 0 0; padding-top: 2px;  }

#evts_cont h1 { display:none;}
#evts_cont .evtsItem h2 { margin:0px;padding:0px;}
#evts_cont .evtsItem h2 a { line-height:1.0em;color: #3F434F; font-size: 0.9em; clear: both; }
#evts_cont .evtsItem p { line-height:16px;color: #000000; margin: 0 0 10px 0;font-weight:lighter; padding-left:0; font-size: 1.1em;}
#evts_cont .footer { margin: 0; padding-top: 5px; overflow: hidden;}
#evts_cont .footer li { list-style-type: none; font-size: 1.0em; width:250px; clear:both;}
#evts_cont .footer li a {font-size: 1.1em;line-height:1.0em; color:#97CD00;text-decoration:none;font-weight:bold;float:left;line-height: 15px; }
#evts_cont .footer li a:hover { color:#000000; }

/*	rss
--------------------------------*/

#container #maincontent div table.eyeRssFeed tr td { padding:5px; border:0px;vertical-align:top;font-size:1.3em !important;}
#container #maincontent div table.eyeRssFeed tr td p{margin:0px !important;font-size:1em !important;font-weight:lighter;}
#container #maincontent div table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#container #maincontent div th {border-bottom:1px solid #6a5b1a;padding:5px 15px 5px 5px;width:auto !important;}
#container #maincontent div table.eyeRssFeed  {border:0px solid #fff !important;margin:5px 15px 5px 5px;width:auto !important;color:#000000 !important;font-weight:bold;}
#container #maincontent div table.eyeRssFeed tr.rssHeader td,#content table.eyeRssFeed tr.rssItem td , #content table.eyeRssFeed tr.rssAlternatingItem td{font-size:1.3em !important;}
#container #maincontent div table tr td { padding:5px;}
#container #maincontent div div.block #formTable tr td{padding:0 !important;}

#container #maincontent div table tr.rssItem a, #container #maincontent div  table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important;font-size:1em !important;}
#container #maincontent div table tr.rssHeader, #container #maincontent div table tr.rssHeader a{font-weight:bold !important;color:#000000 !important; }
#container #maincontent div table tr.rssHeader a {text-decoration:underline !important;font-size:1.1em !important;}





/* orderform */
/* forms */
div.orderform { margin: 10px 30px;}
div.orderform fieldset {margin:10px 0; padding:10px 0 5px 15px; overflow:hidden; border: 0; border-top:solid 1px #785A38; border-bottom:solid 1px #785A38;}
div.orderform fieldset legend {color:#a3af1d; font-weight:bold; margin:0 5px 10px 5px;}
fieldset .fieldrow {overflow:hidden; /* line-height:2.2em; */ clear:both;}
fieldset .fieldrow .fieldelement, fieldset .fieldrow .fieldshortelement {float: left; padding-right: 15px;}
fieldset .fieldrow .fieldshortelement input { width: 50px;}
fieldset .fieldrow .fieldelement *,fieldset .fieldrow .fieldshortelement * {vertical-align: middle;}
fieldset .fieldrow .btnElement {margin-left: 150px; padding-left: 10px; padding-right: 10px; margin-top: 10px;}
fieldset .fieldrow .fieldlabel, fieldset label {float: left; width: 100px;}
fieldset .fieldbutton {margin:10px 10px 0 0; display:block;}
fieldset div label { width:auto; float:none; margin-left:5px;}
fieldset .fieldrowinv {margin:10px;}
table.checklist td {padding:2px 0; overflow:hidden;}
table.checklist td input {float:left; display:block; margin-right:5px; }
table.checklist td label {float:left; display:block; width:550px;}

/* shop */
#content table.product {margin-bottom:5px;}
td.product select {font-size:0.9em;}
td.productdetail {padding-left:20px;}
#orderreview table {margin-left:10px;}
#orderreview th.product, #orderreview td.product {width:200px;}
#orderreview th.price, #orderreview td.price {width:50px; text-align:right;}
#orderreview td.total {font-weight:bold; text-align:right;}
div.shopfooter {font-weight:bold; width:410px; text-align:right; margin-bottom: 10px;}
div.shopoverviewfooter {font-weight:bold; margin-left: 10px;}
div.shopoverviewfooter p.privacy {font-weight:normal; font-size:0.9em;}

/*	footer
--------------------------------*/
#footer { background-color:#97CD00; clear: both; width: 100%; height:30px; text-align:right; }
#placelogos {width:100%; text-align:justify;height:30px;float:left;}
#placelogos div.footerlogo #plogo ul li{float:left; margin:5px;}
.footerlogo{float:left;}
ul.lgs { list-style-type: none; }
.print { float: right; margin-right: 15px; margin-top:5px; }
#bottom {width:950px; clear: both; background-color: #FFFFFF; margin-left:auto; margin-right:auto; overflow: hidden; }
#MyLog {float:left; height:30px; /*padding:5px 5px 0 8px;*/}
#MyLog a {color:#e1f0c2; text-decoration:none;}
#MyLog a:hover {color:#FFFFFF; text-decoration:underline;}
#footer #placelogos #MyLog #logof{ padding:2px 2px 1px 3px;height:25px;float:left;}
#footer #placelogos #MyLog #logof p{margin:0px !important;font-size:1.1em !important;}

#menu { width: auto; float: left; background-color: #fff; height:30px; overflow: hidden; clear: both; }
#menu div.navigationleft { float: left; padding: 5px 0 5px 10px;  }
#menu div.navigationleft a { color:#000000;  font-weight: bold; letter-spacing: 1px; font-size: font-size: 1.2em;  }
#menu div.navigationright { float: left; padding: 5px 0 5px 0px;  }
#menu div.navigationright a { color:#000000;  font-weight: bold; letter-spacing: 1px; font-size: 1.2em;}
#created { width: 130px; float: right; text-align: right; background-color: #fff; height: 30px;}
#created a img { border: 0; }
span.seperator { padding: 0 5px; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/*-----meteo weather system----*/
#news_meteo_wrapper{padding-bottom: 5px; clear:both; overflow:hidden; position: relative; _width: 430px;}

#iframe{}

#iframewrapper{padding-bottom: 5px; margin-left: 0px; overflow:hidden; border: solid 2px #FFCC00; width:170px; padding-top:5px; position:absolute; _left:0; left: 250px; bottom:5px; height:125px;}
*html #iframewrapper { top:0px;}


/*	canvas: =sitemap
--------------------------------*/
ul.sitemap {margin-left:30px !important; }
ul.sitemap li {  margin: 5px 0 5px 0 !important;  }
ul.sitemap li a {  }
ul.sitemap ul { padding-left: 12.5px !important; }
ul.sitemap ul li {  }