html {
  position: relative;
  min-height: 100%;
}

body {
			padding-top: 80px;
		
			margin-bottom: 42px;
		
		
				background-image: url(/inc/show_bild.php?obj_id=0000000327);
			background-repeat: no-repeat;
			background-attachment: fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
				
			background-position: center top;
		font-family: 'Ubuntu', sans-serif;
	font-size: 16px;	
			color: #000000;
	}

@media (max-width: 768px) {
	body {
					padding-top: 80px;
		
					margin-bottom: 70px;
			}
}

#logo > img.logoAlign {
			float: left !important;
	}

@media (max-width: 768px) {
	#logo > img.logoAlign {
		display: block;
		margin-right: auto;
		margin-left: auto;
		float: inherit !important;
	}
}


#tlInhalt {
	position: relative;
}

#sbKal {
	line-height: 1.5em;
	padding: 20px;
}

#tlInhalt a {
	color: ;
}

#tlInhalt .dropdown-menu>li>a {
	color: #000000;
	text-decoration: none;
	text-transform: normal;
	font-weight: normal;
}

#tlInhalt h1, #tlInhalt_empfehlen h1 {
		
		
		font-size: 30px;
		
		
	
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	line-height: 1.2em;
}

#tlInhalt h2, #tlInhalt_empfehlen h2 {
		
		
		font-size: 26px;
		
		
	
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	line-height: 1.2em;
}

#tlInhalt h3, #tlInhalt_empfehlen h3 {
		
		
		font-size: 22px;
		
		
	
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	line-height: 1.2em;
}

@media (max-width: 992px) {
	#tlInhalt h1, #tlInhalt_empfehlen h1 {
					font-size: 24px;
			}
	
	#tlInhalt h2, #tlInhalt_empfehlen h2 {
					font-size: 22px;
			}
	
	#tlInhalt h3, #tlInhalt_empfehlen h3 {
					font-size: 18px;
			}
}

@media (max-width: 768px) {
	#tlInhalt h1, #tlInhalt_empfehlen h1 {
					font-size: 23px;
			}
	
	#tlInhalt h2, #tlInhalt_empfehlen h2 {
					font-size: 20px;
			}
	
	#tlInhalt h3, #tlInhalt_empfehlen h3 {
					font-size: 16px;
			}
}



@media (min-width: 768px) {
	#navigation {
					font-family: 'Ubuntu', sans-serif;
			}
	
	#navigation .navbar .navigationInhalt {}
	
	.navbar {
		min-height: 80px;
		border: none;
		
						background-color: #ffffff;
				
			}
	
			.navbar-nav {
			float: none;
			margin: 0 auto;
			display: table;
			table-layout: fixed;
		}
    
	.navbar .navbar-nav > li {
					color: #999999 !important;
							font-size: 16px !important;
			}

	.navbar .navbar-nav > li > a
	{
		color: #999999 !important;
			
					text-transform: uppercase;
				text-decoration: none;
		line-height: 50px;
	}

	.navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > a:hover, .navbar .navbar-nav > li > a:hover
	{
		background-color: transparent;
					color: #000000 !important;
				
					font-size: 16px !important;
			
			
					text-transform: uppercase;
				text-decoration: none;
	}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
		background-color: transparent;
					color: #000000 !important;
				
					font-size: 16px !important;
			}
	
	/* Drobdown Login */
	#login-dp {
		min-width: 250px;
		padding: 14px 14px 0;
		overflow:hidden;
		background-color:rgba(255,255,255,1);
		color: #000000;
	}
	
	#login-dp .help-block{
		font-size:12px    
	}
	
	#login-dp .bottom{
		background-color:rgba(255,255,255,.8);
		border-top:1px solid #ddd;
		clear:both;
		padding:14px;
	}
	
	#login-dp .form-group {
		margin-bottom: 10px;
	}
	
	@media(max-width:768px){
		#login-dp{
			background-color: inherit;
			color: #fff;
		}
		#login-dp .bottom{
			background-color: inherit;
			border-top:0 none;
		}
	}
}

