*{
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}

body{
	font-family: "Courier New", Verdana, Arial, sans-serif;
	font-size: 13px;
	background: white url("../images/body_bg.gif") repeat-x top left;
	margin: 0;
}

a {
	color: #09f;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

#container{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 0;
	background: white;
}

h1{
	margin-bottom: 0.5em;
	font-size: 14px;
}

h2{
	margin-bottom: 0.5em;
	font-size: 13px;
	padding: 0 5px;
}

/************************************************************ TOP ELEMENTS */
#top{
	width: 770px;
	height: 190px;
	float: left;
	background: #09f;
}

#header{
	float: left;
	/*height: 150px;*/
	background: #09f;
}

#title span{
	display: none;
}

#subtitle{
	width: 770px;
	height: 41px;
	background: #09f url("../images/subtitle.gif") no-repeat 20px 20px;
}

.nl #subtitle{
	width: 770px;
	height: 41px;
	background: #09f url("../images/subtitle_nl.gif") no-repeat 20px 20px;
}

#subtitle span{
	display: none;
}

/********************************************** LANGUAGES */

#languages{
	position: absolute;
	top: 56px;
	left: 690px;
}

#languages ul{
	list-style-type: none;
}

#languages ul li{
	display: inline;
	padding-left: 0.5em; 
}

#languages a{
	color: #fff;
}

#languages a:hover, #languages a.selected{
	color: #000;
}

/*************************************************** NAVIGATION */
#nav{
	
	position: absolute;
	top: 150px;
	left: 20px;
	clear: both;	
}

#nav ul{
	position: relative;
	top:0;
	left: 0;
	list-style-type: none;
}

.nl #nav ul li{
	display: inline;
	float: left;
	padding-right: 15px;
}

#nav ul li{
	display: inline;
	float: left;
	padding-right: 25px;
}

#nav span{
	display: none;
}

/************************************************** NAV IMAGES */

/***** programme */

#programme a{
	width: 124px;
	height: 27px;
	display: block;
	background: url("../images/nav_programme.gif") no-repeat top left;
}

#programme a:hover{
	background: url("../images/nav_programme_o.gif") no-repeat top left;
}

#programme a.selected{
	background: url("../images/nav_programme_o.gif") no-repeat top left;
}

.nl #programme a{
	width: 122px;
	height: 26px;
	display: block;
	background: url("../images/nav_programme_nl.gif") no-repeat top left;
}

.nl #programme a:hover{
	background: url("../images/nav_programme_o_nl.gif") no-repeat top left;
}

.nl #programme a.selected{
	background: url("../images/nav_programme_o_nl.gif") no-repeat top left;
}

/***** about */


#about a{
	width: 66px;
	height: 22px;
	display: block;
	background: url("../images/nav_about.gif") no-repeat top left;
}

#about a:hover{
	background: url("../images/nav_about_o.gif") no-repeat top left;
}

#about a.selected{
	background: url("../images/nav_about_o.gif") no-repeat top left;
}

.nl #about a{
	width: 85px;
	height: 22px;
	display: block;
	background: url("../images/nav_about_nl.gif") no-repeat top left;
}

.nl #about a:hover{
	background: url("../images/nav_about_o_nl.gif") no-repeat top left;
}

.nl #about a.selected{
	background: url("../images/nav_about_o_nl.gif") no-repeat top left;
}


/***** publication */

#publication a{
	width: 115px;
	height: 22px;
	display: block;
	background: url("../images/nav_publication.gif") no-repeat top left;
}

#publication a:hover{
	background: url("../images/nav_publication_o.gif") no-repeat top left;
}

#publication a.selected{
	background: url("../images/nav_publication_o.gif") no-repeat top left;
}

.nl #publication a{
	width: 107px;
	height: 26px;
	display: block;
	background: url("../images/nav_publication_nl.gif") no-repeat top left;
}

.nl #publication a:hover{
	background: url("../images/nav_publication_o_nl.gif") no-repeat top left;
}

.nl #publication a.selected{
	background: url("../images/nav_publication_o_nl.gif") no-repeat top left;
}


/***** info */

