/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/* Body
========================================================================== */
/* body anpassen */
body{
	background:#fff;
}
/* (Beginn Container Bereich)
-------------------------------------------------------------------------- */
/* (Beginn Header Bereich)
-------------------------------------------------------------------------- */
/* (Beginn Headerbar)
-------------------------------------------------------------------------- */
/* Headerbar
========================================================================== */
/* Headerbar anpassen */
.tm-headerbar {
	padding-bottom: 0px;
}
/* Toolbar
========================================================================== */
/* Toolbar anpassen */
.tm-toolbar{
	background:#726A61;
	width: auto;
	color:#fff;
}
/* Logo
========================================================================== */
.tm-logo img{
	max-width:255px;
}
/* Logo Small
========================================================================== */
.tm-logo-small img {
	max-width:198px;
}
/* Navbar
========================================================================== */
/* Navbar anpassen */
.tm-navbar{
	background:#fff;
	border-top:#0090D4 solid 5px;
	border-bottom:#0090D4 solid 5px;
}
.uk-navbar-nav > li > a {
	height: 90px;
	/* padding: 0 15px;*/
	line-height: 90px;
	color: #b0b0b0;
	font-size: 18px;
	font-weight: 300;
	margin: 0 10px;
	padding: 0;
}
/* (Ende Headerbar)
-------------------------------------------------------------------------- */
/* (Ende Header Bereich)
-------------------------------------------------------------------------- */
/* (Beginn Block Bereiche)
-------------------------------------------------------------------------- */
.tm-block{
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding:0px !important;
}
.tm-block-default{
}

/* (Beginn Block Top) */
/* Top A, B, C
========================================================================== */
/* Top A anpassen */
.tm-top-a .uk-panel{
	border-bottom:5px solid #726A61;
}
/* (Ende Block Top) */

/* (Beginn Block Middle)
-------------------------------------------------------------------------- */
/* Aussenabstaende anpassen, dadurch groesserer Viewport fuer kleinere Displays */
.uk-container{
	padding: 0 10px;
}
/* Main
========================================================================== */
.tm-main{ 
	background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
	background-position:bottom left;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
}
/* Sidebar A & B
========================================================================== */
/* Sidebar A anpassen */
.tm-sidebar-a{
	border-left:25px solid #fff;
	background:#0090D4;
	padding: 15px;
}
/* mit Panel Box = Style Default (wird im Template unter Module eingestellt) */
.tm-sidebar-a .uk-panel-box {
	background: #1B89BA;
}
.tm-sidebar-a .uk-panel-box p{
	color:#fff;
}
.tm-sidebar-a .uk-panel-box .uk-panel-title {
	color:#fff;
	font-weight:100;
}
.tm-sidebar-a .uk-panel-box > .uk-nav-side > li > a {
	color: #fff;
}
/* ohne Panel Box = z.B. Style Blank (wird im Template unter Module eingestellt) */
.tm-sidebar-a .uk-panel-title {
	color:#fff;
}
.tm-sidebar-a .uk-panel{
	background: #1B89BA;
}
.tm-sidebar-a .uk-panel p{
	color:#fff;
}
.tm-sidebar-a .uk-panel-title {
	color:#fff;
}
.tm-sidebar-a .uk-panel > .uk-nav-side > li > a {
	color: #fff;
}
/* Sidebar B anpassen */
.tm-sidebar-b{
	background:#726A61;
	padding-left:0px;
	border-left:25px solid #fff;
}
.tm-sidebar-b p { 
}
.tm-sidebar-b .uk-panel {
}
.tm-sidebar-b .uk-panel-box {
	background: transparent;
}
.tm-sidebar-b .uk-panel-box p{
	color:#fff;
}
/* mit Panel Box = Style Default (wird im Template unter Module eingestellt) */
.tm-sidebar-b .uk-panel-box .uk-panel-title {
	color:#fff;
}
/* ohne Panel Box = z.B. Style Blank (wird im Template unter Module eingestellt) */
.tm-sidebar-b .uk-panel-title {
	color:#fff;
	padding-left: 15px;
	padding-right: 15px;
	font-size:1.1em;
	font-weight:100;
}
/* (Ende Block Middle)
-------------------------------------------------------------------------- */
/* (Beginn Block Bottom)
-------------------------------------------------------------------------- */
/* Bottom C
========================================================================== */
/* Bottom C anpassen */
.tm-bottom-c p{ padding-top:25px;}
.tm-block-dark{ 
	background:#726A61;
	border-top:#0090D4 solid 5px;
	border-bottom:#0090D4 solid 5px;
}
/* (Ende Block Bottom)
-------------------------------------------------------------------------- */
/* (Ende Block Bereiche)
-------------------------------------------------------------------------- */
/* (Beginn Footer)
-------------------------------------------------------------------------- */
/* Footer
========================================================================== */
.tm-block-footer{
	background:#fff;
}
.tm-footer{ 
	padding:10px;
}
/* (Ende Footer)
-------------------------------------------------------------------------- */
/* (Ende Container Bereich)
-------------------------------------------------------------------------- */
/* Panel
========================================================================== */
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
	margin-top: 15px;
}
.uk-panel-box {
	padding:15px;
}
.uk-article-title{
	font-family: 'Oswald';
} 
input, textarea, .uneditable-input {
    width: 95%;
}
textarea {
		min-height:250px;
}
.uk-panel-box-secondary {
    background-color: #f5f5f5;
    color: #ffffff;
    border-color: #dddddd;
}
.uk-panel-box-secondary h1{
    color: #444444;
}
/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  font-family: 'Oswald';
  font-weight: 700;
  color: #444444;
  text-transform: none;
}
/*
 * Margins
 */
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 25px;
}
/*
 * Sizes
 */
