/*
(C) 2008 Markus Schlüter-Isenbeck /www.schlueter-isenbeck.com
*/

body   { color: black; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; background-image: url("gfx/bg.jpg"); background-repeat: repeat-y; background-position: left top }
.header     { z-index: 100;color: #fff; background-image: url("gfx/header_bg.jpg"); background-repeat: repeat-x; background-position: left top; position: absolute; top: 0; left: 0; width: 100%; height: 120px }

  ul#maintabs    { text-align: left; margin-left: 190px; position: relative; bottom: 1px; width: 625px }
  ul#maintabs li    { list-style: none; display: inline; padding: 3px 3px 2px; height: 25px }

  ul#maintabs a, ul#maintabs span  { color: #fff;  font-weight: bold; text-decoration: none; background-color: #c00; background-image: url("gfx/maintabs.jpg"); padding: 2px; border-style: solid; border-width: 1px; border-color: white #ccc #ccc white }
/*  * html ul#maintabs a, * html ul#maintabs span  { font-size: x-small; width: 1em; w: auto } */
  ul#maintabs a:hover, ul#maintabs span   { color: #000; background-color: #f30; background-image: url("gfx/maintab_hover.jpg"); border-color: #ccc white white #ccc }

.submenu   { position: absolute; z-index: 100; top: 119px; left: 160px; width: 100%; height: 32px }
  ul.subtabs      { line-height: 34px; text-align: left; vertical-align: middle }
  ul.subtabs li      { list-style: none; display: inline; padding: 3px 3px 2px; height: 25px }
#subtag a, #subtag span  { color: #000; font-weight: bold; text-decoration: none; background-color: #fff; background-image: url("gfx/mainmenu_hover.jpg"); background-position: 0 32px; padding: 2px; border-style: solid; border-width: 1px; border-color: #ccc #999 #999 #ccc }
ul.subtabs a, ul.subabs span  { color: #fff;  font-weight: bold; text-decoration: none; background-color: #c00; background-image: url("gfx/maintabs.jpg"); padding: 2px; border-style: solid; border-width: 1px; border-color: white #ccc #ccc white }
/*  * html ul#maintabs a, * html ul#maintabs span  { font-size: x-small; width: 1em; w: auto } */
  ul.subtabs a:hover, ul.subtabs span   { color: #000; background-color: #f30; background-image: url("gfx/maintab_hover.jpg"); border-color: #ccc white white #ccc }




.logo  { position: absolute;  top: 0; left: 15px }
.header h1       { font-style: italic; text-align: center; margin-top: 10px; margin-bottom: 0; margin-left: 190px; padding-top: 8px; padding-bottom: 0; width: 525px }
p { text-align: justify }
.header h2       { font-size: medium; font-style: italic; font-weight: normal; text-align: center; margin-top: 0; margin-left: 190px; width: 525px; }
.header h1 a { color: #fff; text-decoration: none;  }
.header h1 a:link { color: #fff;   }
.header	h1 a:visited    { color: #fff;  }
.header	h1 a:hover   { color: #fff }
.header	h1 a:active { color: red ; background-color: white}
.mainmenu        { font-size: small; background-image: url("gfx/mainmenu.jpg"); background-repeat: no-repeat; position: absolute; z-index: 1; top: 119px; left: 0; width: 190px }
.mainmenu ul     { list-style-position: outside; margin-top: 34px; margin-left: 0; padding: 0 }
.mainmenu li  { list-style: none; line-height: 34px;}
.mainmenu a     {  padding-left: 10px; font-weight: bold; display: block; color: #fff; line-height: 34px; text-align: left; list-style: none; width: 190px; height: 34px; vertical-align: middle;text-decoration: none; }
.mainmenu a:link   { color: #fff; }
.mainmenu a:visited { color: #fff;}
a:hover#top1      { color: #000; background-color: #fff; background-position: 0 -34px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top2      { color: #000; background-color: #fff; background-position: 0 -68px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top3      { color: #000; background-color: #fff; background-position: 0 -102px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top4      { color: #000; background-color: #fff; background-position: 0 -136px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top5      { color: #000; background-color: #fff; background-position: 0 -170px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top6      { color: #000; background-color: #fff; background-position: 0 -204px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top7      { color: #000; background-color: #fff; background-position: 0 -238px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top8      { color: #000; background-color: #fff; background-position: 0 -272px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top9      { color: #000; background-color: #fff; background-position: 0 -306px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }
a:hover#top10      { color: #000; background-color: #fff; background-position: 0 -340px; background-image: url("gfx/mainmenu_hover.jpg"); background-repeat: no-repeat; }

.mainmenu a:active { color: #fff }
.content   { visibility: visible; position: absolute; top: 140px; left: 220px; width: 640px }
h2 a:link { color: #000;  }
	h2 a:visited    { color: black;  }
	h2 a:hover  { color: #fff; background-color: red }
	h2 a:active { color: black ; background-color: red}
	
.teaser      { color: #000; font-size: 0.9em; background-color: #ffffff }
	.teaser h3 { margin-top: 2px }
	.teaser h4 { color: #444; margin-bottom: 2px }
	.teaser h3 a:link { color: #000; text-decoration: none }
	.teaser h3 a:visited    { color: black; text-decoration: none }
	.teaser h3 a:hover  { color: #fff; background-color: red }
	.teaser h3 a:active { color: black ; background-color: red}
	.teaser a:link { color: red;  }
	.teaser a:visited { color: red;  }
	.teaser a:hover  { color: #fff; background-color: red }
	.teaser a:active { color: red ; background-color: #fff}
div.teaser:hover   { }

.heading {font-size: 0.8em; background-color: #ffffff; border-left: solid 5px red; padding-left: 2px;}
	.headings {background-color: #ffffff}
	.heading h5 { color: #444; margin-bottom: 2px; margin-top: 12px }
	.heading a:link { color: #000;  }
	.heading a:visited    { color: black;  }
	.heading a:hover  { color: #fff; background-color: red }
	.heading a:active { color: black; background-color: red }
	div.heading:hover  { }
	hr {width: 50%; height: 1px}

legend {color: red;}

.story  { font-size: 0.9em }	
	.story a:link { color: red;  }
	.story a:visited { color: red;  }
	.story a:hover  { color: #fff; background-color: red }
	.story a:active { color: black; background-color: red}

table.lauftreff  { font-size: 0.9em;
		margin: 0px;
		border: solid 1px #000; 
		border-collapse: collapse; /*alternativ:separate*/
		border-spacing: 0px 0px;
 		}
.lauftreff th { margin: 0px;border: solid 1px silver}
.lauftreff tr  { margin: 0px;}
.lauftreff tr:hover { color: #fff; background-color: #666 }
.lauftreff td{ margin: 0; padding: 3px; border: solid 1px silver ;white-space:nowrap; }
.lt_pos {text-align:right;}
element { }
table { font-size: 0.9em }