@charset "utf-8";
/* CSS Document */

/** reset defaults **/
body, html, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, p, img {
	margin:0;
	padding:0;
}
/********************
/********************
TEXT
********************/
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#cccc33;
	font-weight:bold;
	margin-bottom:14px;
}
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#336666;
	font-weight:bold;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#ffb03b;
	font-weight:bold;
}
h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-style:italic;
	font-weight:400;
	color:#b2b2b2;
	margin-top:-3px;
}
h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-weight:400;
	color:#b2b2b2;
	margin-top:-6px;
}
h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-weight:800;
	color:#b2b2b2;
	line-height:12px;
}
p {
	font-size:13px;
	color:#1c3838;
	margin-bottom:13px;
}
em {
	font-size:13px;
	color:#1c3838;
	margin-bottom:13px;
}
a:hover {
	color:#009999;
	text-decoration:underline;
}
a {
	color:#cccc33;
	text-decoration:none;
	font-weight:bold;
}
ul {
	list-style-type: none;
	margin-left:-28px;
}
/********************
/********************
MAIN
********************/
* :focus {
	outline: none;
}
img {
	border:none;
}
body {
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffcc;
	background-image:url(../images/bg.png);
	line-height:18px;
}
html, body, #wrap, form {
	height: 100%;
}
#wrap, #footer {
	width: 100%;
	margin: 0 auto;
}
#wrap {
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
}
body > #wrap {
	height: 100%;
	min-height: 100%;
}
#main {
	margin: 0 auto;
	width:894px;
	background: #fff;
	height:100%;
	min-height:100%;
	height: auto !important;
	background-image:url(../images/bg_content.png);
}
#header {
	background-image:url(../images/header_bg_middle.png);
	height:265px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/********************
/********************
MENU 
********************/
.topcontainer {
	width: 215px;
	height: 46px;
	float:right;
	margin-right:38px;
	font-size: 1.2em;
}
.bottomcontainer {
	width: 679px;
	height: 40px;
	float:right;
	margin: 106px 40px 0 0px;
	font-size: 1.2em;
}
.repertoirecontainer {
	width: 950px;
	height: 49px;
	float:left;
	margin: -13px 0px 0px 46px;
	font-size: 1.2em;
}
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 215px;
}
ul#bottomnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 715px;
}
ul#repertoirenav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 950px;
}
ul#topnav li, ul#bottomnav li, ul#repertoirenav li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#topnav a {
	float: left;
	display: block;
	height: 46px;
	text-indent: -99999px;
	background-position: left top;
}
ul#bottomnav a {
	float: left;
	display: block;
	height: 40px;
	text-indent: -99999px;
	background-position: left top;
}
ul#repertoirenav a {
	float: left;
	display: block;
	height: 58px;
	text-indent: -99999px;
	background-position: left top;
}
ul#topnav a:hover {
	background-position: left -46px;
}
ul#bottomnav a:hover {
	background-position: left -40px;
}
ul#repertoirenav a:hover {
	background-position: left -58px;
}
/********************
/********************
BUTTONS
********************/
ul#topnav li.home a {
	background-image:url(../images/home_btn.png);
	width: 69px;
}
ul#topnav li.links a {
	background-image: url(../images/links_btn.png);
	width: 60px;
}
ul#topnav li.contact a {
	background-image: url(../images/contact_btn.png);
	width: 86px;
}
/********************/
ul#bottomnav li.biografie a {
	background-image: url(../images/biografie_btn.png);
	width: 100px;
}
ul#bottomnav li.repertoire a {
	background-image: url(../images/repertoire_btn.png);
	width: 113px;
}
ul#bottomnav li.repertoire_selected a {
	background-image:url(../images/repertoire_selected_btn.png);
	width: 113px;
}
ul#bottomnav li.ensembles a {
	background-image: url(../images/ensembles_btn.png);
	width: 112px;
}
ul#bottomnav li.audio a {
	background-image: url(../images/audio_btn.png);
	width: 83px;
}
ul#bottomnav li.beeld a {
	background-image: url(../images/beeld_btn.png);
	width: 79px;
}
ul#bottomnav li.agenda a {
	background-image: url(../images/agenda_btn.png);
	width: 99px;
}
ul#bottomnav li.zangles a {
	background-image: url(../images/zangles_btn.png);
	width: 93px;
}
/********************/
ul#repertoirenav li.oratorium a {
	background-image: url(../images/oratorium_btn.png);
	width: 109px;
}
ul#repertoirenav li.kamermuziek a {
	background-image:url(../images/kamermuziek_btn.png);
	width: 132px;
}
ul#repertoirenav li.kamermuziek_selected a {
	background-image:url(../images/kamermuziek_selected_btn.png);
	width: 133px;
}
ul#repertoirenav li.zang_en_piano a {
	background-image:url(../images/zang_en_piano_btn.png);
	width: 141px;
}
ul#repertoirenav li.zang_en_div a {
	background-image:url(../images/zang_div_btn.png);
	width: 302px;
}
ul#repertoirenav li.barok_zang a {
	background-image:url(../images/barok_zang_btn.png);
	width: 117px;
}
/********************/

