<style type="text/css">

body {	}

#container {
	max-width:960px;
	padding:0.52083333333333333% /* 5px / 960px x 100 = 0,5208333% */;
	margin:0 auto;
	background: #E8E8E9;
  }

header {
  width:100% /* 940px / 960px x 100 = 97.91666666666666% | 100% bei */;
	padding: 0%;
  background: #808080;
	box-sizing:border-box;
  }

article {
	width:98.5%;
  padding: 0.75%;
  }
   
  
img {
  max-width: 100%;
  height:auto;
  }

footer {
	width:100% /* 940px / 960px x 100 = 97.91666666666666% | 100% bei */;
	padding: 0%;
	background:#808080;
  box-sizing:border-box;
  text-align: center;
	clear:both;
  }

div.bg  {
  background: url("http://an-zeige.de/termine/bilder/notizblock_seite_klein1.png"); 
  background-size: 100% 100px;
  } 

  
 table.bg {
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #000000;
	padding:2px 2px;
	} 
    

  
.termin textarea,input,select { 
   font-size: 1.125em; 
   border: 1px solid grey;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
}	  

.termine select { 
   font-size: 2em; 
   border: 1px solid grey;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
   }

.zurbutton { 
   font-size: 1.125em; 
   border: 1px solid grey;
   padding: 0px 10px 0px;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
   text-decoration:none;
}	  

.neuButton {
	background-color: #EEEEEE;
	border:2px solid grey;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:1.00em;
  font-weight:bold;
	padding:1px 10px;
	text-decoration:none;
  } 

.aenButton {
	background-color: #808080;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial;
	font-size:0.75em;
  font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
  } 
  
.arcButton {
	background-color: #808080;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial;
	font-size:0.75em;
  font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
  }     
    
.loeButton {
	background-color: #808080;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial;
	font-size:0.75em;
  font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
  }   
  
.notButton {
	background-color: #F9F9F9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:2em;
  font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
  } 
  
  
   
