html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, address, del, em, img, ins, small, strong, tt, ul, ol, li, dl, dt, dd, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	background: transparent;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
ul {
	list-style: none;
	margin-bottom: 22px;
}
ul li {
	list-style: disc inside;
}
ol li {
	list-style: inside;
}
:focus {
	outline: none;
}
p {
	margin: 0px 0px 22px 0px;
	line-height: 22px;
	font-style: normal;
}
a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1 {
	height: 40px;
	margin-bottom: 25px;
}
h2 {
	height: auto; 
	margin-bottom: 25px;
	line-height: 28px;
	font-size: 16px;
	color: #c6571a;
}
h3 {
	height: 17px;
	margin-bottom: 25px;
	line-height: 17px;
	font-size: 14px;
	color: #c6571a;
}
h4 {
	height: 25px;
	margin-bottom: 25px;
}
span.orange {
	font-weight: bold;
	color: #c55719;
}
.no_mg {
	margin: 0px !important;
}
html, body {
	height: 100%;
}
body {
	background: #000;
}

/* MAIN */

#container {
	width: 100%; height: 100%; 
	height: auto !important; 
	min-height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/template/bg_container.jpg) center top no-repeat;
	z-index: 1;
}
body.intro #container {
	background: url(../images/template/bg_intro.jpg) center top no-repeat;
}
#site {
	width: 915px; height: auto;
	position: relative;
	margin: 0 auto;
	padding-bottom: 130px;
	z-index: 5;
}
#site:after {
	clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;
}
body.intro #site {
	min-height: 755px;
}
body.intro #site a {
	width: 186px; height: 33px;
	position: absolute;
	right: 6px; bottom: 241px;
	display: block;
}
#header {
	width: 915px; height: 327px;
	position: relative;
	z-index: 10;
}
#logo {
	width: 233px; height: 77px;
	position: absolute;
	left: 24px; top: 30px;
}

/* HOOFDMENU */

#menu {
	width: 671px; height: 80px;
	position: absolute;
	left: 6px; top: 145px;
	z-index: 10;
}
#menu .item {
	width: auto; height: 80px;
	position: relative;
	float: left;
	z-index: 15;
}
#menu .item a {
	height: 80px;
	position: relative;
	float: left;
	display: block;
}
a#menu_home {
	width: 73px;
	background: url(../images/template/menu.png) 0px 0px no-repeat;
}
a#menu_home:hover, a#menu_home.active {
	background: url(../images/template/menu.png) 0px -80px no-repeat;
}
a#menu_biografie {
	width: 74px;
	background: url(../images/template/menu.png) -73px 0px no-repeat;
}
a#menu_biografie:hover, a#menu_biografie.active {
	background: url(../images/template/menu.png) -73px -80px no-repeat;
}
a#menu_nieuws {
	width: 74px;
	background: url(../images/template/menu.png) -147px 0px no-repeat;
}
a#menu_nieuws:hover, a#menu_nieuws.active {
	background: url(../images/template/menu.png) -147px -80px no-repeat;
}
a#menu_activiteiten {
	width: 75px;
	background: url(../images/template/menu.png) -221px 0px no-repeat;
}
a#menu_activiteiten:hover, a#menu_activiteiten.active {
	background: url(../images/template/menu.png) -221px -80px no-repeat;
}
a#menu_agenda {
	width: 76px;
	background: url(../images/template/menu.png) -296px 0px no-repeat;
}
a#menu_agenda:hover, a#menu_agenda.active {
	background: url(../images/template/menu.png) -296px -80px no-repeat;
}
a#menu_producten {
	width: 76px;
	background: url(../images/template/menu.png) -372px 0px no-repeat;
}
a#menu_producten:hover, a#menu_producten.active {
	background: url(../images/template/menu.png) -372px -80px no-repeat;
}
a#menu_media {
	width: 74px;
	background: url(../images/template/menu.png) -448px 0px no-repeat;
}
a#menu_media:hover, a#menu_media.active {
	background: url(../images/template/menu.png) -448px -80px no-repeat;
}
a#menu_gastenboek {
	width: 75px;
	background: url(../images/template/menu.png) -522px 0px no-repeat;
}
a#menu_gastenboek:hover, a#menu_gastenboek.active {
	background: url(../images/template/menu.png) -522px -80px no-repeat;
}
a#menu_contact {
	width: 74px;
	background: url(../images/template/menu.png) -597px 0px no-repeat;
}
a#menu_contact:hover, a#menu_contact.active {
	background: url(../images/template/menu.png) -597px -80px no-repeat;
}
.submenu {
	padding-top: 38px;
	display: none;
	z-index: 12;
}
.submenu a {
	width: 148px; height: 26px !important;
	position: relative;
	float: left;
	display: block;
}

