/* ========================================================================
   Lila:    #9c49bf
 ========================================================================== */
 
body {
  background: url(../images/background.jpg) repeat-x fixed left bottom #F1F1F1;
  font-family: Tahoma,Geneva,"Trebuchet MS",Verdana,Arial,sans-serif !important;
  font-weight: normal;
  line-height: 140%;
color: #353B40; }
 
/* Header, Menu */
.tm-header { width: 100%; background-image: url(../images/heimat-woergl-bg-top.jpg);   background-repeat: no-repeat;   background-position: center top;  padding-bottom:10px; }
.tm-top .uk-container { padding:0; }

.tm-main .uk-container > .uk-grid > div { padding: 20px 15px; background-color: #fff; min-height: 300px; border: 1px solid #cfcfcf; }
.yoo #tm-main { padding: 20px 15px; background-color: #fff; min-height: 300px; border: 1px solid #cfcfcf; }


/* Schatten */
aside .uk-panel, #module-152 .uk-panel, .tm-top {  box-shadow: 0 0 7px -1px #888; -moz-box-shadow: 0 0 7px -1px #888; -webkit-box-shadow: 0 0 7px -1px #888; border: 1px solid #cfcfcf;  }
#module-152 .uk-panel {  padding: 15px; }
article > div > img, article > div > p > img { idth:100%; }

.uk-navbar-dropdown {   margin-top: 2px;   background: url(../images/dropdown-gradient_02.jpg) repeat-x scroll 0 0 #30383B;   
						color: #353B40;   left: -1px;   ox-shadow: 0 2px 5px rgba(0,0,0,0.1);  }
.uk-navbar-dropdown ul li a { border-top: 1px solid #6f8289; padding: 6px 0px;  }
 
/* submenu  */
.submenu-left { 
	background: url(../images/bg_menu_links.gif) bottom left repeat-x #66307e; color:#fff; 
	box-shadow: 0 0 7px 0px #888; -moz-box-shadow: 0 0 7px 0px #888; -webkit-box-shadow: 0 0 7px 0px #888;
	font-size:.9em;  border:none; 
	padding:15px 15px 15px 0px;
} 
.submenu-left h3.uk-panel-title {
	font-size:11px; font-weight:800; 	
	color:#fff; padding-left:15px;
	margin:15px 0px;
}
.submenu-left li:first-child { background: none; }
.submenu-left li { background:url(../images/spacer_submenu.gif) top left no-repeat; padding:0 10px 0 15px; }
.submenu-left .uk-nav .uk-active > a { font-weight: bold; }
.submenu-left ul.uk-nav-sub li   { margin-bottom:2px; }
.submenu-left ul.uk-nav-sub li  a { font-weight: normal; }
.submenu-left ul.uk-nav-sub > li.uk-active a { font-weight: bold; }
.submenu-left li.uk-active  { background:url(../images/spacer_submenu.gif) repeat-y !important; }

ul.uk-nav-sub  { background:none; padding-left:0px; }
.uk-nav-sub li { background:none; padding-left:0px; }


/* Widgetkit */
[id*='wk-grid'] .uk-panel { transition: transform 0.3s ; }
[id*='wk-grid'] .uk-panel:hover > div { transform: scale(1.2,1.2); transition:0.5s; }
.wk-slideshow-default .caption h1 { background-color: #da0020; }
@media (min-width: 960px) {   /* Galerie 8er grid für hohe Auflösungen */
	[id*='wk-grid'].uk-child-width-1-6\@m>* { idth: calc(100% * 1 / 8.001) !important; }
}
.uk-lightbox [class*="uk-transition-slide"] { transform:translate(0,0) !important; }



fieldset { width:500px; }
.tm-content h1 { color:#7d3a99; }
 
 .form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 100px;
}
.form-horizontal .controls {
    margin-left:120px;
}
.form-horizontal .control-group {
    margin-bottom: 20px;
}
.person { margin-bottom:15px; float:left; max-width:32%; }
.person  { margin-right:10px; }
.fadegallery { background-color:transparent !important;  }
.adegallery img { width:100%; height:auto; }
.avPlayerContainer { width:95% !important; height:150% !important; }
.home {  max-width: 223px;    min-height: 40px;     background-color: #BBB;     padding: 20px; }
.tm-main-bottom a img:hover, .tm-main-bottom2 a img:hover { opacity:0.7; }
.tm-sidebar-b .uk-panel-box { padding:0 !important; }
.letter { padding:10px 0 5px 0; width:200px; border-bottom:1px solid #777; font-size:18px; margin-bottom:10px; }
.zwei-spaltig { -webkit-columns: 250px 2;  -moz-columns: 250px 2; columns: 250px 2; }
.tm-top-a .uk-panel-box { padding:0; }	

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3 {  margin-top:0; }
h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 { margin-bottom:5px; margin-top:0; }
	

@media (min-width: 1005px) {
	.wrapper_energie { 
		width:100%;
		background-image:  url("../images/heimat-woergl-bg-top.jpg");
		background-repeat: no-repeat;
		background-position: center top ;
	} 
	.fadegallery div {
		margin-left:0px;
		background-color:transparent;
	}
	.tm-navbar {
		margin-top: 28px;
		margin-bottom: 8px;
	}
	.uk-container {
		padding: 0 0px;
	}
	/* Horizontal gutter */
	.uk-grid:not(.uk-grid-preserve) {
		margin-left: -10px;
	}
	.uk-grid:not(.uk-grid-preserve) > * {
		padding-left: 10px;
	}
	  .uk-width-medium-3-5,
	  .uk-width-medium-6-10 {
		width:600px !important;
	  }
	  .uk-width-medium-4-5,
	  .uk-width-medium-8-10 {
		width: 790px !important;
	  }
}

@media (min-width: 950px) {
	ul.slider { height:250px !important; }
}
@media (min-width: 768px) {
	article > div > div.person:nth-child(3n)  { margin-right:0px; }
	ul.slides {  height:250px !important; }
}
@media (max-width: 1000px) {
	.person { max-width:31.7%; }
}
@media (max-width: 767px) {
	.person { margin-bottom:15px; float:left; max-width:48%; }
	article > div > div.person:nth-child(2n)  { margin-right:0px; }
}


				
@media (max-width: 1004px) {
	.fadegallery div {
		width:100% !important;
		eight:auto !important;
		display:block; 
	}
	.tm-navbar	 {
	  margin: 28px 0 8px 10px;
	}
	.tm-logo  p { padding-left:10px; }
	.tm-sidebar-b .uk-panel > div {
		width:auto !important;
	}
	.uk-navbar-nav > li > a {
		margin-right:36px !important;
	}
}


@media (min-width: 768px) {
	.uk-navbar-nav {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  float: left;
	  height:40px;
	}
}

@media (min-width: 768px) and (max-width:1004px) {
	.wrapper_energie { 
		width:100%;
		background-image:  url("../images/heimat-woergl-bg-top_790.jpg");
		background-repeat: no-repeat;
		background-position:	left top ;
	} 
}

@media (max-width: 767px) {
	.wrapper_energie { 
		width:100%;
		background-image:  url("../images/heimat-woergl-bg-top_s.jpg");
		background-repeat: no-repeat;
		background-position:  left top ;
	} 
	.tm-navbar	 {
	  margin: 25px 0 26px 20px; 
	}
	.fadegallery { display:none !important; }
	.tm-sidebar-a { isplay:none !important; }
	#fbplikebox { isplay:none !important; }
	
	.tm-sidebar-b .uk-panel { 
		float:left !important; 
		margin:10px 20px;
		
	}
}