body {
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 12pt;                              
}

h1
{
  font: normal 250% calibri, arial, sans-serif;
  text-align: center;
  font-weight: bold;
  color: #111;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
}

h2
{ 
  font: normal 100% calibri, arial, sans-serif;
  text-align: center;
  font-weight: bold;
  color: #111;
  margin: 0 0 15px 0;
  padding: 0px 0 0px 0;
}

address {
   text-align: center;  
   font-size: 100%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

.logo { 
   margin: -15px 0 0 -20px;
   height: 190px; 
}

.kopfbereich {
   position: relative;
   height: 200px;  
   color: #003366; 
   background-color: black;
   background: #fff;
}

.kopfbereich p {
   position: absolute;
   top: -5px ; 
   left: 300px;
   font-weight: bold; 
   text-align: center;
   padding: 5px 0 5px 0; 
   margin-bottom: 0;
   font-size: 175%;
   font-family: Georgia Pro Cond Light;
}

.kopfbereich p span {
   color:  #e25303;
   font-size: 80%;
}

.termine {
margin: 0 0 0 0; 
list-style: none; 
font-size: 90%; 
display: inline; 
width: 100%;}

.termine table {
	border-collapse: collapse;
	border: 2px solid black;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	margin-top: auto;
	text-align: center; 
	min-width: 90%;
	}
	
.termine tbody {
	border-collapse: separate; 
	border: 2px solid black; 

	max-width: 100px;
	}

.termine tr {
	border-collapse: separate;
	border: 1px solid black;

	
	}
 
.termine th {
	border-collapse: separate;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 2px; 
	}  

.termine td {
	border-collapse: separate;
	border: 1px solid black;
	padding: 1px; 
	text-align: center; 
	} 
.skiplink,
.navibereich { 
   display: none; 
}
.fussbereich { 
   display: none; 
}

.footerbild { 
	position: absolute; 
	bottom: 0;
	margin-left: -7px; 
	margin-right: auto; 
	margin-bottom: 15px; 
	width: 100%; 
}

	

.copy {
   font-size: 80%;
   color: #383838; 
}
/* nicht im Buch... */
a { 
   color: black ; 
   text-decoration: none; 
}
a[href]:after { 
   content:" [Adresse: "attr(href)" ] "; 
   display: none; 
} 

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */
   .ampel { 
		width: 70%;
		color: #fff;
		background: #424242;  
		padding: 10px 10px 10px 10px;  
		font-weight: bold; 
	}  

	.ampelrot { 
		color: #000;
		background: #df0101;
		padding: 10px 10px 10px 10px;
		margin: 20px 20px 20px 20px;
	}  

	.ampelgelb{ 
		color: #000;
		background: #ffbf0c;  
		padding: 10px 10px 10px 10px;
		margin: 20px 20px 20px 20px;
	}
	
	.ampelgruen { 
		color: #000;
		background: #40ff00;
		padding: 10px 10px 10px 10px;
		margin: 20px 20px 20px 20px;
	}  

	.ampelrot table, .ampelgelb table, .ampelgruen table {
		border-style: none; 
		text-align: center; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		margin-top: 0px;
		border-collapse: collapse; 
	}

	.ampelrot tr, .ampelgelb tr, .ampelgruen tr {
		border-style: none; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 5px;
		margin-top: 5px;
		text-align: center;	
	}

	.ampelrot td, .ampelgelb td, .ampelgruen td {
		border-style: solid;
		text-align: left; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: -5px;
		margin-top: -5px;
		width: 1000px;
		padding: 7px; 
	}
	
	.termine {
		margin: 0 0 0 0; 
		list-style: none; 
		font-size: 90%; 
		display: inline; 
		width: 100%;
	}