/*////////// Farben //////////*/

.bg_white {
	background: rgba(255,255,255,0.85);
}
.bg_home {
	background: rgb(88,0,12);
}

.color_home {
	color: rgb(222,0,30);
}

.color_white {
	color: white;
}


.color_helfen {
	color: rgb(0,198,240);
}
.bg_helfen {
	background: rgb(0,66,80);
}
body#helfen #headerstreifen.active {
	background: rgb(0,66,80);
}


.color_forschen {
	color: rgb(0,195,30);
}

.color_forschen_dark {
	color: rgb(0,80,11);
}

.bg_forschen {
	background: rgb(0,80,11);
}
body#forschen #headerstreifen.active {
	background: rgb(0,80,11);
}

.auszeichnung_beobachten {
	color: #FF5C00;
}
.bg_beobachten {
	background: rgba(100,38,0,.9);
}

.bg_red {
	background: rgba(99,37,0,0.9);
}

body#beobachten #headerstreifen.activ {
	background: #632500;
}


.bg_creme {
	background: #FAFAF5;
}

body#quiz #headerstreifen.active {
	background: rgb(70,40,60);
}

.bg_quiz {
	background: rgb(0,195,30);
}

.color_richtig {
	color: rgb(0,195,30);
}

.color_falsch {
	color: rgb(222,0,30);
}


body#tierclub #headerstreifen.active {
	background: rgb(88,0,12);
}

.color_tierclub {
	color: #674500;
}

.auszeichnung_tierclub {
	color: rgb(249,180,0);
}

.bg_tierclub {
	background: rgba(75,50,0,0.9);
}

body#filme #headerstreifen.active {
	background: rgb(70,60,40);
}


.bg_filme {
	background: rgba(70,60,40,0.9);
}

body#impressum #headerstreifen.active {
	background: rgb(70,60,40);
}

body#blog #headerstreifen.active {
	background: rgb(88,0,12);
}

.color_schullandheim,
.auszeichnung_schullandheim {
	color: rgb(231,118,211);
}

body#schullandheim #headerstreifen.active {
	background: #7f4174;
}


body#audio #headerstreifen.active {
	background: rgb(0,80,11);
}


body#ueberblick #headerstreifen.active {
	background: rgb(120,100,60);
}

.color_ueberblick {
	color: rgb(120,100,60);
}

.color_ueberblick.active {
	color: rgb(171,140,85);
}

body#lehrmaterialien #headerstreifen.active {
	background: rgb(162,135,81);
}

.bg_lehrmaterialien {
	background: rgb(162,135,81)
}

body#sitemap #headerstreifen.active {
	background: rgb(0,80,11);
}

body#spatz #headerstreifen.active {
	background: rgb(0,80,11);
}



/*////////// PFEILE //////////*/

.holder_arrow_big {
	position: relative;
	width: 100%;
	height: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

.arrow_big_tl {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 60px 0 0 60px;
	border-color: transparent transparent transparent #fff;
}

.arrow_big_tr {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 60px 60px;
	border-color: transparent transparent #fff transparent;
	float: right;
}

.arrow_big_bl {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 60px 60px 0 0;
	border-color: #fff transparent transparent transparent;
}

.arrow_big_br {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 60px 60px 0;
	border-color: transparent #fff transparent transparent;
	float: right;
}

.holder_arrow_small {
	position: relative;
	width: 100%;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	transform: translateX(0%);
}

.arrow_small_tl {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent #fff
}

.arrow_small_tr {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 30px 30px;
	border-color: transparent transparent #fff transparent;
	float: right;
}

.arrow_small_bl {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: #fff transparent transparent transparent;
}

.arrow_small_br {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 30px 30px 0;
	border-color: transparent #fff transparent transparent;
	float: right;
}


/*////////// Farben PFEILE //////////*/

.border_tl_white {
	border-left-color: rgba(255,255,255,0.85);
}
.border_tr_white {
	border-bottom-color: rgba(255,255,255,0.85);
}
.border_bl_white {
	border-top-color: rgba(255,255,255,0.85);
}
.border_br_white {
	border-right-color: rgba(255,255,255,0.85);
}


.border_tr_home {
	border-bottom-color: rgb(88,0,12);
}


.border_tl_green {
	border-left-color: rgb(0,80,11);
}
.border_tr_green {
	border-bottom-color: rgb(0,80,11);
}
.border_bl_green {
	border-top-color: rgb(0,80,11);
}
.border_br_green {
	border-right-color: rgb(0,80,11);
}

.border_tl_red {
	border-left-color: rgba(99,37,0,0.9);
}
.border_tr_red {
	border-bottom-color: rgba(99,37,0,0.9);
}
.border_bl_red {
	border-top-color: rgba(99,37,0,0.9);
}
.border_br_red {
	border-right-color: rgba(99,37,0,0.9);
}

.border_tl_creme {
	border-left-color: #FAFAF6;
}
.border_tr_creme {
	border-bottom-color: #FAFAF6;
}
.border_bl_creme {
	border-top-color: #FAFAF6;
}
.border_br_creme {
	border-right-color: #FAFAF6;
}


.border_tl_quiz {
	border-left-color: rgb(0,195,30);
}
.border_tr_quiz {
	border-bottom-color: rgb(0,195,30);
}
.border_bl_quiz {
	border-top-color: rgb(0,195,30);
}
.border_br_quiz {
	border-right-color: rgb(0,195,30);
}


.border_tl_tierclub {
	border-left-color: rgba(75,50,0,0.9);
}

.border_tl_filme {
	border-left-color: rgba(70,60,40,0.9);
}

.border_tl_beobachten {
	-border-left-color: rgba(100,38,0,.9);
	border-left-color: rgba(255,90,0,0.9);
}

.border_bl_gold {
	border-top-color: rgb(210,180,120);
}

@media only screen and (max-width: 768px) {
	.holder_arrow_big {
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	}
	.arrow_big_tl {
	border-width: 30px 0 0 30px;
	}
	.arrow_big_tr {
	border-width: 0 0 30px 30px;
	}
	.arrow_big_bl {
	border-width: 30px 30px 0 0;
	}
	.arrow_big_br {
	border-width: 0 30px 30px 0;
	}
	
}