/* Allgemeines */
a:link, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #8A8687;
	text-decoration: none;
}

/* Spielberichte */
table.calendar {
	font-family: "Trebuchet MS";
}

/* Highlights */

#home_highlights {
	background-color: #FFDB40;
	border: 1px dotted;
	font-family: "Trebuchet MS";
}

/* Newsletter */

#home_newsletter {
	width: 160px;
	height: 40px;
	text-align: justify;
	padding: 5px;
	margin-left: 15px;
	background-color: #FFDB40;
	border: 1px dotted;
}

.newsletter_title {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-variant: small-caps;
}

/* Ergebnisse */
.ergebnisse, #rootline,	#menu_main {
	font-family: "Trebuchet MS";
}

.ergebnisse th, .ergebnisse td {
	background: #F5F7F7;
}

/* Termine */
#home_termine {
	background-color: #FFDB40;
	border: 1px dotted;
}

.home_termine_title {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-variant: small-caps;
}

#home_termine td {
	font-size: 11px;
}

#home_termine_time {
	font-style: italic;
}

#home_termine_subject {
	padding-left: 2px;
}

/* Zufallsbild */
#home_photorandom {
	width: 160px;
	padding: 5px;
	margin-left: 15px;
	background-color: #FFDB40;
	border: 1px dotted;
	margin-top: 5px;
	margin-left: 15px;
}

.home_photorandom_title {
	text-align: left;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-variant: small-caps;
}

.home_photorandom_photo {
	text-align: center;
}

/* Photo new */
#home_photonew {
	font-family: "Trebuchet MS";
	width: 160px;
	padding: 5px;
	margin-left: 15px;
	background-color: #FFDB40;
	border: 1px dotted;
	margin-top: 5px;
	margin-left: 15px;
}

.home_photonew_title {
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
}

.home_photonew_item {
	text-align: center;
	font-style: italic;
	font-size: 11px;
}

/* Header */
#logo {
	background-color: #3333CC;
	height: 60px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#logo h1 {
	background-image: url(tsblogo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 60px;
	margin: 0 0 0 0;
	width: 100%;
}

#logo h1 span {
	display: none;
}

#date {
	left: 80%;
	position: absolute;
	top: 60px;
}

/* Seitenlayout */
#content {
	/* display: inline; */
	/* width: 100%; */
	position: relative;  /* position: relative muss drinbleiben damit Inputfelder in Vordergd. bleiben! */
	z-index: 2;
	margin-right: 5px;
	width: 800px;
}

#rootline {
	font-size: 10px;
	font-weight: bold;
	margin-left: 165px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#maincontent {
	margin-left: 165px;
	/* text-align: justify; */
}

#maincontent_included {
	margin-left: 165px;
}

#maincontent ul {
	margin-top: 5px;
	margin-left: 20px;
	list-style-type: square;
}

#maincontent li {
	margin-bottom: 10px;
}

#maincontent_hintergrund1 {
	position: absolute;
	border-left: 1px dashed;
	height: 500px;
	left: 157px;
	/*top: 6.75em;*/
	top: 86px;
	z-index: 1;
}

#footer {
         width: 100%;
         margin: 0;
         padding: 0;
         clear: both;
         background: #3333CC;
         color: #FFFFFF;
         bottom: 0px;
         position: relative;
}

/* Menü */
#menu_hotlinks {
	background-color: #3333CC;
	height: 18px;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}

#menu_main {
	left: 0px;
	padding-bottom: 7em;
	position: absolute;
	/*top: 6.75em;*/
	top: 86px;
	width: 150px;
	z-index: 3;
}

#menu_main li {
	list-style: none;
	display: inline;
	padding-left: 0px;
}

#menu_main a:link, #menu_main a:visited, #menu_main a:active {
	text-decoration: none;
	-width: 135px; display:block;
}

.menu_main_item_1 {
	margin-left: 0px;
	font-size: 1px; /* sonst Abstand, bei firefox geht auch line-height 0px*/
}

.menu_main_item_1 a:link, .menu_main_item_1 a:visited, .menu_main_item_1 a:active {
	padding-left: 5px;
}

.menu_main_item_1 a:hover {
	padding-left: 0px;
	border-left: black solid 5px;
}

.menu_main_item_2 {
	margin-left: 1em; /* padding-left für Linie bis vorne */
}

.menu_main_item_2 a:hover {
	background: #3333CC;
	padding-right: 3px;
	color: #FFFFFF;
}

.menu_main_item_3 a:hover, .menu_main_item_4 a:hover {
	background: #3333CC;
	padding-right: 3px;
	color: #FFFFFF;
}

.menu_main_item_3 {
	margin-left: 1.5em;
}

.menu_main_item_4 {
	margin-left: 3em;
}

#weather {
	left: 0px;
	top: 380px;
	position: absolute;
	width: 150px;
}

#werbung {
	left: 79%;
	top: 5px;
	position: absolute;
	width: 150px;
	font-size: 8px;
	color: #fff;
}

/* Spaas */

#achtung {
	position: absolute;
	top: 200px;
	left: 300px;
	font-size: 30px;
	color: green;
	background-color: #eee;
	width: 400px;
	height: 200px;
	text-decoration: blink;
	z-index: 9;
	border: #000;
}

/* Highslide */

.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
  outline: none;
  text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-wrapper, .drop-shadow {
	background: white;
}
.highslide img {
	border: 1px solid white;
}
.highslide:hover img {
	border: 1px solid grey;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
		color: black;
		font-size: 8pt;
		font-family: sans-serif;
		font-weight: bold;
    text-decoration: none;
		padding: 2px;
		border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

.highslide-wrapper {
    background-color: white;
}
/* Set 400px as the default width for expanders */
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
/* The list of controls */
.highslide-wrapper .highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.highslide-wrapper .highslide-header ul li {
    display: inline;
    padding-left: 1em;
}
/* Hide the previous and next links */
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
    display: none;
}
.highslide-wrapper .highslide-header a {
    font-weight: bold;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
    color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
    cursor: move;
}
.highslide-wrapper .highslide-footer {
    height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
    cursor: nw-resize;
    float: right;
    height: 11px;
    width: 11px;
    background: url(highslide/graphics/resize.gif);
    position: relative;
    top: 3px;
    left: 3px;
}

.highslide-html-content {
	position: absolute;
  display: none;
}

.highslide-heading {
	display: none;
	padding: 10px 10px 0 10px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: default !important;
}


/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/close.png', sizingMethod='scale');
}

.highslide-wrapper .highslide-close, .highslide-wrapper .highslide-move {
   display: none;
}