/*** A L G E M E I N ******************************************************/

.container
{
	max-width  : 800px;
	margin-top : 50px;
}

h1
{
	margin-bottom : 15px;
}

h2
{
	margin-bottom : 15px;
	margin-top    : 0;
}

.h2_smal
{
	font-size   : 150%;
	font-weight : bold;
}

.select-glyph
{
	margin-right : 15px;
}

#reg_submit
{
	margin : 19px 0 25px 0;
}

hr
{
	border-color : #b7b7b7;
}

.label
{
	padding : 5px;
}

.tr_disabled td
{
	color : #c0c0c0;
}

.table-big tr td
{
	height      : 68px;
	padding-top : 24px !important;
}

.table-big tr td.img_rank_td
{
	padding-top    : 5px !important;
	vertical-align : middle;
	font-weight    : bold;
}

.table-big tr td.badge_rank_td span
{
	position : relative;
	top      : -10px;
}

.img_rank
{
	height       : 40px;
	width        : 40px;
	margin-right : 15px;
}

.table-helper
{
	color         : #c0c0c0;
	margin-bottom : 45px;
}

.lead
{
	margin : 0;
}

.relative
{
	position : relative;
}

.first_td
{
	border : none !important;
}

.page_infos .label
{
	position : relative;
	top      : -1px;
}

.page_infos .label.center-block
{
	top           : 4px;
	margin-bottom : 15px;
}

.navbar-right .dropdown-menu
{
	left  : 0;
	right : 0;
}

.menu-badge
{
	position  : absolute;
	top       : 13px;
	left      : 115px;
	font-size : 7px;
}

/********************************************************** allgemein end */

/*** H E A D E R **********************************************************/
.navbar-default, .navbar-inverse
{
	border-radius : 0;
}

.navbar-brand img
{
	height   : 40px;
	position : absolute;
	top      : 5px;
}

.navbar-brand span
{
	margin-left : 45px;
}

#header ul li .glyphicon /* Iconposition */
{
	position     : relative;
	top          : 2px;
	margin-right : 3px;
}

#header ul li .glyphicon-home /* Iconposition Start */
{
	top : 1px;
}

#header ul li a:hover
{
	background-color : rgba(0, 0, 0, 0.2);
}

/************************************************************* header end */

/*** S U B N A V **********************************************************/

.subnav
{
	margin-top    : 0;
	margin-bottom : 0;
}

.subnav button
{
	background-color : #ffffff;
	color            : #772953;
	border-color     : #772953;
}

.subnav button:hover
{
	background-color : #772953;
	border-color     : #772953;
}

.subnav button.active
{
	background-color : #772953;
}

/************************************************************* header end */

/*** B E T ****************************************************************/
.bet
{
	border-bottom : 1px solid #b7b7b7;
	position      : relative;
	width         : 100%;
	height        : 140px;
}

.bet:last-child
{
	border : none;
}

.bet_phase
{
	margin-bottom : 50px;
}

/* Top */
.bet_date
{
	position  : relative;
	top       : 23px;
	font-size : 70%;
}

.bet_date .label
{
	position  : absolute;
	top       : -3px;
	font-size : 10px;
}

.bet h3
{
	font-size : 120%;
}

/* Bottom */
.bet_bottom_left
{
	width    : 80%;
	position : relative;
	left     : 40%;
}

.bet_bottom_left, .bet_bottom_right
{
	font-size : 120%;
}

.bet_bottom_right
{
	width    : 80%;
	position : relative;
	right    : 20%;
}

/* Middle */
.bet_team_scores
{
	font-size      : 100%;
	letter-spacing : 1px;
}

.bet_team_left_name, .bet_team_right_name
{
	background-color : #eaeaea;
	border-radius    : 5px;
	letter-spacing   : 0;
	font-size        : 100%;
	margin-top       : 15px;
	width            : 100%;
	height           : 20px;
	overflow         : hidden;
}

.bet_team_left_name
{
	float : left;
}

.bet_team_right_name
{
	float : right;
}

.bet_team_left_icon, .bet_team_right_icon
{
	display : none;
}

.bet_team_left_icon
{
	float : left;
}

.bet_team_right_icon
{
	float : right;
}

/* Bet Tipp */
.bet_form_inputs
{
	position : absolute;
	left     : 48%;
}

.bet input.bet_tipp_goals_team1_input, .bet input.bet_tipp_goals_team2_input
{
	width     : 30px;
	height    : 30px;
	font-size : 100%;
	padding   : 0;
	position  : absolute;
	top       : 10px;
}