#info a{
	width: 38px;
	height: 22px;
	display: block;
	background: url("../images/nav_info.gif") no-repeat top left;
}

#info a:hover{
	background: url("../images/nav_info_o.gif") no-repeat top left;
}

#info a.selected{
	background: url("../images/nav_info_o.gif") no-repeat top left;
}

.nl #info a{
	width: 95px;
	height: 22px;
	display: block;
	background: url("../images/nav_info_nl.gif") no-repeat top left;
}

.nl #info a:hover{
	background: url("../images/nav_info_o_nl.gif") no-repeat top left;
}

.nl #info a.selected{
	background: url("../images/nav_info_o_nl.gif") no-repeat top left;
}


/***** contact */

#contact a{
	width: 86px;
	height: 22px;
	display: block;
	background: url("../images/nav_contact.gif") no-repeat top left;
}

#contact a:hover{
	background: url("../images/nav_contact_o.gif") no-repeat top left;
}

#contact a.selected{
	background: url("../images/nav_contact_o.gif") no-repeat top left;
}

.nl #contact a{
	width: 86px;
	height: 22px;
	display: block;
	background: url("../images/nav_contact_nl.gif") no-repeat top left;
}

.nl #contact a:hover{
	background: url("../images/nav_contact_o_nl.gif") no-repeat top left;
}

.nl #contact a.selected{
	background: url("../images/nav_contact_o_nl.gif") no-repeat top left;
}


/***** partners */

#partners a{
	width: 88px;
	height: 22px;
	display: block;
	background: url("../images/nav_partners.gif") no-repeat top left;
}

#partners a:hover{
	background: url("../images/nav_partners_o.gif") no-repeat top left;
}

#partners a.selected{
	background: url("../images/nav_partners_o.gif") no-repeat top left;
}

.nl #partners a{
	width: 88px;
	height: 22px;
	display: block;
	background: url("../images/nav_partners_nl.gif") no-repeat top left;
}

.nl #partners a:hover{
	background: url("../images/nav_partners_o_nl.gif") no-repeat top left;
}

.nl #partners a.selected{
	background: url("../images/nav_partners_o_nl.gif") no-repeat top left;
}


/***** press */

#press a{
	width: 55px;
	height: 22px;
	display: block;
	background: url("../images/nav_press.gif") no-repeat top left;
}

#press a:hover{
	background: url("../images/nav_press_o.gif") no-repeat top left;
}

#press a.selected{
	background: url("../images/nav_press_o.gif") no-repeat top left;
}

.nl #press a{
	width: 45px;
	height: 22px;
	display: block;
	background: url("../images/nav_press_nl.gif") no-repeat top left;
}

.nl #press a:hover{
	background: url("../images/nav_press_o_nl.gif") no-repeat top left;
}

.nl #press a.selected{
	background: url("../images/nav_press_o_nl.gif") no-repeat top left;
}


/*********************************************** SUBNAV */

#subNav{
	width: 750px;
	list-style-type: none;
	font-size: 16px !important;
	font-weight: normal;
	background: white;
	position: absolute;
	top: 200px;
	left: 20px;
}

#subNav li{
	display: inline;
	float: left;
	padding-right: 1em;
}

#subNav li a{
	color: #09f;
}

#subNav li a:hover{
	color: #000;
}

#subNav li a.selected{
	color: #000;
}

/***************************************************** LOCATIONS */
#locations {
	list-style-type: none;
}

#locations span{
	display: none;
}

#garage a, #cjour a, #grote_markt a, #pastoraal_centrum a, #instituut_kunstambachten a, #onze_lieve_vrouwgasthuis a, #gerechtshof a, #huis_mechelaar a,  #hof_palermo a, #oude_vleeshalle a, #somers a, #match a{
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
}

#garage a{
	top: 188px;
	left: 285px;	
	background: url("../images/loc_01.gif") no-repeat 0 0;
}

#cjour a{
	top: 147px;
	left: 311px;	
	background: url("../images/loc_02.gif") no-repeat 0 0;
}

#grote_markt a{
	top: 218px;
	left: 375px;	
	background: url("../images/loc_03.gif") no-repeat 0 0;
}

