/* :::::::::::::::

Base CSS for SGBNM

Created: 11.03.2009
Author: Guido Kellermann

Editor: Lars Kellermann
Last Modified: 01.10.2023

::::::::::::::::: */


*  { padding: 0; margin: 0; }

html { height: 101%; } 
body { 
   color: black; 
   background-color: #ffffff;
   background: url(../images/bg.png) repeat-x fixed;
   font-size: small;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1 { font-size: 16pt; } 
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h2, ul, ol {
	margin-bottom: 1em;
	margin-left: 10px;
}  

h3 a span{
	font-weight: normal;
}

ul ul { margin-bottom: 0; } 
/* li { margin-left: 1em; } */

a, body, div, p, span, table, td { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
}
a { font-weight: bold; text-decoration: none; outline: none; }
a:link, a:visited, div a:link, div a:visited, td a:link, td a:visited { color: #00538c; }
a:hover, a:active, div a:hover, div a:active, td a:hover, td a:active { color: #aaaaaa; }

div.text { font-size: 10pt; margin-top: 10px }

p.welcome { text-align: center; }
p.welcome #greeting { font-weight: bold; font-size: 14pt; }
p.welcome #title { font-weight: bold; ; font-size: 16pt; }
p.title { font-size: 8pt; color: #aaaaaa; margin-left: 4px; }

p.location { font-size: 7pt; color: #aaaaaa; margin-bottom: 10px; }

p.headline { font-weight: bold; font-size: 12pt; margin-bottom: 10px; }
p.teaser { font-weight: bold; font-size: 10pt; margin-bottom: 10px }
p.text { font-size: 10pt; margin-top: 20px }
p.annex { font-size: 8pt; margin-top: 20px; color: #999999; font-style: italic; }
p.lightbox { text-align: center; margin-top: 20px; }
p.lightbox img { border: none; }

table, tr, td { color: black; }

table.group {
	border-collapse: collapse;
	table-layout: auto;
	margin-left: 4px;
	width: 660pt;
}
table.record, table.year {
	border-collapse: collapse;
	table-layout: fixed;
	margin-left: 4px;
	width: 660pt;
}
table.group tr th {
	background: #f7f7f7;
	color: black; 
	font-size: 9pt;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
}
table.record tr th, table.year tr th {
	color: black; 
	font-size: 8pt;
	font-weight: bold;
	padding-bottom: 4px;
	vertical-align: middle;
}
table.group tr td, table.record tr td, table.year tr td {
	color: black;
	font-size: 8pt;
	font-style: normal;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}
table.group tr td {
	border: 1px solid #e1f2ff;
	font-size: 8pt;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	vertical-align: top;
	white-space: normal;
}
table.record tr td {
	border: 1px solid #e1f2ff;
	text-align: center; 
}
table.year tr td.std {
	background: #e1f2ff;
	border: 1px solid #ffffff;
}
table.year tr td.link {
	font-size: 7pt;
	text-align: center; 
}
table.year tr td.link a { font-size: 7pt; }
table.year tr.yellow td {
	background: #fff581;
	border-bottom: 4px solid #ffffff;
	border-top: 4px solid #ffffff;
}
#entry { 	width: 180px; }
#goals { 	width: 180px; }
#trans { 	width: 180px; }
#date  {	width: 80px;
		text-align: center; }
#title {	width: 240px; }
#location {	width: 120px; }
#link1 { 	width: 80px; }
#link2 { 	width: 70px; }
#link3 { 	width: 70px; }

table.week {
	border: 0px none transparent;
	border-collapse: collapse;
	table-layout: fixed;
	margin-left: 4px;
	width: 655pt;
}
table.week tr td {
	border: solid 1px #eeeeee;
	color: black;
	font-size: 7pt;
	font-style: normal;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}
#summer table.week tr td { height: 25px;}
#summer table.week tr.lane td { height: auto; }
table.week tr th.head {
	border: solid 1px #eeeeee;
	color: black; 
	font-size: 7pt;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: middle;
}
table.week tr.lane td { 
	background: #f7f7f7;
	color: grey;
	font-size: 6pt;
}
table.week tr.comment td { 
	border: 0px none transparent;
	color: #aaaaaa;
}
table.week tr td.basics { 
	background: #d1ebff;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.beginner { 
	background: #bde2ff;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.novice { 
	background: #91cfff;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.prep { 
	background: #fffab7;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.pro { 
	background: #fff581;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.master { 
	background: #f2de00;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.leisure { 
	background: #fffab7;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td.strength { 
	background: #dddddd;
	border-bottom: 0px;
	border-top: 0px;
}
table.week tr td a:hover {
	color: #00538c; 
	text-decoration: underline;
}
#time {		width: 40px; }
#sday1 {	width: 120px; }
#sday2 {	width: 120px; }
#sday3 {	width: 120px; }
#sday4 {	width: 120px; }
#sday5 {	width: 120px; }
#wday1 {	width: 140px; }
#wday2 {	width: 140px; }
#wday3 {	width: 40px; }
#wday4 {	width: 140px; }
#wday5 {	width: 140px; }

#contact, #link { font-size: 9pt; }
#disclaimer { font-size: 8pt; }

#wrapper {
	border-style: solid;
	border-color: grey;
	border-width: 1px;
	left: 50%;
	margin-left: -500;
	margin-top: 30px;
	position: absolute;
	color: black; 
	background-color: white; 
	width: 1000px;  
}
#header {
	background: url(../images/header.jpg); 
	height: 222px;
	color: black; 
}
#caption {
	/*position: absolute;*/
	padding: 7px 20px 20px 20px;
	font-size: 8pt;
	color: white;
}
#menu {	z-index: 9999; }
#content { 
	/*height: 70%;*/
	padding: 20px 10px 0px 20px; 
}
#accordion, #tabs { margin: 10px 20px 0px 10px; }
#foot {
	padding: 10px 20px 8px 20px;
	margin-top: 120px; 
	font-size: 7pt;
	color: #ffffff;
	background-color: #00538c;
}
#foot a:link, #foot a:visited { color: white; } 
#foot a:hover, #foot a:active { color: #cccccc; }

.skiplink { 
	position: absolute; 
	left: -3000px; 
	top: -2000px; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	display: inline; 
}