/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
=================================================2=
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.container                                  { width: 1000px; margin: 0 auto; padding: 0; }

/* #Additional - Large Screens beyond 1280px
================================================== */

/* Note: Design for a width of 1280px */

@media only screen and (min-width: 1281px) {

.container                                  { width: 1000px; }
.toggleMenu {display:none:}
}

	
/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
html {
	overflow-x:hidden;
}
#main {
    width: 750px;
}
#logo {
    float: left;
    height: 180px;
    width: 200px;
}
#logo img{
    float: left;
    height: 180px;
    width: 200px;
}
img.banner_img {
    height: 181px;
    width: 550px;
}
#header {
    height: auto;
}
#topnavi {
    width: 750px;
}
#flaggen {
    width: 200px;
}
#navi {
    width: 550px;
}
#left {
    width: 200px;
}
#left p {
    font-size: 13px;
}
.leftnavi li a {
    font-size: 13px;
}
.metanavi li a {
    font-size: 13px;
}
#right {
    float: left;
	width:550px;
}
#content {
    padding: 40px 10px;
    width: 533px;
}
#content p {
    width: 510px;
}
.rafting-bild-re img {
    width: 160px;
}
.outdoorplanet-content {
    margin-top: 30px;
    width: 560px;
}
p.out_link {
	width:350px !important;
}
#footer {
    width: 750px;
}
#footer p {
    font-size: 11.4px;
    padding: 0 12px;
}
#borderbottom {
    width: 550px;
}
#bordertop {
    width: 550px;
}
ul {
    margin-left: 25px;
}


/****gutschein page****/
.erlebnis-gutschein {
    width: 540px;
}
.erlebnis-gutschein-programm {
    margin: 0 5px 20px 0;
    width: 166px;
}
.erlebnis-gutschein-programm-rechts {
    margin: 0 10px 20px 0;
    width: 170px;
}
.erlebnis-gutschein-programm img {
    width: 160px;
}
.erlebnis-gutschein-programm-rechts img {
    margin: 5px 5px 10px;
	width:160px;
}
ul {
    width: 510px;
}

/****team page****/
.team-table {
    width: 540px;
}
img.team {
	width:170px;
}


/****rafting-tirol page****/
.subnavi {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 140px;
}
.rafting-canyoning-tour h2, h3, h4 {
    width: 530px;
}
.rafting-canyoning-tour .bilder img {
    width: 78px;
}
.rafting-canyoning-tour .bilder {
    width: 360px;
}
.rafting-canyoning-tour .buttons {
	float:left;
    width: 175px;
}
.rafting-canyoning-tour hr {
    width: 87%;
}
p.rechts {
	width:350px !important;
}


/****bergspot page****/
.rafting-canyoning-prog hr {
    width: 100%;
}
.rafting-canyoning-prog .programmpunkt {
    margin-bottom: 70px;
}
.rafting-canyoning-prog .programmpunkt ul {
    float: left;
    width: 205px;
}
.leftnavi li {
    height: auto;
}
.canyoning-bild-li img {
    height: 240px;
    width: 210px;
}
.canyoning-bild-li h2 {
    float: left;
    width: 310px;
	margin-left:10px;
}
#content .canyoning-bild-li p {
    float: left;
    width: 320px;
}
.canyoning-bild-li ul {
    float: left;
    width: 270px;
}
table {
    width: 530px;
}
img.training {
	width:160px;
	height:180px;
}
.rafting-prog-li h2, h3, h4 {
    width: 535px;
}
.rafting-prog-li ul {
    float: left;
    width: 343px;
}
.rafting-prog-li table {
    float: left;
    width: 346px;
}
.rafting-prog-li .kombi {
    float: left;
	width:350px;
}
#content .rafting-prog-li p {
    float: left;
    width: 330px;
}
.kombi {
    float: left;
	width:500px;
}
.programmpunkt a.button2 {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #faf3d5, #eeba05) repeat scroll 0 0;
    border: 1px solid #808080;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #959595;
    color: #181818;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 400px;
    padding: 0 10px;
	float:left;
    text-decoration: none;
	width:100px;
}
.rafting-canyoning-prog {
    width: 530px;
}
img.team {
	width:160px;
	height:200px;
}

}
/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
html {
	overflow-x:hidden;
}
h1 {
    font-size: 20px;
}
.zusatz {
    font-size: 14px;
}
.rafting-canyoning-tour h2, h3, h4 {
    font-size: 17px;
}
ul.menu {
	margin:0px;
	padding:0px;
	}