#pastoraal_centrum a{
	top: 174px;
	left: 421px;	
	background: url("../images/loc_04.gif") no-repeat 0 0;
}

#instituut_kunstambachten a{
	top: 112px;
	left: 450px;	
	background: url("../images/loc_05.gif") no-repeat 0 0;
}

#onze_lieve_vrouwgasthuis a{
	top: 160px;
	left: 577px;	
	background: url("../images/loc_06.gif") no-repeat 0 0;
}

#gerechtshof a{
	top: 187px;
	left: 569px;	
	background: url("../images/loc_07.gif") no-repeat 0 0;
}

#huis_mechelaar a{
	top: 218px;
	left: 443px;	
	background: url("../images/loc_08.gif") no-repeat 0 0;
}

#hof_palermo a{
	top: 250px;
	left: 460px;	
	background: url("../images/loc_09.gif") no-repeat 0 0;
}

#oude_vleeshalle a{
	top: 297px;
	left: 506px;	
	background: url("../images/loc_10.gif") no-repeat 0 0;
}

#somers a{
	top: 272px;
	left: 479px;	
	background: url("../images/loc_11.gif") no-repeat 0 0;
}

#match a{
	top: 302px;
	left: 353px;	
	background: url("../images/loc_12.gif") no-repeat 0 0;
}


/***************************************************** CONETNT */

#content2{
	float: left;
	padding-bottom: 20px;
	width: 750px;
	position: absolute;
	top: 230px;
	left: 20px;
}


#content{
	float: left;
	padding-bottom: 20px;
	width: 730px;
	position: absolute;
	top: 230px;
	left: 20px;
}

#content p{
	margin-bottom: 1em;
}

#content ul{
	margin: 0 0 2em 0;
}

#content ol{
	margin: 0 0 2em 2.3em;
}

#content ol li{
	margin: 0 0 0.5em 0;
}

/**************************************************** LEFT AND RIGHT */

#left{
	float: left;
	width: 236px;
	margin-right: 20px;
	background: white;
}

#right{
	float: left;
	width: 470px;
	background: white;
}

.left{
	float: left;
	width: 240px;
	margin-right: 20px;
	background: white;
}

.threeCols{
	width: 220px;
	background: white;
	float: left;
	margin-right: 20px;
}

.threeCols p{
	padding: 0 5px;
}

.threeCols2{
	width: 220px;
	background: white;
	float: left;
	margin-right: 20px;
}

.threeCols2 p{
	padding: 0;
}



/************************************************************* ARTISTS **/

.artistsThumb{
	padding-right: 10px;
	padding-bottom: 10px;
}

.artistsThumbLast{
	padding-right: 0px;
	padding-bottom: 10px;
}

.artistsPersonalImg{
	padding-bottom: 10px;
	float: left;
}

.artistsPersonalImgBig{
	display: block;
	clear: both;
	padding: 0 0 10px 0 !important;
}

.caption{

}

.listArtistsVenues{
	border-top: 1px solid #000;
	padding-top: 1em;
	margin-top: 2em;
}

#artistVenue{
	width: 113px;
	height:113px;
	background: #ccc;
	float: left;
	margin-left: 10px;
}

#artistVenue p{
	padding: 5px;
}

.artistVenueName{
	font-size: 12px;
}
/************************************************* NEWS */

.green{
	color: #01A54A;
}

.orange{
	color: #F77B21;
}

.yellow{
	color: #F2B30F;
}

.pink{
	color: #EF018C;
}

.blue{
	color: #0202FE;
}

.lila{
	color: #8C429B;
}

.red{
	color: #EF2222;
}

.bordo{
	color: #C32D31;
}

.newsDivider{
	border-top: 1px solid black;
	padding-bottom: 1em;
}

/*
colors from decoder letters

#18C6F7
#F77B21
#01A54A
#EF4224
#EF018C
#009CC6
#B11B1A

*/
/************************************************* GENERAL */

.selected{
	color: #000;
	text-decoration: none;
}

.clear{
	clear: both;
}

#logo{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.imgPartners{
	padding: 10px 10px 20px 10px;
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

.clearfix:after {
    content: ".";              
	display: block;         
    height: 0;                 
    clear: both;             
    visibility: hidden;	     
}