/*
FARBEN 

marak acryl gmbh, 2015
@goldfischclub
*/


body.t-glossar {
	background-color: #fff;
}
body.t-glossar .red-content {
	background-color: #eee;
}


.logo a {
	display: block;
	width: 170px;
	height: 59px;
	background-image: url(assets/marak_logo@1.png);
}

.mobile-nav-trigger {
	background-image: url(assets/ic-nav.png);
}
@media handheld, only screen and (max-width: 780px) {
	.mobile-nav-trigger {
		background-image: url(assets/ic-nav-smart.png);
	}
}

.mobile-nav-trigger-open {
	background-image: url(assets/close-glossar.png);
}

.header {
	background-repeat: repeat;
}
.header-top {
	background-image: url(assets/nav_bg3.png);
}

.info-trigger,
.mobile-men-open,
.sub-fix .subnav,
.logo-box,
.info-content {
	background-image: url(assets/nav_bg3.png);
	background-repeat: repeat;
}



.logo-box,
.info-content {
	background-image: url(assets/nav_bg60.png);
	background-repeat: repeat;
}


.footer {
	background-color: #0c111c;
}


.glossar-nav li.closer,
.info-close {
	background-image: url(assets/info-close.png);
	background-repeat: no-repeat;
}

.glossar-nav a,
.footer,
.footer a,
.footer-lvl-1 a,
.glossar li,
.info-content-col-2 a,
.info-box,
.red-content .galerie p,
.galerie li a,
.galerie h1,
.red-content div.div-h1,
.galerie h2,
.galerie hp,
.more,
.subnav li a,
.slide-content,
.navigation .nav a,
.mobile-navigation p,
.mobile-navigation a,
.mobile-navigation .level2 a {
	color: #fff;
}





.galerie li a.active,
.red-content .galerie p.sort {
	color: #000;
}


.navigation p,
.info-col-1 {
	color: #98A2A9;
}


.glossar-titel {
	color: #98A2A9;
}



/* blau */
.download,
.footer .nav-1 li a.active,
.footer .nav-2 li.active a,
.s-blau p,
.s-blau a,
.glossar-details h2,
.zusatz,
a.weiter,
.navigation .nav .active,
.navigation .nav a:hover {
	color: #00aeef;
}

.glossar-nav {
	background-color: #00aeef;
}
.mobile-navigation ul.level1 li.active {
	background-color: #00aeef;
}


.gal-content {
	background-color: #000;
}



/* BG WEISS */
.bild-bg-0,
.glossar,
.red-content .txt-s-w,
.red-content > h1,
.red-content > h2,
.red-content > h3,
.red-content > div.div-h2,
.red-content > p {
	background-color: #fff;
}

/* BG GRAU */
.bild-bg-01,
.red-content h1.c-1,
.red-content h2.c-1,
.red-content h3.c-1,
.red-content > c-1.div.div-h2,
.red-content p.c-1 {
	background-color: #eee;
}

/* BG BLAU */
.bild-bg-2,
.red-content .txt-w-b,
.red-content h1.c-2,
.red-content h2.c-2,
.red-content h3.c-2,
.red-content > c-2.div.div-h2,
.red-content p.c-2 {
	background-color: #00afec;
}

/* COLOR WEISS auf BLAU */
.geschichte h2,
.geschichte li,
.geschichte li p,
.red-content .txt-w-b,
.red-content h1.c-2,
.red-content h2.c-2,
.red-content h3.c-2,
.red-content > c-2.div.div-h2,
.red-content p.c-2 {
	color: #fff;
}


.geschichte  {
	background-color: #00afec;
}
.geschichte li h4 {
	color: #9bcae0
}


.navigation ul li a,
.subnav ul li a,
.footer ul li a {
	background-image: url(/css/assets/nav_del.gif);
	background-position: 0 51%;
}
.footer ul li a {
	background-image: url(/css/assets/nav_del.gif);
	background-position: 0 3px;
}
.footer ul li:first-child a,
.navigation ul li:first-child a,
.subnav ul li:first-child a {
	background-image: none;
}

.navigation ul li.copy {
	background-image: none;
}

.subnav-container {
	background-color: #00aae0;
}
.subnav li {
	background-image: url(/css/assets/nav_marker.png);
	background-position: center 20%;
}

.subnav li.active {
	background-image: url(/css/assets/nav_marker.png);
	background-position: center 84%;
}









.more {
	background-image: url(assets/pfeil.png);
	background-position: 50% -130px;
}

a.weiter,
a.weiter-link,
body.t-glossar a.weiter {
	background-color: #fff;
	background-image: url(assets/pfeil_blau.png);
	background-position: 50% -130px;
}

@media handheld, only screen and (max-width: 700px) {
	a.weiter,
	a.weiter-link,
	body.t-glossar a.weiter {
		background-color: #fff;
		background-image: url(assets/pfeil_blau.png);
		background-position: 50% -118px;
	}
}
a.weiter-link {
	background-color: transparent;
}

body.t-glossar a.weiter {
	background-color: #eee;
}

.galerie .sorter li {
	background-image: url(assets/gal_del.gif);
}
.galerie li:first-child {
	background-image: none;
}

@media handheld, only screen and (max-width: 780px) {
	.galerie .sorter li {
		background-image: none;
	}
}


.sorter-closer {
	background-image: url(/css/assets/ic-sorter-closer@1x.png);
	background-position: 50% 50%;
}
.sorter-trigger {
	background-image: url(/css/assets/ic-sorter-trigger@1x.png);
	background-position: 50% 50%;
}


.glossar-nav .logo,
.navigation .logo,
.footer .logo {
	background-image: url(/css/assets/logo_grau_360.png);
}
.glossar-nav .logo {
	background-image: url(/css/assets/logo_weiss_360.png);
}

@media handheld, only screen and (max-width: 700px) {
	.glossar-nav .logo,
	.navigation .logo,
	.footer .logo {
		background-image: url(/css/assets/logo_grau_smart.png);
	}

	.glossar-nav .logo {
		background-image: url(/css/assets/logo_weiss_120.png);
	}
	
}







.glossar li,
.galerie {
	background-color: #00aae0;
}
.glossar-galerie {
	background-color: transparent;
}