
body {background-image:url('http://www.cclink.be/upload/92/settings/_16_1012bg_cclink01.jpg');background-color:#2F455C}
#audio-holder {margin-bottom:10px;}
div#container {background-color:#2293CD;}
.foreground{background-color:#2293CD;}
div#top span a, div#top ul li a, div#top span, div.paragraph a{color:#8FCBE7;}
div#top span a:hover, div#top ul li a:hover, div.paragraph a:hover {color:#000000;}
div#navigation ul li a, div#navigation span, div#navigation span a {color:#ffffff;}
div#navigation ul li a:hover, div#sitemap a:hover, div#navigation span a:hover {color:#000000;}
h1 {color:#ffffff}
h2 {color:#8FCBE7}
h2.detail {color:#000000}
h3 {color:#8FCBE7}
h6 {color:#000000}
span.subtitle, a.detail {color:#000000}
span.date, span.date-large, span.genres {color:#000000}
span.read-more, a.read-more {color:#000000}
div.order {color:#000000}
span.fiche-list-title {color:#ffffff}
span.fiche-list-subtitle {color:#ffffff}
span.fiche-list-date {color:#000000}
td.buttonscontent, .border-main-bottom, .border-main-top, .line {border-color: #ffffff}
body, td, a {color:#ffffff;}
img, .border, ul.thumblist li img, img.thumb, img.list {color:#ffffff;border-color:#ffffff;}
div#calendarHolder {border-color:#ffffff;}
a.colorbox {color:#ffffff;}
div.separator-bg {background-color:#ffffff}
tr.row td, tr.hover td, li.row {border-color: #22CAE7}
tr.hover, li.hover, div.row:hover, div.blikvanger a:hover, #news>a:hover, .news>a:hover {background-color:#6ca9c7}
div.no-flash, table#widgets, div#widgets {background-color:#000000}
div.tickets, a.tickets, span.tickets{color:#ffffff;background-color:#2293CD;}
div.tickets td {color:#ffffff}
div.hover, a.tickets:hover {color:#ffffff;background-color:#000000;}
div.hover td, a.tickets:hover {color:#ffffff;}
div#tooltip {color:#ffffff;background-color:#000000;}
ul#sidebar li.sidebar {color:#ffffff;background-color:#2293CD;}
ul#sidebar li.hover {color:#ffffff;background-color:#000000;}
ul#sidebar li.sidebar a {color:#ffffff;}
ul#sidebar li.hover a {color:#ffffff;}
#sidebar li.hover a {color:#ffffff;}
span.error {margin-left:5px;margin-right:5px;color:#FF0000;}
input.error_text, textarea.error, input.error {background-color:#FF0000;}
input#search-input, input#newsletter-input {color:#2F455C;}
div#nav input.normal, div#nav input.text, div#search-box input.normal, div#search-box input.text {background-color:#ffffff;}
input#search-input {background-color:#ffffff}
.ac_even {color:#ffffff;background-color: #2F455C;}
.ac_odd {color:#ffffff;background-color: #2293CD;}
.ac_over {color:#ffffff;background-color: #000000;}
div#footer-right, div#footer, div#footer-right a {color:#ffffff;}
div#container-bottom {background-color:#2293CD;}
div#container-top, div#contentheader {background-color:#2293CD;}
div#calendarHolder {background-color:#;}
p#contentTitle, span#contentCurrent {color:#ffffff;}
div#borderMiddleLeft, div#modalContent, div#borderMiddleRight, div#modalLoadingOverlay, div#borderTopCenter, div#borderTopLeft, div#borderTopRight, p#contentTitle {background:#2F455C;}
span.pers {display:block;}
span.event {font-weight:bold;display:block;margin-bottom:2px;}
a.prev {float:left; display:block; background:transparent url('/media/images/interface/arrow-left-white.png'); width:15px; height:13px;}
a.next {float:right; display:block; background:transparent url('/media/images/interface/arrow-right-white.png'); width:15px; height:13px;}

#print {background:url(/media/images/interface/tools-white.png) no-repeat;width:22px; height:19px;}
#cart {background:url(/media/images/interface/tools-white.png) no-repeat;background-position:-30px; width:23px; height:19px;}
#smalltext {background:url(/media/images/interface/tools-white.png) no-repeat;background-position:-65px; width:9px; height:19px;}
#largetext {background:transparent url(/media/images/interface/tools-white.png) no-repeat; background-position:-80px; width:10px; height:19px;}

div#footer-right a{text-decoration:none;}
div.tickets td.left {width:100%;}
div.tickets td.right {width:28px; vertical-align:middle;}
div#content p a {text-decoration:underline;}

#modalBackgroundOverlay{background:#000000;}

/*
------
Algemeen
------
*/

* {padding:0;margin:0;border:0;}

html, body{height:100%;}

body{background-attachment:fixed;background-position:top;background-repeat:no-repeat;font-size:12px;font-family:Arial}

a{text-decoration:none;}

p{line-height:150%;margin-bottom:1em;}

h1{font-size:25px;font-weight:100;position:relative;top:-7px;}

h2{font-size:1.3em;padding-bottom:10px;}

h6{font-size:1.3em;margin-bottom:10px;}

ul, li{list-style-type:none;}

input.error {background-color:#FF0000;}

#holder{
	min-height:100%;
}

#top-container, #middle, #container-bottom-content {width:960px; margin:0 auto;}

.clear{clear:both;}

div#tooltip, div#tooltip-thumb {position:absolute;}

img.tooltip {border:1px solid;width:100px;}

#tooltip{
	position:absolute;
	padding:5px;
	display:none; z-index:10000;
}

.subtitle{font-weight:600;}

li.cultuurcentra{line-height:1.5em}

li.cultuurcentra a:hover{text-decoration:underline;}

.read-more{display:block;margin-top:15px;}

.inline{display:inline;}

.row{cursor:pointer;}

img{border:0;padding:0;margin:0;}

a img{border:0; padding:0; margin:0;}

li.row{border-bottom:1px solid}

div#embed embed, #embed object, #embed iframe {
	max-width:303px;
	width:expression(document.body.clientWidth > 303? "303px": "auto" );
}

#title {cursor:pointer}

.detail-thumb {margin-bottom:5px;}

/*
------
middle
------
*/

#middle{margin-top:15px;margin-bottom:50px;}

#content{width:715px;float:left;}

#right{width:245px;float:right;}

#calendar-box{text-align:center;}

#right > * {padding:15px;margin:0;margin-bottom:15px;display:block;}

ul#sidebar{display:block; padding:0; margin:0;}

ul#sidebar li{display:block;margin-bottom:15px;}

ul#sidebar li a{ padding:10px; display:block; font-size:1.5em;}

ul#sidebar li a span.sidebartitle{display:inline-block;width:190px;}

ul#sidebar li a img{float:right;margin-top:2px;}

.voorstellingen{padding-bottom:10px;}

.voorstellingen h2{padding:15px 15px 10px 15px;}


/*
------
content
------
*/

#content-left, #content-right{float:left;width:350px;margin-right:15px;margin-bottom:20px;}

#content-left {width:335px;}

#content-left>*, #content-right>*{margin-bottom:15px;display:block;}

#content-left #binnenkort a img, #content-left .blikvanger a img, #content-left .news a img,#content-left #detail-images img{width:303px;border:1px solid;}

#content-right #binnenkort a img, #content-right .blikvanger a img, #content-right .news a img, #content-right #detail-images img{width:318px;border:1px solid;}

/* blikvanger en news */

.blikvanger a, .news>a {display:block; padding:15px;}

.blikvanger a span, .news>a span{display:inline-block;}

#more-news{margin-left:15px;margin-top:5px;}

.news{padding-bottom:15px;}

.news>a{padding-bottom:10px;}

.news .fiche-list-title{margin-top:0;}

.news img{margin-bottom:10px;}

.fiche-list-title{font-weight:600; font-size:1.2em; margin-bottom:7px; margin-top:10px;}

.fiche-list-subtitle{font-size:1.2em; font-weight:100; margin-top:10px; margin-bottom:7px;}

.fiche-list-date{margin-bottom:13px;}



/* binnenkort */

#binnenkort{padding:15px 0 15px;}

#binnenkort h2{margin:0 15px 0 15px;}

.binnenkort-fiches li.row a{display:block;padding:5px 15px 5px 15px;}

.binnenkort-fiches li.row{font-size:1em;line-height:1.3em;}

.binnenkort-fiches li.row .performer{font-weight:600;}

#binnenkort .read-more {margin-left:15px;}

/* detail fiche */

#detail-images, #praktisch, #fiche-content{padding:15px;}

span.date {padding-bottom:15px;display:block;}

#icons {float:right;}

.tickets{padding:15px;font-size:1.4em;font-weight:600}

.tickets img{float:right;}

#pers{padding:15px 0 15px 0;}

#pers h2{margin-left:15px;}

#pers ul li a{padding:5px 15px 10px 15px;display:block;}

#pers ul li a .fiche-list-title{display:inline-block; margin-bottom:5px;}

#pers ul li a .fiche-list-date{display:inline-block; margin-bottom:5px;}

#pers .read-more{margin-left:15px;}

.practical-title {margin-top:10px;font-size:1.1em;margin-bottom:5px;}

#practical {padding:15px;}

.price{padding-bottom:5px;}

/* genre overzicht */

#center{width:670px;padding:15px;margin-bottom:15px;}

#center table{width:100%;}

tr.row td {border-bottom:1px solid;}

tr.row table td{border:0;}

#center tr.row td{padding:5px;}

#center tr.row table td{padding:0;}

#center tr.row table td.date{padding:5px 0 5px 0;}

#center div.read-more{float:right; margin:0;clear:none;}

img.thumb{width:100px;}

#center tr.row td.info{width:100%;}

#center tr.row td{vertical-align:top;}

#center tr.row td .fiche-list-title{margin-top:0px;}

#center tr.row img.thumb, #center tr.row img.list{width:140px;border:1px solid}

#center tr.row td.title{font-size:1.2em;}

#center tr.row td.title .jsbutton{ float:left; width:400px; display:block;}

.title{font-weight:600;}

/* text page */

#content-text-left{width:175px;float:left; margin-right:15px; padding:15px;}

#content-text-left{font-size:1.2em;line-height:1.6em;}

#content-text-right{width:450px;margin-right:15px; width:*;float:left; padding:15px; }

#content-text-right img, #center img{width:216px;margin-right:5px;margin-top:5px;border:1px solid;display:inline;}

#center .read-more img{width:auto;border:none;}

/* search */

.fiches ul li.row a{display:block; padding-top:5px; padding-bottom:5px;}

span.cultuurcentrum {float:right;margin-right:10px;}

#imageHolder img {
	width:215px;
}
	
/* 
------
top
------
*/

#container-top{width:940px;margin-left:auto;margin-right:auto;padding:10px;}

#top-container{width:940px;}

#title{width:370px;}

#search{float:right; width:350px;}

#search-box{float:right;margin-left:10px;}

img#search-arrow {display:inline;margin-left:10px;margin-top:3px;}

input#search-input {display:inline;padding:3px;width:153px;height:19px;clear:left;position:relative;top:-4px;}

#tools{float:right;}

#tools a {display:block;float:left;margin-right:10px;cursor:pointer;}

#tools a span{display:none;}

#print{width:22px; height:19px;}

#cart{background-position:-30px; width:23px; height:19px;}

#smalltext{background-position:-65px; width:9px; height:19px;}

#largetext{background-position:-80px; width:10px; height:19px;}

#logo_antwerpen_link{display:block;width:205px;float:left;}

#header_container{margin-top:15px; margin-left:15px; width:720px; float:left;}

#top span{font-size:.9em; text-transform:uppercase;}

#navigation{margin-top:10px;}

#navigation span{display:inline;margin-right:2px;font-size:1.2em;}


/*
------
bottom
------
*/

body #container-bottom{height:50px; margin-top:-50px; width:960px; margin:-50px  auto 0 auto; clear:left;}

#footer-left{float:left;margin-top:3px;margin-left:5px;}

#footer-right{float:right;margin-top:20px;font-weight:600;margin-right:20px;}

/*
------
autocomplete
------
*/
/*auto-complete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	overflow: hidden;
	z-index: 99999;
	text-align:left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}