#main {
	width: 300px;
	margin:0px auto;
	overflow-x: hidden;
}
#navitop { display:none; } 

#logo {
	width:100%;
	text-align: center;
    background: #FFF;	
}
.banner_img {
	float: left;
    width: 100%;
}
#topnavi {
	float: left;
	width: 100%;
	height:auto;
}
#flaggen {
	float: left;
    width: 100%;
	height:auto;
	padding:10px 0;
}
#navi {
	float: left;
    width: 100%;
	height:auto;
}
#navitop {
	float: left;
    width: 100%;
	height:auto;
}
#navitop li:first-child {
	width: 50%;
	float:left;
    padding: 0;
    margin: 0;
    text-align: center;
}
#navitop li {
	width: 50%;
	float:left;
    padding: 0;
    margin: 0;
    text-align: center;
}
#page {
	width: 300px;
	margin:0px auto;
}
#left {
	float: left;
    width: 100%;
	margin:0;
	padding-bottom:20px;
}
#right {
	float: left;
    width: 100%
}
#content {
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
.rafting-bild-re h2 {
    width: 100%;
}
.rafting-bild-re ul {
    width: 97%;
}
#gardasee, #tirol {
    margin-bottom: 15px;
    width: 45%;
}
.rafting-bild-video {
    float: left;
    width: 100%;
}


/* ----  Kontakt ---- */
.rafting-bild-re {
	width: 100%;
    float: left;
}
.rafting-bild-re img {
	width: 100%;
    float: left;
    margin: 0px 0 10px 0;
}
#footer {
	width: 300px;
	height: auto;
	padding: 5px;
	box-sizing: border-box;
}
#footer p {
	width:100%;
}
/* ----  Gutschein ---- */
.anfrage-table-wrapper{
	overflow-x: scroll !important;
}
.rafting-canyoning-prog {
	width: 100%;
    float: left;
}
.erlebnis-gutschein {
	float:left;
	width:100%;
}
.erlebnis-gutschein-programm {
	width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
.erlebnis-gutschein-programm-rechts {
	width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
.erlebnis-geschenk-gutschein{
	width: 100%;
}
.erlebnis-geschenk-gutschein img{
	width: 97%;
}
.erlebnis-geschenk-gutschein h2{
	float: left;
	margin-left: 10px;
}
#content .erlebnis-geschenk-gutschein p{
	float: left;
	width: 94%;
}
.erlebnis-geschenk-gutschein ul{
	float: left;
	width: 100%;
}
#content .erlebnis-geschenk-gutschein-preis{
	float: left;
	width: 100%;
}
.rafting-canyoning-prog .anfrage-table,
.rafting-canyoning-prog .anfrage-table table{
	float: left;
	width: 100%;
}
.outdoorplanet-content {
	width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
.rafting-prog-li .kombi{
	float: left;
	width: 100%;
}
/* ----  Team ---- */
.team-table {
	float:left;
	width:100%;
}
table {
	width:100%;
}
.team_box {
	float:left;
	width:100%;
	padding-right:0;
	margin-bottom:10px;
	text-align:center;
}

/* ---- Rafting Touren Tirol ---- */
.rafting-canyoning-tour {
	float:left;
	width:100%;
}
.rafting-canyoning-tour .bilder {
	width:300px;
	height:auto;
}
.rafting-canyoning-tour .bilder img {
	margin-bottom:5px;
}
.rafting-canyoning-tour .schmal {
	width:100%;
}


/* ---- canyoning oetztal-Tirol ---- */
.rafting-canyoning-tour h2, h3, h4 {
    width: 100%;
}
#content .rafting-canyoning-tour p {
    padding: 0 5px;
}


