body {
	text-align: center;
    color: maroon;
    background-color: #fff;
    margin: 0px;
}
h1 {
  color: inherit;
  background-color: inherit;
  font-size: 14px;
}

span {
  font-size: 1.1em;
  font-weight: 600;
}

span.zitat {
  font-size: 1em;
  font-weight: 600;
  font-style: italic;
}

/* Banner in DIV auslagern */
div#banner {
	height: 100px;
	width: auto;
	background-image: url(pic/top.gif);
	background-position: center;
	background-repeat: no-repeat;
    margin-bottom: 0px;
}

div#rahmen { 
	margin: auto;
	width: 720px;
    height: 1200px;
	text-align: left;
}
div#menu-rahmen {
	/*height: 22px;   */
	background: #cc3333;
}
div#menu {
    margin-right: 0px;
	/*height: 19px; */
	background: #cc3333;
}
div#menu  a {
	padding-left: 115px;
	height: 20px;
}
a.home {
	padding-right: 5px;
	background: url(pic/home.gif);
}
a.home:hover {
	background: url(pic/home-over.gif);
}
a.home-marked {
	padding-right: 5px;
	background: url(pic/home-marked.gif);
}
a.aikido {
	background: url(pic/aikido.gif);
}
a.aikido:hover {
	background: url(pic/aikido-over.gif);
}
a.aikido-marked {
	background: url(pic/aikido-marked.gif);
}
a.verein {
	background: url(pic/verein.gif);
}
a.verein:hover {
	background: url(pic/verein-over.gif);
}
a.verein-marked {
	background: url(pic/verein-marked.gif);
}
a.training {
	background: url(pic/training.gif);
}
a.training:hover {
	background: url(pic/training-over.gif);
}
a.training-marked {
	background: url(pic/training-marked.gif);
}
a.events {
	background: url(pic/events.gif);
}
a.events:hover {
	background: url(pic/events-over.gif);
}
a.events-marked {
	background: url(pic/events-marked.gif);
}
a.eindruecke {
	background: url(pic/eindruecke.gif);
}
a.eindruecke:hover {
	background: url(pic/eindruecke-over.gif);
}
a.eindruecke-marked {
	background: url(pic/eindruecke_marked.gif);
}
	/*im linken Menu ausgewählte Seite hrvorheben 
	a.aktuell {
	color: #ffcc66;
	background-color: inherit;	
	}
	*/
div#main-rahmen {
    margin-top: -1px;
/*	border: solid 1px gray; */
}
div#main {
	padding: 20px;
	padding-left: 130px;
	padding-bottom: 20px;
	height: 800px;
	font-size: 13px; 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: normal;
	line-height: 20px; 
	background: url(pic/left-menu-bg.gif) repeat-y; 
}
div#left_menu {
	position: absolute;
	width: 115px;
    height:1200px;
	padding: 0px;
	padding-top: 30px;
	margin: 0px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.4px;
	line-height: 25px; 
}
div.marked {
	padding-left: 5px;
	color: orange;
}
div#left_menu a{
	display: block;
	padding-left: 5px;
	width: 120px;
	max-width: 113px;
	text-decoration: none;
	color: white;
	border: solid 1px #cc3333;
}
div#left_menu a:hover{
	color: #660000;
	background: #ffcc66;
	border: solid 0px gray;
}
/* Formatiert Tabelle Übungszeiten */
table {
	background-color: #f60;
	font-size: 13px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 
}
tr.ungerade {
	color: maroon;
	background-color: #ffffcc;
}
tr.gerade {
	color: maroon;
	background-color: white;
}
td {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	height: auto;

}

/* Kasten für Lehrersteckbrief */
div.kasten {
    width: 570px;
    background: #EEEEEE;
    border: 2px dashed black;
    padding: 10px;
    margin: 5px 0px 5px 0px;
    float: left;
}
div.foto {
  float: left;
  width: auto;
  margin-right: 10px;
}
div.steckbrief{

}
/* Tabellenlinks besonders aussehen lassen */

a.tablink:link {
  color: maroon;
}

a.tablink {
  text-decoration: none;
}

a.tablink:hover {
  text-decoration: underline;
}

a.tablink:visited {
  color: maroon;
}