/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*////////////////////////////////////////////////////////////
THEATER AAN ZEE
////////////////////////////////////////////////////////////*/

body {
	background-color: #fff100;
	background: #FFF url('../img/bg.gif') repeat-y fixed center; 
	font-family: "Trebuchet MS",Helvetica,Verdana,Arial,sans-serif;
	font-size: 62.5%
}


#horizon {
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

#wrapper {
	left: 50%;
	margin-left: -498px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 996px;
}

html, body, #horizon, #wrapper {
	height: 100%;
}

#contentContainer {
/*	background-color: #FFF;*/
	height: 100%;
}


#content {
	background-color: #FFF;
	min-height: 100%;
	width: 960px;
}

#pageContent {
	padding: 60px 120px 60px 60px;
}




/*////////////////////////////////////////////////////////////
SEARCH
////////////////////////////////////////////////////////////*/

#topContainer {
	background-color: #fff100;
	clear: both;
	height: 30px;

		width: 962px;
}

#user {
	position: relative;
	float: left;
	height: 25px;
	width: 388px;
}

#user h4 {
	
	float: left;
	font-size: 1.3em;
	padding-right: 6px;
	padding-top: 9px;
	
}

#user p {
	color: #646464;
	font-size: 1.1em;
	padding-top: 8px;
}

#user p a:link, #user p a:visited {
	color: #646464;	
}

#search {
	background-color: #fff100;
	font-size: 1.2em;
	float: left;
	height: 22px;
	margin-left: -30px;
	margin-top: -8px;
	padding-top: 2px;
	
	text-align: right;
	text-transform: uppercase;
	width: 300px;
}

#searchbox {
	background: transparent url('/img/bg_searchform.gif') no-repeat;
	border: 0;
	height: 26px;
	padding-left: 32px;
	margin-top: -5px;
	width: 220px;
	
}

#bt-search {
/*	left:230px;
	top:5px;
	position: absolute;
	z-index: 2;
	margin-left: -30px;
*/
}

/*////////////////////////////////////////////////////////////
TAALKEUZE
////////////////////////////////////////////////////////////*/

#taalkeuze {
	background-color: #fff100;
	float: left;
	font-size: 1.2em;
	
	height: 18px;
	padding-top: 8px;
	text-align: right;
	text-transform: uppercase;
	width: 300px;
}

#taalkeuze ul {
	padding-right: 36px;
}

#taalkeuze ul, #taalkeuze li {
	display: inline;
}

#taalkeuze a {
	color: #000;
	font-weight: bold;
	padding: 0 6px;
	text-decoration: none;
}

#taalkeuze a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#taalkeuze a.active {
	background-color: #000;
	color: #FFF;
}


/*////////////////////////////////////////////////////////////
HEADER: SLIDESHOW, NAV, SUBNAV
////////////////////////////////////////////////////////////*/

#header {
	background-color: #fff100;
	height: 200px;
}

#logo {
	height: 140px;
	left: 690px;
	position: absolute;
	top:80px;
	width: 309px;
	z-index: 99;
}

#nav {
	background: transparent url('../img/bg_nav.png') no-repeat; 
	height: 34px;
	left: -10px;
	padding-top: 5px;
	position: absolute;
	text-transform: uppercase;
	top:230px;
	width: 982px;
	z-index: 10;
}

#subnav {
	background: transparent url('../img/bg_subnav.gif') repeat-x; 
	height: 28px;
	padding-top: 8px;
	position: absolute;
	text-transform: uppercase;
	top:254px;
	width: 100%;
	z-index: 20;
}

#nav ul {
	padding-left: 40px;
}

#nav ul, #nav li, #subnav ul, #subnav li {
	display: inline;
}

#nav li {
	padding: 4px 16px;
	font-size: 1.3em;
}

#nav li.active {
	border-bottom: solid #000 1px;
}

