/*  
Theme Name: TYPO Berlin Theme
Theme URI: http://www.studioadhoc.de
Description: Childtheme für die TYPO Berlin
Version: 1.0
Author: studio adhoc
Author URI: http://www.studioadhoc.de
Template: typo_talks
*/

/* ---- Lottery ----*/
@import url(berlin_2013_game.css);

/* ---- Allgemeines ----*/
body {
	background-image: url("../images/back_touch2013.png");
	background-repeat: repeat-x;
	background-position: 0 70px;
	margin-top: 0 !important;
}

.post-content {
	border-bottom: 1px dotted #9eab86;
}

.a_content {
	margin-top: 0 !important;
}

/* ---- Hintergrund ---- */
.scheme_back {
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
	background-image: url("../images/scheme_back_02_touch2013.png");
	background-repeat: no-repeat;
	background-position: center 100px;
}

.admin-bar .scheme_back {
	background-position: center 128px;	
}

.head_short {
	background-image: url("../images/scheme_back_01_touch2013.png");
}

.head_short_b {
	background-image: url("../images/scheme_back_01b_touch2013.png");
}

.head_medium_b {
	background-image: url("../images/scheme_back_02b_touch2013.png");
}

.head_long {
	background-image: url("../images/scheme_back_03_touch2013.png");
}

.head_long_b {
	background-image: url("../images/scheme_back_03b_touch2013.png");
}

/* ---- Links ---- */
.comment-count a {
	background-color: #9eab86;
}

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

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

.main .current-menu-item .sub-menu a, .main .current-menu-parent .sub-menu a, .main .current-menu-ancestor .sub-menu a, .blog .main #typo-berlin .sub-menu a, .single .main #typo-berlin .sub-menu a, .archive .main #typo-berlin .sub-menu a, .search .main #typo-berlin .sub-menu a {
	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;
}

a.link-button {
	color: #FFF;
	background-color: #9eab86;
}

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

.my_schedule_button a.chosen:link, .my_schedule_button a.chosen:visited, .my_schedule_button a.chosen:hover, .my_schedule_button a.chosen:active {
    background-image: url("../images/MyScheduleFavSelected.png");
}

/* ----Navigation ---- */
.a_side .icl_languages_selector {
    color: #9eab86;
}

.main .sub-menu {
	top: 275px;
}

/* ---- Textelemente ---- */
.side_head {
	top: 115px;
}

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

.side_head em, .social h3, .widget h3, date, .comment-meta, .comment-date, .talk_meta strong, .timetable th {
	color: #9eab86;
}

.step_1 {
	background-color: #9eab86;
}

.step_2 {
	background-color: #bbc4aa;
}

.step_3 {
	background-color: #d8ddcf;
}

.page-template-page-speaker-php .my_schedule_button{
    float:right;
    margin-right: 2px;
    margin-top:-14px;
}

/* ---- Punkte ---- */
.point {
	background-repeat: no-repeat;
}

.s24 {
	width: 77px;
	height: 77px;
	background-image: url("../images/Mouse-over_Punkt_24pt_grau.png");
}

.s24.green {
	background-image: url("../images/Mouse-over_Punkt_24pt_gruen.png");
}

.s30 {
	width: 101px;
	height: 101px;
	background-image: url("../images/Mouse-over_Punkt_30pt_grau.png");
}

.s30.green {
	background-image: url("../images/Mouse-over_Punkt_30pt_gruen.png");
}

.s35 {
	width: 109px;
	height: 109px;
	background-image: url("../images/Mouse-over_Punkt_35pt_grau.png");
}

.s35.green {
	background-image: url("../images/Mouse-over_Punkt_35pt_gruen.png");
}

.s40 {
	width: 114px;
	height: 114px;
	background-image: url("../images/Mouse-over_Punkt_40pt_grau.png");
}

.s40.green {
	background-image: url("../images/Mouse-over_Punkt_40pt_gruen.png");
}

.interjection {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	z-index: 100;
}

/*.point:hover, .point.active {
	background-image: none;
}*/

.point:hover .interjection, .point.active .interjection {
	display: block;
}