#home li.home a, #links li.links a, #contact li.contact a, #biografie li.biografie a, #repertoire li.repertoire a, #repertoire li.repertoire_selected a, #ensembles li.ensembles a, #audio li.audio a, #beeld li.beeld a, #agenda li.agenda a, #zangles li.zangles a, #oratorium li.oratorium a, #kamermuziek li.kamermuziek a, #kamermuziek_selected li.kamermuziek_selected a, #zang_en_piano li.zang_en_piano a, #zang_en_div li.zang_en_div a, #barok_zang li.barok_zang a {
	background-position: left bottom;
}
/********************
/********************
CONTENT
********************/
#content_home {
	float: left;
	width:820px;
	height:600px;
	min-height:600px !important;
	text-align:left;
	margin-left:37px;
	background: #fff url(../images/doodles_home.jpg) no-repeat bottom right;
}
#content_links {
	float: left;
	width:820px;
	height:442px;
	min-height:442px !important;
	margin-left:37px;
	text-align:left;
	background: #fff url(../images/doodles_links.gif) no-repeat bottom right;
}
#content_contact {
	float: left;
	width:820px;
	height:100%;
	min-height:520px !important;
	text-align:left;
	margin-left:37px;
	background: #fff url(../images/doodles_contact.gif) no-repeat bottom right;
}
#content_zangles {
	float: left;
	width:820px;
	height:642px;
	min-height:642px !important;
	text-align:left;
	margin-left:37px;
	background: #fff url(../images/doodles_zangles.gif) no-repeat bottom right;
}
#content_agenda {
	float: left;
	width:820px;
	height:100%;
	text-align:left;
	margin-left:37px;
	background: #fff url(../images/doodles_agenda.gif) no-repeat bottom right;
}
#content_repertoire {
	float: left;
	width:820px;
	height:100%;
	text-align:left;
	margin-left:37px;
	background: #fff url(../images/doodles_repertoire.gif) no-repeat bottom right;
}
#content_biografie {
	float: left;
	width:820px;
	height:542px;
	min-height:542px !important;
	text-align:left;
	margin-left:37px;
	background: #fff url(../images/doodles_biografie.gif) no-repeat bottom right;
}
#content_audio {
	float: left;
	width:820px;
	height:100%;
	text-align:left;
	margin-left:37px;
	background-color:#FFF;
}
#content_beeld {
	float: left;
	width:820px;
	height:100%;
	min-height:750px !important;
	padding-top:24px;
	background-color:#FFF;
	text-align:left;
}
#content_ensembles {
	float: left;
	width:820px;
	height:100%;
	min-height:980px !important;
	text-align:left;
	margin-left:37px;
	background-color:#FFF;
}
/********************
/********************
ASSETS
********************/
#persmap_btn {
	position: absolute;
	left: 50%;
	width:155px;
	height:54px;
	margin-top:-45px;
	margin-left:238px;
	background-image:url(../images/persmap_02.png);
}
#persmap_btn a, #persmap_btn a:link, #persmap_btn a:visited {
	display:block;
}
#persmap_btn img {
	border:0;
}
#persmap_btn a:hover img {
	visibility:hidden;
}
/********************
/********************
STRIP ABOVE HEADER
********************/