/*
#subnav ul.tickets {
	padding-left: 24.5em;
}

#subnav ul.praktisch {
	padding-left: 34.4em;
}

#subnav ul.vrienden-van-taz {
	padding-left: 38.6em;
}

#subnav ul.taz-is {
	padding-left: 2.7em;
}

#subnav ul.archief {
	padding-left: 35em;
}
*/
#subnav ul {
	padding-left: 3em;
}


#subnav li {
	padding: 6px 15px;
	font-size: 1.1em;
}

#nav a, #subnav a {
	color: #000;
	text-decoration: none;
}

#nav li.active a {
	text-decoration: underline;
}

#nav a.active, #subnav a.active {
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////
HOMEPAGE
////////////////////////////////////////////////////////////*/

#mainHome {
	float: left;
	width: 640px;
}

#sidebarHome {
	float: left;
}

#sidebarHome a:link		{ color: #646464 }
#sidebarHome a:visited	{ color: #646464 }
#sidebarHome a:hover	{ color: #ffde01 }
#sidebarHome a:active	{ color: #000 }

#project-in-de-kijker {
	left: 60px;
	position: relative;
	padding-bottom: 90px;
	top:30px;
	width: 480px;
}

#project-in-de-kijker div.leesmeer {
	background: transparent url('../img/bg_lees-meer_project-in-de-kijker.gif') no-repeat; 
	left: 460px;
	height: 23px;
	position: relative;
	top: 12px;
	padding: 6px;
}

#project-in-de-kijker a {
	color: #242424;
	text-decoration: none;
}

#project-in-de-kijker a:hover {
	color: #646464;
}

#project-in-de-kijker hr {
	background-color: #D9D9D9;
	border: 0;
	color: #D9D9D9;
	height: 1px;

	position: absolute;
	left: 0;
	text-align: left;
	width: 540px;
}

#taz-extra {
	clear: both;
}

#taz-bib {
	float: left;
	padding-left: 60px;
	width: 240px;
}

#taz-bib ol {
/*	padding-left: 22px;*/
	line-height: 200%;
/*	list-style-type: decimal;*/
}

#taz-bib li {
	font-size: 1.1em;
	padding: 0 0 0 28px;
	min-height: 24px;
}

#taz-bib li.video {
	background: transparent url('/img/icon_video.png') no-repeat;
}

#taz-bib li.audio {
	background: transparent url('/img/icon_audio.png') no-repeat;
}

#taz-bib li.odd {
	background-color: #ffde01;
	width: 230px;
}

#taz-bib a {
	color: #242424;
}

#taz-bib a:hover {
	color: #646464;
}

#taz-tazette {
	float: left;
	padding: 0px 0px 0 30px;
	width: 240px;
}

#taz-tazette ol {
/*	padding-left: 22px;*/
	line-height: 200%;
/*	list-style-type: decimal;*/
}

#taz-tazette li {
	font-size: 1.1em;
	min-height: 24px;
	padding-left: 10px;

	
}

#taz-tazette li.odd {
	background-color: #F2F2F2;
	width: 230px;
}

#taz-tazette a {
	color: #242424;
}

#taz-tazette a:hover {
	color: #646464;
}

#taz-links {
	float: left;
	padding: 12px 0px 0 30px;
}

#taz-links-horizontaal {
	clear: both;
	padding-left: 60px;
	padding: 20px 0 12px 60px;
}

#taz-partners {
	clear: both;
	padding-left: 60px;
	padding: 20px 0 12px 60px;
}

#taz-partners ul, #taz-partners li {
	display: inline;
}

#taz-partners li {
	padding: 0 8px;
}

#nieuws {
	position: relative;
	top:30px;
	width: 320px;
}

.nieuws-uur {
	color: #787878;
	padding-bottom: 3px;
	text-align: right;
}

#nieuws>.row-odd, #nieuws>.row-even {
	margin-top: 12px;
}

#nieuws>.row-odd , #nieuws>.row-odd>.nieuwsitem-meta {
	background-color: #f2f2f2;
}

.nieuwsitem {
	padding: 6px 0px 12px 12px;
	width: 240px;
}

#nieuws p {
	line-height: 140%;
}

