/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */

body, html 
	{

	/*background: #383637;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url("images/body_bg.jpg");*/
background: #CCCCCC;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
	height:100%;
padding: 0;

	
}
/* - - - - - - - - - - - - - - - - - - - - */
/* AEUSSERE CONTENTBOX *
/
/* - - - - - - - - - - - - - - - - - - - - */

#tabellenews
{
border: 1px solid #a4aed5;
width:49%;
display:inline;
/*align: center;*/
margin:0px 1% 5px 0px;

}

#headertabellenews
{
/*background-image: url("images/headmitte.gif");*/
background:#415C79;
color: #FFFFFF;
font-size:11px; 
font-weight:bold; 
height: 20px;
}


#tdtab
{
/*background-image: url("drop3/blankneu.gif");*/
color: #FFFFFF;
/*font-family:arial, verdana, sans-serif;*/

background:#415C79;
text-decoration:none; 
font-size:11px; 
font-weight:bold; 
padding:0 3px 0 3px;
/*align: top;*/

}

#tdtext
{
font-size: 12px; 
/*font-weight:bold;*/
background:#F5F5F5;
}

#tdtextleft
{
font-size:9px; 
/*font-weight:bold;*/
background:#FFFFFF;
}

#tdtextlefthb
{
font-size:10px; 
font-weight:bold;
background:#F5F3F3;
}

#tdtextlefthb1
{
font-size:10px; 
/*font-weight:bold;*/
background:#F5F3F3;
/*text-align=bottom;*/
}

#conttab
{
	border: 1px solid #a4aed5;
	width:170px;

}

#trtab
{
height: 24px;
}


#trtabhb
{
/*height: 24px;*/
}

#trainertab
{
	border: 1px solid #a4aed5;
	width:250px;
	/*background:#fff;*/
	/*text-align:center;*/
}

#tabellen2
{
	border: 1px solid #a4aed5;
	background:#fff;
	display:inline;
	height:100px;
	/*margin-top:10px;*/
	margin-bottom:10px;
	/*text-align:center;*/
}



#tabellen
{
	border: 1px solid #a4aed5;
	width:100%;
	background:#fff;
	/*text-align:center;*/
}

#inhalt {
	
margin:10px auto;

	text-align:left;
	
width: 998px;
/*height: *;*/
padding: 2px;
	

/*border:0;*/
/*border: 1px solid #a4aed5;*
	/*float:left;*/
}


/* - - - - - - - - - - - - - - - - - - - - */
/* DESIGNTABELLE*/
/* - - - - - - - - - - - - - - - - - - - - */

#design {
width: 100%;
height:100%;
background: #ffffff;
border:1;

}

#design1 {
width: 100%;
height:100%;
background: #ffffff;
}

#head 	{
font-size:20px;
/*background: #10218B;*/
/*height: 20%;*/
text-align: center;
color: #ffffff;
/*background-image: url("images/2000.jpg");*/
/*background-repeat:no-repeat;*/
/*background-image: url("images/headerbg2000.jpg");*/
background-image: url("images/bgheadern.jpg");
/*image-align:left;*/
/*background-repeat:no-repeat;*/
/*background-position: 50% 25%*/
/*background-margin*/
/*margin:0;*/
/*border:0;*/
height:120px;
}


#tnleft 
	{
	
background: #c0c7de;
padding: 3px;
color: #ffffff;/*#000000;*/
font-weight: bold;
font-size: 11px;
	background-image: url("images/schwarz.gif");
	width:170px;
/*text-align: center;*/
}

#tnright 
	{

	/*background: #c0c7de;*/
padding: 3px;
color: #ffffff;/*#000000;*/
font-size: 11px;
font-weight: bold;
	/*background-image: url("images/bgheader.jpg");*/
	background-image: url("images/schwarz.gif");
	width:100%;

}

#tnright1 
	{

	/*background: #c0c7de;*/
padding: 3px;
color: #ffffff;/*#000000;*/
font-size: 11px;
font-weight: bold;
	/*background-image: url("images/bgheader.jpg");*/
	background-image: url("images/schwarz.gif");
	/*width:15%;*/
	text-align:center;
	width:170px;
}

