/*
	**************************************************
	Breakpoint helpers
	mhm 11.10.2013

	Small phone: up to 639px
	Phone: up to 767px (including *all* smaller resolutions)
	Tablet: between 768px and 979px
	Small desktop: between 980px and 1199px
	Desktop: from 980px upwards
*/
/*
	**************************************************
	Gradient helpers
	mhm 11.10.2013

	Some functions require the use of PIE.php in the project folder
*/
/*
	**************************************************
	Shadow helpers
	mhm 11.10.2013

	Some functions require the use of PIE.php in the project folder
*/
/*
	**************************************************
	Aspect ratio box helpers
	mhm 11.10.2013

	e.g. if you need a video container DIV to be flexible
	but always retain a 16:9 format ratio
*/
/*
	**************************************************
	CSS3 transformations
	mhm 11.10.2013

	e.g. movement, animation, rotation etc.
*/
/*
	CSS media object
	Created by Mark Howells-Mead, http://mhm.li/

	CSS concept by Nicole Sullivan
	http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

	This code is provided as-is under the GPL GNU General Public Licence v3
	and may be freely used, adapted and built upon. No guarantee is provided or implied.
	http://www.gnu.org/licenses/gpl.html

	Usage in HTML:

		<div class="media attribution">
			<a href="http://twitter.com/stubbornella" class="img">
				<img src="http://stubbornella.com/profile_image.jpg" alt="me" />
			</a>
			<div class="bd">
				@Stubbornella 14 minutes ago
			</div>
		</div>

		<div class="mo formfield">
			<label>Name</label>
			<input type="text" name="yourname">
		</div>


	Definitions in LESS:

		.media.attribution {
			.media-object(~'a.img',~'div.bd');
		}

		.mo.formfield {
			.media-object(~'label',~'input,textarea');
		}

*/
/*
 	see responsiveslides.com
	mhm feb 2014

	usage:

	.myslideshow {
		.responsiveslides;
		.rslides_tabs a {
			color: red;
		}
	}

*/
/*
	**************************************************
	Alternative, simpler version

	.columns(@nr,@spacing:0){
		-moz-columns:@nr;
		-webkit-columns:@nr;
		columns:@nr;
		-moz-column-gap:@spacing;
		-webkit-column-gap:@spacing;
		column-gap:@spacing;
	}//.columns
*/
.position-top {
  top: 0;
}
iframe {
  max-width: 100%;
}
/*
	vertical alignment for block elements
	usage:
	.outerElement {
		.valign(~'.innerElement')
	}
*/
.module.nav-tabs .tab-pane {
  display: none;
  position: relative;
  z-index: 0;
}
.module.nav-tabs .tab-pane.act {
  display: block;
  z-index: 1;
}
.module.nav-tabs ul {
  width: 93%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: 1.21428571428571em;
  line-height: 1em;
}
.module.nav-tabs ul ol,
.module.nav-tabs ul ul,
.module.nav-tabs ul menu,
.module.nav-tabs ul nav,
.module.nav-tabs ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.module.nav-tabs ul li {
  display: inline-block;
}
.module.nav-tabs ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  font-size: 1em;
  line-height: 1em;
  vertical-align: bottom;
}
.module.nav-tabs ul li:before,
.module.nav-tabs ul li:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.module.nav-tabs ul li a {
  display: block;
  padding: 1em .5em;
  border: none !important;
  background: rgba(142, 129, 114, 0.15);
}
.module.nav-tabs ul li.act a {
  color: #fff;
  background-color: #8e8172;
}
.module.nav-tabs ul.size2 li {
  width: 50%;
}
.tx-frpveranstaltungen-pi12 .sucheExtended {
  zoom: 1;
  border-top: none;
  padding: 1em 2%;
  width: 93%;
  text-align: center;
  margin-bottom: 2em;
}
.tx-frpveranstaltungen-pi12 .sucheExtended:before,
.tx-frpveranstaltungen-pi12 .sucheExtended:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.tx-frpveranstaltungen-pi12 .sucheExtended:after {
  clear: both;
}
.tx-frpveranstaltungen-pi12 .sucheExtended h2,
.tx-frpveranstaltungen-pi12 .sucheExtended form {
  float: none;
  width: 86%;
  margin: 0 auto;
  text-align: left;
}

@media only screen and (max-width: 480px){
    #tx-frpveranstaltungen-pi11pi12 .tab-content div.tab-pane:first-child{
        display: none;
    }
    #tx-frpveranstaltungen-pi11pi12 .tab-content div.tab-pane:nth-child(2){
        display: block;
    }
}