.nieuwsitem-meta {
	border: 1px solid #F2F2F2;
	clear: both;
	min-height: 24px;
}

.nieuwsitem-reacties, .nieuwsitem-leesmeer {
	float: left;
	width: 110px;
	padding: 2% 5px;
}
.nieuwsitem-leesmeer {
	font-size: 1.2em
}

.nieuwsitem-reacties {
	text-align: right;
}

/*////////////////////////////////////////////////////////////
FORMS
////////////////////////////////////////////////////////////*/

.formRow {
	clear:both;
	min-height:30px;
}

.formLabel {
	float:left;
	vertical-align:middle;
	width:40px;
	text-align:right;
	padding-right:5px;
	font-size:1.2em;
	padding-top:3px;
	
}

.formField {
	font-size:1.1em;
}

input.border {
	width: 200px;
	font-family : verdana, helvetica,arial,sans-serif;
	color : #18336F;
	font-size : 1.4em;
	font-weight : normal;
	border: 2px solid #DDD;
	height:20px;
}

select {
	background-color:#FFF;
	border: 2px solid #DDD;
	color:#242424;
	font-size:1.1em;
	height:24px;
}

textarea {
	width: 200px;
	font-family : verdana, helvetica,arial,sans-serif;
	border: 2px solid #DDD;
	color : #18336F;
	font-size:1.4em;
	font-weight : normal;
}

/*////////////////////////////////////////////////////////////
COMMENTS
////////////////////////////////////////////////////////////*/

div.comment-even, div.comment-odd {
	margin-bottom: 12px;
	width: 60%;
	
}

div.comment-even p, div.comment-odd p {
	padding: 6px;
}

div.comment-odd {
	background-color:#EFEFEF;
	border: 1px solid #242424;
}

div.comment-even {
	background-color:#FFF;
	border: 1px solid #242424;
}

div.commentHeader {
	padding: 4px;
	font-size:1.4em;
}

.comment-odd .commentHeader {
	border-bottom: 1px solid #242424;
	background-color:#CCC;
}

.comment-even .commentHeader {
	border: 1px solid #CCC;
	background-color:#EFEFEF;
}

/*////////////////////////////////////////////////////////////
TYPOGRAFIE
////////////////////////////////////////////////////////////*/

h1 {
	color: #ffde01;
	font-size: 1.8em;
	padding-bottom: 20px;
	text-transform: uppercase;
}

h1.programmatitel {
	padding-bottom: 6px;
}

h2 {
	color: #000;
	font-size: 1.5em;
	padding-bottom: 12px;
	text-transform: uppercase;
}

h3 {
	color: #242424;
	font-size: 1.3em;
	padding-bottom: 6px;
	text-transform: uppercase;
}

h4 {
	color: #929293;
	font-size: 1.1em;
	padding-bottom: 3px;
	text-transform: uppercase;
}

h4.subtitel {
	background-color: #ffed00;
	color: #242424;
	display:inline;
	padding: 4px;
}

p {
	font-size: 1.2em;
	line-height: 140%;
}

p.bijschrift {
	font-size: 0.9em;
	color: #646464;
	font-style: italic;
}


td {
	font-size: 1.2em;
	line-height: 140%;
}

#pageContent ul li {
	font-size: 1.2em;
	line-height: 140%;
/*	list-style-image:url(../img/li.gif);*/
	margin-left:6px;
	padding:2px;
}

/*#pageContent a:link		{ color: #242424; background-color: #ffde01 }
#pageContent a:visited	{ color: #242424; background-color: #ffde01 }
#pageContent a:hover	{ color: #ffde01; background-color: #000 }
#pageContent a:active	{ color: #242424; background-color: #ffde01 }*/

#pageContent a:link		{ color: #646464 }
#pageContent a:visited	{ color: #646464 }
#pageContent a:hover	{ color: #ffde01 }
#pageContent a:active	{ color: #000 }

.datum {
	color: #646464;
	font-size: 0.8em;
}

.gemarkeerd {
	background-color:#FFEE02;
/*	display: block;*/
}



