#page-wrap {
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 50px;
	/* [disabled]margin-top: 0px; */
}
p {
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
}

tbody tr:hover,
tfoot tr:hover {
	background-color: #fffbf0;
}

tbody td:hover,
tfoot td:hover {
	background-color: #fce4a2;
}
	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.table1 {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.75em;
	}
	/* Zebra striping */
	table.table1 tr:nth-of-type(odd) {
	color: #000;
	background-color: #CCCCCC;
	}
	table.table1 th {
	background: #333;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	}
	table.table1 td, th {
	border: 1px solid #ccc;
	text-align: center;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
	
	
	table.table2 {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.75em;
	}
	/* Zebra striping */
	table.table2 tr:nth-of-type(odd) {
	color: #000;
	background-color: #CCCCCC;
	}
	table.table2 th {
	background: #333;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	}
	table.table2 td, th {
	border: 1px solid #ccc;
	text-align: center;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
	
table.table3 {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.75em;
	}
	/* Zebra striping */
	table.table3 tr:nth-of-type(odd) {
	color: #000;
	background-color: #CCCCCC;
	}
	table.table3 th {
	background: #333;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	}
	table.table3 td, th {
	border: 1px solid #ccc;
	text-align: center;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
	
	
	
	
	

	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		.tabelle, thead, tbody, th, td, tr {
	display: block;
	font-size: 0,75em;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.tabelle, thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.tabelle, tr { border: 1px solid #ccc; }
		
		.tabelle, td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		.tabelle, 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;
		}


table.table1 {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.75em;
	}
	/* Zebra striping */
	table.table1 tr:nth-of-type(odd) {
	color: #000;
	background-color: #CCCCCC;
	}
	table.table1 th {
	background: #333;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	}
	table.table1 td, th {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
	
	
	table.table2 {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.75em;
	}
	/* Zebra striping */
	table.table2 tr:nth-of-type(odd) {
	color: #000;
	background-color: #CCCCCC;
	}
	table.table2 th {
	background: #333;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	}
	table.table2 td, th {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
	
	table.table3 {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.75em;
	}
	/* Zebra striping */
	table.table3 tr:nth-of-type(odd) {
	color: #000;
	background-color: #CCCCCC;
	}
	table.table3 th {
	background: #333;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	}
	table.table3 td, th {
	border: 1px solid #ccc;
	text-align: center;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}

		/*td { padding: 10px }
.tabelle-kunden td:nth-of-type { vertical-align: middle; }
		
				/*
		Label the data*/
		

		
		
.table3 td:nth-of-type { text-align: center; valign: middle  }	
		
		.table3 td:nth-of-type(1):before { content: ""; }
		.table3 td:nth-of-type(2):before { content: ""; }
		.table3 td:nth-of-type(3):before { content: ""; }
		.table3 td:nth-of-type(4):before { content: ""; }
		.table3 td:nth-of-type(5):before { content: ""; }
		.table3 td:nth-of-type(6):before { content: ""; }
	
.table1 td:nth-of-type { text-align: left; valign: middle  }			
		.table1 td:nth-of-type(1):before { content: "Seminar"; }
		.table1 td:nth-of-type(2):before { content: "Niveau"; }
		.table1 td:nth-of-type(3):before { content: "Dauer"; }
		.table1 td:nth-of-type(4):before { content: "Anfang"; }
		.table1 td:nth-of-type(5):before { content: "Ende"; }
		.table1 td:nth-of-type(6):before { content: "Ort"; }
		.table1 td:nth-of-type(7):before { content: "Netto"; }
		.table1 td:nth-of-type(8):before { content: "MWST"; }
		.table1 td:nth-of-type(9):before { content: "Brutto"; }		
		.table1 td:nth-of-type(10):before { content: "SNR"; }
		
.table2 td:nth-of-type { text-align:left; valign:middle }	
		
		.table2 td:nth-of-type(1):before { content: "Thema"; }
		.table2 td:nth-of-type(2):before { content: "Firma"; }
		.table2 td:nth-of-type(3):before { content: "Ansprechpartner"; }
		.table2 td:nth-of-type(4):before { content: "Telefon"; }
		.table2 td:nth-of-type(5):before { content: " Land"; }
		.table2 td:nth-of-type(6):before { content: "PLZ"; }
		.table2 td:nth-of-type(7):before { content: "Ort"; }
		.table2 td:nth-of-type(8):before { content: "RDAT"; }

	
		
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: 320px; }
	
table.table1 th {
	border: 1px solid #ccc;
	text-align: left;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}	
table.table1 td {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}									
table.table2 th {
	border: 1px solid #ccc;
	text-align: left;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}	
table.table2 td {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}	
	}		

		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
		
table.table1 td, th {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
table.table1 th {
	border: 1px solid #ccc;
	text-align: left;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}	
table.table1 td {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
table.table2 td, th {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}
table.table2 th {
	border: 1px solid #ccc;
	text-align: left;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}	
table.table2 td {
	border: 1px solid #ccc;
	text-align: right;
	valign: middle;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	}					
			}
	</style>