.bet input.bet_tipp_goals_team1_input[disabled], .bet input.bet_tipp_goals_team2_input[disabled]
{
	border : none;
}

.bet input.bet_tipp_goals_team1_input
{
	left : -35px;
}

.bet input.bet_tipp_goals_team2_input
{
	left : 8px;
}

.bet_userbet button
{
	width     : 73px;
	padding   : 5px 0;
	font-size : 100%;
	position  : relative;
	top       : 14px;
	display   : none;
}

.bet_userbet button.saved
{
	background-color : #30b644;
	border-color     : #30b644;
	opacity          : 1;
}

.bet_userbet button.saved:hover
{
	background-color : #30b644;
	border-color     : #30b644;
	cursor           : inherit;
}

/* N E X T   G A M E **************************************************** */
.countdown .time:last-child
{
	margin-right : 0 !important;
}

.next_game_team_name
{
	background-color : #eaeaea;
	display          : block;
	overflow         : hidden;
	border-radius    : 5px;
	height           : 20px;
}

.next_game_date
{
	position  : relative;
	top       : 50px;
	font-size : 80%;
}

.next_game_team_vs
{
	display : block;
}

.next_game_bet_icon
{
	position  : absolute;
	top       : 52px;
	right     : 10px;
	font-size : 15px;
}

.countdown .time
{
	margin-right : 24px !important;
}

.section
{
	margin-bottom : 20px;
	margin-top    : 0;

}

.next_game_teams
{
	margin-top    : 5px;
	margin-bottom : 15px;
}

.next_game_around_second
{
	margin-top    : 28px;
	position      : relative;
	margin-bottom : 5px;
}

.next_game_around_second .next_game_bet_icon
{
	top : -20px;
}

.next_game_around .label
{
	position : relative;
	top      : 50px;
}

.next_game
{
	position : absolute;
	top      : 0;
	width    : 100%;
}

.next_game_spacer
{
	height : 30px;
}

.next_game h3
{
	font-size : 120%;
	width     : 100%;
}

/********************************************************* nextgame end */

/* P U N K T ************************************************************ */

.department
{
	display : none;
}

.punkte_top_img img
{
	height        : 145px;
	width         : 145px;
	margin-bottom : 35px;
}

.punkte_top_img img.profil_img:hover
{
	border : 13px solid #5c2040;
	cursor : pointer;
}

.punkte_top h2
{
	font-weight : bold;
	margin      : 10px 0 0 0;
	padding     : 0;
}

.punkte_top h3
{
	margin  : 0 0 25px 0;
	padding : 0;
}

.punkte_top_pkt
{
	position      : relative;
	margin-bottom : 35px;
}

.punkte_top_pkt .label
{
	font-size : 20px;
}

.pkt_desc
{
	font-size      : 16px;
	letter-spacing : 2px;
}

#canvas_chart
{
	display : none;
}

/************************************************************ punkte end */

/*** S T A R T **********************************************************/
.start_team_left_name, .start_team_right_name
{
	background-color : #eaeaea;
	border-radius    : 5px;
	letter-spacing   : 1px;
	font-size        : 140%;
	margin-top       : 20px;
	width            : 100%;
	height           : 28px;
}

.start_current_spacer
{
	position  : absolute;
	width     : 100%;
	font-size : 100%;
	top       : 15px;
}

.current_game_spacer
{
	margin-bottom : 45px;
}

.start_current
{
	padding-bottom : 50px;
}

.start_current_h2
{
	margin : 0 0 25px 0;
}

.start_current h3
{
	margin    : 0 0 5px 0;
	font-size : 120%;
	padding   : 0;
}

/************************************************************ start end */

/*** KOMMENTARE *********************************************************/

.comment
{

}

.comment_form
{
	margin-bottom : 10px;
}

.comment_form textarea
{
	border-color : #dddddd;
	resize       : none;
}

.comment a
{
	color : #333;
}

.comment a:hover
{
	color           : #dd4814;
	text-decoration : none;
}

.btn-add-comment
{
	position : absolute;
	right    : 0;
	top      : 0;
}

.bubble
{
	position              : relative;
	width                 : 100%;
	padding               : 8px;
	background            : #FFFFFF;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
	border-radius         : 4px;
	border                : #dddddd solid 1px;
}

.comment_form textarea[disabled]
{
	background-color : #D0EED4;
}

.comment_owner .bubble
{
	background : #F2FAFF;
	border     : #E2EAEF solid 1px;
}

/******************************************************** kommentar end */

@media (max-width: 480px)
{
	.hidden-xxs
	{
		display : none;
	}
}

@media (min-width: 768px)
{
	.container
	{
		margin-top : 75px;
	}

	#first_teaser
	{
		margin-bottom : 27px;
	}

	#login_teams
	{
		margin-top : 25px;
	}

	#login_teams .row
	{
		margin-bottom : 25px;
	}

	h1
	{
		margin-bottom : 40px;
	}

	.subnav button
	{
		font-size : 140%;
		padding   : 13px;
	}

	.table-big tr td
	{
		height      : 68px;
		padding-top : 24px !important;
	}

	.table-big tr td.img_rank_td
	{
		padding-top    : 11px !important;
		vertical-align : middle;
		font-weight    : bold;
	}

	.table-big tr td.badge_rank_td span
	{
		position : relative;
		top      : 0;
	}

	.menu-badge
	{
		position  : absolute;
		top       : 3px;
		right     : 0;
		left      : auto;
		font-size : 7px;
	}

	/*** B E T ****************************************************************/

	.bet
	{
		border-bottom : 1px solid #b7b7b7;
		position      : relative;
		width         : 100%;
		height        : 175px;
	}

	.bet_phase
	{
		margin-bottom : 50px;
	}

	.bet:last-child
	{
		border : none;
	}

	/* Top */
	.bet_date
	{
		position  : relative;
		top       : 22px;
		font-size : 110%;
	}

	.bet_date .label
	{
		font-size : 90%;
		top       : -2px;
	}

	.bet h3
	{
		font-size : 170%;
	}

	/* Bottom */
	.bet_bottom_left
	{
		width    : 80%;
		position : relative;
		left     : 40%;
	}

	.bet_bottom_left, .bet_bottom_right
	{
		font-size : 120%;
	}

	.bet_bottom_right
	{
		width    : 80%;
		position : relative;
		right    : 20%;
	}

	/* Middle */
	.bet_team_scores
	{
		font-size      : 232%;
		letter-spacing : 1px;
		margin-top     : 11px;
	}

	.bet_team_left_name, .bet_team_right_name
	{
		background-color : #eaeaea;
		border-radius    : 5px;
		letter-spacing   : 1px;
		font-size        : 140%;
		margin-top       : 20px;
		width            : 75%;
		height           : 28px;
	}

	.bet_team_left_name
	{
		float : left;
	}

	.bet_team_right_name
	{
		float : right;
	}

	.bet_team_left_icon, .bet_team_right_icon
	{
		display             : block;
		width               : 25%;
		height              : 70px;
		background-position : center;
		background-repeat   : no-repeat;
		background-size     : 95%;
	}

	.bet_team_left_icon
	{
		float : left;
	}

	.bet_team_right_icon
	{
		float : right;
	}

	/* Bet Tipp */
	.bet_form_inputs
	{
		position : absolute;
		left     : 9px;
	}

	.bet input.bet_tipp_goals_team1_input, .bet input.bet_tipp_goals_team2_input
	{
		width     : 45px;
		height    : 45px;
		font-size : 100%;
		padding   : 0;
		position  : relative;
		top       : -5px;
	}

	.bet input.bet_tipp_goals_team1_input
	{
		left : inherit;
	}

	.bet input.bet_tipp_goals_team2_input
	{
		left : inherit;
	}

	.bet_userbet button
	{
		width     : 116px;
		padding   : 5px 0;
		font-size : 130%;
		position  : relative;
		top       : -2px;

	}

	/**************************************************************** bet end */

	/* N E X T   G A M E **************************************************** */
	.countdown .time
	{
		margin-right : 21px !important;
	}

	.section
	{
		margin-top    : 0;
		margin-bottom : 40px;
	}

	.next_game_teams
	{
		margin-top    : 19px;
		margin-bottom : 25px;
	}

	.next_game_team_name
	{
		border-radius  : 5px;
		font-size      : 17px;
		letter-spacing : 1px;
		height         : 25px;
	}

	.next_game_date
	{
		top       : 16px;
		font-size : 100%;

	}

	.next_game_team_vs
	{
		margin : 15px 0;
	}

	.next_game_team_flag
	{
		margin : 14px 0 0 0;
	}

	.next_game_around
	{
		margin-bottom : 15px;
	}

	.next_game_around_second
	{
		margin-top    : 28px;
		position      : relative;
		margin-bottom : 55px;
	}

	.next_game_around .label
	{
		font-size : 14px;
		position  : relative;
		top       : 20px;
	}

	.next_game_bet_icon
	{
		top       : 15px;
		right     : 15px;
		font-size : 20px;
	}

	.next_game h3
	{
		font-size : 170%;
	}

	/********************************************************** nextgame end */

	/* P U N K T ************************************************************ */
	.punkte_top_img img
	{
		height        : 165px;
		width         : 165px;
		margin-bottom : 55px;
	}

	.punkte_top h2
	{
		font-weight : bold;
		margin      : 0 0 0 0;
		padding     : 0;
	}

	.punkte_top h3
	{
		margin  : 0;
		padding : 0;
	}

	.punkte_top_pkt
	{
		position : relative;
		top      : 60px;
	}

	.punkte_top_best
	{
		background : url(../img/user/top_user.png) no-repeat center 70px;
	}

	.punkte_top_pkt .label
	{
		font-size : 28px;
		display   : block;
	}

	.pkt_desc
	{
		font-size      : 16px;
		letter-spacing : 2px;
	}

	#canvas_chart
	{
		position : relative;
		left     : 45px;
		top      : -6px;
		display  : block;
	}

	.department-panel canvas
	{
		position : relative;
		left     : 67px;
		margin   : 30px 0 30px 0;
	}

	.department-panel table
	{
		margin-bottom: 17px;
	}

	.campus-panel table
	{
		margin: 18px 0 0 0;
	}

	/************************************************************ punkte end */

	/*** S T A R T **********************************************************/
	.start_team_left_name, .start_team_right_name
	{
		background-color : #eaeaea;
		border-radius    : 5px;
		letter-spacing   : 1px;
		font-size        : 140%;
		margin-top       : 20px;
		width            : 100%;
		height           : 28px;
	}

	.start_current_spacer
	{
		position  : absolute;
		width     : 100%;
		font-size : 170%;
		top       : 15px;
	}

	.current_game_spacer
	{
		margin-bottom : 75px;
	}

	.start_current
	{
		padding-bottom : 50px;
	}

	.start_current_h2
	{
		margin : 0 0 25px 0;
	}

	.start_current h3
	{
		margin    : 0 0 15px 0;
		padding   : 0;
		font-size : 170%;
	}

	/************************************************************ start end */

	/*** Kommentare **********************************************************/
	.comment img, .comment_form img
	{
		position : relative;
		left     : 9px;
	}

	.bubble:after
	{
		content      : '';
		position     : absolute;
		border-style : solid;
		border-width : 9px 14px 9px 0;
		border-color : transparent #FFFFFF;
		display      : block;
		width        : 0;
		z-index      : 1;
		left         : -14px;
		top          : 8px;
	}

	.bubble:before
	{
		content      : '';
		position     : absolute;
		border-style : solid;
		border-width : 9px 14px 9px 0;
		border-color : transparent #cccccc;
		display      : block;
		width        : 0;
		z-index      : 0;
		left         : -15px;
		top          : 8px;
	}

	.comment_owner .bubble:after
	{
		border-color : transparent #F2FAFF;
	}

	.comment_owner .bubble:before
	{
		border-color : transparent #E2EAEF;
	}

	/************************************************************ kommentare end */
}

