/* TuS Gaarden Kiel, URI: www.TuSGaarden.de, CREATOR: D. Mehrwald */

html {
/* background-color: #BFFFC0; */
  background-image: url(-Grafik/Sportpics-bg.gif);
  background-position: 0px 0px;
  background-repeat: repeat;}


/* ##### body ###################### */
body {
  color: #000000;
/* background-color: #BFFFC0; */
  text-align: center;  /* Used for win/IE4,win/IE5,win/IE5.5  page-position */
  min-width: 60em;  /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
/* font-size: 80%;  MSIE */
  margin: 0;
  padding: 0;
  background-image: url(-Grafik/topsection-bg.jpg);
  background-position: 0px 0px;
  background-repeat: repeat-x;}

html, body {
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-base-color: #188D12;
  scrollbar-track-color: #5EE961;}

a:link, a:visited, a:focus, a:active {outline:0; -moz-outline:0;}


/* ##### page ##################### */
#page {
border: 0;
max-width: 1200px;
margin: 0 auto;  /* auto margins left/right */
padding: 0 10px;
text-align: center;  /* page-position */
background-color: transparent;}

p {margin: 1ex 0 2ex 0; padding: 0;}	/* Abstandshalter (Absatz) */
hr {width: 100%; color: #559653; margin: 2em 0;}
.kursiv {font-style: italic;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.klein {font-size: 8pt;	line-height: 1.3em;}
.rechts {text-align: right;}
.rot {color: red;}
.blau {color: blue;}
.gross {font-size: 120%; font-weight: bold;}


/* ##### Topimage #################### */
#topsection{
background: transparent;
height: 115px;
/* background-image: url(-Grafik/topsection-bg.jpg);
  background-repeat: repeat; */
}

img.topimage {width: 915px; height: 115px; margin: 0; padding: 0; border: 0;}


/* ##### Side Bar ################### */
#side-bar {
	margin: 5px 0 0 0; padding: 0;
	border: 0;
	float: left;
	width: 13em;
	text-align: left;
	line-height: 1em;
	background-color: transparent;
	/* background-image: url(-Grafik/menu-bar.gif);
	background-repeat: repeat-y; */
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #235422;}

#navlist {
/* padding: 0; */
	width: 170px;
	border-style: solid;
	border-color: #94AA74;
	border-width: 1px;
	margin: 0px;}

#navlist ul, #submenu ul {  /* Menue und submenu/content */
  list-style-type: none;
  margin: 0;
  padding: 0;}

#navlist li ul {display: none;}   /* -------- Untermenue in sidebar ---------- */
#navlist li:hover ul {display: block; position: absolute; margin: -23px 0 0 172px; width: 160px;}


#navlist li a:link, #navlist li a:visited {  /* Menuelinks in sidebar */
  	height: 18px;
	text-decoration: none;
	color: #0D3D0C;
	display: block;
	background: url(-Grafik/menu_link.gif);
	padding: 5px 5px 0 10px;}
#navlist li a:hover {
	color: #0D3D0C;
	background: url(-Grafik/menu_hover.gif);
	padding: 5px 5px 0 10px;}
#navlist li a:active { /* Buttonklick */
	color: #78B278;
	background: url(-Grafik/menu_hover.gif);
	padding: 5px 5px 0 10px;}
#navlist #aktiv a {
	color: #0D3D0C;
	background: url(-Grafik/menu_aktiv.gif);
	padding: 5px 5px 0 10px;}

.submenu li {margin: 0 0 0 45px; text-align: right;}
/* .submenu {color: black;} */

#navlist .Hauptlinks li a:link, #navlist .Hauptlinks li a:visited, #navlist .Hauptlinks li a:hover, #navlist .Hauptlinks li .aktiv a {font-weight: bold; color: #066603;}  /* Menue-HAUPT-links in sidebar */
#navlist .Hauptlinks li a:active {font-weight: bold; color: #78B278;}
#navlist .menue-space {line-height: 1ex;}


.serverzeit {margin: 15px 0 0 10px; font-size: 8pt;}


/* ##### rightcolumn ################################ */
#rightcolumn{
float: right;
width: 11em;
margin: 5px 0 0 0;
text-align: center;
background: transparent;}