.autsch {
	width:430px;
	height:254px;
	background-image: url("../images/interjektionen/Interjektion_Autsch_mitSchatten.png");
	margin-left: -120px;
	margin-top: -74px;
}
.bae {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_Baeh_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.ha {
	width:305px;
	height:250px;
	background-image: url("../images/interjektionen/Interjektion_HA_mitSchatten.png");
	margin-left: -100px;
	margin-top: -90px;
}
.hey {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_HEYBubble_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.huch {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_HUCH_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.hmpf {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_Hmpf_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.igitt {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_Igitt_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.quiek {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_Quiek_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.tja{
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_TJA_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.uhlala{
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_Uhlala_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.wow {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_WOW_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.brr{
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_brr_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.grr {
	width:305px;
	height:250px;
	background-image: url("../images/interjektionen/Interjektion_grrr_mitSchatten.png");
	margin-left: -100px;
	margin-top: -90px;
}
.hmm {
	width:332px;
	height:260px;
	background-image: url("../images/interjektionen/Interjektion_hmmWolke_mitSchatten.png");
	margin-left: -100px;
	margin-top: -95px;
}
.hui {
	width:305px;
	height:250px;
	background-image: url("../images/interjektionen/Interjektion_hui_mitSchatten.png");
	margin-left: -100px;
	margin-top: -90px;
}
.oh {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_oh_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}
.rrr {
	width:305px;
	height:250px;
	background-image: url("../images/interjektionen/Interjektion_rrr_mitSchatten.png");
	margin-left: -100px;
	margin-top: -90px;
}
.ups {
	width:305px;
	height:230px;
	background-image: url("../images/interjektionen/Interjektion_ups_mitSchatten.png");
	margin-left: -100px;
	margin-top: -80px;
}

.error{
    color:red;
 }

 /* ---- Umfrage ---- */

#balken{
    background: #9eab86;
}
 
 
 
/* ---- iPad Landscape ----*/
@media screen and (max-width: 1024px) { 
	body {
		background-image: none;
	}
	
	.scheme_back {
		background-image: url("../images/scheme_back_02_touch2013.png");
		background-repeat: no-repeat;
		background-position: center 100px;
		max-width: 934px;
		margin-left: -467px;
		left: 50%;
		z-index: -1;
	}
	
	/* ---- Struktur ----*/
	.a_all {
		background-image: url("../images/back_touch2013.gif");
	}
	
	.side_head {
		z-index: 2;		
	}
}

@media screen and (max-width: 954px) { 
	.scheme_back {
		max-width: 97.75%;
		margin: 0 10px;
		left: 0;
	}
}

/* ---- iPhone, Smartphones ----*/
@media screen and (max-width: 748px) { 
	.scheme_back {
		background-image: url("../images/scheme_back_01_touch2013.png");
		display: none !important;
	}
	
	.scheme_back img {
		display: none !important;
	}
	
	/* ---- Sub Navi ----*/
	.main ul.sub-menu {
		background-color: #9eab86;
	}
	
	.main a:hover, .main .current-menu-item a, .main .current-menu-parent a, .main .current-menu-ancestor a, .blog .main #typo-berlin a, .single .main #typo-berlin a, .archive .main #typo-berlin a, .search .main #typo-berlin a {
		border-color: #FFF;
		line-height: 27px;
	}
	
	.main .sub-menu a, .main .current-menu-item .sub-menu a {
		color: #FFF !important;
	}
	
	.main a:hover, .main .current-menu-item a, .main .sub-menu a:hover, .main .sub-menu .current-menu-item a {
    	color: #000 !important;
	}
	
	.blog .blog_2 .main #typo-berlin .sub-menu, .single .blog_2 .main #typo-berlin .sub-menu, .archive .blog_2 .main #typo-berlin .sub-menu, .search .blog_2 .main #typo-berlin .sub-menu {
		display: block !important;
	}
    
    .blog .blog_2 .main #typo-berlin .sub-menu ul, .single .blog_2 .main #typo-berlin .sub-menu ul, .archive .blog_2 .main #typo-berlin .sub-menu ul, .search .blog_2 .main #typo-berlin .sub-menu ul {
    	display: none !important;
    }
        
	/* ---- Textelemente ----*/
	.side_head {
		background-color: #9eab86;
		margin-top: 20px;
	}
	
	.side_head h2 em {
		color: #FFF;
	}
}