/* SUBMENU ACTIVITEITEN */

#submenu_activiteiten {
	width: 148px; height: 146px;
	position: absolute;
	left: -37px; top: 52px;
	background: url(../images/template/bg_submenu_activiteiten.png) left top no-repeat;
}
#submenu_activiteiten a#menu_organist {
	background: url(../images/template/submenu_activiteiten.png) 0px -0px no-repeat;
}
#submenu_activiteiten a#menu_organist:hover {
	background: url(../images/template/submenu_activiteiten.png) -148px -0px no-repeat;
}
#submenu_activiteiten a#menu_dirigent {
	background: url(../images/template/submenu_activiteiten.png) 0px -26px no-repeat;
}
#submenu_activiteiten a#menu_dirigent:hover {
	background: url(../images/template/submenu_activiteiten.png) -148px -26px no-repeat;
}
#submenu_activiteiten a#menu_stouten {
	background: url(../images/template/submenu_activiteiten.png) 0px -130px no-repeat;
}
#submenu_activiteiten a#menu_stouten:hover {
	background: url(../images/template/submenu_activiteiten.png) -148px -130px no-repeat;
}
#submenu_activiteiten a#menu_schouws-jeugdorkest {
	background: url(../images/template/submenu_activiteiten.png) 0px -52px no-repeat;
}
#submenu_activiteiten a#menu_schouws-jeugdorkest:hover {
	background: url(../images/template/submenu_activiteiten.png) -148px -52px no-repeat;
}
#submenu_activiteiten a#menu_animato {
	background: url(../images/template/submenu_activiteiten.png) 0px -78px no-repeat;
}
#submenu_activiteiten a#menu_animato:hover {
	background: url(../images/template/submenu_activiteiten.png) -148px -78px no-repeat;
}
#submenu_activiteiten a#menu_hauptwerksamplesets {
	background: url(../images/template/submenu_activiteiten.png) 0px -104px no-repeat;
}
#submenu_activiteiten a#menu_hauptwerksamplesets:hover {
	background: url(../images/template/submenu_activiteiten.png) -148px -104px no-repeat;
}

/* SUBMENU PRODUCTEN */

#submenu_producten {
	width: 148px; height: 68px;
	position: absolute;
	left: -37px; top: 52px;
	background: url(../images/template/bg_submenu_producten.png) left top no-repeat;
}
#submenu_producten a#menu_cds {
	background: url(../images/template/submenu_producten.png) 0px 0px no-repeat;
}
#submenu_producten a#menu_cds:hover {
	background: url(../images/template/submenu_producten.png) -148px 0px no-repeat;
}
#submenu_producten a#menu_bladmuziek {
	background: url(../images/template/submenu_producten.png) 0px -26px no-repeat;
}
#submenu_producten a#menu_bladmuziek:hover {
	background: url(../images/template/submenu_producten.png) -148px -26px no-repeat;
}

/* SUBMENU MEDIA */

#submenu_media {
	width: 148px; height: 97px;
	position: absolute;
	left: -37px; top: 52px;
	background: url(../images/template/bg_submenu_media.png) left top no-repeat;
}
#submenu_media a#menu_fotos {
	background: url(../images/template/submenu_media.png) 0px -0px no-repeat;
}
#submenu_media a#menu_fotos:hover {
	background: url(../images/template/submenu_media.png) -148px -0px no-repeat;
}
#submenu_media a#menu_persfotos {
	background: url(../images/template/submenu_media.png) 0px -26px no-repeat;
}
#submenu_media a#menu_persfotos:hover {
	background: url(../images/template/submenu_media.png) -148px -26px no-repeat;
}
#submenu_media a#menu_mp3 {
	background: url(../images/template/submenu_media.png) 0px -52px no-repeat;
}
#submenu_media a#menu_mp3:hover {
	background: url(../images/template/submenu_media.png) -148px -52px no-repeat;
}
#submenu_media a#menu_video {
	background: url(../images/template/submenu_media.png) 0px -78px no-repeat;
}
#submenu_media a#menu_video:hover {
	background: url(../images/template/submenu_media.png) -148px -78px no-repeat;
}