h1,
.uk-h1 {
  font-size: 42px;
  line-height: 49px;
  font-weight: 100;
  text-transform: none;
}
h2,
.uk-h2 {
  font-size: 30px;
  line-height: 36px;
}
h3,
.uk-h3 {
  font-size: 24px;
  line-height: 30px;
}
h4,
.uk-h4 {
  font-size: 18px;
  line-height: 18px;
}
h5,
.uk-h5 {
  font-size: 16px;
  line-height: 22px;
}
h6,
.uk-h6 {
  font-size: 14px;
  line-height: 20px;
}
td{padding-right:5px;}
.uk-article-title {
	font-size: 46px;
	font-size:42px;
	line-height: 53px;
	line-height:49px;
	font-weight: 700;
	text-transform: none;
}
.uk-overlay-panel {
    padding: 10px;
}
.emphasized-01{
	font-size: 46px;
	font-size:42px;
	line-height: 53px;
	line-height:49px;
	font-weight: 700;
	text-transform: none;
}
.emphasized-02{
	font-size: 30px;
	line-height: 36px;
	font-weight: 100;
	text-transform: none;
	text-align:center;
	color:#0090D4;
	color:#fff;
}
.slogan-box{
	/*background:#1B89BA;*/
	padding:5px;
	margin:0px;
}
.slogan-box p{margin-bottom:0px; 	font-family: 'Open Sans Condensed';}

/* Google Map - Routenplaner Eingabefeld */
.pm-input-route{width:55%;}


