/* ----------------------------------------------------
 Project: 	ebonyband.nl
 Subject: 	general CSS definitions

 (C) 2010 Netklaar, Amsterdam
 
 donkerbruin: #27140A;
 lichtbruin: #a0947c
 paars: #68117c;
 geel: #dfac00

 ---------------------------------------------------- */

html
{
	overflow-y:scroll;
}

html, body {
    	height: 100%;
}

body
{
	background-image: url('/fileadmin/templates/main/images/header_bg.png');
	background-repeat: repeat-x;
	color: white;
	font-family: 'Gill sans',Verdana,Arial;
	font-size: 0.9em;
	line-height: 20px;
	background-position: left top;
	background-color: #27140A;
/*	background-color: #492b21; lichter bruin*/
}

body.home
{
	background-image: url('/fileadmin/templates/main/images/bg_brown_2x2_2f201b_icc.jpg');
	background-repeat: repeat;
	background-position: left top;
	background-color: #231410;
	/*	background-color: #492b21; lichter bruin*/
	font-family: Georgia, Arial, Verdana;
}

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

h1,h2
{
	font-size: 120%;
	font-family: Georgia, Arial, Verdana;
	font-weight: lighter;
}

img
{
	border: 0;	
}

span {
	color: #27140A;
}

a,
a:visited
{
	color:#a0947c;
}

a:hover {
	color:#fff;
}

a:active {
	color:#a0947c;
}

#wrapper {
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -170px;
}

body.home #wrapper {
	background-image: url('/fileadmin/templates/main/images/homeachtergrond_icc.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #231410;
	width:1200px;
}

body.repertoire #wrapper,
body.activiteiten #wrapper
{
	background-image: url('/fileadmin/templates/main/images/achtergrond_main_vs4.png');
	background-repeat: no-repeat;
	background-position: center 96px;
	background-color: transparent;
}


#header,
#mainmenu,
#container {
	position:relative;
	margin: 0 auto;
	width:1000px;
	z-index:0;
}

#ebonyband
{
	position:relative;
	padding-top:30px;
	padding-bottom:14px;
	width:330px;
}

#section
{
	position:absolute;
	top:0px;
	width:240px;
	left:600px;
	font-family: Georgia, Arial, Verdana;
	float:left;
}

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

#section ul li {
	float:left;
	height:41px;
}

#section ul li.current.first
{
	background-image: url('/fileadmin/templates/main/images/menu_repertoire_act.png');
	background-repeat: no-repeat;
	background-position: 25px 23px;
	background-color: transparent;
}

#section ul li.current.last
{
	background-image: url('/fileadmin/templates/main/images/menu_activiteitenitem_act.png');
	background-repeat: no-repeat;
	background-position: 20px 23px;
	background-color: transparent;
}

#section ul li a
{
	color: #27140A;
	font-size: 135%;
	padding: 0 10px;
	border-right: 1px #a0947c solid;
	text-decoration: none;
}

/* yellow text-color */
#section ul li.current.first a,
body.repertoire #breadcrump ul li,
#breadcrump ul li a,
body.repertoire #content a:active,
body.repertoire #content a,
body.repertoire #content a:visited,
body.repertoire .csc-default h1,
body.repertoire #colright h2,
body.repertoire a.footer-anchor span.meer,
#section ul li.first a:hover,
#section ul li.current.first
{
	color:#dfac00;
}


#section ul li.last a {
	border-right: 0px #a0947c none;
}

#section ul li.current.last a
{
	color:#68117c;
}


#sectionmenu
{
	padding-top:55px;
}

#section ul li.last a:hover {
	color:#68117c;
}

#search
{
/*
	background-image: url('/fileadmin/templates/main/images/zoek_bg.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	height:30px;
	position:absolute;
	right:0;
	top:51px;
	width:150px;
*/
}

#languagemenu
{
	position:absolute;
	right:0;
	top:0;
	width: 80px;
}

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

#languagemenu ul li {
	float:left;
	border-right: 2px solid #27140A;
}

#languagemenu ul li a {
	display: block;
	padding: 3px 8px;
	color:#27140A;
	text-decoration: none;
	text-transform: uppercase;
}

#languagemenu ul li a:hover,
#languagemenu ul li.current a
{
	text-decoration: underline;
}

