/*
	Title:      Screen styles
	Author:     Poort80 - Frontend
	Copyright:  2009, Poort80  All rights resevered
*/

/* quick swatches
============================================================= */

.swatch01 {
	color: #008b04; /* dark green */
}

/* common 
============================================================= */

body {
	background-image: url(../img/main_bg.jpg);
}

h2 {
	color: #008b04;
}

hr.divider {
	border-top: 1px solid #008B04;
}

/* body > pageBase
============================================================= */

#pageBase {
	background: url(../img/main_gradient.png) no-repeat top center;
}

/* breadcrumb
============================================================= */

.breadcrumb {
	color: #008b04;
}


.breadcrumb a:hover {
	color: #008B04;
}

/* header > navigation
============================================================= */

div#navigation ul {
	background: url(../img/nav_bg_01.gif) repeat-x top left;
}

div#navigation ul li a {
	color: #007811;
	border-right: 1px solid #5d8e18;
}

div#navigation ul li a:hover,
div#navigation ul li.active a {
	background: url(../img/nav_bg_02.gif) repeat-x top left;
}

/* inlineList01 extends inlineList
============================================================= */

.inlineList01 li {
	/*width: 105px; --> is wel erg krap, pijltje valt deels weg */
	height: 20px;
}

/* boxShadow02 (blank)
============================================================= */

.shadowBox02 .blockFooter,
.shadowBox05 .blockFooter {
	background: url(../img/block_footer01.jpg) repeat-x top left;
}

.shadowBox02 .blockFooter a {
	background: url(../img/arrow2.gif) no-repeat right 3px;	
}

/* boxShadow03 (blank)
============================================================= */

.shadowBox03 {
	background: url(../../basis/img/shadowBlock03_01.jpg) no-repeat top left;
}

.shadowBox03 .shadowBoxTop {
	background: url(../../basis/img/shadowBlock03_02.jpg) repeat-y top left;
}

.shadowBox03 .shadowBoxBody {
	background: url(../../basis/img/shadowBlock03_03.jpg) no-repeat bottom left;
}

/* expandingHeader
============================================================= */

.expandingHeader a.expand {
	color: #008B04;
}

/* newsList01 extends shadowBox02
============================================================= */
.shadowBox04 .footerNav {
	background: url(../img/bg2.jpg) repeat-x top left;
}

.shadowBox04 .footerNav a.footerNext {
	background: url(../img/arrow2.gif) no-repeat right 2px;
}

.shadowBox04 .footerNav a.footerPrev {
	background: url(../img/arrow3.gif) no-repeat left 2px;
}

/* shadowBox07 (VR05)
============================================================= */

.shadowBox07 .blockFooter {
	background: url(../img/bg2.jpg) repeat-x top left;
}

/* shadowBox07 (VR05)
============================================================= */

.shadowBox07 .blockFooter p a {
	background: url(../img/arrow2.gif) no-repeat right 3px;
}	

/* clubNames (VR05)
============================================================= */

.clubNames {
	border-bottom: 1px solid #008B04;
}

/* clubNames (VR05)
============================================================= */

.clubNamesWide .matchCol2 {
	border-left: 1px solid #008b04;
}

.clubNamesWide .matchCol2 h6 {
	color: #008b04;
}

/* matchInfo (VR04)
============================================================= */

.matchInfo .matchCol3 h6 {
	color: #008b04;
}

/* blockItems1 extends shadowBox02
============================================================= */

.blockItems1 .blockBody h5,
.blockItems1 .blockBody h5 a {
	color: #008b04;
}

/* ads 1 (sidebar blue)
============================================================= */

.ads1 {
	background: url(../../basis/img/bg_1_01.png) no-repeat left top;
}

.ads1 .adBody {
	background: url(../../basis/img/bg_1_02.png) no-repeat left bottom;
}


.ads1 h4,
.ads1 h4 a {
	color: #72be1c;
}

/* searchresult (VR04, VR06)
============================================================= */