@media (max-width: 992px) {
	.navbar .navbar-nav > li, .navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > a:hover, .navbar .navbar-nav > li > a:hover {
					font-size: 13px !important;
			}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
					font-size: 13px !important;
			}
}

@media (max-width: 768px) {
	.navbar {
					background-color: #ffffff;
				min-height: 50px;
	}
	
	.navbar .navbar-nav > li > a
	{
		color: #999999 !important;
					background-color: #ffffff;
							text-transform: uppercase;
				text-decoration: none;
		text-align: center;
	}
	
	.navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > a:hover, .navbar .navbar-nav > li > a:hover
	{
		background-color: transparent;
					color: #000000 !important;
			
					text-transform: uppercase;
				text-decoration: none;
		text-align: center;
	}
	
	.navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > a:hover, .navbar .navbar-nav > li > a:hover
	{
		color: #000000 !important;
					background-color: #ffffff;
			}
	
	.navbar-default .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle .icon-bar {
		color: #999999 !important;
		background-color: #999999;
	}
}
 
 
#tlInhalt #header {
	overflow: hidden;
}

#tlInhalt .headerFluid {
	
}


#tlInhalt .countdownFluid {
	padding-top: 15px;
	padding-bottom: 15px;
				background: rgb(0, 0, 0);
			background: rgba(0, 0, 0, 0.8);
					background-image: url(/inc/show_bild.php?obj_id=0);
		
				
					opacity: 0.8;
			}

#tlInhalt .countdownInhalt {
	line-height: 1em;
			font-size: 24px;
		
			color: #ffffff;
		
			text-align: center;
	}

#tlInhalt #countdownWert {
	padding-left: 10px;
}

@media (max-width: 768px) {
	#tlInhalt .countdownFluid {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#tlInhalt .countdownInhalt {
		font-size: 14px;
		text-align: center;
	}
}



.dropdownRow {
	padding-bottom: 20px;
	margin-top: -10px
}


#tlInhalt .inhaltFluid {}

#tlInhalt #buehne {
	clear: both;
	padding: 40px 15px;
	margin-bottom: 40px;
			color: #000000;
		
				background: rgb(255, 255, 255);
							background: rgba(255, 255, 255, 0.75);
			}

#tlInhalt #buehne p {
	margin: 0px;
}

#tlInhalt #buehne button#dropdownEvents {
	font-size: 1em;
}


#tlInhalt #buehne .timelineUebersichtEinleitung {
	margin-bottom: 30px;
}

#tlInhalt #buehne .timelineUebersichtBuehne {

}

#tlInhalt #buehne img.timelineUebersichtImage:hover {
	opacity:.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}


#tlInhalt #buehne h2.gewinnFrage {
	
	clear: both;
	line-height: 1.15em;
	margin-top: 15px;
	
			font-size: 30px;
		
			font-family: 'Ubuntu', sans-serif;
		
			color: #000000;
		
		
	}

@media (max-width: 992px) {
	#tlInhalt #buehne h2.gewinnFrage {
					font-size: 26px;
			}
}

@media (max-width: 768px) {
	#tlInhalt #buehne h2.gewinnFrage {
					font-size: 23px;
			}
}

#tlInhalt #buehne .gewinnAntworten {
	
}

#tlInhalt #buehne .gewinnAntworten input[type=radio], #tlInhalt #buehne .gewinnAntworten input[type=checkbox] {
	margin-top: 7px;
}

#tlInhalt #buehne label.gewinnAntwort {
			font-size: 20px;
		
			font-family: 'Ubuntu', sans-serif;
		
			color: #000000;
		
		
	}

#tlInhalt #buehne .gewinnButton {
	margin-top: 30px;
}


.form-control {
	height: 40px;
	padding: 10px 12px;
}

.has-error .form-control, .has-error .form-control:focus {
	color: #ff0000;
	border-color: #ff0000;
	border-width: 2px;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color: #ff0000;
    box-shadow: none;
}

#tlInhalt #buehne .timelineFormular {
	
}

