h1 {
	color: #5d5d5d;
}
h2 {

}
h3 {
	font-size: 18px;
}

/*********** PAGE TEMPLATE ***********/
body{
	margin: 0px;
	width: 100%;
	background-color: #ffffff;
	color: #828080;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	cursor: default;
}
#outer-wrapper{
	margin: 0px auto;
	width: 100%;
}
#inner-wrapper{
	margin:0 auto;
	width: 960px;
}
a{
	color: #5d5d5d;
}
a:hover{
	color: #000000;
}
a:active{
	color: #5d5d5d;
}
.loading{
    background: url( '../img/loadingAnimation.gif' ) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
}
.content-list {
	padding-left: 40px;
	padding-top: 10px;
}
.content-list li {
	padding: 5px;
}
p {

}

/*********** FCK EDITOR ***********/
#Info___Frame {
	width: 665px;
}

/*********** HEADER TEMPLATE ***********/
.navbar {
	background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
    border-color: #e7e7e7;
}

.navbar-nav > li > a {
	color: #5d5d5d;
}

.navbar-contact {
	text-align: right;
	color: #828080;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 14px;
}

.navbar-contact .glyphicon {
	text-align: right;
	color: #828080;
}

.navbar-brand {
	padding-top: 9px;
	padding-right: 0;
}
.navbar-brand img {
	height: 45px;
	margin-top: 5px;
}

.navbar-toggle {
	border: 1px solid #828080;
}

.navbar-toggle .icon-bar {
	background-color: #828080;
}

.navbar-collapse {
	
}

@media (min-width: 650px) {
	.navbar-brand img {
		height: 60px;
	}
	
	.navbar-contact {
		margin-top: 5px;
		white-space: nowrap;
	}
}

@media (min-width: 768px) {
	.navbar-collapse .navbar-nav {
		margin-top: 10px;
	}
}

@media (min-width: 992px) {
	.navbar-collapse .navbar-nav {
		margin-top: 0px;
	}
}

#carousel-container {
	margin-top: 91px;
	margin-bottom: 10px;
}
.carousel-indicators li {
    border: 1px solid #5d5d5d;
}

.carousel-indicators .active {
    background-color: #5d5d5d;
}

.carousel-caption {
    left: 20px;
    right: 23%;
    top: 0px;
    text-align: justify;
}

.carousel-caption.carousel-kinderen h1 {
    color: #ed7e12;
}

.carousel-caption.carousel-kinderen a {
    color: #ed7e12;
}

.carousel-caption.carousel-jongeren h1 {
    color: #e40b39;
}

.carousel-caption.carousel-jongeren a {
    color: #e40b39;
}

.carousel-caption.carousel-volwassenen h1 {
    color: #c4d300;
    margin-top: 0px;
}

.carousel-caption.carousel-volwassenen a {
    color: #c4d300;
}

.carousel-caption.carousel-gezinnen h1 {
    color: #499e97;
}

.carousel-caption.carousel-gezinnen a {
    color: #499e97;
}

.carousel-caption.carousel-organisaties h1 {
    color: #4b3e4d;
}

.carousel-caption.carousel-organisaties a {
    color: #4b3e4d;
}

.carousel-kinderen {
    color: #ed7e12;
}

.carousel-jongeren {
	color: #e40b39;
}

.carousel-volwassenen {
	color: #c4d300;
}

.carousel-gezinnen {
	color: #499e97;
}

.carousel-organisaties {
	color: #4b3e4d;
}

.carousel-top-caption {
    position: relative;
}

.carousel-caption h1 {
    font-size: 2.4em;
    width: 680px;
    text-shadow: none;
}

.carousel-caption h1:before {
    text-shadow: none;
    position: absolute;
    top: -7px;
    left: -14px;
    content: '"';
}

.carousel-top-quote-right {
	text-shadow: none;
}

.carousel-caption p {
    color: #888888;
    font-size: 1.4em;
    font-style: italic;
    line-height: 1.2em;
    position: absolute;
    right: 21px;
    text-shadow: none;
    top: 208px;
    width: 551px;
}

.carousel-caption.carousel-volwassenen {
    left: 390px;
    right: 40px;
}

.carousel-caption.carousel-gezinnen {
    left: 100px;
    right: 40px;
}

.carousel-caption.carousel-jongeren {
    left: 302px;
    right: 45px;
}

.carousel-caption.carousel-kinderen {
    left: 100px;
    right: 218px;
}

.carousel-caption.carousel-organisaties {
    left: 100px;
    right: 40px;
}

.carousel-caption.carousel-volwassenen p {
    top: 110px;
}

.header-container {
	position: relative;
}

.header-caption {
    left: 20px;
    right: 23%;
    top: 0px;
    text-align: justify;
}