#main {
	width: 915px; height: auto;
	position: relative;
}
#left {
	width: 534px; height: auto;
	position: relative;
	float: left;
	padding: 45px 65px 0px 27px;
}
#left.persfotos a {
	margin-right: 10px;
}
#right {
	width: 259px; height: auto;
	position: relative;
	float: left;
	padding: 110px 30px 0px 0px;
}
#images {
	width: 259px; height: auto;
	position: relative;
}
#images img {
	margin-bottom: 20px;
}
#footer {
	width: 100%; height: 72px;
	position: absolute;
	bottom: 0px !important; bottom: -1px; left: 0;
	background: url(../images/template/line.gif) left top repeat-x;
	z-index: 10;
}
#footer_content {
	width: 915px; height: 72px;
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	font-size: 11px;
	color: #808080;
}
#footer_content a {
	text-decoration: none;
	font-size: 11px;
	color: #808080;
}
#footer_content a:hover {
	text-decoration: underline;
}
#andere_muzikanten {
	width: auto; height: auto;
	position: absolute;
	right: 0px; top: 20px;
	text-align: right;
	color: #808080;
}

/* NIEUWS */

body.css1 #left {
	width: 321px; height: auto;
	position: relative;
	float: left;
	padding: 45px 50px 0px 27px;
}
#news {
	width: 321px; height: auto;
	position: relative;
	float: left;
}
#news span.maand {
	width: 321px; height: auto;
	position: relative;
	float: left;
	line-height: 28px;
	font-size: 14px;
	font-weight: bold;
}
#news .item {
	width: 321px; height: auto;
	position: relative;
	float: left;
	line-height: 28px;
}
#news .item span.left {
	width: 87px; height: 28px;
	position: relative;
	float: left;
	display: block;
	line-height: 28px;
	font-weight: bold;
	color: #c6571a;
}
#news .item.active span.left {
	color: #fff;
}
#news .item span.right {
	width: 234px; height: auto;
	position: relative;
	float: left;
	display: block;
	line-height: 18px;
	padding-top: 5px;
}
#news .item a {
	float: left;
	line-height: 28px;
	text-decoration: none;
}
#news .item.active a, #news .item.active a:hover, #news .item.active a.active {
	color: #fff;
}
#news .item a:hover, #news .item a.active {
	color: #c6571a;
}
#news .item a strong {
	line-height: 18px;
	color: #c6571a;
}
#news .item.active a strong {
	color: #fff;
}
body.css1 #right {
	width: 467px; height: auto;
	position: relative;
	float: left;
	padding: 110px 50px 0px 0px;
}

/* AGENDA */

span.date {
	width: 467px; height: 22px;
	position: relative;
	float: left;
	margin-bottom: 23px;
	display: block;
	font-weight: bold;
	color: #c6571a;
}
#agenda_details {
	width: 467px; height: auto;
	position: relative;
	float: left;
	margin-bottom: 22px;
}
#agenda_details:after {
	clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;
}
#agenda_details span.left {
	width: 110px; height: 22px;
	position: relative;
	float: left;
	display: block;
	font-weight: bold;
}
#agenda_details span.right {
	width: 357px; height: 22px;
	position: relative;
	float: left;
	display: block;
}

/* PRODUCTEN */

#producten {
	width: auto; height: auto;
	position: relative;
	padding: 45px 0px 0px 27px;
}
#producten .item {
	width: 765px; height: auto;
	position: relative; 
	margin-bottom: 56px;
}
#producten .item:after {
	clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;
}
#producten .item .left {
	width: 132px; height: 132px;
	position: relative;
	float: left;
	padding-right: 33px; 
}
#producten .item .right {
	width: 526px; height: auto;
	position: relative;
	float: left;
	padding-top: 7px;
}

/* FOTOS */

#top {
	width: 888px; height: auto;
	position: relative;
	padding: 45px 0px 23px 27px;
}
#aantal {
	width: auto; height: 22px;
	position: relative;
	padding-left: 7px;
}
#aantal strong {
	color: #c55719;
}
.paging {
	width: 881px; height: 22px;
	position: relative;
	padding: 19px 0px 19px 34px;
	background: url(../images/template/line_856px.png) 27px 0px no-repeat;
}
.paging.fotos {
	height: 44px;
}
#filter {
	width: auto; height: auto;
	position: relative;
	float: left;
}
#filter span.filter {
	width: auto; height: auto;
	position: relative;
	float: left;
	display: block;
	padding-right: 50px;
}
.paging.fotos #filter span.filter {
	height: 44px;
}
#filter a {
	width: auto; height: auto;
	position: relative;
	float: left;
	display: block;
	margin: 0px 15px;
	text-decoration: none;
}

#filter a:hover, #filter a.active {
	color: #C6571A;
}
.paging_wrapper {
	width: auto; height: auto;
	position: absolute;
	right: 32px; top: 19px;
}
.paging .paginas, .paging_small .paginas {
	width: 59px; height: 22px;
	position: relative;
	float: left;
	display: block;
}
.paging .pagenr, .paging .pagedots, .paging_small .pagenr, .paging_small .pagedots {
	width: 22px; height: 22px;
	position: relative;
	float: left;
	display: block;
	margin-right: 3px;
	text-align: center;
	text-decoration: none;
	background: url(../images/template/pagenr.gif) left top no-repeat;
}
.paging .pagenr.active, .paging_small .pagenr.active {
	font-weight: bold;
	background: url(../images/template/pagenr_active.gif) left top no-repeat;
}
.paging .pagedots,  .paging_small .pagedots {
	background: url(../images/template/pagedots.gif) left top no-repeat;
}
#items {
	width: 765px; height: auto;
	position: relative;
	padding: 38px 123px 23px 27px;
	background: url(../images/template/line_856px.png) 27px 0px no-repeat;
}
#items .item {
	width: 765px; height: 144px;
	position: relative;
	margin-bottom: 46px;
}
#items .item .left {
	width: 206px; height: 136px;
	position: relative;
	float: left;
	padding: 3px 33px 5px 0px;
}
#items .item .left a {
	width: 206px; height: 136px;
	position: absolute;
	left: 0px; top: 3px;
	background: url(../x.gif) repeat;
}
#items .item .left a.hover_album {
	background: url(../images/template/overlay_album.png) left top no-repeat;
}
#items .item .left .vergrootglas {
	width: 31px; height: 31px;
	position: absolute;
	right: 31px; bottom: 5px;
	background: url(../images/template/vergrootglas.gif) left top no-repeat; 
}
#items .item .right {
	width: 526px; height: 144px;
	position: relative;
	float: left;
}
#items .item .right p {
	line-height: 20px;
}
#items .item .right a {
	color: #c6571a;
}

/* FOTOS DETAILPAGINA */

#back {
	width: 888px; height: auto;
	position: relative;
	margin-bottom: 35px;
}
#back a {
	color: #c6571a;
}
#text {
	width: 828px; height: auto;
	position: relative;
	padding-right: 60px;
}
#fotos {
	width: 888px; height: auto;
	position: relative;
	padding-top: 38px;
}
#fotos .item {
	width: 139px; height: 92px;
	position: relative;
	float: left;
	margin: 0px 37px 28px 0px;
}
#fotos .item.no_mg_right {
	margin-right: 0px;
}
#fotos .item a {
	width: 139px; height: 92px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(../x.gif) repeat;
}
#fotos .item a.hover {
	background: url(../images/template/overlay_thumb.png) left top no-repeat;
}

/* VIDEO's */

.item .left .play {
	width: 31px; height: 31px;
	position: absolute;
	right: 31px; bottom: 5px;
	background: url(../images/template/play.gif) left top no-repeat; 
}
#items .item .left a.hover_video {
	background: url(../images/template/overlay_video.png) left top no-repeat;
}

/* GASTEN BOEK */

#gastenboek {
	width: 279px; height: auto;
	position: relative;
}
#gastenboek .field {
	width: 259px; height: 21px;
	position: relative;
	margin-bottom: 8px;
	padding: 7px 10px 4px 10px;
	background: #fff;
}
#gastenboek label {
	width: 259px; height: 32px;
	position: relative;
	display: block;
	padding: 0px 10px;
	margin-bottom: 8px;
	background: #fff;
}
#gastenboek label em {
	width: 259px; height: 21px;
	position: absolute;
	top: 7px; left: 10px;
	line-height: 21px;
	color: #4f4f4f;
}
#gastenboek label input{
	width: 259px; height: 21px;
	position: absolute;
	top: 7px; left: 10px;
	line-height: 21px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #4f4f4f;
	border: 0;
	background: url(../images/template/white.gif) no-repeat right 0;
}
#gastenboek label.textarea {
	width: 265px; height: 176px;
	position: relative;
	display: block;
	padding: 4px 4px 4px 10px;
	margin-bottom: 8px;
	background: #fff;
}
#gastenboek label.textarea em {
	width: 259px; height: 21px;
	position: absolute;
	top: 7px; left: 10px;
	line-height: 21px;
	color: #4f4f4f;
}
#gastenboek label.textarea textarea{
	width: 265px; height: 176px;
	position: absolute;
	top: 7px; left: 10px;
	line-height: 21px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #4f4f4f;
	border: 0;
	background: url(../images/template/white.gif) no-repeat right 0;
}
#gastenboek .plaatsen {
	width: 138px; height: 32px;
	position: relative;
	cursor: pointer;
	display: block;
	border: none;
	background: url(../images/template/btn_plaatsen.gif) left top no-repeat;
}
#gastenboek label.error {
	width: 279px; height: 22px;
	position: relative;
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-style: italic;
	color: #c55719;
	background: none;
}
#aantal.gastenboek {
	padding-bottom: 26px;
	background: url(../images/template/line.png) 0px bottom repeat-x;
}
.paging_small {
	width: 460px; height: 22px;
	padding: 19px 0px 19px 7px;
	background: url(../images/template/line.png) 0px bottom repeat-x;
}
.paging_small.bottom {
	background: none;
}
#reacties {
	width: 467px; height: auto;
}
#reacties .reactie {
	width: 440px; height: auto;
	position: relative;
	padding: 22px 20px 18px 7px;
	background: url(../images/template/line.png) 0px bottom repeat-x;
}
#reacties .reactie .title {
	width: 440px; height: 22px;
	position: relative;
	margin-bottom: 10px;
	color: #c55719;
}
#reacties .reactie .title strong {
	text-decoration: none;
	font-weight: bold;
	color: #c55719;
}
#reacties .reactie .message {
	width: 440px; height: auto;
	position: relative;
}
#errors {
	padding-top: 20px;
	font-size: 11px;
}
#last {
	width: auto; height: auto;
	position: relative;
	display: none;
}