/* ##### Content ################################### */
#Spartengrafik {width: 100%; height: 100px; border: 0;}

#content {height: 100%;
  border: 1px solid white; /* Ausweiten oberer Contentrand */
  text-align: left;
  line-height: 1.5em;
  margin: 5px 11.5em 0 13.5em;  /* margins content column: ob/rightcolumn/u/Side Bar */
  padding: 0 0 2em 0;
  background-color: #FFFFFF;
/* min-width: 500px;
/* max-width: 100em; */
}

#content a:link, #content a:visited, #content a:active {color: #0057D1; text-decoration: underline;}
#content a:hover {background-color: #D4FAD4;}
/* Link-Formatierung fuer 1 zusaetzliche Formatierungsstufe */
#content a:link *, #content a:visited *, #content a:active * {color: #0057D1; text-decoration: underline;}
#content a:hover * {background-color: #D4FAD4;}


.pageheadline {  /* mit margin left */
  text-align: left;
  line-height: 1.3em;
  font-family: arial, sans-serif;
  font-size: 180%;
  font-weight: normal;
  color: #066901;
  margin: 1em 1em 1em 0.8em;
  padding: 0;}

.chapterheadline {  /* mit margin left */
  text-align: left;
  line-height: 1.3em;
  font-family: arial, sans-serif;
  font-size: 180%;
  font-weight: normal;
  color: #066901;
  margin: 1em 0 0 0.8em;  /* textnah */
  padding: 0;}

h1 {  /* ohne margin left */
  text-align: left;
  line-height: 1.2em;
  font-family: arial, sans-serif;
  font-size: 156%;
  font-weight: normal;
  color: #066901;
  margin: 0.6em 0 0.8em 0;
  padding: 0;}

h2, .h2 {
  text-align: left;
  line-height: 1.2em;
  font-family: arial, sans-serif;
  font-size: 130%;
  font-weight: normal;
  color: #075703;
  margin: 1em 0 1em 0;
  padding: 0;}

h3 {
  text-align: left;
  line-height: 1.2em;
  font-family: arial, sans-serif;
  font-size: 125%;
  font-weight: normal;
  color: #075703;
  margin: 1em 0 0 0;    /* textnahe Ueberschrift */
  padding: 0;}

.initial {
  float: left;
  color: #066901;
  font-family: arial, sans-serif;
  font-size: 130%;
  font-weight: normal;
  padding: 0;
  margin: 0 0.5ex 0 0;}

.float_Right {
	float: right;}