#tlInhalt #buehne .timelineAntwort, #tlInhalt #buehne .timelineAntwortRichtig, #tlInhalt #buehne .timelineAntwortFalsch {
	margin-top: 30px;
	text-align: center;
}

#tlInhalt #buehne .timelineFormularEinleitung {
	margin-bottom: 30px;
	text-align: center;
}

#tlInhalt #buehne .timelineFormularEinleitungExtInhalt {
	margin: 30px 0px;
}

#tlInhalt #buehne .txtTeilnahme {
	font-size: 0.8em;
}

#tlInhalt #buehne #eigInhaltFormularFinal {
	margin-top: 30px;
}

@media (max-width: 768px) {
	#tlInhalt #buehne #timelineFormular {
		padding: 0px;
		border: none;
	}
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 42px;
	padding: 10px 0px;
	
			color: #999999;
	
				background-color: #ffffff;
		
	}

.footer a {
			color: #999999;
		text-decoration: underline;
}

.footer a:hover {
			color: #000000;
	}

.tooltip-inner {
	max-width: 250px;
	text-align: left;
	padding: 15px;
}

.tooltip-inner h1, .tooltip-inner h2, .tooltip-inner h3, .tooltip-inner h4, .tooltip-inner h5, .tooltip-inner h6 {
	font-size: 16px !important;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 8px 0px 0px;
}


.footer #social_media {
	clear: both;
	text-align: right;
}

.footer #social_media_eigene {
	clear: both;
	margin-top: 5px;
}

.footer #social_media a.socialmedia {
	margin-left: 5px;
}

.footer #social_media a.socialmedia:hover {
	opacity:.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

#tlInhalt_empfehlen {
	line-height: 1.4em;
}

@media (max-width: 768px) {
	.footer {
		height: 70px;
		padding: 5px 0px;
		text-align: center;
		font-size: 0.9em
	}

	.footer #social_media {
		text-align: center;
	}
}


img.bbcLinks, img.bbclinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
	