/* Schriftarten und Schriftgr&ouml;&szlig;e */ 
.header    { font-size:1.8em; font-family:MS Sans Serif; color:#FFFFFF; }
.footer    { font-size:0.25em; font-family:MS Sans Serif; color:#000000; }
.titel     { font-size:1.5em; font-family:Arial; color:#ffffff; }
.login     { font-size:1.125em; font-family:Arial; color:#000000; }
.as0       { font-size:2.0em; font-family:Arial; color:#000000; }
.as1       { font-size:1.05em; font-family:Arial; color:#000000; }
.asf1      { font-size:1.125em; font-family:Arial; font-weight:bold; color:#000000; }
.as2       { font-size:1.125em; font-family:Arial; color:#000000; }
.asf2      { font-size:1.25em; font-family:Arial; font-weight:bold; color:#000000; }
.ar2       { font-size:1.125em; font-family:Arial; color:#FF0000; }

/* CSS-Tabellen */ 
caption {	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color: white;	background: #c32e04; font-size: 1.25em; padding: 0.2em 0.2em 0.2em 0.2em; width: 12em;}
 

/* Bildschirmanpassung bis maximal 800px */
@media screen and (max-width:800px) {

body {margin:0px;background:#808080;}
article {width:99%; padding:0.5%;}
caption {font-size: 1.125em;}

.termin textarea,input,select { 
   font-size: 1.05em; 
   border: 1px solid grey;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
}	 

.termine select { 
   font-size: 1.8em; 
   border: 1px solid grey;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
   }

.zurbutton { 
   font-size: 1.05em; 
   border: 1px solid grey;
   padding: 1.5px 10px 0.8px;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
   text-decoration:none;
}	  

.notButton {
	background-color: #F9F9F9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:1.75em;
  font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
  } 
  
 
/* Schriftarten und Schriftgr&ouml;&szlig;e */   
.header    { font-size:1.7em; font-family:MS Sans Serif; color:#FFFFFF; }
.footer    { font-size:0.2em; font-family:MS Sans Serif; color:#000000; }
.titel     { font-size:1.125em; font-family:Arial; color:#ffffff; }
.login     { font-size:1.05em; font-family:Arial; color:#000000; }
.as0       { font-size:1.6em; font-family:Arial; color:#000000; }
.as1       { font-size:0.95em; font-family:Arial; color:#000000; }
.asf1      { font-size:1.05em; font-family:Arial; font-weight:bold; color:#000000; }
.as2       { font-size:1.05em; font-family:Arial; color:#000000; }
.asf2      { font-size:1.2em; font-family:Arial; font-weight:bold; color:#000000; }
.ar2       { font-size:1.05em; font-family:Arial; color:#FF0000; }
}


/* Bildschirmanpassung bis maximal 590px */
@media screen and (max-width:590px) {

body {margin:0px;background:#808080;}
article {width:99%; padding:0.5%;}
caption {font-size: 1.05em; padding: 0.1em 0.1em 0.1em 0.1em;}

.termin textarea,input,select { 
   font-size: 0.95em; 
   border: 1px solid grey;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
}	 

.termine select { 
   font-size: 1.4em; 
   border: 1px solid grey;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
   }

.zurbutton { 
   font-size: 0.95em; 
   border: 1px solid grey;
   padding: 1.5px 10px 0.8px;
   color: black;
   font-family: Verdana; 
   background-color: #F9F9F9;
   text-decoration:none;
}	  

.notButton {
	background-color: #F9F9F9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:1.4em;
  font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
  } 

/* Schriftarten und Schriftgr&ouml;&szlig;e */ 
.header    { font-size:1.6em; font-family:MS Sans Serif; color:#FFFFFF; }
.footer    { font-size:0.15em; font-family:MS Sans Serif; color:#000000; }
.titel     { font-size:1.05em; font-family:Arial; color:#ffffff; }
.login     { font-size:0.95em; font-family:Arial; color:#000000; }
.as0       { font-size:1.4em; font-family:Arial; color:#000000; }
.as1       { font-size:0.875em; font-family:Arial; color:#000000; }
.asf1      { font-size:0.95em; font-family:Arial; font-weight:bold; color:#000000; }
.as2       { font-size:.95em; font-family:Arial; color:#000000; }
.asf2      { font-size:1.125em; font-family:Arial; font-weight:bold; color:#000000; }
.ar2       { font-size:.95em; font-family:Arial; color:#FF0000; }
}



/* Bildschirmanpassung bis maximal 200px */
@media screen and (max-width:200px) {

/* CSS-Tabellen */ 
table {
  box-shadow: 0 0.1em 0 black inset;
  }

th,td {
  padding: 0.2em 0.5em;
  border-radius: 0.1em;  
}  

thead th {
  background-color: #ffebe6;
  color: #c32e04;
}

td {
  font-style:italic;
  text-align: right;
  box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,0.5);
}   

tbody tr:nth-child(even) td { 
  background-color: #e4ebf2; 
  color: #000; 
}

td:empty{
  box-shadow: none;
  background-color:none;
}

th[scope=row] { 
  color: #c32e04;
  text-align: right; 
  background-color: transparent;
}

caption {
	color: white;
	background: #c32e04;
	font-size: 1.5em;
	box-shadow: 0.1em 0.1em 0.1em 0 hsl(0, 0%, 50%);
	padding: 0.2em 0.2em 0.2em 2em;
	width: 15em;
	margin-left: -.6em;
	position: relative;
}

caption::before {
	content: "";
	position: absolute;
	display: block;
	height: 0;
	width: 0;
	top: 1em;
	left: -0.6em;
	border-style: solid;
	border-width: 0.6em;
	border-color: transparent hsl(13, 96%, 35%) transparent transparent;
	z-index: -1;
}

}

</style>