#mainmenu
{
	background-repeat: no-repeat;
	background-position: center 0px;
	background-color: transparent;
	width:1030px;
	height:100px;
}

body.repertoire #mainmenu
{
	background-image: url('/fileadmin/templates/main/images/menu_bg_repertoire_vs2.png');
	height: 132px;
}

body.activiteiten #mainmenu
{
	background-image: url('/fileadmin/templates/main/images/menu_bg_activiteiten.png');
}

#mainmenu ul#repertoiremainmenuul
{
	display:block;
	list-style-type: none;
	font-family: verdana;
	padding: 85px 23px 0 0;
	float:right;
}

#mainmenu ul#repertoiremainmenuul li
{
	padding: 0 10px 0 10px; 
	width:auto;
	float: left;
	color: #a0947c;
	font-size: 75%;
	height:auto;
}

#mainmenu ul
{
	padding-top:16px;
	margin-left: 230px;
	list-style-type: none;
	font-family: verdana;
}

#mainmenu ul li
{
	width: 190px;
	height: 30px;
	float: left;
	color: #a0947c;
	font-size: 75%;
}

#mainmenu ul li a
{
	text-decoration: none;
}

#mainmenu ul li.current a
{
	color:white;
}

.submenuheader,
body.activiteiten #c489 .csc-header
{
	height:30px;
	padding: 10px 0 0 15px;
}

body.activiteiten #content .submenuheader h2 a
{
	color:white;
}

.submenufooter
{
	height:40px;
	border-top: 1px gray solid;
	margin-bottom:15px;
}

ul#submenu
{
	list-style-type: none;
	margin: 0 0 0px 0;
}

ul#submenu li
{
	height: 29px;
	margin: 0;
	border-top: 1px gray solid;
}

body.repertoire #content ul#submenu li a,
body.activiteiten #content ul#submenu li a
{
	color:#ffffff;
	font-size:90%;
	font-weight:lighter;
	margin: 0;
	padding: 0;
}

body.home #container
{
	top:170px;
	min-height:600px;
}

#colleft {
	width:230px;
	float: left;
	position:relative;
}

#colmid {
	width:454px;
	margin-left:23px;
	padding-bottom:20px;
	float: left;
	position:relative;
	font-family:arial;
	font-size:90%;
}

#colright {
	float:right;
	margin-left:0;
	position:relative;
	right:0;
	width:230px;
	font-family:arial;
	font-size:90%;
}

.bio
{
	font-family:arial;
	font-size:85%;
}

body.home #colleft{
	width:49%;
	float:left;
}

body.home #colright
{
	float: right;
	width: 49%;
	text-align: center;
	line-height: 24px;
}

a.enter {
	color:#DFAC00;
	text-decoration: none;
	font-size: 18px;
	font-family: Georgia,Arial,Verdana;
}

a.enter:hover {
	color:#fff»fff;
	text-decoration: underline;
}

#content
{
	padding: 5px 20px 0 20px;
}

#footer,
.push
{
	position: relative;
	height: 170px;
	color: grey;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	clear: both;
	font-family: 'Gill sans',Verdana;
	font-size: 85%;
	letter-spacing: 1px;
}

.push
{
	z-index:-1;
}

#footer
{
	background-image: url('/fileadmin/templates/main/images/verboden_vergeten_muziek_bruin_icc2.png');
	background-repeat: no-repeat;
	background-position: 20px 50px;
}

body.home #footer {
	background-image: url('/clear.gif');
	background-color: Transparent;
}

/*
body.home #footer 
{
	background-image: url('/clear.gif');
	background-repeat: no-repeat;
	background-position: 20px 50px;
}
*/

#footer ul
{
	list-style-type: none;
	border-top: 1px #a0947c solid;
	padding-top:10px;
}

#footer ul li
{
	display: inline;
	height:50px;
}

#footer ul li a,
#footer ul li a:visited
{
	color: #A0947C;
	border-right: 1px #A0947C solid;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-weight: lighter;
}

#footer ul li a:hover {
	color:#fff;
}

#footer ul li a:active {
	color:#a0947c;
}

#footer ul li.last a { border-right: 0px transparent none; }

