/*  
TYPO San Francisco 2014
*/

body {
	background-image: url(../images/back_sf2014.png);
	background-repeat: repeat-x;
	background-position: 0px 70px;
}

.post-content {
	border-bottom: 1px dotted #00ffb4;
}

.post-content h3 {
	margin-top: 20px;
}

.post-content .post h3 {
	margin-top: 0;
}

.post-content .post date {
	margin-bottom: 8px;
}

/* ---- Links ---- */
.comment-count a {
	background-color: #00ffb4;
}

.comment-count a:hover {
	background-color: #000;
}

a.link-button {
	color: #FFF;
	background-color: #00ffb4;
}

a.link-button:hover {
	color: #000;
	background-color: #eff0f2;
}

.main a:hover, .main .current-menu-item a, .main .current-menu-parent a, .main .current-menu-ancestor a, .blog .main #typo-san-francisco a, .single .main #typo-san-francisco a, .archive .main #typo-san-francisco a, .search .main #typo-san-francisco a  { 
	color: #000;
	background-image: none;
	background-color: #00ffb4;
	border-top: 1px solid #00ffb4;
	border-left: 1px solid #00ffb4;
	border-right: 1px solid #00ffb4;
}

.main .current-menu-item a, .main .current-menu-parent a, .main .current-menu-ancestor a, .single .main .menu-item-27 a, .archive .main .menu-item-27 a, .search .main .menu-item-27 a { 
	color: #FFF;
}

.main .current-menu-item .sub-menu a, .main .current-menu-parent .sub-menu a, .main .current-menu-ancestor .sub-menu a, .blog .main #typo-san-francisco .sub-menu a, .single .main #typo-san-francisco .sub-menu a, .archive .main #typo-san-francisco .sub-menu a, .search .main #typo-san-francisco .sub-menu a  {
	background-color: transparent;
	color: #A7A8AA;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.main .current-menu-item .sub-menu a:hover, .main .current-menu-parent .sub-menu .current-menu-item a {
	color: #000;
}

.main .current-menu-parent .sub-menu .current-menu-item ul a {
	color: #a7a8aa;
}

.main .sub-menu .current-menu-item ul a:hover, .main .sub-menu .current-menu-parent ul .current-menu-item a {
	color: #000;
	border-bottom: 1px solid #000;
}

/* ----Navigation ---- */
.a_side .icl_languages_selector {
    color: #00ffb4;
}

/* ---- Textelemente ---- */
.side_head em {
	color: #FFF;
}

.top .widget h3 {
	color: #000;
}

.social h3, .widget h3, date, .comment-meta, .comment-date, .talk_meta strong, .timetable th {
	color: #00ffb4;
}

.step_1 {
	background-color: #00ffb4;
}

.step_2 {
	background-color: #ff7b66;
}

.step_3 {
	background-color: #ffbdb2;
}

#text-5 {
	margin-bottom: 0px;
}

#linkcat-2 h3 {
	display: none;
}

/* ---- Hintergrund Blender ---- */
.scheme_back {
	width: 1050px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -525px;
	z-index: -10;
	overflow: hidden;
    background-image: url("../images/scheme_back_sf2014.png");	
    background-position: right 100px;
    background-repeat: no-repeat;	
}

.admin-bar .scheme_back {
    background-position: right 132px;
}

/* ---- iPad ----*/
@media screen and (max-width: 1070px) { 
	body {
		background-image: none;
	}
	
	.scheme_back {
		width: 100%;
		margin-left: 0;
		left: 0;
	}
}

@media screen and (max-width: 1024px) { 
	body {
		background-image: none;
	}

	.a_all {
    	background-image: url("../images/back_sf2014.png");
    	background-position: 0 70px;
    	background-repeat: repeat-x;
	}
	
	.sticky_head {
		background-image: url("../images/scheme_back_sf2014.png");	
    	background-position: 360px 100px;
    	background-repeat: no-repeat;	
	}
	
	.scheme_back {
		display: none;
	}
}

/* ---- iPhone, Smartphones ----*/
@media screen and (max-width: 748px) { 
	.side_head {
		background-color: #00FFB4;
	}
	
	.sticky_head {
		background-image: none;
	}
	
	.scheme_back {
		display: none !important;
	}
	
	.a_navi {
    	background-image: none;
	}
	
	/* ---- Sub Navi ----*/
	.main ul.sub-menu {
		background-color: #58585A;
	}
	
	.main .sub-menu a, .main .current-menu-item .sub-menu a {
		color: #FFF;
	}
	
	.main a:hover, .main .current-menu-item a, .main .sub-menu a:hover, .main .sub-menu .current-menu-item a {
    	color: #000;
	}
	
	.blog .blog_3 .main #typo-san-francisco .sub-menu, .single .blog_3 .main #typo-san-francisco .sub-menu, .archive .blog_3 .main #typo-san-francisco .sub-menu, .search .blog_3 .main #typo-san-francisco .sub-menu {
		display: block !important;
	}
}