.header-caption.header-kinderen h1 {
    color: #ed7e12;
}

.header-caption.header-kinderen a {
    color: #ed7e12;
}

.header-caption.header-jongeren h1 {
    color: #e40b39;
}

.header-caption.header-jongeren a {
    color: #e40b39;
}

.header-caption.header-volwassenen h1 {
    color: #c4d300;
    margin-top: 0px;
}

.header-caption.header-volwassenen a {
    color: #c4d300;
}

.header-caption.header-gezinnen h1 {
    color: #499e97;
}

.header-caption.header-gezinnen a {
    color: #499e97;
}

.header-caption.header-organisaties h1 {
    color: #4b3e4d;
}

.header-caption.header-organisaties a {
    color: #4b3e4d;
}

.header-kinderen {
    color: #ed7e12;
}

.header-jongeren {
	color: #e40b39;
}

.header-volwassenen {
	color: #c4d300;
}

.header-gezinnen {
	color: #499e97;
}

.header-organisaties {
	color: #4b3e4d;
}

.header-top-caption {
    position: relative;
}

.header-caption h1 {
    font-size: 2.4em;
    width: 680px;
    text-shadow: none;
}

.header-caption h1:before {
    text-shadow: none;
    position: absolute;
    top: -7px;
    left: -14px;
    content: '"';
}

.header-caption h1:after {
    text-shadow: none;
    content: '"';
}

.header-caption p {
    color: #888888;
    font-size: 1.4em;
    font-style: italic;
    line-height: 1.2em;
    position: absolute;
    right: 32px;
    text-shadow: none;
    top: 208px;
    width: 551px;
}

.header-caption.header-volwassenen {
    left: 390px;
    right: 40px;
    position: absolute;
}

.header-caption.header-gezinnen {
    left: 100px;
    right: 40px;
    position: absolute;
}

.header-caption.header-jongeren {
    position: absolute;
    left: 100px;
    right: 318px;
}

.header-caption.header-kids {
    position: absolute;
    left: 100px;
    right: 218px;
}

.header-caption.header-organisaties {
    position: absolute;
    left: 100px;
    right: 40px;
}

.header-caption.header-volwassenen p {
    top: 110px;
}

/********** Targetgroups CSS **********/

.targetgroup-block-wrapper {
	width: 100%;
	float: left;
}

.targetgroup-block {
	margin-left: 5px;
	margin-right: 5px;
	min-height: 200px;
	margin-bottom: 10px;
}

.targetgroup-block img {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 2;
}

.targetgroup-block-title {
	color: #ffffff;
    font-size: 24px;
    padding: 3px 8px 8px;
    z-index: 5;
    position: relative;
}

.targetgroup-block-title a {
	color: #ffffff;
}

.targetgroup-block ul {
	padding-left: 10px;
	padding-bottom: 5px;
}

.targetgroup-block ul li {
	list-style-type: none;
	padding-bottom: 5px;
}

.targetgroup-block ul li a {
	color: #ffffff;
}

#targetgroup-block-kinderen {
	background-color: #ed7e12;
	position: relative;
}

#targetgroup-block-jongeren {
	background-color: #e40b39;
	position: relative;
}

#targetgroup-block-volwassenen {
	background-color: #c4d300;
	position: relative;
}

#targetgroup-block-gezinnen {
	background-color: #499e97;
	position: relative;
}

#targetgroup-block-organisaties {
	background-color: #4b3e4d;
	position: relative;
}

.targetgroup-block-navigation {
	padding-top: 15px;
}

@media (min-width: 480px) {
	.targetgroup-block-wrapper {
		width: 50%;
	}
}

@media (min-width: 582px) {
	.targetgroup-block-wrapper {
		width: 33.33%;
	}
}

@media (min-width: 1200px) {
	.targetgroup-block-wrapper {
		width: 20%;
		float: left;
	}
	
	.targetgroup-block-title {
	    font-size: 30px;
	}
}

/*********** MENU TEMPLATE ***********/
#menu-placeholder {
	width: 160px;
	float:left;
	margin-top: 13px;
}
#menu {
	line-height:normal;
	width:100%;
}
#menu-items {

}
#menu-items li {

}
#menu-items li a {
	text-decoration: none;
	color: #000000;
}
#menu-items li.active a,
#menu-items li.active a:hover,
#menu-items li.active a:focus {
	z-index: 2;
	color: #fa8800;
	background-color: #f5f5f5;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*********** CONTENT WRAPPER TEMPLATE ***********/
#page-wrapper{
	margin:0 auto;
	text-align:left;
	width:100%;
	background-image:url("../img/content_bg.jpg");
	background-position: right top;
	background-repeat: repeat-y;
}

