/*** algemeen ***/

a 
{
	position: relative;
	text-decoration: none;
	color: #0e70cf;
}
a:hover { text-decoration: underline; /* background: Transparent url(../Image/AnchorHoverLine.png) repeat-x left bottom; */ }

img { border: 0; }
span.bold { font-weight: bold; }


/*** browser venster ***/

body
{
	margin: 0;
	padding-top: 0;
	border: 0;
	background: #efefef url(../Image/BodyBackground2.jpg) repeat-x left top;
	color: #333;
	text-align: left;
	font-family: Sans-Serif, MS Sans Serif;
	font-size: 12px;
}

/***
li {
  list-style-image:url(https://ticket.tinck.be/tinckweb/images/opsomming.gif);
	list-style-position: outside;
}
***/

/*** pagina ***/

#page,
#pageBottom
{
	width: 978px;
	/* Centreren standaard CSS */
	margin-left: auto;
	margin-right: auto;
	/* Centreren IE */
	text-align: center; 
}

#page {	/* Transparantie IE */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/PageBackground.png, sizingMethod='scale'); }
html>body #page { /* Transparantie standaard CSS */ background: transparent url('../Image/PageBackground.png') repeat-y left top ; }

#pageBottom { font-family: Arial; font-size: 80%; color: #aaa; }
#pageBottom a { color: #aaa; text-decoration: underline; }
#pageBottom .border { height: 17px;	/* Transparantie IE */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/PageBottomBackground3.png, sizingMethod='image'); }
html>body #pageBottom .border {	/* Transparantie standaard CSS */ background: transparent url('../Image/PageBottomBackground3.png') repeat-x left top; }


/*** pagina onderdelen ***/

#header,
#navigator,
.content
{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
}

#header,
#navigator
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#footer
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding-top: 160px;
}

#header,
#navigator
{
	background-color: #004490;

}


.content
{
	background-color: White;
}

/*** hoofding ***/

#header { color: #eff4ff; height: 76px; background: #00529b url('../Image/HeaderBackground.png') repeat-x left top; }
#header #tinckLogo { float: left; padding: 6px 20px; }
#header #contactInfo,
#header #aanMelden,
/* #header #businessHours { float: left; padding: 8px 20px 4px 0; } */
#header #businessHours { float: left; padding: 8px 40px 4px 0; }
/* #header #businessHours { padding-left: 160px; }*/
#header #businessHours { padding-left: 100px; }
#header a {	color: #eff4ff; }
#header .title { font-weight: bold; }
#header a { text-decoration: underline; }
#header #userNavigator { float: right; padding: 6px 20px; text-align: right; }
#header #userNavigator span { font-weight: bold; }


/*** hoofdmenu ***/

#navigator { height: 26px; background: #00529b url('../Image/NavigatorBackground5.png') repeat-x left top; }
#navigator ul {	margin: 0px; padding: 0px; list-style: none; }
#navigator li {	float: left; }
#navigator a
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
	display: block;
	padding: 6px 12px 5px 10px;
	background: #004691 url('../Image/NavigatorSelectionBackground5.png') no-repeat right top;
	text-decoration: none;
}
#navigator a:hover,
#navigator .active { padding: 5px 12px 6px 10px; background: #F6872E url('Image/test.png') no-repeat right -26px; }
#navigator .spacer
{
	background: #004691 url('../Image/NavigatorSelectionBackground5.png') no-repeat right top;
	width: 20px;
	height: 26px;
}

/*** voet ***/

#footer
{
	text-align: center;
	padding-top: 10px;
	padding-top: 160px;
}
#footer .logos {  }
#footer .logos a { padding-right: 4px; }
#footer a { background-color: White; padding: 0px 4px; }

#footer #logos,
#footer .organisationNavigator
{
	margin-top: 10px;
}
#footer .organisationNavigator
{
	background: url(../Image/BlueNavigatorBackground.gif) no-repeat center center;
}

/*** inhoud ***/

#miscContent
{
	background: White url(../Image/ContentBackground.png) repeat-x left top;
	/*height: 20px;*/
}

#defaultContent
{
	background: White url(../Image/ContentBackground4.png) repeat-x left top;
	height: 120px;

}