/*////////////////////////////////////////////////////////////
FORMS
////////////////////////////////////////////////////////////*/

.formRow {
	clear:both;
	min-height:30px;
}

.formLabel {
	float:left;
	vertical-align:middle;
	width:60px;
	text-align:right;
	padding-right:5px;
	font-size:1.2em;
	padding-top:3px;
	
}

.formField {
	font-size:1.1em;
}


/*////////////////////////////////////////////////////////////
STADSPLAN
////////////////////////////////////////////////////////////*/

#map {
float:left;
height: 700px;
width: 640px; 

}

#locatieLijst {
float:left;
width: 200px;
}

/*////////////////////////////////////////////////////////////
VIDEO-ALBUM
////////////////////////////////////////////////////////////*/


#slideshow {
	float: left;
	width: 570px;
}

#albumlist {
	float: left;
	height: 400px;
	overflow: auto;
	width: 210px;
}

#videoplayer {
	float: left;
	width: 570px;
}

#videolist {
	float: left;
	height: 400px;
	overflow: auto;
	width: 210px;
}

#videolist li.odd {
	background-color: #f2f2f2;
}

/*////////////////////////////////////////////////////////////
FOTO-ALBUM
////////////////////////////////////////////////////////////*/


#galerij {
	float:left;
	width:540px;
}

#galerij-list {
	float:left;
	width:240px;
}


/*////////////////////////////////////////////////////////////
ARCHIEF
////////////////////////////////////////////////////////////*/


.festival {
	clear: both;
	padding-top: 12px;
}

/*////////////////////////////////////////////////////////////
PROGRAMMA
////////////////////////////////////////////////////////////*/

.progHeader {
	background-color:#670000;
	color:#FFF;
	font-size : 1.4em;
	padding:8px;
	border: 1px solid #FFF;
	text-transform: lowercase;
}

.progHeader_n {
	background-color:#670000;
	color:#FFF;
	font-size : 1.2em;
	padding:2px;
	border: 1px solid #FFF;
	font-style: italic;
	text-transform: lowercase;
}

.progRowEven {
	background-color:#FFF;
	padding:6px;
	font-size: 1.2em;
}

.progRowOdd {
	background-color:#EFEFEF;
	padding:6px;
	font-size: 1.2em;
}

.progCellEven, .progCellEven_2 {
	background-color:#FFF;
	padding:6px;
	font-size: 1.2em;
}

.progCellOdd {
	background-color:#ffec00;
	padding:6px;
	font-size: 1.2em;
}

.progCellOdd_2 {
	background-color:#fffad0;
	padding:6px;
	font-size: 1.2em;
}

.progFoto {
	padding-left:8px;
	padding-bottom:4px;
}

.progHeader a, .progHeader_n a, .progCellEven a, .progCellEven_2 a, .progCellOdd a, .progCellOdd_2 a {
	text-decoration: none;
}

.progHeader a, .progHeader_n a, .progCellEven a, .progCellEven_2 a, .progCellOdd a, .progCellOdd_2 a {
	text-decoration: none;
}

.progHeader a:hover, .progHeader_n a:hover, .progCellEven a:hover, .progCellEven_2 a:hover, .progCellOdd a:hover, .progCellOdd_2 a:hover {
	color: #000;
}

.progTable td {
	padding:6px;
	font-size: 1.2em;	
}

.pagination {
	background-color:#fffad0;
	font-size: 1.2em;	
	padding:6px;
}

.pagination_n {
	background-color:#ffec00;
	color:#000;
	font-size: 1.2em;
	padding:6px;
}

#logout {
	padding-right: 120px;
	padding-top: 20px;
	text-align: right;
}

.schoenmaat {
display: none;
}

#twitter {

	padding: 45px 5px 10px 20px;
}

.tweet {
	clear: both;
	padding: 10px 0 30px 0;
}

.date {
	font-size: 1.1em;
	float: left;
	width: 60px;
}

.status {
	font-size: 1.3em;
	float: left;
	width: 200px;
}

.progbio_foto {
	float: left;
	width: 60%;
}