/*********** CONTENT TEMPLATE ***********/
#content-placeholder {
	float: right;
    margin-right: 59px;
    width: 718px;
}
#content-footer {
	clear: both;
	background-image:url("../img/content_footer_bg.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	width: 960px;
	height: 25px;
}
#title {

}
#content{
	line-height:16px;
	padding-top:0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	position: relative;
}
.content-title{
	background-repeat: repeat-x;
    border-color: #0CEE00;
    border-radius: 4px 0 0 4px;
    color: #ffffff;
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    right: -21px;
    text-align: center;
    top: -50px;
    z-index: 2;
}
.content-title-right {
	width: 21px;
	height: 51px;
	float: right;
	background-image: url('../img/title_right.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
.content-title-middle {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 7px;
	float: right;
	background-image: url('../img/title_bg.png');
	background-position: left center;
	background-repeat: repeat-x;
}
.content-title-left {
	width: 11px;
	height: 51px;
	float: right;
	background-image: url('../img/title_left.png');
	background-position: left center;
	background-repeat: no-repeat;
}
#content-wrapper {
	margin-top: 10px;
	position: relative;
}
.node-title{
	font-size: 19px;
	font-weight: bold;
	line-height: 23px;
	padding-bottom: 10px;
}
.node-title-text{
	border-bottom: 3px solid #fa8800;
	padding-bottom: 4px;
}
.node-content {
	padding-top: 15px;
	position:relative;
	width: 690px;
	text-align: justify;
}
.node-content p {
	margin-bottom: 20px;
}
.node-content-full {
	padding-top: 15px;
	width: 100%;
	text-align: justify;
}
.node-content-full p {
	margin-bottom: 20px;
}
.node-promo-block{
	position: absolute;
	top: 0px;
	right: -260px;
}
.node-contact-bottom-block{
	position: absolute;
	top: 300px;
	right: -260px;
}
.node-contact-top-block{
	position: absolute;
	top: 0px;
	right: -260px;
}
.node-contact-block{
	position: absolute;
	top: 0px;
	right: -260px;
}
#forgotpassword-popover {
	display: block;
    left: 450px;
    top: 38px;
    width: 220px;
}
#forgotpassword-popover h3.popover-title {
	font-weight: bold;
	font-size: 14px;
}
#forgotpassword-popover .arrow {
	top: 40%;
}
#contact-popover {
	display: block;
    left: 300px;
    top: 38px;
}
#contact-popover h3.popover-title {
	font-weight: bold;
	font-size: 14px;
}

/*********** Node Image gallery ***********/
#node-image-gallery-placeholer {
	width: 100%;
	margin-top: 20px;
}
#node-image-gallery-loader-placeholer {
	background-color: #000000;
	margin: 5px;
}
#node-image-gallery-loader {
	height: 240px;
	overflow: hidden;
}
#node-image-gallery-loader-text {
	margin-top: 100px;
	text-align: center;
	width: 100%;
}
#node-image-gallery-thumbs {
	text-align: center;
	width: 420px;
	margin: 0px auto;
}
#node-image-gallery-thumbs ul {
    list-style-type: none;
}
#node-image-gallery-thumbs ul li {
	display: inline;
	width: 100px;
}
#node-image-gallery-thumbs ul li a img {
	border: none;
	margin-bottom: 3px;
}
/*********** End Node Image gallery ***********/

.anchor {
	position: relative;
	top: -100px;
}

/*********** CONTACT PAGE CSS ***********/
#contact-info-placeholder {
	height:80px;
	margin:0 auto;
	width:632px;
}
#contact-table-blok {
	padding-top: 15px;
}
#contact-desc {
	font-size:13px;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:10px;
	width: 100%;
}
#contact-table {
	width: 100%;
	margin: 0px auto;
}
#contact-mail-table {
	padding-top:10px;
	width: 100%;
}
.contact-mail-table-label {
	padding-top:2px;
	vertical-align:top;
}
.contact-mail-table-input {

}
.contact-mail-table-desc {
	padding-top: 10px;
}
.contact-mail-table-buttons {
	text-align: right;
}
.contact-info-address {
	float: left;
}
#contact-info-table {

}
#contact-info-table tr {

}
#contact-info-table td {
	vertical-align: top;
}
#contact-info-employee-table {
	font-size: 11px;
}
#contact-info-employee-table tr {

}
#contact-info-employee-table td {
	vertical-align: top;
}

/*********** FOOTER TEMPLATE ***********/
#footer-placeholder {
	clear: both;
    height: 48px;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
    margin-top: 40px;
}
#footer {
	height: 53px;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
}
#footer a {

}
#social-placeholder {
	position: absolute;
    right: 59px;
    top: 0;
    width: 100px;
}
.social-icon-placeholder {
	float: right;
	margin-left: 5px;
}

/********** ERROR 404 **********/
.error404-image {
	float: left;
    margin-left: 100px;
}
.error404-message {
	float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 100px;
    margin-top: 110px;
}