#green_strip {
	width:540px;
	height:4px;
	background-color:#009999;
	margin-top:-20px;
	margin-left:57px;
}
#green_strip_audio {
	width:781px;
	height:4px;
	background-color:#009999;
	margin-top:-20px;
	margin-left:57px;
}
#green-yellow_strip {
	width:781px;
	height:4px;
	margin-top:-20px;
	margin-left:57px;
	background: url(../images/green-yellow_strip.png) no-repeat top left;
}
#green-yellow_strip_agenda {
	width:781px;
	height:4px;
	margin-top:-20px;
	margin-left:57px;
	background: url(../images/green-yellow_strip_agenda.png) no-repeat top left;
}
#orange_strip {
	width:220px;
	height:4px;
	margin-top:-20px;
	margin-left:57px;
	background-color:#ffb03b;
}
#green_strip_agenda {
	width:460px;
	height:4px;
	margin-top:-20px;
	margin-left:57px;
	background-color:#009999;
}
#green_strip_audio {
	width:780px;
	height:4px;
	margin-top:-20px;
	margin-left:57px;
	background-color:#009999;
}
#orange_strip_agenda {
	width:300px;
	height:4px;
	margin-top:-20px;
	margin-left:57px;
	background-color:#ffb03b;
}
#red-yellow_strip_beeld {
	width:781px;
	height:4px;
	margin-top:20px;
	margin-left:57px;
	background: url(../images/red-yellow_strip_beeld.png) no-repeat top left;
}
/********************
/********************
HEADERS 
********************/
#header_home {
	width:70px;
	height:22px;
	margin-left:55px;
	background-image:url(../images/header_home.png);
}
#header_agenda {
	width:101px;
	height:25px;
	margin-left:55px;
	background-image:url(../images/header_agenda.png);
}
#header_zangles {
	width:89px;
	height:27px;
	margin-left:55px;
	background-image:url(../images/header_zangles.png);
}
#header_links {
	width:52px;
	height:22px;
	margin-left:55px;
	background-image:url(../images/header_links.png);
}
#header_biografie {
	width:103px;
	height:27px;
	margin-left:55px;
	background-image:url(../images/header_biografie.png);
}
#header_repertoire_oratorium {
	width:266px;
	height:27px;
	margin-left:55px;
	background-image:url(../images/header_repertoire_oratorium.png);
}
#header_zang_en_piano {
	width:321px;
	height:27px;
	margin-left:55px;
	background-image:url(../images/header_zang_en_piano.png);
}
#header_zang_en_div {
	width:589px;
	height:27px;
	margin-left:55px;
	background-image:url(../images/header_zang_en_andere_instrumenten.png);
}
#header_barok_zang {
	width:278px;
	height:27px;
	margin-left:55px;
	background-image:url(../images/header_repertoire.png);
}
#header_contact {
	width:99px;
	height:22px;
	margin-left:55px;
	background-image:url(../images/header_contact.png);
}
#header_ensembles {
	width:122px;
	height:22px;
	margin-left:55px;
	background-image:url(../images/header_ensembles.png);
}
#header_audio {
	width:70px;
	height:22px;
	margin-left:55px;
	background-image:url(../images/header_audio.png);
}
#header_foto {
	width:51px;
	height:22px;
	margin-left:55px;
	background-image:url(../images/header_foto.png);
}
#header_video {
	width:70px;
	height:22px;
	margin-top:-22px;
	margin-left:455px;
	background-image:url(../images/header_video.png);
}
/********************
/********************
PLAIN TEXT 
********************/
#plain_text {
	width:540px;
	height:100%;
	margin-top:-5px;
	margin-left:20px;
}
#plain_text_agenda {
	width:455px;
	margin-top:24px;
	margin-left:20px;
}
#plain_text_ensembles {
	width:460px;
	margin-top:24px;
	margin-left:20px;
}
#plain_text_beeld {
	position:absolute;
	left:50%;
	width:400px;
	height:100%;
	margin-left:-390px;
}
#plain_text_video {
	position:absolute;
	left:50%;
	width:380px;
	height:100%;
	margin-left:10px;
}
#plain_text_audio {
	width:460px;
	margin-top:24px;
	margin-left:20px;
	background-color:#FFF;
}
#plain_text_repertoire {
	width:460px;
	height:100%;
	margin-top:24px;
	margin-left:20px;
	background-color:#FFF;
}
#plain_text_beeld img {
	margin-right:6px;
	margin-bottom:20px;
}
#plain_text_video img {
	margin-bottom:20px;
}
#plain_text a {
	color:#cccc33;
	text-decoration:none;
	font-weight:bold;
}
#plain_text a:hover {
	color:#009999;
	text-decoration:underline;
}
#plain_text_agenda a {
	color:#cccc33;
	text-decoration:none;
	font-weight:bold;
}
#plain_text_agenda a:hover {
	color:#009999;
	text-decoration:underline;
}
strong {
	color:#009999;
	font-weight:bold;
}
.separator {
	width:820px;
	height:22px;
	background-image:url(../images/separator.png);
	margin-left:-20px;
	margin-bottom:12px;
}
.top_spacer {
	margin-top:4px;
	height:18px;
}
.bottom_spacer {
	margin-top:22px;
	height:22px;
}
.bottom_spacer_extra {
	margin-top:22px;
	height: 152px;
}
#post_itwrapper {
	float:left;
	width:228px;
	height:152px;
	background: url(../images/post-it_zangles.png) no-repeat top left;
}
#postit_wrapper_zangles {
	float:right;
	width:228px;
	height:152px;
	margin-right:-245px;
	margin-top: -32px;
	background: url(../images/post-it_zangles.png) no-repeat top left;
}
#postit_wrapper_contact {
	float:right;
	width:228px;
	height:152px;
	margin-right:-245px;
	margin-top: -32px;
	background: url(../images/post-it_zangles.png) no-repeat top left;
}
#postit_wrapper_biografie {
	float:right;
	width:228px;
	height:232px;
	margin-right:-245px;
	margin-top: -32px;
	background: url(../images/post-it_biografie.png) no-repeat top left;
}
#quote_start {
	float:left;
	width:34px;
	height:23px;
	margin-top:16px;
	margin-left:24px;
	background-image:url(../images/quote_start.png);
}
#quote_end_zangles {
	clear:both;
	float:right;
	width:33px;
	height:23px;
	margin-top:-62px;
	margin-right:26px;
	background-image:url(../images/quote_end.png);
}
#quote_end_biografie {
	clear:both;
	float:right;
	width:33px;
	height:23px;
	margin-top:6px;
	margin-right:26px;
	background-image:url(../images/quote_end.png);
}
#quotes {
	clear:both;
	float:left;
	width:210px;
	height:148px;
	margin-top:-8px;
	margin-left:8px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#666;
	font-size:14px;
	font-style:italic;
	font-weight:700;
	line-height:16px;
}

