/* Mobile Layout: 480px and below. */

#kapitel {
	padding-bottom:100px !important;
}

#kapitelmitte {
	max-width:850px !important;
}


#formatstable {
	table-layout:auto;
	width: 100%;
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border-collapse: collapse;
	border: 1px solid #888888;
}


#formatstable td, #formatstable th {
	border-bottom: 1px solid #888888;
	padding: 0;
	margin:0;
}


#formatstable .tabletitlecell {
	text-align:left;
    vertical-align:middle;
	background-color:#f0f0f0;
}

#formatstable .tabletitlecell p {
	margin-left:5px;
	font-weight:bold;
	color: rgb(31,78,128);
}

#formatstable .tableversioncell {
	text-align:center; 
	vertical-align:middle; 	
}



#formatstable .tableversioncell p {
	writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr;
	margin:0;
	padding:5px 0;
	display:inline-block;
	color:#ffffff !important;
    -webkit-transform: rotate(-180deg);        
    -moz-transform: rotate(-180deg);            
    -ms-transform: rotate(-180deg);         
    -o-transform: rotate(-180deg);         
    transform: rotate(-180deg);
}


#formatstable .tabletext p {
	font-size:0.8em;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

#formatstable .tabletext strong {
	color: rgb(31,78,128);
}


#formatstable .tablecrosses {
	width:24px;
 	background-color: #f0f0f0;
 	margin: 0;
 	padding: 0;
 	border-bottom: 1px solid #c0c0c0;
 	vertical-align: middle;
}

#formatstable .tablecrosses img {
	display:block;
	width: 12px;
	opacity: 0.7;
	margin-left:auto;
	margin-right:auto;
}


/* Tablet Layout: 481px to 800px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 560px) {
	
#formatstable .tabletext p {
	font-size:0.9em;
}	

#formatstable .tablecrosses {
	width: 25px;
}

#formatstable .tablecrosses img {
	width: 15px;
}

	
}

/* Desktop and Tablet Landscape Layout: 801px. Inherits styles from: Mobile Layout and Tablet Layout. */

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

#formatstable .tabletext p {
	font-size:1em;
}

#formatstable .tablecrosses {
	width: 50px;
}

#formatstable .tablecrosses img {
	width: 20px;

}

#formatstable h2 {
	font-size:1em;
}
	
}

/* 4K LAYOUT */

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

}


/* TABLET UND HANDY SPECIALS */

@media (pointer: coarse) {
 
 
}