/* (c)2014 by e4kids | Norbert Koestenbauer Version: 2.0 tabellen für termine und preise */
@media screen {
    section[role="main"].tbl-termine-preise {width: 95%;}
    /*section[role="main"] table {width: 105%;}*/
    
h2 a {color:inherit; text-decoration:none;}	tr:nth-of-type(odd) { background: #eee; }tbody#BookingDetails tr {background-color: #f5fffa;}
	th { background: #dcdcdc; color: black; font-weight: bold; }	td, th {padding: 1%; border: 1px solid #ccc; text-align: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 	}
/* ### Formulare & Tabellen ################ */
	caption {width: 100%; background-color: #dcdcdc;  text-align: left; font: 1em/1.5; font-weight:bold;
	padding:0 0.1em 0.2em 1em;	margin: 0 0 1em 0;	border-bottom: 1px solid #9400D3;}
	caption p {font-weight:normal;}
	
	thead th {font-size:92%;}
	th { font-weight: bold; line-height: 1.5; text-align:center;}
	th:nth-of-type(1) {width: 16%; font-weight: normal; text-align:left; font-size:92%;}
	th:nth-of-type(2) {width: 12%;}
	th:nth-of-type(3) {width: 9%;}
	th:nth-of-type(4) {width: 38%;text-align:left;}
	th:nth-of-type(5) {width: 16%;text-align:right;}
	th:nth-of-type(6) {width: 18%;}

td{padding: 0.2em 0.2em;  text-align: left; vertical-align: middle; line-height:1.5;}
tr.camp-Ort > td {background-color: #dcdcdc;}
tr.BookingDetails td:nth-of-type(1){padding-left:1em;}
tr.KursDatum td{ background-color: #E6EBE6; line-height: 1.5;}
tbody#BookingDetails td {line-height: 1.5; padding-left:0.5em;text-align: left; vertical-align: top; border:none;}
tbody#BookingDetails td:nth-of-type(1),
tbody#BookingDetails td:nth-of-type(2){padding-top:1em;}
.check-in{margin-left:9.7em;}
}
@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 810px)  {
	section[role="main"].tbl-termine-preise table#termine-preise {width: 98%;}
	table, thead, tbody, th, td, tr { 
			display: block; 		}
		thead tr { position: absolute; top: -9999px; left: -9999px;}
		th {width:100%;}
		tr {border: 1px solid #ccc; }
		tr.camp-Ort td {width:100%;padding:0 0 0 1em;}
		tr.camp-Ort td>h3 {line-height:1.4;margin:0;}
		td { /* Behave  like a "row" */	border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 45%; }
		tr.head {margin: 0 0 0.25em 0;}
		tr.head td {width:100%;padding:0 0 0 1em; margin: 0; line-height:1.5; border:none;}
		tr.head>td:nth-of-type(2){line-height:1.5; margin-top:-0.0em; width:100%;}
		tr.head>td:nth-of-type(2)>h4 {float:left;line-height:1.5; margin-top:-0.0em; width:55%; }
		tr.head td>a {width:45%;line-height:1.5;}
		tbody tr#BookingDetails td {border-bottom: 1px solid #eee; 	position: relative;	padding-left: 3%; }
		#BookingDetails tr td:nth-of-type(1){font-weight:bold; color: maroon; padding:0.75em 0 0 0.5em; line-height:1;}	
		#BookingDetails tr td:nth-of-type(2){margin-top: -0.55em; line-height:1.55;}
		#BookingDetails tr {border:none;}
		td:before { /* Now like a table header */ position: absolute;
			/* Top/left values mimic padding */	
			top: 4px; left: 6px; width: 40%; 
			padding-right: 5px; white-space: nowrap; text-align:right; vertical-align: middle;}
		td>span {text-align:left;}
		/*	Label the data	*/
		td:nth-of-type(1):before { content: " "; }
		td:nth-of-type(2):before { content: "Kurstitel"; }
		td:nth-of-type(3):before { content: "Dauer"; }
		td:nth-of-type(4):before { content: "Zeitraum"; }
		td:nth-of-type(5):before { content: "Preise"; }
		td:nth-of-type(5) { text-align:left; }
		td:nth-of-type(6):before { content: "Anmerkungen"; }
		tr.BookingDetails td:nth-of-type(2):before { content: " "; }
		tr td[colspan='3']:nth-of-type(2):before { content: " "; }
		tr td[colspan='3']+td:nth-of-type(3):before { content: " "; }
		tr td[colspan='5']:before { content: " "; }
		tr.tr-subheadl td[colspan='2']:nth-of-type(2):before { content: " "; }
		tr.tr-subheadl td[colspan='3']:nth-of-type(3):before { content: " "; }
		tr.tr-subheadl td[colspan='4']:nth-of-type(2):before { content: " "; }
	}
		
	
	
	}