#menue {
	
background: #ffffff;
padding: 0px;
color: #000000;
vertical-align: top;
background-image: url("images/body_bg.jpg");
/*background-image: url("images/headerbg.jpg");*/
}

.menuelinks a {
display: block;
width: auto;
background: #eaeaea;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
color: #000000;

	font-size: 11px;
	
font-weight: bold;
	
text-decoration: none;
	
border: 1px solid #d3d3d3;
	
}
.menuelinks a:hover 
	{
	
background: #dae3ef;
text-decoration: none;
color: #6c6fae;

	}


.menuelinks .aktuell 
	{
	
display: block;
width: auto;

	background: #ffcc00;

	margin-bottom: 2px;
padding: 3px 0px 3px 4px;

	font-size: 11px;
font-weight: bold;
border: 1px solid #cc6600;

	}


#content{
	
background: #ffffff;
padding: 1px;
color: #000000;
vertical-align: top;
height: 100%;

	}

#contentright{
	
padding: 1px;
color: #000000;
vertical-align: top;
background: #F5F3F3;
/*background-image: url("images/body_bg.jpg");*/
height:100%;

	}


#footer {
	
background: #426fb9;
padding: 0px;
height:20px;
color: #ffffff;
text-align: center;
/*background-image: url("images/headerbg2000.jpg");*/
background-image: url("images/bgheader.jpg");
}

#sponsorenTR
{
	background-image: url("sponsorbilder/blumenhofe200.jpg");	
}

.meineTabelle {
        width: 100%;
        height: 30px;
        text-align: left;
        background: #e0e8f1;
        } 

#veranstalltungkopf
{
	background="images/tabschwarz.gif" ;
	color="#FFFFFF";
	
}


#tabellentrainer
{
	border: 1px solid #a4aed5;
	width:20%;
	/*background:#F0EEEE;*/
	/*text-align:center;*/
}

#tabellenberichte
{
	border: 1px solid #a4aed5;
	width:100%;
	/*background:#F0EEEE;*/
	text-align:left;
}

#tabellenberichtekk
{
	border: 1px solid #a4aed5;
	/*width:260px;*/
	/*background:#F0EEEE;*/
	text-align:left;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(drop3/blank_over.gif);}
.preload2 {background: url(drop3/blank_overa.gif);}