.content .left { padding: 20px 0 20px 20px; float: left; }
.content .right { padding: 20px 20px 20px 0; float: right; }
.content .center { padding: 20px 20px; float: left; }

.content #left200 { width: 172px; }
.content #right200 { width: 172px; }
.content #center560 { width: 720px; }
.content #center760 { width: 920px; }
.content #center360 { width: 320px; }

.content #left240 { width: 212px; }
.content #center520 { width: 670px; }

.content #center460 { width: 620px; }
.content #right300 { width: 272px; }
	
.content .center a
{

}

.content .center #pageTitle
{
	font-size: 20px;
	line-height: 20px;
	color: #000;
}

.content .center #pageTitle2
{
	font-size: 11px;
	color: #999;
}

.content .center .subTitle
{
	font-weight: bold;
	font-size: 110%;
	color: #00529b;
	margin: 16px 0 0 0;
}
.content .center p
{
	margin: 6px 0 0 0;
	padding: 0;
}

.content .center #pageTitle2,
.content .center #subTitle2
{
	padding-top: 8px;
}
.content .center #subTitle2,
.content .center #contents2
{
	color: #555;
}

.content .center #subTitle2
{
	font-weight: bold;
}

.content .center #contents2
{
	clear: both;
}

/*** panels ***/

.panelContainer { padding-bottom: 2px; background: #eff4ff url(../Image/HorizontalDottedLine.png) repeat-x left bottom; }

.panel, 
.navigatorPanel
{
	padding: 10px 4px;
	background: #eff4ff url(../Image/HorizontalDottedLine.png) repeat-x left top; 
}

.navigatorPanel .titel { font-weight: bold; }
.navigatorPanel ul { list-style-type: none;	display: inline; list-style-position: outside; padding: 0; margin: 0; }
.navigatorPanel li { background: url('../Image/DefaultBullet2.png') no-repeat left 2px;
}
/*
.navigatorPanel li.print { background: Transparent url(../Image/PrintBullet.png) no-repeat left 2px; }
.navigatorPanel li.mail { background: Transparent url(../Image/MailBullet.png) no-repeat left 2px; }
.navigatorPanel li.save { background: Transparent url(../Image/SaveBullet.png) no-repeat left 2px; }
.navigatorPanel li.bookmark { background: Transparent url(../Image/BookmarkBullet2.png) no-repeat left 2px; }
*/
.navigatorPanel a { text-decoration: none; padding-left: 17px; }
.navigatorPanel a:hover { text-decoration: underline; }

/* .bannerPanel { float: right; width: 174px; position: relative; left: 54px; } */
.bannerPanel { float: right; width: 135px; padding: 0px; border: solid 1px #f0f0ff; }
.bannerPanel ul { margin: 0; padding: 0; list-style: none; }
.bannerPanel li { padding: 3px; list-style: none; }

#loginPanel label {  font-size: 11px; }
#loginPanel .input { width: 132px; }
#loginPanel button { width: 80px; }

#introPanel
{
	margin-bottom: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}


#introPanel #provinciebestuurLogo
{
	float: right;
}

/*** Print ***/

#print
{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

/*** List ***/

.list .item
{
	float: left;
	line-height: 16px;
	margin-bottom: 16px;
}
.list .item td
{
	padding-bottom: 16px;
}

#contestsList .item
{
	float: none;

}
#contestsList .content
{float: left;}

.list br
{
	visibility: hidden;
	display: none;
}

.list .title
{
	font-weight: bold;
	font-size: 120%;
	color: #00529b;
}
.list .title2
{
	padding-top: 0px;
	color: #69c;
	font-size: 90%;
	font-variant: small-caps;
}

.list .fact
{
}

.list .content
{
	padding-top: 0px;
}

.list .badge
{
	float: right;
}

#eventsList table
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	
}
#eventsList td
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
#eventsList .item
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

.list table,
.list tr,
.list td
{
	padding: 0;
	margin: 0;
	list-style-image:url(http://wwww.tinck.be/tinckweb/images/opsomming.gif);
	list-style-position: outside;
}

/*** EventDetails ***/

#imagesPanel
{
	width: 120px;
	margin-left: 6px;
	float: right;
	padding: 10px;
	background-color: #f0f0f0;
}
#imagesPanel img
{
}
#imagesPanel span
{
	margin-bottom: 10px;
	clear: both;
	float: right;
	font-size: smaller;
}

#eventsDataGrid
{
	width: 100%;
	border-collapse: collapse;
}

#eventsDataGrid .item td
{
	padding-right: 8px;
}
#eventsDataGrid .pager td
{
	padding-top: 10px;
	background-color: Red;
	background: #fff url(../Image/HorizontalDottedLine.png) repeat-x left 10px;
}

#searchStatisticsLabel
{
	font-size: 90%;
	float: right; 
	width: 100%;
	text-align: right;
	padding-bottom: 10px;
	background: #fff url(../Image/HorizontalDottedLine.png) repeat-x left 14px;
}

.eventDetails .group
{
	padding: 8px 0;
}

.eventDetails .group .title
{
	font-weight: bold;
	font-size: 110%;
	color: #00529b;
}

.eventDetails table,
.eventDetails table tr,
.eventDetails table td
{
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

/*** Verkooppagina's ***/

.info
{
	padding: 4px 0;
}

.info ol
{
	list-style-position: inside;
	list-style-type: square;
	padding: 0;
	margin: 0;
}

.info ol li
{
	margin-top: 8px;

}

.table
{
	padding: 2px;
}

.tableHeader
{
	color: White;
	background-color: #0454ab;
	font-weight: bold;
}

.tableRow
{
	vertical-align: top;
}

.tableItem
{
	background-color: #deefff; /* #f6fbff; */
	border-top: solid 2px #fff;
	border-right: solid 1px White;
				list-style-image:url(http://www.tinck.be/tinckweb/images/opsomming.gif);
	list-style-position: outside;
}
.alternatingTableItem
{
	background-color: #eef5ff;
	border-top: solid 2px #fff;
	border-right: solid 1px White;
}

/*** overige ***/

#newsDataList1 td
{
	/* width: 650px; %/
	/* border-left: solid 1px #f0f0ff; */
	/* border-top: solid 1px #f0f0ff; */
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

#newsDataList1 td .title,
#newsDataList1 td .text
{
	padding-bottom: 6px;
}

#newsDataList1 td .title
{
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}

#newsDataList1, LinkButton1 td .text
{
	color: #555;
}

#newsDataList1 td .title2
{
	font-size: 11px;
	color: #999;
}

#newsDataList1 td a
{
	display: inline-block;
	text-decoration: none;
	color: #000;
	padding: 0px;
}

#newsDataList1 td a:hover
{
	background: #eee;
	text-decoration: underline;
}

#newsDataList1 td img
{
	float: left;
	padding: 0 4px 4px 0;
}

#newsDataList2 td
{
	padding-left: 8px;
}

/*************
* IE 7 fixes *
*************/

#newsDataList1 {
	width: 540px;
}

#DatalistWeggever td
{
	/* width: 650px; %/
	/* border-left: solid 1px #f0f0ff; */
	/* border-top: solid 1px #f0f0ff; */
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

#DatalistWeggever td .title,
#DatalistWeggever td .text,
#DatalistWeggever label .text
{
	padding-bottom: 6px;
}

#DatalistWeggever td .title
{
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}

#DatalistWeggever td .text
{
	color: #555;
}

#DatalistWeggever td .title2
{
	font-size: 11px;
	color: #999;
}

#DatalistWeggever td a
{
	display: inline-block;
	text-decoration: none;
	color: #000;
	padding: 0px;
}

#DatalistWeggever td a:hover
{
	background: #eee;
	text-decoration: underline;
}

#DatalistWeggever td img
{
	float: left;
	padding: 0 4px 4px 0;
}


/*************
* IE 7 fixes *
*************/

#DatalistWeggever {
	width: 540px;
}

#footer {
	margin-top: 6	0em;
}
.clear {
	clear: both;
}
#kijker, .kijker {
	margin-top: 5em;
}
.intro 
{
	width: 480px;
}	
#search {
	margin-top: 5em;
}

.zoekBIB
{
    background-image: url('http://www.tinck.be/Image/Misc/debib_zoek.gif');
    width: 180px;
    height: 300px;
    padding: 180px 10px 10px 10px;
    font-family: Verdana;
    font-size: larger;
    color: #EE2D80;
}