/* Home slider overwrite stuff START */
body.home .tx-jfmulticontent-pi1 .anythingSlider .wrapper ul
{
	border-bottom: 0px transparent none;
	border-top: 0px transparent none;
	background-color: transparent;
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: scroll;
}

body.home .tx-jfmulticontent-pi1 .anythingSlider {
	width: 480px;
	height: 480px;
}

body.home .tx-jfmulticontent-pi1 .anythingSlider .wrapper {
	width: 415px;
	height: 415px;
}

body.home .tx-jfmulticontent-pi1 .anythingSlider ul li {
	height: 415px;
	width: 415px;
}

body.home .tx-jfmulticontent-pi1 .anythingSlider .arrow {
	display: none;
}

body.home .tx-jfmulticontent-pi1 #start-stop {
	display:none;
}
/* Home slider overwrite stuff END */


/* tt_news START */
.news-list-item {
	width:305px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	position:relative;
}

#colleft .news-list-item
{
	width: 230px;
	float: none;
}

#colleft .news-list-item h2 {
	color:#68117c;
}



.list-item-header
{
	min-height: 172px;
	background-color: #e2e2e2;
	position:relative;
}

.list-item-header img
{
	margin-left:15px;
}

.list-item-header .title
{
	padding-top:25px;
	padding-bottom:5px;
	margin-left:16px;
	position:relative;
}

.list-item-body
{
	height: 201px;
	background-color: #999;
	padding: 16px;
	position: relative;
}

.list-item-footer
{
	position:relative;
	height: 46px;
	background-color: #CCC;
	background-image: url('/fileadmin/templates/main/images/more_bg_purple_no.png');
	background-repeat: no-repeat;
	background-position: right 0px;
}

.list-item-footer div
{
	padding: 13px 0 0 16px;
}

a.footer-anchor
{
	background-color: #CCC;
	background-image: url('/fileadmin/templates/main/images/more_bg_purple_no.png');
	background-repeat: no-repeat;
	background-position: right 0px;
	position: relative;
	z-index: 99;
	display: block;
	width: 305px;
	height: 46px;
	border-top: 0px #999 solid;
}

body.activiteiten #colright a.footer-anchor,
body.activiteiten #colleft a.footer-anchor
{
	width: 230px;
}



body.repertoire a.footer-anchor
{
	background-image: url('/fileadmin/templates/main/images/more_bg_yellow_no.png');
}

a.footer-anchor span
{
	padding: 14px 0 0 15px;
	display: block;
	color: #68117c;
}

body.repertoire a.footer-anchor span
{
	color: #68117c;
}

a:hover.footer-anchor
{
	background-color: #b388bd;
	background-image: url('/fileadmin/templates/main/images/more_bg_purple_act.png');
	background-repeat: no-repeat;
	background-position: right 0px;
}

body.repertoire a:hover.footer-anchor
{
	background-color: #efd57f;
	background-image: url('/fileadmin/templates/main/images/more_bg_yellow_act.png');
}

a:hover.footer-anchor span
{
	color: #eee;
}


/* tt_news END */

/* Repertoire geel START*/

body.repertoire ul#submenu,
body.repertoire .submenuheader,
body.repertoire .submenufooter,
body.repertoire .submenu-content a 
{
	background-color:#dfac00;
}

body.repertoire #content a,
body.repertoire #content a:visited
{
	 text-decoration:none;
}

body.repertoire #content a:hover {
	 color: #ffffff;
}


body.repertoire ul#submenu li
{
	height: auto;
	padding: 5px 15px;
}

.submenu-content a span {
	color:white;
	display:block;
	padding:4px 0 0 15px;
	line-height: 11px;
	width: 189px;
}


.submenu-content a {
	background-image: url('/fileadmin/templates/main/images/submenu_bg_grey_no.png');
	background-repeat: no-repeat;
	background-position: right 0px;

	border-top:1px solid gray;
	display:block;
	width:100%;
	height:30px;
	font-size:90%;
}

body.repertoire .submenu-content a:hover,
body.repertoire .submenu-content a.current
{
	background-image: url('/fileadmin/templates/main/images/submenu_bg_grey_act.png');
	background-color:#e0b72d;
}

body.activiteiten .submenu-content a:hover,
body.activiteiten .submenu-content a.current
{
	background-color: #b388bd;
}

/* Repertoire geel END*/


/* Activiteit paars START*/

body.activiteiten ul#submenu,
body.activiteiten .submenuheader,
body.activiteiten .submenufooter,
body.activiteiten .submenu-content a
{
	background-color:#68117c;
}

body.activiteiten .csc-default h1,
body.activiteiten #colright h2,
body.activiteiten ul#submenu,
body.activiteiten .submenuheader,
body.activiteiten .submenufooter,
body.activiteiten .submenu-content a,
body.activiteiten .list-item a h2.title,
body.activiteiten .list-item a span.list-item-years
{
	color: #68117c;
}

body.activiteiten ul#submenu,
body.activiteiten .submenuheader,
body.activiteiten .submenufooter,
body.activiteiten #c489 .csc-header
{
	background-color:#68117c;
}

body.activiteiten #content a,
body.activiteiten #content a:visited
{
	color: #68117c;
	text-decoration: none;
	vertical-align: middle;
}

body.activiteiten #content a:hover {
	 color: #ffffff;
}

body.activiteiten #content a:active {
	 color: #68117c;
}


body.activiteiten #colmid .csc-default h1,
body.activiteiten #colmid .csc-default h2,
body.activiteiten #colright .csc-default h1 {
	background-color:#eee;
	color:#68117c;
}

/* Activiteit paars END*/


/* FCE's START */

.left-col-image
{
	width:202px;
	background-color:#a3a3a3;
	padding:14px;
	margin-bottom:15px;
}

.left-col-image img { border: 14px white solid; }

/* FCE's END */

/* colmid styles START*/

#colmid .csc-default,
.news-single-item
{
	background-color:#999999;
}

.subkop
{
	font-weight: bold;
}

#colmid .csc-default div.csc-header
{
	margin-bottom:20px;
}

body.repertoire #colright .csc-default div.csc-header
{
	background-color:#CCCCCC;
	padding-bottom:15px;
}

#colmid .csc-default h1,
#colmid .csc-default h2,
body.repertoire #colright .csc-default h1,
.news-single-item h1
{
	background-color:#E2E2E2;
	padding: 25px 0 5px 15px;
	font-size:130%;
}


#colmid .csc-default p,
.news-single-item p
{
	padding: 0px 10px 10px 15px;
}

#colmid ul
{
	list-style-type: circle;
	margin-left: 35px;
	padding-bottom: 20px;
}

#colmid ol
{
	margin-left: 35px;
	padding-bottom: 20px;
}

/* colmid styles START*/

/* nk_blokfluit plugin START */
#alfaform
{
	position:absolute;
	right:20px;
	top:-75px;
	width:615px;
}

div#c472
{
	position:absolute;
	top:28px;
	right:32px;
}

div#c472 .csc-header
{
	position:absolute;
	margin-left:-150px;
	top:1px;
}

div#c472 .csc-header h2
{
	font-family: verdana;
	padding-right:10px;
	border-right: 1px solid white;
}

body.repertoire div#c472 span.empty {
	color:#d0a000;
	font-family:Verdana;
	font-size:175%;
	font-weight:lighter;
	text-decoration:none;
	text-transform:uppercase;
}

body.repertoire div#c472 .tx-nkblokfluit-pi1 a
{
	color: white;
	font-size: 175%;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight:lighter;
	text-decoration:none;
}



body.repertoire div#c472 .tx-nkblokfluit-pi1 a:hover,
body.repertoire div#c472 .tx-nkblokfluit-pi1 a.current
{
	color: #27140A;
}

body.repertoire div#c472 .tx-nkblokfluit-pi1 a:active
{
	color: white;
}

.list-item
{
	position:relative;
	width:962px;
	height:100px;
	background-image: url('/fileadmin/templates/main/images/list_item_bg.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom:7px;
	padding-top:0px;
	padding-right:0px;
}

body.activiteiten .list-item
{
	background-image: url('/fileadmin/templates/main/images/list_item_bg_activiteiten.png');
}

a.list-item-link {
	color:#666666;
	cursor:pointer;
	display:block;
	height:100px;
	left:0;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:140px;
	position:absolute;
	top:0;
	width:822px;
	z-index:0px;
}

img.list-item-portret
{
	position:relative;
	margin: 12px 35px 12px 14px;
	border: 5px white solid;
	float:left;
	z-index:-1px;
}

.list-item a {
	background-color: transparent;
	
}

.list-item a:hover
{
	background-image: url('/fileadmin/templates/main/images/semi_trans_yellow.png');
	background-repeat: repeat;
	background-position: left top;
}

body.activiteiten .list-item a:hover
{
	background-image: url('/fileadmin/templates/main/images/semi_trans_purple.png');
}

.list-item a h2.title,
.list-item a span.list-item-years
{
	color:white;
}

.list-item a h2.title
{
	margin-left:124px;
}

.list-item a span.bio
{
	color:#27140A;
	width:700px;

}


span.list-item-years
{
	position:absolute;
	right:232px;
	top:20px;
}

span.composer-years
{
	color:white;
	position:absolute;
	right:10px;
	top:26px;
}

span.composer-back
{
	color:white;
	position:absolute;
	right:10px;
	top:5px;
}


span.count{
	position:absolute;
	right:5px;
	color:white;
}


.submenuheader h2
{
	float:left;
	color:white;
}

body.repertoire #colmid
{
	width:707px;	
}

body.repertoire #colright
{
	width:305px;
}


body.repertoire #colmid,
body.repertoire .tx-nkblokfluit-pi1 #colright
{
	min-height:500px;
}



body.repertoire #colright,
body.repertoire #colmid .csc-default,
body.repertoire #colright .csc-default
{
	background-color:#E2E2E2;
}

body.repertoire #colmid .csc-default,
body.repertoire #c474 #colright .csc-default
{
	min-height:559px;
}

body.activiteiten #colmid .csc-default
{
	min-height:470px;
}

body.repertoire #colmid .csc-default h1,
body.repertoire #colmid .csc-default h2,
body.repertoire #colright .csc-default h1
{
	background-color:#999999;
	color:white;
}

#colright .news-list-item {
	margin-right:0px;
	margin-bottom:0px;
	width:100%;
}


body.activiteiten #colright .news-list-item {
	margin-bottom:25px;
}


.news-single-backlink
{
	padding: 0 10px 10px 15px;
}

dt,
dd,
body.repertoire #colmid .csc-default p,
body.repertoire #colright .csc-default p,
#colright dl div
{
	color:#27140A;
}

dl{
	padding: 0 15px;
}

dt{
	width:40%;
	float: left;
	padding: 6px 0px;

}

dd{
	width:60%;
	margin-left:40%;
	padding: 6px 0px;
}

dl.news-single-related
{
	padding: 0 10px 10px 15px;
}

.news-single-item dt
{
	width:40%;
}

.news-single-item dd
{
	width:59%;
}

div.row
{
	padding: 5px 10px;
	
}

div.row.even
{
	background-color: #ccc;
	
}

.divlabel
{
	position:relative;
	float:left;
	width:100px;
}

.divvalue
{
	position:relative;
	margin-left:105px;
}

body.activiteiten #colmid.videoscreen
{
	width:705px;
}


#videoscreen
{
	text-align:center;
	padding-bottom:20px;
}

/* nk_blokfluit plugin END */


/* breadcrump plugin START */

#breadcrump
{
	position: relative;
	clear: both;
	height: 20px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 3px;
	text-transform: lowercase;
	width: 1000px;
	font-family: Georgia;
	font-size: 95%;
	font-weight: lighter;
	letter-spacing: 1px;
}

#breadcrump ul {
	list-style-type:none;
	margin: 0 0 0 16px;
}

#breadcrump ul li{
	background:none repeat scroll 0 0 transparent;
	color:#236DA4;
	float:left;
	padding: 0 4px;
	text-decoration:none;
}

#breadcrump ul li a {
	text-decoration:none;
}

body.activiteiten #breadcrump ul li,
body.activiteiten #breadcrump ul li a
{
	color:#68117c;
}


#row1 #breadcrump ul li a { color: #999; }

/* breadcrump plugin END */



/* Dia show NIVOSLIDER START*/

body.home #c500
{
	padding-left:45px;
}
/* Dia show NIVOSLIDER END */

/* div Frenz start */
.important
{
	color:#666666;
}

#colmid table
{
	margin-bottom:  15px;
}


#colmid .csc-default table td p
{
	padding: 0px 10px 5px 15px;
}

/* div Frenz end */