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

body  { color: black; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; }
.header     { z-index: 100;color: #000;  position: absolute; top: 0; left: 0; width: 100%; height: 120px }

  ul#maintabs    { text-align: left;  margin-left: 190px; position: relative; bottom: 1px; width: 525px }
  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: #888888 }
/*  * 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: #888888 }





.logo  { position: absolute;  top: 0; left: 15px }
.header h1      { font-style: italic; text-align: center; margin-bottom: 0; margin-left: 190px; padding-top: 8px; padding-bottom: 0; width: 525px;}
.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: #000; text-decoration: none;  }
.header h1 a:link { color: #000;   }
.header	h1 a:visited    { color: #000;  }
.header	h1 a:hover   { color: #000 }
.header	h1 a:active { color: red ; background-color: white}
.mainmenu        { display:none;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: #000; line-height: 34px; text-align: left; list-style: none; width: 190px; height: 34px; vertical-align: middle;text-decoration: none; }
.mainmenu a:link   { color: #000; }
.mainmenu a:visited { color: #000;}

.mainmenu a:active { color: #fff; disbly:none; }
.content   { visibility: visible; position: absolute; top: 200px; left: 0px; width: 100% }
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     {font-size: 0.8em; color: #000; 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.8em; }	
	.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}