@media (min-width: 992px)
{
	.container
	{
		margin-top : 135px;
	}

	.menu-badge
	{
		position  : absolute;
		top       : -2px;
		right     : -5px;
		font-size : 12px;
	}

	/*** H E A D E R **********************************************************/

	.navbar
	{
		height : 115px;
	}

	.navbar ul
	{
		margin-top : 31px;
	}

	.navbar ul li
	{
		font-size : 130%;
	}

	.navbar-brand span
	{
		margin-left    : 15px;
		font-size      : 140%;
		vertical-align : middle;
	}

	.navbar-brand img
	{
		height   : auto;
		position : inherit;
		top      : 0;
	}

	#header ul li.active a, #header ul li a:hover
	{
		border-radius : 5px;
	}

	#header ul li .glyphicon /* Iconposition */
	{
		top          : 3px;
		margin-right : 2px;
	}

	#header ul li .glyphicon-home /* Iconposition Start */
	{
		top          : 2px;
		margin-right : 3px;
	}

	#header ul li .glyphicon-th-list /* Iconposition Start */
	{
		top          : 2px;
		margin-right : 1px;
	}

	#header ul li .glyphicon-calendar /* Iconposition Punkte */
	{
		top : 2px;
	}

	/************************************************************* header end */

	/* N E X T   G A M E **************************************************** */
	.countdown .time
	{
		margin-right : 27px !important;
	}

	.next_game_teams
	{
		margin-top    : 16px;
		margin-bottom : 25px;
	}

	/********************************************************* startseite end */

	/* P U N K T ************************************************************ */
	#canvas_chart
	{
		left : 55px;
	}

	.department-panel canvas
	{
		position : relative;
		left     : 79px;
	}

	/************************************************************ punkte end */

}