img.bbcRechts, img.bbcrechts {
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
	
img.bbcAllein, img.bbcallein {
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
	
img.bbcDaneben, img.bbcdaneben {
	display: inline;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

table.bbcLinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
}

table.bbcRechts {
		float: right;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 10px;
}

table.bbcAllein {
		display: block;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

table.bbcDaneben {
	display: inline;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
}

td.bildtext {
	color: #000;
	font-size: 10px;
	line-height: 12px;
	font-style: normal;
	padding-bottom: 5px;
}

@media (max-width: 768px) {
	img.bbcLinks, img.bbclinks, img.bbcRechts, img.bbcrechts, img.bbcAllein, img.bbcallein, img.bbcDaneben, img.bbcdaneben {
		display: block;
		margin: 15px 0px !important;
		padding: 0px;
		float: inherit;
	}
}


.modal-backdrop.in {
	opacity: 0.9;
}


.hidden {
    display: none;
    visibility: hidden;
}



.gwIMG:hover {
	opacity: 0.7;
}

.faCheckAntwort {
   position: absolute;
   display: none;
   left: 50%;
   top: 50%;
   z-index: 1000;
   color: #99cc33;
   font-size: 86px;
   transform: translate(-50%, -50%); /* Yep! */
   width: 48%;
   height: 59%;
}

@media (max-width: 768px) {
	.faCheckAntwort {
		font-size: 50px;
	}
}

div#logo {
	margin: 15px 0px;
}

#tlInhalt #buehne h2.gewinnFrage {
	text-align: center;
}

.gewinnAntworten {
	text-align: center;
}

.gewinnAntworten label.btn {
	padding: 0px;
	margin: 15px 0px;
}

.conFormularButtonCancel {
	margin-top: 15px;
}

a.btn-cancel {
	background-color: transparent;
	border-width: 0px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}

a.btn-cancel:hover {
	background-color: transparent;
	border-width: 0px;
	text-decoration: none;
	color: #ff9933;
}

.dropdown-xposo {
	float: right !important
}

.btn-dropdown-xposo {
	background-color: transparent;
	border-color: #000000;
	border-width: 2px;
	color: #000000;
	border-radius: 0px;
}

.btn-dropdown-xposo:hover, 
.btn-dropdown-xposo:active, 
.btn-dropdown-xposo.active, 
.btn-dropdown-xposo:focus, 
.btn-dropdown-xposo:hover:active,
.btn-dropdown-xposo:hover.active,
.btn-dropdown-xposo:hover:focus,
.btn-dropdown-xposo.active.focus,
.btn-dropdown-xposo.active:focus, 
.btn-dropdown-xposo.active:hover, 
.btn-dropdown-xposo:active.focus, 
.btn-dropdown-xposo:active:focus, 
.btn-dropdown-xposo:active:hover, 
.open>.dropdown-toggle.btn-dropdown-xposo.focus, 
.open>.dropdown-toggle.btn-dropdown-xposo:focus, 
.open>.dropdown-toggle.btn-dropdown-xposo:hover
{
	background-color: transparent;
	border-color: #ff9933;
	border-width: 2px;
	border-radius: 0px;
	color: #ff9933;
}



label.btn span {
	font-size: 1.7em;
	margin-left: 10px;
}

label input[type="radio"]~i.fa.fa-circle-o {
	color: #000000;
	display: inline;
}

label input[type="radio"]~i.fa.fa-dot-circle-o {
	display: none;
}

label input[type="radio"]:checked~i.fa.fa-circle-o {
	display: none;
}

label input[type="radio"]:checked~i.fa.fa-dot-circle-o {
	color: #ff9933;
	display: inline;
}

label:hover input[type="radio"]~i.fa {
	color: #ff9933;
}

label input[type="checkbox"]~i.fa.fa-square-o {
	color: #000000;
	display: inline;
}

label input[type="checkbox"]~i.fa.fa-check-square-o {
	display: none;
}

label input[type="checkbox"]:checked~i.fa.fa-square-o {
	display: none;
}

label input[type="checkbox"]:checked~i.fa.fa-check-square-o {
	color: #ff9933;
	display: inline;
}

label:hover input[type="checkbox"]~i.fa {
	color: #ff9933;
}

div[data-toggle="buttons"] label.active {
	color: #ff9933;
}

div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: normal;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #000000;
	border-radius: 3px;
	color: #000000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div[data-toggle="buttons"] label:hover {
	color: #ff9933;
}

div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color: #99cc33;
	opacity: 0.3;
	color: #000000;
}

.btn-abschicken {
	background-color: #99cc33;
	padding: 25px 50px;
	border-width: 0px;
	border-radius: 0px;
	color: #000000;
	font-size: 18px;
	text-transform: uppercase;
	transition: background-color 250ms linear, color 250ms linear, opacity 250ms linear;
}

.btn-abschicken:hover {
	background-color: #ff9933;
	border-width: 0px;
	border-radius: 0px;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
}


@media (min-width: 1199px) {
	#tlInhalt #buehne {
		padding: 60px 60px;
	}
}

@media (max-width: 768px) {
	.olympiaKreis img {
		margin: 0px auto 15px auto;
	}

	.dropdown-olympia {
		width: 100%;
	}

	.dropdown-olympia .dropdown-menu {
		width: 100%;
		text-align: center;
		background-color: #000000;
	}

	#tlInhalt .dropdown-menu>li>a {
		color: #ffffff;
	}

	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		background-color: #ffffff:
	}

	#tlInhalt .dropdown-menu>li>a:hover {
		color: #000000;
	}

	.btn-dropdown-xposo {
		width: 100%;
	}
	
	label.btn span {
		font-size: 1.2em;
		margin-left: 5px;
	}

	label.btn > .fa-2x {
		font-size: 1.5em !important;
	}

	div[data-toggle="buttons"] label {
		font-size: 16px;
	}

	.btn-abschicken {
		padding: 10px 20px;
		font-size: 16px;
	}
}

@media (min-width: 768px) {
#buehne {
margin-top: 100px;
}
}

@media (max-width: 768px) {
#buehne {
margin-top: 20px;
}
}

#gewinnBuehne {
text-align: center;
}