@page {
	padding-top: 36px;
	padding-bottom: 36px;
	@bottom-center {
    content:counter(page);  }
}

@media print {
	footer {
		page-break-after: always;
	}
	
	.pagebreak {
	page-break-after: always;
	}
}

:root {
  --pcpColor: rgb(240,240,250);
  --messenColor: rgb(240,250,240);
}
/* 
Anwendung:
background-color: var(--pcpColor); 
 */


body {
font-family:  Tahoma, Verdana, sans-serif;

/* font-family: "Cambria", "Times",  serif; */

text-align: justify; 
margin: 25px 50px 50px 50px;
hyphens: auto;
}

.nowrap {
    white-space: nowrap;
}


input[type=text]	{
color:blue;
font-size:125%;
}


input[type=text], select {
width: 100%;
font-size:125%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 3px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
color: blue;
}


input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
	border: 3px solid #ccc;
	border-radius: 4px;    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	font-size: 125%;
}




/* input[type=submit], input[type=file], */ .button	{
margin-top: 12px;
margin-bottom: 12px;
background-color: lightgrey;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 100%;
border-style: double;
border-radius: 24px;
border-color: darkgrey;
border-width: 5px;
transition: background-color 0.4s ease;
/* float:right; */
}

/* input[type=submit], input[type=file], */ .button:hover {
background-color: grey;
color:white;
}

/* input[type=submit], , input[type=file], */ .button:active {
background-color: grey;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

#deleteButton	{ /*fuer Uebungsboegen*/
color:white;
background-color: grey;
font-size:80%;
font-weight:bold;
float:right;
margin-top:36px;
/* margin-left:12px; */
/* 
padding-left:6px;
padding-right:6px;
 */
border-color: red;
border-style: none;
padding: 6px 6px;
}

#deleteButton:hover	{
/* background-color: white; */
color:red;

#deleteButton:active {
background-color: grey;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

}
input[type="radio"]	{
font-size:120%;
}

.code	{
font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
color:  blue;
}

.small	{
font-size:80%;
margin-top:18pt;
}

.XS	{
font-size:60%;
margin-top:18pt;
}

.large	{
font-size:125%;
}

.Large	{
font-size:150%;
}

.XXL	{
font-size:200%;
}

.container {
  position: relative;
/* 	  margin:24px; */
}

.bottomleft {
position: absolute;
bottom: 8px;
left: 16px;
font-size: 18px;
}

.bottomright {
position: absolute;
bottom: 8px;
left: 400px;
font-size: 18px;
}

.outSideText {
position: absolute;
bottom: 110px;
left: 16px;
font-size: 18px;
}


.red	{
color:red;
}

div.noJustify {
text-align: left;
}


caption	{
font-size:80%; 
font-weight:bold;
padding-bottom:12px;
}


figcaption	{
font-size:85%;
font-family: "Cambria", "Times",  serif;
text-align:justify;
}

hr	{
border-top: 3px double #8c8b8b;
}

fieldset	{
border: 3px solid rgb(200,200,200);
margin-top:12px;
margin-bottom:12px;
}


.button {
margin-top: 24px;
margin-bottom: 24px;
background-color: lightgrey;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 125%;
border-style: double;
border-radius: 24px;
border-color: darkgrey;
border-width: 5px;
} 



#vSpace	{
margin-top:24px;
}


/* h1, h2, h3 {font-family: "Arial", "Helvetica", sans-serif; } */


table, th, td {
	margin-left: auto;
	margin-right: auto;
}


.TimesDiv {
font-family: Times,serif;
}

.TFtable{
width:70%; 
border-collapse:collapse; 
}

.TFtable td{ 
text-align:center;
padding:7px; border:#4e95f4 1px solid;
/* font-weight: bold; */
}
/* provide some minimal visual accomodation for IE8 and below */

.TFtable tr{
background: #b8d1f3;
}


/*  Define the background color for all the ODD background rows  */
.TFtable tr:nth-child(odd){ 
background: #b8d1f3;
}


/*  Define the background color for all the EVEN background rows  */
.TFtable tr:nth-child(even){
background: #dae5f4;
}






.UBtable{
width:70%; 
border-collapse:collapse; 
}
.UBtable td{ 
padding:7px; border:#4e95f4 1px solid;
}

/* provide some minimal visual accomodation for IE8 and below */
.UBtable tr{
background: #b8d1f3;
}

/*  Define the background color for all the ODD background rows  */
.UBtable tr:nth-child(odd){ 
background: #b8d1f3;
}

/*  Define the background color for all the EVEN background rows  */
.UBtable tr:nth-child(even){
background: #dae5f4;
}



.comment	{
padding:18px;
font-size:85%;
}

p.solid {
font-size: 18px;
border-style: solid;
border-radius: 16px;
border-color: grey;
padding: 12px;}

p.exerciseNumber {
font-size: 24px;}

.framed	{
border-style: solid;
border-radius:10px;
padding:18px;
margin-top:24px;
margin-bottom:24px;
/* background-color: rgb(250,250,250); */
}


#solid	{ /* Schwachsinn, existiert nur, weil ich als totaler Anfaenger id und class nicht unterscheiden konnte */
font-size: 18px;
border-style: solid;
border-radius: 16px;
border-color: grey;
margin: 12px;
padding: 12px;}

.solid	{
border-style: solid;
border-radius: 16px;
border-color: grey;
margin: 12px;
padding: 12px;}


li{
  margin: 10px 0;
}

.hSpace	{
padding-left: 26px;
}

.vSpace	{
padding-top: 26px;
}

.horizSpaceLeft	{
padding-left: 26px;
}

.horizSpaceRight	{
padding-right: 26px;
}