/*********** Bootstrap ***********/
.nav .caret {
  border-top-color: #fa8800;
  border-bottom-color: #fa8800;
}

.nav a:hover .caret {
  border-top-color: #fa8800;
  border-bottom-color: #fa8800;
}

.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
  border-top-color: #fa8800;
  border-bottom-color: #fa8800;
}

.nav-tabs {
	margin-top: 10px;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
  color: #fa8800;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #fa8800;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fe9636), to(#fa8800));
  background-image: -webkit-linear-gradient(top, #fe9636 0%, #fa8800 100%);
  background-image: -moz-linear-gradient(top, #fe9636 0%, #fa8800 100%);
  background-image: linear-gradient(to bottom, #fe9636 0%, #fa8800 100%);
  background-repeat: repeat-x;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9636', endColorstr='#fa8800', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #357ebd;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fe9636), to(#fa8800));
  background-image: -webkit-linear-gradient(top, #fe9636 0%, #fa8800 100%);
  background-image: -moz-linear-gradient(top, #fe9636 0%, #fa8800 100%);
  background-image: linear-gradient(to bottom, #fe9636 0%, #fa8800 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#fa8800', GradientType=0);
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #212121;
}

.label {
	padding: 0.3em 0.6em;
}

/********** Profile cards **********/ 
.block-profile-card {
  height: 100%;
  border: 1px #FFFFFF solid;
  float: left;
  margin-top: 0;
  padding: 0;
  box-shadow: 1px 1px 8px #d8d8d8;
  background-color: #FFFFFF;
}
.block-profile-card .h-status {
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}
.block-profile-card .v-status {
  width: 5px;
  height: 200px;
  float: left;
  margin-right: 5px;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}
.block-profile-card .profile-card-MDimentions {
  width: 200px;
  height: 200px;
}
.block-profile-card .profile-card-body {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.block-profile-card .profile-card-body h4 {
  color: #737373;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
}
.block-profile-card .profile-card-body p {
  color: #737373;
  font-size: 12px;
}
.block-profile-card .card-action-pellet {
  padding: 5px;
}
.block-profile-card .card-action-pellet div {
  margin-right: 10px;
  font-size: 15px;
  cursor: pointer;
  color: #dddddd;
}
.block-profile-card .card-action-pellet div:hover {
  color: #999999;
}
.block-profile-card .card-bottom-status {
  color: #a9a9aa;
  font-weight: bold;
  font-size: 14px;
  border-top: #e0e0e0 1px solid;
  padding-top: 5px;
  margin: 0px;
}
.block-profile-card .card-bottom-status:hover {
  background-color: #dd4b39;
  color: #FFFFFF;
  cursor: pointer;
}

/********** Contact cards **********/ 
.block-contact-card {
  height: 100%;
  border: 1px #FFFFFF solid;
  float: left;
  margin-top: 0;
  padding: 0;
  box-shadow: 1px 1px 8px #d8d8d8;
  background-color: #FFFFFF;
}
.block-contact-card .pull-left{
  padding-right: 3px;
}
.block-contact-card .h-status {
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}
.block-contact-card .v-status {
  width: 5px;
  height: 100px;
  float: left;
  margin-right: 5px;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}
.block-contact-card .contact-contact-MDimentions {
  width: 100px;
  height: 100px;
  margin-top: 14px;
}
.block-contact-card .contact-card-body {
  padding-top: 20px;
  padding-right: 20px;
}
.block-contact-card .contact-card-body h4 {
  color: #737373;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
}
.block-contact-card .contact-card-body p {
  color: #737373;
  font-size: 12px;
}
.block-contact-card .card-action-pellet {
  padding: 5px;
}
.block-contact-card .card-action-pellet div {
  margin-right: 10px;
  font-size: 15px;
  cursor: pointer;
  color: #dddddd;
}
.block-contact-card .card-action-pellet div:hover {
  color: #999999;
}
.block-contact-card .card-bottom-status {
  color: #a9a9aa;
  font-weight: bold;
  font-size: 14px;
  border-top: #e0e0e0 1px solid;
  padding-top: 5px;
  margin: 0px;
}
.block-contact-card .card-bottom-status:hover {
  background-color: #dd4b39;
  color: #FFFFFF;
  cursor: pointer;
}

/*
Creating a block for social media buttons
*/
.card-body-social {
  font-size: 30px;
  margin-top: 25px;
}
.card-body-social .git {
  color: black;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .twitter {
  color: #19C4FF;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .google-plus {
  color: #DD4B39;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .facebook {
  color: #49649F;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .linkedin {
  color: #007BB6;
  cursor: pointer;
  margin-left: 10px;
}

.music-card {
  background-color: green;
}