/* @media
=========================================================================== */
/* Xlarge */
@media screen and (min-width:1220px){
	.tm-headerbar {
		padding-bottom: 0px;
	}
	.tm-sidebar-a {
		border-left:35px solid #fff;
	}
	.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
		margin-top: 15px;
	}
}
/* Large */
@media screen and (min-width:960px) and (max-width:1219px){
	.tm-toolbar p{
		font-size:0.8em;
		line-height:1.1em;
	}
	.uk-navbar-brand {
		padding: 0 0px 0 0;
	}
	.uk-navbar-nav > li > a {
		height: 90px;
		/*padding: 0 15px;*/
		line-height: 90px;
		color: #b0b0b0;
		font-size: 14px;
		font-size:16px;
		font-weight: 300;
		margin: 0 10px;
		padding: 0;
	}
	.tm-main{ 
		background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
		background-size:470px;
		background-position:bottom left;
		padding-left:25px;
	}
	.tm-sidebar-a .uk-panel-title {
		font-size:0.9em;
	}
	.tm-sidebar-a .uk-panel p{
		font-size: 0.8em;
	}
	.tm-sidebar-a .uk-panel > .uk-nav-side > li > a {
		font-size: 0.8em;
	}
	.tm-sidebar-b .uk-panel-title {
		font-size:0.9em;
	}
	.tm-footer p{
		font-size:0.8em;
		line-height:1.1em;
	}
	.tm-logo img{
		max-width:210px;
	}	
}
/* Zwischengröße */
@media (max-width: 980px){
	.tm-main{ 
		background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
		background-size:390px;
		background-position:bottom left;
		padding-left:25px;
	}
}
/* Zwischengröße */
@media (max-width: 830px){
	.tm-main{ 
		background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
		background-size:350px;
		background-position:bottom left;
		padding-left:25px;
	}
}
/* Breakpoint - Offcanvas Menu */
@media screen and (min-width:850px) and (max-width:959px){
	.tm-toolbar p{
		font-size:0.8em;
		line-height:1.1em;
	}
	.uk-navbar-brand {
		padding: 0 0px 0 0;
	}
	.uk-navbar-nav > li > a {
		height: 90px;
		/*padding: 0 15px;*/
		line-height: 90px;
		color: #b0b0b0;
		font-size: 14px;
		font-size:16px;
		font-weight: 300;
		margin: 0 10px;
		padding: 0;
	}
	.tm-main{ 
		background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
		background-size:470px;
		background-position:bottom left;
		padding-left:25px;
	}
	.tm-sidebar-a .uk-panel-title {
		font-size:0.9em;
	}
	.tm-sidebar-a .uk-panel p{
		font-size: 0.8em;
	}
	.tm-sidebar-a .uk-panel > .uk-nav-side > li > a {
		font-size: 0.8em;
	}
	.tm-sidebar-b .uk-panel-title {
		font-size:0.9em;
		font-size:0.8em;
		line-height:1.5em;
	}
	.tm-footer p{
		font-size:0.8em;
		line-height:1.1em;
	}
	.tm-logo img{
		/*max-width:210px;*/
	}
	.tm-logo img{
		/*max-width:200px;*/
	}
}
@media screen and (min-width:768px) and (max-width:849px){
	.tm-toolbar p{
		font-size:0.8em;
		line-height:1.1em;
	}
	.uk-navbar-brand {
		padding: 0 0px 0 0;
	}
	.uk-navbar-nav > li > a {
		height: 90px;
		/*padding: 0 15px;*/
		line-height: 90px;
		color: #b0b0b0;
		font-size: 14px;
		font-size:16px;
		font-weight: 300;
		margin: 0 10px;
		padding: 0;
	}
	.tm-main{ 
		background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
		background-size:470px;
		background-position:bottom left;
		padding-left:25px;
	}
	.tm-sidebar-a .uk-panel-title {
		font-size:0.9em;
		font-size:0.8em;
		line-height:1.5em;
	}
	.tm-sidebar-a .uk-panel p{
		font-size: 0.8em;
		font-size: 0.6em;
		line-height:1.5em;
	}
	.tm-sidebar-a .uk-panel > .uk-nav-side > li > a {
		font-size: 0.8em;
		font-size:0.7em;
		line-height:1.5em;
	}
	.tm-sidebar-b .uk-panel-title {
		font-size:0.9em;
		font-size:0.7em;
		line-height:1.5em;
	}
	.tm-footer p{
		font-size:0.8em;
		line-height:1.1em;
	}
	.tm-logo img{
		/*max-width:210px;*/
	}
	.tm-logo img{
		/*max-width:200px;*/
	}
	h1,
	.uk-h1 {
		font-size: 33px;
		line-height: 40px;
		font-weight: 100;
		text-transform: none;
	}
	h2,
	.uk-h2 {
		font-size: 27px;
		line-height: 33px;
		font-weight: 100;
	}
	h3,
	.uk-h3 {
		font-size: 21px;
		line-height: 27px;
		font-weight: 100;
	}
	.uk-article-title {
			font-size: 33px;
			line-height: 40px;
			font-weight: 100;
			text-transform: none;
	}
	.emphasized-01{
			font-size: 33px;
			line-height: 40px;
			font-weight: 100;
			text-transform: none;
	}
}
/* Medium */
@media screen and (min-width:480px) and (max-width:767px){
	.tm-main{ 
		background:url(../../../../../images/tyroller/layout/reifen-spuren.gif) no-repeat;
		background-size:470px;
		background-position:bottom left;

		background-position: bottom 0px left 25px;
		padding-left:25px;
	}
}
/* Small */
@media screen and (min-width:0px) and (max-width:479px){	
	h1,
	.uk-h1 {
		font-size: 33px;
		line-height: 40px;
		font-weight: 100;
		text-transform: none;
	}
	h2,
	.uk-h2 {
		font-size: 27px;
		line-height: 33px;
		font-weight: 100;
	}
	h3,
	.uk-h3 {
		font-size: 21px;
		line-height: 27px;
		font-weight: 100;
	}
	.uk-article-title {
			font-size: 33px;
			line-height: 40px;
			font-weight: 100;
			text-transform: none;
	}
	.emphasized-01{
			font-size: 33px;
			line-height: 40px;
			font-weight: 100;
			text-transform: none;
	}
.slogan-box{
	/*background:#1B89BA;*/
	padding:5px;
	margin:0px;
}
.slogan-box p{ font-size:23px; line-height:45px; margin:0px;}
}
/* Zwischengröße */
@media (max-width: 355px){
	.tm-logo-small img {
		max-width:170px;
	}
}
/* Zwischengröße */
@media (max-width: 327px){
	.tm-logo-small img {
		max-width:150px;
	}
}