.memoBox {  /* z.B. Box Sportstaetten-Link */
  color: #000000;
  background-color: transparent;
  font-size: 80%;
  margin: .5ex;
  padding: .5ex;
  border: 1px solid #067E00;}

.noBox {
  color: #000000;
  background-color: transparent;
  margin: 1.5em 1em 2em 1em;
  padding: 1em 1.5em 2em 1.5em;
  border: 0;}

.lighterBox {
  color: #000000;
  background-color: transparent;
  margin: 1.5em 1em 2em 1em;
  padding: 1em 1.5em 2em 1.5em;
  border: 1px solid #067E00;}

.darkerBox {
  color: #000000;
  background-color: #E9F5E9;
  margin: 1.5em 1em 2em 1em;
  padding: 1em 1.5em 2em 1.5em;
  border: 1px solid #067E00;}

.aktuell .lighterBox {   /* (auf Aktuell-Seite) */
  color: #000000;
  background-color: transparent;
  margin: 1.5em 1em 2em 1em;
  padding: 1em 1.5em 2em 1.5em;
  border: 1px solid red;}
.aktuell .lighterBox h1, .aktuell .lighterBox h2, .aktuell .lighterBox .subline {color: red;}
.subline {font-weight: bold; text-decoration: underline; color: #066901; margin: 0 0 1.2em 0;}

.breaking-news {  /* include-news */
  color: red;
  background-color: #FFECE1;
  margin: 1.5em 1em 2em 1em;
  padding: 1em 1.5em 2em 1.5em;
  border: 1px solid red;}
.exclmark {
  color: red;
  font-size: 85px;
  font-weight: bold;
  float:right;}
.breaking-news h1, .breaking-news .subline {color: red;}


.top {
  text-align: right;
  margin: 0 1em 0 0;}

#content .top a:hover {
  text-decoration: none;
  background-color: transparent;}

.bg-info {background-image: url(-Grafik/bg-info.gif); background-repeat: repeat;}   /* Hint. Info-Box */

#Liste > li {margin-bottom: 1em; line-height: 1.3em;}   /* LISTE im content  */
#Liste li ul {margin: 1em 0 1em 0;}  /* UnterListe  */

/* --------- Themenliste Archivmeldungen ------------- */
#Themen ul {list-style-type: disc; line-height: 1.2em;}
#Themen li a:link, #Themen li a:visited, #Themen li a:active, #Themen li a:hover {text-decoration: underline;}


/* ---------- tooltip -------------------------- */
.tooltip {
	position: relative;
    z-index: 24;
	border-bottom: 1px dotted #000000;
	font-style: italic;
}
.tooltip:hover {z-index:25; background-color: #FFFF00; background:;}   /*background:; ie hack, something must be changed in a for ie to execute it*/
.tooltip span {display: none;}
.tooltip:hover span.tt {
    display: block;
    position: absolute;
    top: 0; left: auto;
	padding: 15px 0 0 0;
	width: 250px;
	color: #000000;
	font-style: normal;
	line-height: 1.2em;
	font-size: 10pt;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;}
	
.tooltip:hover span.tooltopic {		/* tooltip-Ueberschrift */
	display: block;
	padding: 80px 8px 0;
	color: red;
	font-weight: bold;
    background: url(-Grafik/tooltip.gif) no-repeat top;}
	
.tooltip:hover span.middle {        /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	color: #000000;
	background: url(-Grafik/tooltip_filler.gif) repeat bottom;}
	
.tooltip:hover span.bottom {
	display: block;
	padding: 0px 8px 10px;
    background: url(-Grafik/tooltip.gif) no-repeat bottom;}


/* ------ (Daten-) Tabellen -------------------------- */
table {border: 0; margin: 0; padding: 0;}   /* allg. (Layout-)Tabelle */
table td {border: 0;}

table.Daten {	/* Grundtabelle */
	margin: 2ex 2ex 2ex 0;
	background-color: #FFF;
	border-collapse: collapse;
	border-width: 2px;
	border-style: ridge;
	border-color: #4579AD;}
table.Daten td, table.Daten th {
	line-height: 1.3em;
	font-size: 10pt;
	padding: 0.6em;
	border-width: 1px;
	border-style: solid;
	border-color: #4579AD;
	font-family: verdana, helvetica, arial, sans-serif;}	
table.Daten th {text-align: center; background-color: #BAD3E0; font-weight: bold;}   /* zus. Def. fuer th */
table.Daten tr:nth-child(odd) {background: #EBEBEB;}	/* Zeilenfarbe 2, MIT header (th)*/

table.Daten .rowmark {background-color: #BAD3E0;}   /* Def. fuer (Zeilen-)Markierung */
table.Daten .datum {background-color: #E9F1F5;}   /* Def. fuer Markierung Datumspalte */
table.Daten .w {background-color: #FFF;}   /* Def. fuer Markierung Zelle weiss Korrektur */
table.Daten .d {background-color: #EBEBEB;}   /* Def. fuer Markierung Zelle dunkel Korrektur */

table.Termine td {
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 9pt;
	padding: 0.5em;}

table.Linkstyle {margin: 0; border: 0; width: 100%; border-collapse: collapse;}
table.Linkstyle td {padding: 1.5em 1em 1.5em 1em; border: 1px solid black;}
table.Linkstyle tr:nth-child(even) {background: #EBEBEB;}


/* ----- images ----------------------------------- */
img {                         /* fuer alle images!!! */
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 2px groove #708090;
  border-right: 3px ridge #696969;
  margin: 0.2ex;}
img.noborder {border: 0; background-color: #FFF;}

img.floatLeft {
  float: left;
  margin: 1ex 1.2em 1em 0;
  font-size: 7pt; color: #708090; font-weight: normal; font-style: italic;}  /* Formatierung Alternativtext */

img.floatRight {
  float: right;
  margin: 1ex 0 1em 1.2em;
  font-size: 7pt; color: #708090; font-weight: normal; font-style: italic;}  /* Formatierung Alternativtext */


table.BU {background-color: #F5F5F5; border: 1px solid black; padding: 5px; width: 150px;}  /* width=Minimum */
table.BU td {
  border: 0;
  font-size: 8pt;  /* Formatierung BU- + Alternativtext */
  line-height: 1.3em;
  font-weight: bold;
  color: #000000;
  text-align: justify;}
table.BUleft {float: left; margin: 1ex 1.3em 1ex 0;}
table.BUright {float: right; margin: 1ex 0 1ex 1.3em;}
table.BUcenter {margin: 1ex 1ex 1ex 25ex;}				/* nicht umfloated */

.mitte {text-align: center;}

table.image {border: 0px;}

tr.image td {
  border: 0px;
  padding: 0 15px;
  background-color: transparent;
  text-align: center;
  vertical-align: bottom;}

tr.BU td {
  border: 0px;
  padding: 0 5px;
  color: #000000;
  background-color: transparent;
  font-size: 60%;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  vertical-align: top;}

.imageBox {
  background-color: transparent;
  margin: 1em 0 2em 0;
  padding: 2ex 2em 0.5em 1.5em;
  border: 0px;}

tr.imageLine td {
  border: 0px;
  padding: 0 15px;
  background-color: transparent;
  text-align: center;
  vertical-align: center;}
  

/* ##### Kontaktformular ####################### */
.Kontaktform {
 margin: 0 0 10px 0;
 padding: 0;
 border: 0;
 text-align: left;}

.autor, .betreff, .mail {
 margin: 0 0 9px 20px;
 border: 1px solid;}
 
.nachricht {
 padding: 5px;
 margin: 20px 0 0 5px;
 border: 2px solid;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-base-color: #188D12;
 scrollbar-track-color: #5EE961;
 overflow: auto;}

.autor, .betreff, .mail, .nachricht {
 background-color: #F2FCF6;
 border-top-color: #225221;
 border-left-color: #1C421B;
 border-right-color: #93C293;
 border-bottom-color: #93C293;
 font-size: 11pt; color: #005499; font-weight: normal; font-style: normal;}

.senden {margin: 10px 0 0 40px;}
 
.fehler {
 background-color: #FFFFBA;
 color: red; font-weight: bold;
 text-align: left;
 margin: 1em 0 1em 1.2em;
 line-height: 1.2em;}
 
.confirm {
 margin: 100px 0 100px 0;
 font-size: 20px;
 color: red;}


/* ##### Seitensuche - Highlighting ###################### */
/* ----- Suchergebnis auf eigener Seite ----- */ 

#suchbegriff { /* Eingabefeld */
 margin: 10px 0 0 10px;
 border: 2px groove #94AA74;
 background-color: #FFFAE5;
 font-size: 10pt; color: #0057D1; font-weight: normal; font-style: normal;}

#schnellsuche { /* Eingabefeld Menue */
 margin: 0; padding: 2px 0 4px 3px;
 border: 0;
 background-color: #FFFAE5;
 font-size: 9pt; color: #0057D1; font-weight: normal; font-style: normal;}

em {font-weight: bold; font-style: normal;}

.hinweis {color: red; font-weight: bold;}

#suchtipps {  /* Box */
  color: #000000;
  background-color: #E9F5E9;
  margin: 1.5em 0 3em 0;
  padding: 0 2em 3em 3em;
  border: 1px solid #067E00;}

#output a {font-weight: bold;}
#output li {text-align: left; padding: 1.1ex 0 0 0; line-height: 1.2em;}
#output li .also {color: green; font-style: italic;}   /* Erlaeuterungen */

.searchword  {color: #000000; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #000000; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #000000; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #000000; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #000000; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #000000; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #000000; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #000000; background-color: #ccc; border: 1px dotted #ccc;}

#searchfooter {font-size: 0.8em; margin-top: 2em;}