/* Colorguide
============================================================================== */
/*
blauw == #29abe2
lichtblauw == #d4eef9
donkerblauw == #1e7ba2
*/
/* Header Styles

========================================================================================================================== */
h1 {}
h2 {}
	h2.tabheader {
		background: #d4eef9; 
		color: #1e7ba2;
	}
h3 {}
h4 {}
h5 {}

/* Base Structure
========================================================================================================================== */

body, html {
    /*background: #fff url(/images/header-grijs-bg.jpg) no-repeat center top;  /* gewijzigd op 28 juni 2011 */
    /*background: url(/images/bg/bg_blauw.jpg) repeat-x center top; */ /*Achtergrond voor Kerst/nieuwjaar */
     background: #dbdbdb url(/images/bg/blauw.png) repeat-x center top;  /* Kleurgradient */
}

a, a:link{
	color: #363636; font-weight: bold; text-decoration: none;
}
a:hover {
	color: #006FCD;
}

b.coloredb, strong.coloredb {
	color: #006FCD;
}

#header {
	background: url(/images/header.png) no-repeat;
}
	#logo a {
		background: url(/images/rood-logo-20jaar.png) no-repeat;
	}
#logo123 a {
    background: url(/images/blauw-logo_new.png) no-repeat;
}
	 
#consolemenu {
	background: url(/images/menubg.jpg) 0 -50px;
}

#forum {
	position: relative;
} 
	#forum .tabtitel {
		background: #d4eef9;
	}
		#forum .tabtitel ul li a {}

#breadcrumbs a {}
		
/* STIJLEN
========================================================================================================================== */

.titel {
	border-bottom: 1px solid #006FCD;
}
	.titel h2 {
		background: url(/images/blauw-titel_new2.png) no-repeat top right;
	}
		.titel h2 span {
			position: relative; 
			background: url(/images/blauw-titel_new2.png) no-repeat top left;
		}
		*html .titel h2 span {}
	
	.titel a {}

.titel h1 {
	background: url(/images/blauw-titel_new2.png) no-repeat top right;
	font-size: 14px;

}
.titel h1 span {
	position: relative;
	background: url(/images/blauw-titel_new2.png) no-repeat top left;
}
*html .titel h1 span {}

.titelsplash {
    border-bottom: 1px solid #006FCD;
}
.titelsplash h2 {
    background: url(/images/blauw-titel_new2.png) no-repeat top right;
}
.titelsplash h2 span {
    position: relative;
    background: url(/images/blauw-titel_new2.png) no-repeat top left;
}
*html .titelsplash h2 span {}

.titelsplash a {}



.tabtitel {
	border-bottom: 1px solid #006FCD;
}
	.tabtitel ul, .tabtitel li {}
	.tabtitel ul {}
		.tabtitel ul li {}
			.list .tabtitel ul li a {
				background: transparent;
			}
				.tabtitel ul li a.current,
				.tabtitel ul li a.current:hover, 
				#forum ul li a.current{
					background: url(/images/blauw-titel_new2.png) no-repeat top right;
				}
				.tabtitel ul li a.current span {
					background: url(/images/blauw-titel_new2.png) no-repeat top left;
				}
					*html .tabtitel ul li a.current span {}
				.tabtitel ul li a:hover {}

			
.filter {
	background: #d4eef9;
}					
	.filter div {
		color: #1e7ba2;
	}
	.filter div a {
		color: #1e7ba2;
	}
		.filter div a:hover {
			background: #1e7ba2; 
			color: #fff;
		}
			.filter div.overig a div {
				background: #1e7ba2; 
				color: #fff;
			}
	
/* Pages
========================================================================================================================== */

#page h3 {
	background: #d4eef9; 
	color: #1e7ba2;
}

.page-navigation {
	background: #d4eef9; 
}
	.page-navigation a {
	}
		.page-navigation a.current {
			background: #006FCD;
			color: #fff;
		}

/* games */

#game-info {}
	#game-info h2 {
		color: #006FCD;
	}	
	#game-content .rating {
		color: #006FCD;
	}
	
#game-shops {}
	#game-shops h2 {
		color:#006FCD;
	}
	
#game-formulier {}
	#game-formulier-content {
		border: 1px solid #006FCD;
		border-top: 0 !important;
	}
#game-reacties {}
	.gamereactie {
		border-bottom: 1px solid #006FCD;
	}

/* shops */

#shopsurvey h2 {}
#shop-info {}
	#shop-info h2, 
	#shopsurveyform h2 {
		color: #006FCD;
	}
	
/* prijslijst */

#prijslijst-filter {}
	#prijslijst-filter a {}
	#prijslijst-filter a.current {background: #006FCD; color: #fff;}
	#prijslijst-filter h4 {
		color:#006FCD;
	}
	
#prijslijst h2 {
	color:#006FCD;
}
	
	
/* Form elements
========================================================================================================================== */


#searchfield input{
	border: 2px solid #d4eef9;
}

#searchplatform select {
	border: 2px solid #d4eef9;
}


.berichtfooter{

    border-bottom: 1px solid #006FCD;

}

.berichtfootertext{

    text-align:right;

    float:right;

}

.wishicon, .collicon {
    background: #006FCD;
    box-shadow: 0px 4px 0px #1f00cd;
}

.wishicon:active, .collicon:active {
    box-shadow: 0px 3px 0px #1f00cd;
}

#page-left .nieuwsbuttons .button {
	background: #006FCD;
	filter: brightness(1);
	display: block;
	color: white;
	text-decoration: none;
	max-width: 250px; /* Pas deze lengte aan om meer van de titel te laten zien*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px;
	font-weight: 600;
	border-radius: 5px;
	line-height: 1rem;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}