.progfoto {
	
	float: left;
	padding-left: 12px;
	width: 35%;
}












.progRow {
	clear: both;
	min-height: 66px;
}

.progRow2 {
	float: left;
	min-height: 66px;
/*	margin: 0 1px 1px 0;*/
	
}

.progFoto {
	float: left;
	padding: 3px;
	width: 96px;
}

.progRow2>.progFoto {
/*	width: 100%;*/

}

.progTitel h5 {
	font-size: 1.3em;
	padding: 5px 0 3px 3px;
	text-transform: uppercase;

}

.progTitel p {
	font-size: 1.1em;

}

.progTitel {
	border-right: 1px solid #FFF;
	float: left;
	min-height: 66px;
	padding-right: 6px;
	width: 200px;

}

.progTitel .genre {
	position: absolute;
	text-align: right;
	padding-top: 50px;

	
}

.progRow2>.progTitel {
	border-width: 0px;
	width: 320px;
}

.progInfo {
	float: left;
	padding-left: 12px;
	width: 525px;
}

.progHeaderVoorstelling {
	float:left;
	height:25px;
	width:310px;
}

.progHeaderVoorstelling h6, .programmaHeader h6 {
	padding-top: 6px;
	text-transform: uppercase;
}

.programmaHeader {
	float:left;
	text-align: center;
	width:71px;
}

.progInfoVeld {
	padding-top: 24px;
	text-align: center;
	width:75px;
}

pageContentprogramma {
	padding: 90px 60px 60px 60px;
		
	width: 700px;
}

#programmaGallery, #programmaGallery li {
	list-style: none;
	list-style-image: none;
}

.caption {
	background-color: #242424;
	height: 25px;

	width: 360px;
	z-index: 200;
}

.caption p {
	color: #FFF;
	padding: 4px;
}


.resultHead {
	
}

#datePagination ul {
	padding-top: 30px
}

#datePagination ul, #datePagination li {
	display: inline;
}

.genre {
	text-transform: uppercase;
	color: #848484;
}

.comment_odd, .comment_even {
	border: 1px solid #CCC;
	padding: 8px;
	width: 600px;
}

.comment_odd {
	background-color: #F4F4F4;
}

.comment_odd .footnote, .comment_even .footnote {
	
	font-size: 1em;
	text-align: right;
	padding-top: 8px;
}

.dank {
	float: left;
	width: 190px;
	height: 200px;
	text-align: center;
}

#pers_sidebar, #pers_content {
	float: left;
	padding-top: 120px;
}

#pers_sidebar {
	width: 240px;
	text-align: right;
	padding-right: 40px;
	padding-left: 40px
}

#pers_sidebar li {
	font-size: 1.2em;

	
}

#pers_content {
	width: 600px;
}

.pers_item {
	float: left;	
	padding-top: 20px;
	width: 200px;
	height: 220px;
}


.pers_item a {
	display: block;

	position: relative;
	text-align: center;
	text-transform: uppercase;

	width: 95%;
}

.pers_item a:link, .pers_item a:visited {
	background-color: #F4F4F4;
	color:#242424;	
	
}

.pers_item a:hover {
	background-color:#FFEE02; 
	color: #242424;

}

#persnav a {
	color: #646464;
	padding: 6px;
	display: block;
}

#persnav a.active {
	background-color: #DDD;
	color: #000;
}

/*////////////////////////////////////////////////////////////
TAZETTE
////////////////////////////////////////////////////////////*/


#tazette {

	clear: both;
	margin-bottom: 60px;
	padding: 40px 0px 60px 45px;
	
	width: 900px;
}

#tazette>#main {
	float: left;
	width: 570px;
}
/*
#tazette #footer {
	background-color: fuchsia
	clear: both;
	height: 40px;
	width: 900px;

}
*/
#tazette>#sidebar {
	background-color: #FFF;
	color: #242424;
	float: left;
	padding: 12px;
	position: relative;
	width: 300px;
}

#tazette h1 {
	font-size: 2.4em;
}

#tazette h2 {
padding-bottom: 2px
}

