.cfbox-bgcolor{
	background-color: #0F4336 !important;
} 
.cfbox-textcolor{
	color: #0F4336 !important;
}

div.header .language{
	background-color: transparent;
}

div.header .language a{
	background: #526351;
	color: #fff;
	box-shadow: none;
}

div.header .language a:hover{
	background-color: #eee;
	color: #000;
}



div.program-container a{
	
	color: #0F4336 !important;
	
}

#wod-graph a.button {
	color: #fff !important;
}

.leaderboard .lb-row span.score{
	color: #0F4336 !important;
}
.leaderboard .lb-row span.rank{
	background-color: #0F4336  !important;
}
.tooltip,
.leaderboard .lb-row{
	
	background-color: #d0afb1 !important;
	
}

circle.selected {
    fill: #0F4336 !important;
}

.result-table .table-row .title {
	border-left-color: #0F4336 !important;
    background-color: rgba(255, 255, 255, 1)  !important;
}


.result-table .table-row .result a {
    color: #0F4336 !important;
	
}



a.logout.new{
	
	color: #0F4336;
	
}

div.welcome-menu a{
	
	color: #0F4336;
	border-color: #0F4336;
	
}


div.mobile-menu-toggle > div{
	
	background-color: #0F4336;
	
}

div.toggler{
	
	background-color: #cbcbcc;
	color: #000;
	
}




/*

$color1: #a6cc37;

*/

/* Woordenboek */
span.dictionary{
	color: 	#0F4336;
}


/*
div.main-wrapper {
	position: relative;
	width: 100%;
	min-width: 950px;
	min-height: 100%;
	overflow: hidden;.box
}


body {
	background: transparent url(../img/background-grd.jpg);
}*/

/* Resultaten loggen */
div.results-menu-items a.selected, div.results-menu-items div.selected, div.results-menu-items a:hover, div.results-menu-items div:hover{
	background-color: #0F4336 !important;
	color: #fff;
}
div.results-menu-items{
	border-color: #404041 !important;	
}

div.comparison-buddy-name.selected, div.comparison-buddy-name:hover{
	background-color: #0F4336 !important;	
	color: #fff;
}

div.result-performance-item.selected, div.result-performance-item:hover{
	color: #0F4336 !important;	
}
div.results-inner-container:before{
	 background-color: #a6cc37;
	
}

/* Webshop */

a.webshop-btn{
	background: rgba(153,26,37,1);
	color: #fff;
	
}
a.webshop-btn:hover{
	background: rgba(153,26,37,0.8);
}

div.login div.boxer input[name="email"]{
	
	width: 230px;
	
}

div.header{
			
	background: #526351;
	/*border-bottom: 2px solid #b01f26;*/
	box-shadow: none;
	box-shadow: 0px 2px 6px #404041;

}

div.webshop-product-wrapper div.webshop-product:hover {
	border: 1px solid #0F4336;
}

div.webshop-product-price-wrapper span.price-normal{
	color: #0F4336;
}

div.webshop-btn-wrapper a.webshop-main-btn.selected,
div.webshop-btn-wrapper a.webshop-main-btn:hover{
	background-color: #0F4336;
	color: #fff;
}
div.webshop-btn-wrapper a.webshop-main-btn.selected:after, 
div.webshop-btn-wrapper a.webshop-main-btn.selected:hover:after{
	border-top-color: #0F4336;
}
div.webshop-btn-wrapper a.webshop-main-btn.selected .btn-cart,
div.webshop-btn-wrapper a.webshop-main-btn:hover .btn-cart{
	background-image:url(/img/cart-blk-white.png);
}


div.header a#login-wrapper{

	color: #fff;

}

div.login div.boxer h2{
	background: none repeat scroll 0 0 #d4d8d3;
    color: #151914;    
    padding: 15px 24px 15px 20px;
}
div.login div.boxer{
	/*box-shadow: none;*/
	/*background-color: rgba(210,210,210,0.8) !important;*/
	/*background-color: rgba(210,210,210,1) !important;*/
}

div.content.account:before{
	/*content: " ";
	height: 20px;
	background-color: #222423;*/
}

.logo{
	cursor: pointer;
    height: 50px;
    margin-top: 8px;
}

div.content.account.results div.result-container div.message-container a.button,
div.content.account.results div.result-container div.message-container a.button:hover{
	
	background-color: #a6cc37;

}

.account.results div.inner-content div.split > strong{
	color: #222423;
}

ul.side-nav{

	background: #d4d8d3;

}

ul.side-nav > li > a{
	color: #404041;
}

div.ideal h1, h1.training-heading, 
div#calendar-heading,
div#mod-attendees h2,
div.result-heading,
div.mod-attendees h2{

	background: #404041;
	background-image: none;
	
}

div#calendar-content{
	border-color: #222423;
}



ul.side-nav > li.selected > a, 
ul.side-nav > li > a:hover{

	background: #0F4336;
	color: #fff;

}

ul.side-nav > li > ul{
	background-color: #fff;	
}

ul.side-nav > li > ul > li.selected > a,
ul.side-nav > li > ul > li > a:hover{
	
	color: #0F4336;
	
}

a.button, input[type="submit"], 
button, 
div.form-row a.button,
a.button.red, 
input.red[type="submit"],
div.content.account.results div.result-container div.message-container a.button,
div#mod-attendees div.search-bar a.button{
	background: rgba(153,26,37,1);
	color: #fff;
	border: 1px solid rgba(153,26,37,1);	
}

a.button:hover, 
input[type=submit]:hover, 
button:hover, 
div.form-row a.button:hover,
a.button.red:hover,
input.red[type="submit"]:hover,
div.content.account.results div.result-container div.message-container a.button:hover,
div#mod-attendees div.search-bar a.button:hover
 {
	background:  rgba(153,26,37,0.8);	
	border: 1px solid rgba(153,26,37,0.8);	
	color: #fff;
}

.training-attendees .button{
	
	background-color: #0F4336;
	color: #fff;
	border: 1px solid #0F4336;	
	
}

.training-attendees .button.red{
	
	background-color: #b01f26;
	color: #fff;
	border: 1px solid #b01f26;
	
}

@media screen and (max-width: 759px) {
	
	div.ideal h1, h1.training-heading, 
	div#mod-attendees h2,
	div.result-heading{
		margin: 0px -22px 15px -22px;
	}
		
	#header-title img.logo{
		margin-top: 7px;		
	}
	
}

.logo-col{
	
	color: #d4c412;
	
}

/* MOBIEL */
@media screen and (max-width: 959px) {
	
	#header-title img.logo{
	
		max-height: 35px;
		margin-left: 0px;
	}
	
	div#calendar-wrapper div.week{
		background-color: #434143 !important;
	}

	div.sidebar ul.side-nav > li.selected > a, 
	div.sidebar ul.side-nav > li:hover > a{
		
		background: #0F4336;
		color: #fff !important;		
		
	}

}

/*kalender box*/
*.box, .heading .box.selected {
	background-color: #eee !important;
	font-size: 11px !important;
}
.heading .box,
.heading .box.selected {
	
	font-size: 12px !important;

}

.heading.this-week .box.selected{
	
	background-color: #5f5f5f !important;
	color: #fff !important;

}

.box.interact:hover{
	/*background: #b2cc13 !important;
	color: #fff !important;*/
	background-image: url(../img/box-hover.png) !important;
}

.box.wod,
span.multi-cal-color.wod{	
	background: #ccc !important;	
	color: #193000 !important;
}

.box.opengym,
span.multi-cal-color.opengym {	
	/*background: #948a54 !important;	
	color: #f3e6a2 !important;*/
	background: #526351 !important;	
	color: #fff !important;
}

.box.oly,
span.multi-cal-color.oly {	
	/*background: #b01f26 !important;	*/
	/*background: #dede19 !important;*/
	background: #d3c784 !important;
	color: #5a5228 !important;
}


.box.outdoor,
span.multi-cal-color.outdoor {		
	background: #9aca3c !important;
	color: #000 !important;
}

.box.intro,
span.multi-cal-color.intro {
	background-color: #329fd8 !important;
	color: #fff !important;
}

.box.proefles,
span.multi-cal-color.proefles {
	background-color: #e1e64e !important;
	color: #000 !important;
}

.box.full,
span.multi-cal-color.full {	
	background: #0F4336 !important;
	color: #fff !important;
	font-weight:bold;
}


.box.mix,
span.multi-cal-color.mix {	
	
	background: rgb(202,202,202) !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(202,202,202,1) 0%, rgba(202,202,202,1) 50%, rgba(37,182,232,1) 50%, rgba(37,182,232,1) 50%, rgba(37,182,232,1) 50%, rgba(37,182,232,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(202,202,202,1)), color-stop(50%,rgba(202,202,202,1)), color-stop(50%,rgba(37,182,232,1)), color-stop(50%,rgba(37,182,232,1)), color-stop(50%,rgba(37,182,232,1)), color-stop(100%,rgba(37,182,232,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(202,202,202,1) 0%,rgba(202,202,202,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(202,202,202,1) 0%,rgba(202,202,202,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(202,202,202,1) 0%,rgba(202,202,202,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 100%) !important; /* IE10+ */
	background: linear-gradient(135deg,  rgba(202,202,202,1) 0%,rgba(202,202,202,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 50%,rgba(37,182,232,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#25b6e8',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */

	
	color: #000 !important;
}

.box.selected,
span.multi-cal-color.selected {	
	
	background: #ffa800 !important;
	color: #000 !important;
}

div#mod-calendar #calendar-wrapper div.col .box.selected,
div#calendar-content div.col a.box:hover {
	
	background: #ffa800 !important;
	color: #000 !important;
	
}


#hover-box {
    background: none repeat scroll 0 0 #222423;
	color: #fff;
    border: 1px solid #fff;
    float: left;
    height: auto;
    left: 948px;
    padding: 10px;
    position: absolute;
    top: 607.5px;    
    z-index: 1000;
}

	#hover-box p {			
		margin: 0;
		padding: 0;
	}
	
		#hover-box p strong {
			float:left;
			width: 80px;
		}



/*error / success classes*/
p.success {
	color: #008800 !important;
}

/*p.success-box {
	background-color: #fff;
	border: 1px solid #008800;
	padding: 3px 10px;
	color: green !important;
	font-weight: bold;
}*/

p.error {
	color: #AA0000 !important;
}

/*p.error-box {
	background-color: #fff;
	border: 1px solid #AA0000;
	padding: 3px 10px;
	color: #AA0000 !important;
	font-weight: bold;
}*/

@media screen and (max-width: 1023px) {
	.account {
		background-color: #fff !important;
	}
	
}





.embed div#calendar-legend div.legend-item {
	color: #000;
	width: auto !important;
}

.embed div#calendar-legend div.legend-item.big {
	color: #000;
	width: 270px !important;
}


.embed div#calendar-legend{
	padding-left: 0px;
}