.menu2 {padding:0 0 0 0px; margin:0; list-style:none; 
height:24px; 
/*background:#fff; */
background:url(drop3/blankneu.gif);
position:relative; z-index:500; 
/*font-family:arial, verdana, sans-serif;*/
}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link 
{
display:block; float:left; height:24px; line-height:20px; color:#FFFFFF; text-decoration:none; 
font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(drop3/blank.gif);
}
.menu2 li a.top_link span 
{
float:left; display:block; padding:0 24px 0 12px; height:24px;background:url(drop3/blank.gif) right top;
}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:24px; background:url(drop3/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(drop3/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(drop3/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(drop3/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(drop3/blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:24px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; 
width: 90px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(drop3/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(drop3/arrow_over.gif) 70px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(drop3/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}


/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
	
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;

}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;

}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 200px;
	width: 200px;

}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;

	
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 200px;
	margin: 0 auto;
	width: 200px;

}
.slideshow a img {
	border: 1;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 14px/24px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}


/* ----------------------------------------
   Sidebar box
------------------------------------------- */

.boxlogo {margin-bottom: 10px;}
.boxlogo_body {
	background: #DAE3E9 url('img/box/body.gif') repeat-x left top;
	padding: 2px 2px 2px 2px;
	font-size: 0.1em;
}

.box_body a{
	color:#0066CC;
}


.box {margin-bottom: 5px;}
.box_title {
	background: #415C79 url('img/box/title.gif') no-repeat left top;
	padding: 6px 2px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}
.box_body {
	background: #F5F3F3 url('img/box/body.gif') repeat-x left top;
	padding: 2px 2px 2px 2px;
	font-size: 1.1em;
	border: 1px solid #a4aed5;
	color: #444;
}



.box_bottom {
	background: url('img/box/bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}

.box ul {
	margin-left: 0;
	border-bottom: 1px solid #E2ECF2;
}
.box li:first-child {border-top: none;}
.box ul li {
	list-style: none;
	padding: 4px;
	border-top: 1px solid #E2ECF2;
	border-bottom: 1px solid #D0D8DE;
}
.box ul a {text-decoration: none;}
.box ul a:hover {text-decoration: underline;}
/*<body vlink="#000000" link="#000000" alink="#000000">*/



/* ----------------------------------------
   Post, page
------------------------------------------- */

.post {
	margin-bottom: 10px;
	color: #444;
	float: left;
	
}
.post_title {
	background: #415C79 url('img/post/title.gif') no-repeat left top;
	padding: 6px 2px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	white-space: nowrap;
}
.post_title h1 {font: bold 0.9em Verdana,sans-serif;}
.post_title h1 a {color: #444;}
.post_title h1 a:hover {
	color: #469;
	text-decoration: underline;
}
.post_title h1.left {width: 380px}
.post_date {
	color: #999;
	padding-top: 1px;
	font-size: 0.85em;
}
.post_metadata {
	margin-top: 5px;
	padding: 0 5px;
	background: #F5F5F5;
}
.post_metadata .content {
	border-top: 1px solid #E5E5E5;
	padding: 8px 5px 6px;
	font-size: 0.8em;
	color: #666;
}
.post_metadata .content a {color: #567;}
.post_metadata .content a:hover {color: #002;}

.post_body {
	background: #F5F5F5 url('img/post/body.gif') repeat-x left top;
	padding: 2px 2px 2px 2px;
	font-size: 1.1em;
	border: 1px solid #a4aed5;

}

.post_bottom {
	background: url('img/post/bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.post_search_text {
	font-size: 0.85em;
	padding: 2px 0;
}

/* Main */
#layout_wrapper {
	margin: 10px auto 0;
	width: 1000px;	
}
#layout_container {
	background: #FFF;
	padding: 0 0px 0 0;
	/*background: url('images/bgheadern.jpg')no-repeat left top;*/
	
	
	/*margin:10px auto;*/
	/*text-align:left;*/
	width: 998px;
	/*height: *;*/
	/*padding: 2px;*/

}
#layout_edgetop, #layout_edgebottom {
	background: url('img/layout_edges.gif') no-repeat left top;
	/*display: block;*/
	height: 7px;	
	font-size: 0;
	line-height: 0;
	/*margin: 10px auto ;*/
}
#layout_edgebottom {background-position: left bottom;}


.xsnazzy h1, .zsnazzy h1 {
margin:0; 
/*font-size:1.2em; */
padding: 0px 2px 5px; 
border-bottom:1px solid #444;
height:12px;
	font-weight: bold;
	font-size: 1.0em;
	color: #fff;
	
}

.xsnazzy a, .zsnazzy a{
	color:#0066CC;
}


.xsnazzy p, .zsnazzy p {
margin:0; 



	padding: 2px 2px 2px 2px;
	font-size: 1.1em;
	/*border: 1px solid #a4aed5;*/
	background: #F5F5F5;

}
.xsnazzy {
background: transparent; 
width:100%;
/*height:100%;*/
/*float:left; */
/*margin:0 3px;*/
margin-bottom: 10px;
/*margin-right: 10px;*/
color: #444;

}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #a4aed5;
border-right:1px solid #a4aed5;
}
.xb1 {
margin:0 5px; 
background:#a4aed5;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #a4aed5; 
border-width:0 1px; 
height:auto;
/*height:150px;*/

background: #F5F5F5;

}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#415C79;
color:#F59E01;
/*background-image: url("images/schwarz.gif");*/
/*text-align:left;*/
/*background:#D4D8BD;*/
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}


/*tabelle für damit div 100% ist*/

#tabelledivdummy
{
	border:0px;
	width:622px; 
	border-collapse:collapse;
	
}