#tazette h2 a {
	color: #646464;
}

#tazette p.inleiding {
	color: #646464;
	font-size: 1.4em;
	line-height: 150%;
}

.tazette_item {

}

.tazette_item_top {
	padding-bottom: 12px;
	width: 540px;
	
}

.tazette_item_medium {
	float: left;
	padding-bottom: 6px;
	width: 540px;

}

.tazette_item_klein {
	float: left;
	min-height: 250px;
	padding: 6px;
	width: 168px;
}

.tazette_item_klein p {
	font-size: 1.1em;
}

.tazette_item_list {
	width: 270px;
}

.bericht_medium {
	float: left;
	width: 340px;
}

.foto_medium {
	float: left;
	width: 200px;
}
/*
#tazette a:link, #tazette a:visited {
	background-color:#F3F3F3; 
	color: #242424;
}
*/

#tazette #main a:link, #tazette #main a:visited {
	color: #242424;
}

#tazette #main a:hover {
	background-color: #242424;
	color: #FFF;
}

#tazette #main a:active {
	background-color: #FFEE02;
	color: #000;
}

#tazette a.leesmeer:link, #tazette a.leesmeer:visited {
	background-color:#FFEE02; 
	color: #242424;
}

#tazette a.leesmeer:hover {
	background-color:#242424;
	color: #FFF;
}

/*
#tazette a.tag:link, #tazette a.tag:visited {
	background-color:#EFEFEF; 
	color: #242424;
}
*/

#tazette a.tag:link, #tazette a.tag:visited {
	background-color:#EFEFEF; 
	color: #242424;
}


#tazette #tags {
	font-size: 1.2em;
	line-height: 140%;
}

.comment
{
    font-family: Arial, Sans-Serif;
    font-size: 1.2em;
    background-color: #F5F5F5;
    width: 240px;

}

.comment input[type="text"], .comment textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 1.2em;
    margin-bottom: 5px;
    display: block;
    border: solid 1px #85b1de;
    width: 300px;
}

#sidebar li {
	font-size: 1.1em;
	padding: 2px 0 4px 0;
	position: relative;
}

#sidebar h2 {
	color: #242424;
}

#sidebar a:link, #sidebar a:visited{
	color: #646464;
}

#sidebar a:hover {
	color: #FFEE02;
	background-color: #000;

}



#cloud a:link, #cloud a:visited {
	color: #646464;
	padding: 2px;
}

#cloud a:hover {
	background-color: #FFEE02;
	color: #000;
	padding: 2px;
}

#cloud a:active {
	background-color: #FFEE02;
	color: #FFF;
	padding: 2px;
}

.sidebar-comment {
	padding: 4px;
}

.sidebar-comment .footnote {
	font-size: 1.1em;
	font-style: italic;
}

.tazette_type {
/*	background-color:#FFEE02; */
	background-color:#FFF; 
	color: #242424;
	font-size: 0.9em;
	padding: 0 0 0 12px;
	position: relative;
	text-transform: uppercase;
	top:-20px;;
	width: 50px;
	z-index: 10;
}

.tazettefoto_archief {
	float: left;
	padding-left:8px;
	padding-bottom:4px;
	width:100px;

}

.tazette_archief {
	float: left;
	min-height: 66px;
	padding: 3px 0 0 0;
	float:left;
	width:420px;
}

.tazette_archief h5 {
	color: #484848;
	font-size: 1.1em;
	text-transform: uppercase;
}

.tazette_buttons {
	float: left;
	height: 180px;
	width:150px;	
	text-align: center;
}

.tazette_sponsors {
	float: left;
	height: 120px;
	text-align: center;
	width:150px;
}

p.author {
	color: #646464;
	font-size: 1.1em;
	text-align: right;
	width: 97%;
}

.rounded-corners {
	border: 1px solid #000;
     -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.tweets {
	clear: both;
	min-height: 60px;
	padding: 4px;
	width: 540px;
}



/*
SLIDESHOW IN DE HEADER
*/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:240px;
}


#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}