/* ---- bergsport oesterreich-Tirol ---- */
.rafting-canyoning-prog .programmpunkt {
    width: 100%;
}
.rafting-canyoning-prog .programmpunkt img {
    height: auto;
    width: 100%;
}


/* ---- canyoning angebote-Tirol ---- */
.rafting-canyoning-prog .programmpunkt ul {
    width: 96%;
}
.rafting-canyoning-prog .programmpunkt .button {
    margin-bottom: 20px;
}


/* ---- rafting canyoning-Tirol ---- */
.canyoning-bild-li {
    width: 100%;
}
#content .canyoning-bild-li p {
    width: 100%;
}
.canyoning-bild-li h2 {
    width: 100%;
}
.canyoning-bild-li img {
    padding-bottom: 10px;
    width: 100%;
}
.canyoning-bild-li ul {
    width: 96%;
}
thead {
    font-size: 12px;
}
.kombi {
    width: 100%;
}

/*--- Unterkunft --- */
.rafting-prog-li {
 float:left;
 width:100%;
}
.rafting-prog-li h2, h3, h4 {
 width:100%;
}
#content .rafting-prog-li p {
 width:100%;
}


/* --- Event & Incentive --- */
.rafting-prog-li ul {
 width:96%;
}
.rafting-prog-li table {
 width:100%;
}
.button {
    padding: 0 5px;
}
.rafting-prog-li .kombi .button {
    margin-left: 10px;
    margin-bottom: 10px;
}
.rafting-bild-re iframe{
	width: 100%;
}

/* --- builder videos --- */
.rafting-canyoning-gallery {
    width: 100%;
}
.rafting-canyoning-gallery h2 {
    width: 100%;
	padding:5px 5px 5px 10px;
}
.rafting-canyoning-gallery ul a {
    padding: 5px 5px 5px 0;
    width: 100%;
}


#logo{
	height: auto !important;
}

#logo img{
	display: none;
	max-width: 100%;
	max-height: 100%;
}

#logo #mobile_logo_image{
	display: block;
}

#page #left .leftnavi{
	display: none;
}

#page #left p,
#page .metanavi{
	margin-top: 20px;
}




/* Force table to not be like tables anymore */
	.anfrage-tirol-page
	{
		border: none !important;
		width: 46% !important;
	}
	
	table.responsiveTable
	{
		border: 0px;
		width: 46% !important;
		border: none !important;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsiveTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.responsiveTable tr { border: 1px solid #ccc; }
	
	.responsiveTable td { 
		/* Behave  like a "row" */
		border: none;
		/* border-bottom: 1px solid #eee; */
		position: relative;
		/* padding-left: 50%; */
	}
	
	.responsiveTable td label
	{
		float: left;
		width: 100%;
	}
	
	.responsiveTable td textarea,
	.responsiveTable td select,
	.responsiveTable td input
	{
		float: left;
		width: 100%;
	}
	
	.responsiveTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	.richiestaPageDiv .child-txt a
	{
		font-size: 10px;
	}



}
/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */


@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{ 
	width: 420px;
	margin:0px auto;
}

#logo{
	height: auto !important;
}

#logo img{
	display: none;
	max-width: 100%;
	max-height: 100%;
}

#logo #mobile_logo_image{
	display: block;
}

#page #left .leftnavi{
	display: none;
}

#page #left p,
#page .metanavi{
	margin-top: 20px;
}

}
/* #Clearing
================================================== */

/* Self Clearing Goodness */
.clearfix {	zoom: 1; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }