/******************************************************************************/
/******************************************************************************/
/* Gerolsteiner Buttons */
	.btnGerolsteinerBlue	{
			text-transform: uppercase;
			color: #002f79;
			background-color: #bdd4e9;
			background-image: none;
			border-color: #0044cc #0044cc #002a80;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			text-shadow:none;
	}
	.btnGerolsteinerBlue:hover,
	.btnGerolsteinerBlue:focus,
	.btnGerolsteinerBlue:active {
	  color: #ffffff;
	  background-color: #002f79;
	}
	.btnGerolsteinerBlue .icon-white {
		background-image: url(/fileadmin/mineralwasser-und-leitungswasser-de/templates/img/glyphicons-halflings-002f79.png);
	}
	.btnGerolsteinerBlueBackLink .icon-white,
	.btnGerolsteinerBlue:hover .icon-white,
	.btnGerolsteinerBlue:active .icon-white,
	.btnGerolsteinerBlue:focus .icon-white {
		background-image: url(/fileadmin/mineralwasser-und-leitungswasser-de/templates/img/glyphicons-halflings-white.png);
	}
	.btnGerolsteinerBlueBackLink{
		color:#ffffff;
		background-color:#002f79;
	}
	.btnGerolsteinerBlueBackLink:hover,
	.btnGerolsteinerBlueBackLink:active,
	.btnGerolsteinerBlueBackLink:focus {
		background-color:#6594bc;
	}
	.recommendations_switch .btn{background:none;background-color:#EEE;color:#333;}
	.recommendations_switch .btn.active{background:none;background-color:#002f79;color:#ffffff;}
	
	.btnGerolsteinerSpecial {
		background-color: #bdd4e9;
		color: #002f79;
		text-shadow: none;
		margin: 10px 0 10px 4px;
		padding-left: 32px;
	}
	.btnFacebook {
			background: url(/fileadmin/mineralwasser-und-leitungswasser-de/templates/gfx/socialMediaIconSmall-facebook.png) no-repeat 8px center #bdd4e9;
	}
	.btnTwitter {
			background: url(/fileadmin/mineralwasser-und-leitungswasser-de/templates/gfx/socialMediaIconSmall-twitter.png) no-repeat 8px center #bdd4e9;
	}
	.btnGoogle {
			background: url(/fileadmin/mineralwasser-und-leitungswasser-de/templates/gfx/socialMediaIconSmall-googlePlus.png) no-repeat 8px center #bdd4e9;
	}
	.btnPrint {
			background: url(/fileadmin/mineralwasser-und-leitungswasser-de/templates/gfx/socialMediaIconSmall-print.png) no-repeat 8px center #bdd4e9;
	}
	.btnGerolsteinerSpecial:hover,
	.btnGerolsteinerSpecial:focus,
	.btnGerolsteinerSpecial:active {
		color: #ffffff;
		background-color: #6594bc;
		background-position: 8px center;
	}
	.buttons_countdown .btn {
			color: #ffffff;
			text-transform: uppercase;
			margin: 10px 0;
			text-decoration: none;
	}
	.buttons_countdown .btnKinoinfo {
			background-color: #6594bc;
	}
	.buttons_countdown .btnKinoinfo:hover,
	.buttons_countdown .btnKinoinfo:focus,
	.buttons_countdown .btnKinoinfo:active {
			background-color: #82abcd;
			background-position: 8px center;
	}

	.btn .icon-white{
		margin-right: 5px;
	}
	
	
	
/******************************************************************************/
/******************************************************************************/
/************* Vergleichstabelle Global ***************/

	div.tx-eolleitungswasser-pi2 {padding-right:0;}
    div.tx-eolleitungswasser-pi2 div.striped:nth-child(odd) { background-color: #E8F2FA; }
    div.tx-eolleitungswasser-pi2 div.striped:nth-child(even) { background-color: #FFF; }


/******************************************************************************/
/******************************************************************************/
/************* JQUERY UI DEFAULT OVERRIDE ***************/	

	.ui-state-default, 
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default{
		background:none;
		background-color:#ffffff;
		color:inherit;
		border: 1px solid #6594bc;
	}
	.ui-state-active, .ui-widget-content .ui-state-active, 
	.ui-widget-header .ui-state-active {
		border: 1px solid #6594bc;
	}
	.ui-widget-content {
		border: 1px solid #6594bc;
	}
	.ui-widget-content table{width:100%;}
	.ui-widget-content table tr td{padding:10px 8px; color:#002f79;}


/******************************************************************************/
/******************************************************************************/
/************* Tooltips & Popovers ***************/	

	.tooltip {}
	.in.tooltip {filter:none;}
	
	.tooltip-inner {display:block;background-color:#73b4da;color:#FFFFFF;text-align:left;line-height:1.2em;}
	.tooltip-inner *{text-align:left;font-weight:normal;padding:0;}
	.tooltip-inner {padding:20px 15px;position:relative;left:75px;}
	.tooltip-inner p{padding:0 margin-bottom:1em;}
	.tooltip.bottom .tooltip-arrow {border-bottom-color: #73b4da;}
	.tooltip.top .tooltip-arrow {border-top-color: #73b4da;}

	.popover {
		width: 320px;
		padding: 1px;
		text-align: left;
		background-color: #ffffff;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		border: 1px solid #bdd4e9;
		border: 1px solid rgba(189, 212, 233, 0.2);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0 5px 10px rgba(128, 174, 209, 0.6);
		-moz-box-shadow: 0 5px 10px rgba(128, 174, 209, 0.6);
		box-shadow: 0 5px 10px rgba(128, 174, 209, 0.6);
		white-space: normal;
	}	
	.popover.bottom .arrow {
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #bdd4e9;
		border-bottom-color: rgba(189, 212, 233, 0.8);
		top: -11px;
	}	
	
	.popover-title {font-weight:bold;font-size:1em;background:none;border:none;}
	.popover-content {padding-top:0;font-size:0.92em;}
	.popover.bottom {margin-top: 20px;}

	
	
/******************************************************************************/
/******************************************************************************/
/************* Modals ***************/	
	.modal table {width:100%;}
	
	.modal-body {max-height: 530px;}
	.modal-footer {background:none;border:none;}
	
	
	.modal-body h2{font-size:1.54em;margin-top:0;line-height:1.2em;}
	
	
	.modal-header {
		border:none;
	}


/******************************************************************************/
/******************************************************************************/
/************* Mineralieninfo-Tabelle ***************/
	
	table.contenttable {
		background-color:#ffffff;
		/*margin-left:50px;*/
	}
	table.contenttable td {
		/*padding-right: 5px;*/
	}	
	
/******************************************************************************/
/******************************************************************************/
/************* JQuery UI AUTOCOMPLETE ***************/

	ul.ui-autocomplete li.with_padding a { padding-left: 3em; }
	ul.ui-autocomplete li.discounter,
	ul.ui-autocomplete li.tapwater{
		width: 70%;
		line-height: 1.25;
		min-height: 0; /* support: IE7 */
		font-weight: normal;
		font-size: 0.9em;
		color: #666666;
		padding: 0.4em 1.5em;
		 padding-left: 2.9em; 
		background-image:url(/typo3conf/ext/eol_leitungswasser/res/img/discounter_cart.png);
		background-repeat: no-repeat;
		background-position: center left;
	}
	ul.ui-autocomplete li.discounter 	{background-image:url(/typo3conf/ext/eol_leitungswasser/res/img/discounter_cart.png);}
	ul.ui-autocomplete li.tapwater		{background-image:url(/typo3conf/ext/eol_leitungswasser/res/img/ul_section_tapwater.png);}
	
	ul.ui-autocomplete {z-index: 999    !important; }



	.ui-menu {
		padding: 2px 0px 2px 0px;
		max-height: 194px;
		overflow: auto;
	}

	.ui-menu .ui-menu-item a {
		text-decoration: none;
		display: block;
		padding: 0.4em 1.5em;
		line-height: 1.25;
		min-height: 0; /* support: IE7 */
		font-weight: normal;
		font-size: 0.9em;
		color: #002B7B;
	}
	.ui-menu .ui-menu-item a.ui-state-focus,
	.ui-menu .ui-menu-item a.ui-state-active {
		border: 0px;
		margin: 0px;
		background-color: #002B7B;
		background-image: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		color: white;
		
	}
	/* AUTOCOMPLETE MOBILE */
	ul.ui-autocomplete-mobile {
		width: 99.9% !important;
		left: 0px !important;
	}

	
	
	
/****************************************************/
/****************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/************* Media Queries ***************/

	
	@media (min-width: 1200px) {
		.navbar .container {width: 1000px;margin:0 auto;}
		div.tx-eolleitungswasser-pi3 {padding-right:60px;}
	}
	
	
	@media (max-width: 1040px) {
		.tx-irfaq-pi1 {width: 100%;}
		#rightFixedMenu{display:none;}
	}

	@media (min-width: 1040px)and (max-width: 1170px) {
		#topWave video { margin-top: 50px; }
		
	}

	@media (min-width: 979px)and (max-width: 1040px) {
		#topWave video{margin-top: 100px;}
		#topWave img { margin-top: 125px; }
	}

	@media (min-width: 768px) and (max-width: 979px) {
		.navbar .container {width: 724px;}
	}
	
	@media (max-width: 979px) {
		#topLogoArea {width: auto;}
		div#mainContentContainer {padding-top: 0;}
		#topWave{display:none;}
		div.tx-eolleitungswasser-pi3{padding:0;}
	}

	@media (max-width: 767px) {
		body {padding-right: 0;	padding-left: 0; }
		#pageWrapper {padding-right: 20px;padding-left: 20px;}
		.navbar .container {width:auto;}
		.navbar-inner {padding: 0;}
		div.footerContentbox {display:block;clear:both;width:100%;margin:0 0 20px 0;}
		div.footerContentboxStyle3 div.footerContentboxInnerRight{width:40%;}
		div.contentSubSocial div.pull-right{margin-right:0px;}

		div.tx-eolleitungswasser-pi2 .table_info_placeholder,
		div.tx-eolleitungswasser-pi2 .table_info_wrapper  {background-color:#FFFFFF;	visibility:hidden;height:5px;}
		div.tx-eolleitungswasser-pi2 .table_info_placeholder_mineralcol{height:0px;}
		div.tx-eolleitungswasser-pi2 div.value_calcium { box-shadow:none;}
		
		div.international_searchInner {width:100%;float:none;clear:both;margin:0 auto;text-align:center;}
		div.startMineralwasserAuswahl div.international_search input[type=text] {width:60%;}
		div.startMineralwasserAuswahl span.searchfieldTextUnder {display:block;margin-bottom:2em;margin-top:-10px;}
		
		.tx-irfaq-pi1 .faqItemsContainerInner {padding:0px;}
		div.tx-eolleitungswasser-pi2 .comparison_col {background-color:#FFFFFF;}
		
	}

	@media (max-width: 480px) {
		div.tx-eolleitungswasser-pi2 .water_title {padding-top: 8px;z-index:999;}
		div.tx-eolleitungswasser-pi2 span.tapWaterInfoBlockTarget {display:none;}
	}

	@media (min-width: 399px){
		span.dataValueMg {display:block;width:40%;float:left;text-align:right;}
		span.dataDivider {display:block;width:20%;clear:none;float:left;text-align:center;padding:0;}
		span.dataValuePercent {display:block;width:40%;float:right;text-align:left;}
		
	}
	
	@media (max-width: 399px){
		div.tx-eolleitungswasser-pi2 .dataDivider {visibility:hidden;clear:both;float:none;display:block;height:1px;padding:0;margin:0;}
		div.tx-eolleitungswasser-pi2 .dataValueMg {display:block;margin-top:-0.8em;}
		div.tx-eolleitungswasser-pi2 .dataValuePercent {display:block;}
		#pageWrapper { padding-right: 5px;	padding-left: 5px;	}
		div.tx-eolleitungswasser-pi2 div.table_header_row .tapwater_city_title{display:none !important;font-size:0.82em !important;}
		div.tx-eolleitungswasser-pi2 div.table_header_row .water_title{font-size:0.82em !important;padding-top:8px !important;}
	}