/* CONTACT */

span.contact_left {
	width: 73px; height: auto;
	position: relative;
	float: left;
	display: block;
}
span.contact_right {
	width: 248px; height: auto;
	position: relative;
	float: left;
	display: block;
}
span.contact_right a {
	color: #c55719;
}
#contactform {
	width: 467px; height: auto;
	position: relative;
	float: left;
	padding-bottom: 22px;
}
#contactform .field {
	width: 476px; height: 32px;
	position: relative;
	float: left;
	margin-bottom: 8px;
}
#contactform .field:after {
	clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;
}
#contactform .field label {
	width: 164px; height: 32px;
	position: relative;
	display: block;
	float: left;
	line-height: 32px;
	cursor: pointer;
}
#contactform .field .input {
	width: 249px; height: 21px;
	position: relative;
	float: left;
	padding: 7px 15px 4px 15px;
	background: #fff;
}
#contactform .field input[type=text] {
	width: 249px; height: 21px;
	position: relative;
	float: left;
	line-height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border: none;
	color: #4f4f4f;
	background: none;
}
#contactform .field_textarea {
	width: 476px; height: 175px;
	position: relative;
	float: left;
	margin-bottom: 17px;
}
#contactform .field_textarea:after {
	clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;
}
#contactform .field_textarea label {
	width: 164px; height: 175px;
	position: relative;
	float: left;
	display: block;
	line-height: 32px;
	cursor: pointer;
}
#contactform .field_textarea .textarea {
	width: 260px; height: 167px;
	position: relative;
	float: left;
	padding: 4px 4px 4px 15px;
	background: #fff;
}
#contactform .field_textarea .textarea textarea {
	width: 260px; height: 167px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
	border: none;
	color: #4f4f4f;
	background: none;
}
#contactform .label {
	width: 164px; height: 32px;
	position: relative;
	float: left;
	line-height: 32px;
}
#contactform .radios {
	width: 250px; height: 32px;
	position: relative;
	float: left;
}
#contactform .radios .radio {
	width: 28px; height: 32px;
	position: relative;
	float: left;
	margin-right: 6px;
	padding-left: 22px;
	line-height: 32px;
	cursor: pointer;
	background: url(../images/template/radios.gif) 0px 0px no-repeat;
}
#contactform .radios .radio.active {
	background: url(../images/template/radios.gif) 0px -32px no-repeat;
}
#contactform .radios .radio input {
	display: none;
}
#contactform .submit {
	width: 102px; height: 34px;
	position: relative;
	float: left;
	cursor: pointer;
	margin-left: 164px;
	display: block;
	border: none;
	background: url(../images/template/btn_verzenden.gif) left top no-repeat;
}
#contactform .controle {
	width: 31px; height: 32px;
	position: relative;
	float: left;
	background: url(../images/template/controle.gif) left top no-repeat;
}	
#contactform .controle.active {
	background: url(../images/template/controle.gif) left -32px no-repeat;
}
#contactform label.error {
	width: 281px; height: 16px;
	position: relative;
	float: left;
	margin-bottom: 7px;
	line-height: 16px;
	padding-left: 164px;
	font-size: 11px;
	font-style: italic;
	color: #c55719;
}
#contactform .melding {
	display: none;
}
#contactform p.errors {
	color: #c55719;
}