#quotes_contact {
	clear:both;
	float:left;
	width:210px;
	height:148px;
	margin-top:10px;
	margin-left:4px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#666;
	font-size:14px;
	font-style:italic;
	font-weight:700;
	line-height:22px;
	text-align:center;
}
.quote_source {
	margin-top:18px;
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:600;
	color:#ffb241;
	font-stretch:expanded;
}
.imagewrapper {
	position: absolute;
	left: 50%;
	width:300px;
	height:300px;
	margin-top:-28px;
	margin-left:94px;
}
#img_01_agenda {
	width:308px;
	height:208px;
	margin-left:-8px;
	background-image:url(../images/agenda_photo_01.jpg);
}
#img_02_agenda {
	width:308px;
	height:208px;
	margin-top:6px;
	margin-left:-7px;
	background-image:url(../images/agenda_photo_02.jpg);
}
#img_01_ensembles {
	width:308px;
	height:208px;
	margin-left:-8px;
	background-image:url(../images/ensembles_photo_01.jpg);
}
#img_02_ensembles {
	width:190px;
	height:175px;
	margin-top:20px;
	margin-left:108px;
	margin-bottom:8px;
	background-image:url(../images/ensembles_photo_03.jpg);
}
#img_03_ensembles {
	width:308px;
	height:238px;
	margin-left:-8px;
	margin-top:38px;
	background-image:url(../images/ensembles_photo_04.jpg);
}
.cdwrapper {
	clear:both;
	width:490px;
	height:170px;
	margin-left:-3px;
	margin-top:5px;
}
.cd_cover {
	clear:both;
	float:left;
	width:160px;
	margin-bottom:24px;
}
.cd_info {
	float:left;
	width:300px;
	margin-top:6px;
	margin-left:22px;
	margin-bottom:12px;
}
.cd_info p {
	margin-top:0px;
}
.linkblockerplayer {
	position: absolute;
	left: 50%;
	width:290px;
	height:24px;
	margin-top:175px;
	margin-left:97px;
	background-color:#fff;
}
.playerwrapper_01 {
	clear:both;
	float:right;
	width:490px;
	height:170px;
	margin-right:-486px;
	margin-top:-300px;
	margin-bottom:58px;
}
.playerwrapper_02 {
	clear:both;
	float:right;
	width:490px;
	height:170px;
	margin-right:-486px;
	margin-top:-240px;
	margin-bottom:58px;
}
#player {
	background-image:url(../images/dummY_musicPlayer.png);
	width:291px;
	height:129px;
}
.playerwrapper_long {
	float:left;
	margin-top:-260px;
	margin-left:490px;
	width:250px;
	height:100px;
}
.line {
	clear:both;
	float:left;
	width:770px;
	height:1px;
	margin-left:5px;
	margin-bottom:16px;
	background-color:#ebeaea;
}
/********************
/********************
DOODLESs
********************/

#doodles_agenda {
	float:left;
	width:621px;
	height:313px;
	margin-top:-311px;
	margin-left:180px;
	background-image:url(../images/doodles_agenda.png);
}
#doodles_zangles {
	float:left;
	width:386px;
	height:482px;
	margin-top:-148px;
	margin-left:414px;
	background-image:url(../images/doodles_zangles.gif);
}
#doodles_repertoire {
	float:left;
	width:363px;
	height:625px;
	margin-top:-625px;
	margin-left:746px;
	background-image:url(../images/doodles_repertoire.gif);
}
/********************
/********************
VIDEO
********************/
.videoHolder {
	margin-bottom: 24px;
}
/********************
/********************
FOOTER
********************/

#footerwrap {
	position: relative;
	margin-top: -124px;
	height: 124px;
	clear: both;
	background: #000;
	bottom: 0;
	background-image:url(../images/footer_bg.png);
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer {
	width:820px;
	margin:0 auto;
	text-align:left;
}
#adres {
	float:left;
	width:500px;
	margin-top:20px;
	margin-left:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
#jacq-i {
	float:right;
	width:20px;
	height:19px;
	margin-top:20px;
	margin-right:20px;
	background: #000 url('../images/jacq-i_logo_small.png') no-repeat right top;
}