.resultlist .result .name h4 a {
	color: #008B04;
}

.resultlist .result .name h3 a {
	color: #008B04;
}

/* trip_navigation (VR05)
============================================================= */

#trip_navigation {
	color:#008B04;	
}

#trip_navigation .next {
	color:#008B04;
	background: transparent url(../img/arrow10.gif) no-repeat 0 5px;
}

#trip_navigation .prev {
	color:#008B04;
	background: transparent url(../img/arrow11.gif) no-repeat 0 5px;
}

#trip_navigation .count {
	color:#008B04;
}

/* trip pagina header (VR07)
============================================================= */

.booking-information .group {
	color: #008B04;
}

/* Price header (VR05)
============================================================= */

#trip_content .price span.va,
#trip_content .price span.value,
#trip_content .price span.obv {
	color: #008B04;
}

/* price_list (VR05)
============================================================= */

.text-column h3, #price_list h3 {
	color: #008B04;
}

#price_list .listheader .vertrek {
	color: #008B04;
}

/* prices
============================================================= */

table.prices tbody td.day {
	color: #008B04;
}

table.prices tbody td.date {
	color: #008B04;	
}

table.prices tbody td.month {
	color: #008B04;	
}

/* price_list_content (VR05)
============================================================= */

.price_list_content h3 {
	color:#008B04;
}

/* images (VR05)
============================================================= */

#trip_content .images h5 a {
	background: url(../img/arrow12.gif) no-repeat right 4px;
}

#trip_content h5,
#trip_content .images h5 a {
	color: #006c03;
}

/* price_tabcontrol (VR05)
============================================================= */

#price_tabcontrol .tabswitch a:hover, 
#price_tabcontrol .tabswitch.active a {
	background: url(../img/bg9.jpg) repeat-x top left;
}

#price_tabcontrol .tabswitch a {
	color: #006c03;
}


/* datepicker popup (VR02)
============================================================= */

div.dp-popup h2 {
	background: url(../img/bg13.gif) repeat-x top left;
}

table.jCalendar th {
	color: #008B04;
}

div.dp-popup td.disabled {
	color: #afcebe;
}

table.jCalendar td {
	color: #008B04;
}

/* resultlist > tooltip (VR06)
============================================================= */

.resultlist .result .tooltip {
	background-color: #008B04;
}

/* paging
============================================================= */

.paging {
	background: url(../img/bg2.jpg) repeat-x left top;
}

.paging a.prev{
	background:transparent url(../img/arrow3.gif) no-repeat 0 50%;
}
.paging a.next{
	background:transparent url(../img/arrow2.gif) no-repeat 100% 50%;
}

/* shadowBox03 > footerNav (VR04)
============================================================= */

.shadowBox03 .footerNav {
	background: url(../img/bg2.jpg) repeat-x left top;
}

/* booking
===================================================== */

#booking h2.step {
	color:#008B04;
}

.btnBack a,
.btnBack {
	color: #008B04;
}

.btnBack a {
	background:	 url(../img/arrow13.gif) no-repeat left 2px;
}

/* container > footer
============================================================= */

#booking_steps .footer h2 {
	color: #008B04;
}

#booking_steps ul li.sub.active,
table.tableinput th, table.tableinput tr.tableinputHead th {
	background: url(../img/bg14.gif) repeat-x top left;
}

#booking_steps ul li.sub {
	background: url(../img/bg14b.gif) repeat-x top left;
}

/* booking steps (VR20)
============================================================= */

.nextStep h2 {	
	color: #008B04 !important;
}

.nextStep .group ul {
	color: #008B04 !important;
}

/* matchTable (OB01)
============================================================= */

.matchTable .name {
	color: #008B04;
}

.matchTable table .upcomming .date {
	color: #008B04;
}



#ajaxloadindicator{
	background:transparent url(../img/ajax-loader.gif) no-repeat left top;
	font-weight:normal;
	margin-left:10px;
	height:16px;
	padding-left:20px;
	line-height:16px;
}