/*css layout formatting done by mtness.net*\
    for mtness templates
\*              2006-04-05                */

body
{
	margin: 0;
	padding: 162px 0 22px 0;
	color: #000;
	background: #e5e7e4;
	font-family: verdana, helvetica, arial, sans-serif;	
	font-size: 1em;
	z-index: 0;
}

div#header,
div#footer
{
	position: absolute;
	left: 0;
	overflow: hidden;
}

div#header
{
	top: 0;
	width: 100%;
	height: 162px;
	border-bottom: 0px solid #000;
	color: #000;
	background: #e5e7e4;
	z-index: 2;
}

div#footer 
{
	width: 100%;
	height: 22px;
	position: fixed;
	bottom: 0px; /*ugly fix for IE*/
	left: 0;
	color: #000;
	background: #e5e7e4;
	z-index: 46;
}

@media screen
{
	body>div#header
	{
		position: fixed;
	}

	.nob { margin: 0; border: 0; padding: 0; }
	.keywords { display: none; }
	.hidden { display: none; }

	#header_center
	{
		width: 874px;
		height: 142px;
		margin: 0 auto;
	}

	#ktc_logo
	{
		position: relative;
		top: 0;
		left: 0;
		width: 191px;
		height: 142px;
		margin: 0 auto;
		background: top left url(images/ktc_logo.gif);
		float: left;
		z-index: 23;
	}
	#ktc_header
	{
		position: relative;
		top: 0;
		left: 191px;
		width: 494px;
		height: 142px;
		background: top left url(images/ktc_header.gif);
		z-index: 23;
	}
	#member_login a
	{
		position: absolute;
		top: 0px;
		right: 8px;
		width: 124px;
		padding: 20px 0 0 0;
		overflow: hidden;
		height: 0px; 
		background: #ccc top left no-repeat url(images/login.gif);	
		display:block;
		text-decoration: none;
	}
	#member_login a:hover
	{
		background-position: -124px 0;
	}

	#member_login a:active, #member_login a.selected
	{
		background-position: -124px 0;
	}
	#be_member a
	{
		position: absolute;
		top: 20px;
		right: 16px;
		width: 98px;
		padding: 98px 0 0 0;
		overflow: hidden;
		height: 0px; 
		background: #ccc top left no-repeat url(images/members.gif);	
		display:block;
		text-decoration: none;
	}
	#be_member a:hover
	{
		background-position: -98px 0;
	}

	#be_member a:active, #be_member a.selected
	{
		background-position: -98px 0;
	}

	#rootline
	{
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 0.6em;
		color: #ccc;
	}
	#rootline a:link   {  color: #ccc; text-decoration: none;}
	#rootline a:visited{  color: #ccc; text-decoration: none;}
	#rootline a:hover  {  color: #ccc; text-decoration: underline;}
	#rootline a:active {  color: #ccc; text-decoration: none;}
	
	
	#menu_wrap
	{
		position: fixed;
		width: 100%;
		height: 0px;
	}
	#menu_center
	{
		position: relative;
		width: 874px;
		height: 0px;
		margin: 0 auto;
	}
	#mainmenu
	{
		position: relative;
		top: 0px;
		width: 11em;
		z-index: 14;
		background: #e5e7e4;
	}

/* mainmenu: nifty rollovers ************************************************ */

	#nav
	{
		width: 11em;
		text-align: center;
		line-height: 1.5em;
		font-size: 0.82em;
		margin: 0;
		border: 0;
		padding: 0;
		list-style: none;
	}

	#nav li
	{
		margin: 0 0 4px 0;
		font-weight: bold;
	}
		
	#nav li a
	{
		display: block;
		background: #E8CFE8;
		border: 0.05em solid #ddd;
	}
	
	#nav li a:link   {  color: #FF00FF; text-decoration: none;}
	#nav li a:visited{  color: #FF00FF; text-decoration: none;}
	#nav li a:hover  {  color: #9900F0; text-decoration: none; background: white; border: 0.05em solid #9900F0; }
	#nav li a:active {  color: #FF00FF; text-decoration: none;}
	#nav li a.selected {  color: #FF00FF; text-decoration: none; background: white; border: 0.05em solid #9900F0; }

	#nav li.erfolge { margin: 0 0 2em 0; }
	#nav li.kostuemboerse { margin: 0 0 2em 0; }
	#nav li.trainingszeiten { margin: 0 0 2em 0; }
	#nav li.forum { margin: 0 0 2em 0; }

/* submenu: dropdown lists ************************************************** */
	
	#submenu
	{
		position: fixed;
		top: 162px;
		
		height: 16px;
		width: 100%;
		margin: 0 auto;
		z-index: 13;
		text-align: center;
		background: #e5e7e4;
	}

	#subnav
	{
		margin: 0 auto;
		padding: 0 0 0 142px;
		width: 666px;
		list-style: none;
		line-height: 1.5;
		font-size: 0.65em;
	}
	#subnav ul { /* all lists */
		padding: 0;
		margin: 0;
		width: 626px;
		list-style: none;
		line-height: 1.8;
	}
	
	#subnav a {
		display: block;
		width: 12em;
		padding: 0.2em 0;
	}
	
	#subnav li { /* all list items */
		float: left;
		width: 12em; /* width needed or else Opera goes nuts */
		font-weight: bold;
	}

	#subnav li a:link   {  color: #FF00FF; text-decoration: none; background: #E8CFE8; border: 0.1em solid #ddd; }
	#subnav li a:visited{  color: #FF00FF; text-decoration: none; background: #E8CFE8; border: 0.1em solid #ddd; }
	#subnav li a:hover  {  color: #9900F0; text-decoration: none; background: #fff; border: 0.1em solid #9900F0; }
	#subnav li a:active {  color: #FF00FF; text-decoration: none; background: #E8CFE8; border: 0.1em solid #ddd; }
	#subnav li a.selected  {  color: #FF00FF; text-decoration: none; background: #fff; border: 0.1em solid #9900F0; }

	.verein,
	.vorstand,
	.satzung,
	.beitraege,
	.kontakte,
	
	.mini-club,
	.schueler,
	.jugend,
	.hauptklasse,
	.freizeit,
	
	.mo-news,
	.mo-ea,
	.mo-ver,
	.mo-mit,
	
	.news,
	.termine,
	.ergebnisse,

	.gal-new,
	.gal-2005,
	.gal-2006,
	.gal-2007
	{
		margin: 0 0.25em;
	}
	

	.s_freestyle,
	.s_character,
	.s_modern,
	.j_freestyle,
	.j_character,
	.j_modern,
	.h_freestyle,
	.h_character,
	.h_modern
	{
		line-height: 1em;
	}
	#subnav li ul { /* second-level lists */
		position: absolute;
		background: #E8CFE8;
		width: 11.8em;
		border: 0.1em solid #ddd;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	#subnav li ul li {
		float: left;
		width: 11.8em; /* width needed or else Opera goes nuts */
		font-weight: bold;
	}

	#subnav li ul li a {
		width: 11.8em;
	}
	
	#subnav li:hover ul, #subnav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 6;
	}	
/* /submenu: dropdown lists ************************************************* */


	#content_tb
	{
		z-index:1;
	}
	#content_wrap
	{
		width: 514px;
		margin: 0 auto;
		padding: 0 191px;
		z-index: 1;
	}

	#content
	{
		padding: 46px 0 0 0;
		z-index: 1;
	}

	/* content elements formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	#content h1 { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.9em ; margin: 0px; padding: 16px 0 4px 0; }
	#content h2 { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.9em;  margin: 0px; padding:  8px 0 4px 0; }
	#content h3 { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.8em;  margin: 0px; padding:  8px 0 4px 0; }
	#content p  { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.8em; margin: 8px 0px 8px 0px; padding: 0; line-height:1.5; }
	#content a  { font-family: verdana, helvetica, arial, sans-serif; margin: 8px 0px 8px 0px; padding: 0; }
	#content em { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.8em; margin: 0px; font-style: normal; }
	#content ul { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.8em; margin: 0px; list-style: none; }
	#content li { margin-bottom: 5px; }

	/* div#content p:first-letter { color: #ff00ff; font-weight: bold; } */
	
	#content a:link   {  color: #9900F0; text-decoration: none;}
	#content a:visited{  color: #9900F0; text-decoration: none;}
	#content a:hover  {  color: #9900F0; text-decoration: underline;}
	#content a:active {  color: #9900F0; text-decoration: none;}

	.standardtable { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.8em; margin: 0px; padding: 0; }
	.standardtable td { border: 1px solid #ccc; padding: 8px; }
	/* /content elements formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* TYPO3 Plugin configuration *********************************************** */

	.tx-guestbook-form-comment { font-size: 1px; } 
	.tx-veguestbook-pi1 { z-index: 69; }
	.tx-veguestbook-pi1 p { }

	.tx-veguestbook-pi1 td { font-size: 1.1em; text-align: center; }
	.tx-guestbook-list-rowleft{ width: 128px;}
	.tx-guestbook-list-header { background-color: #ccc; color: #FF00FF;  font-size: 10px; font-weight:bold; }
	.tx-guestbook-list-row { background-color: #ddd; }
	.tx-guestbook-list-rowleft { background-color: #bbb; width: 192px;}
	.tx-guestbook-list-entrycomment-title {font-weight: bold; }
	.tx-guestbook-list-entrycomment { font-style: italic; }
	.tx-guestbook-list-small { font-size: 9px; color: #999; }

	.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }
	.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
	.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }

	.tx-guestbook-latest-header { background-color: #3b3c2f; color: #FFFFFF; font-weight:bold; }
	.tx-guestbook-latest-row { background-color: #646550; }
	.tx-guestbook-latest-small { font-size: 9px; color: #666666; }

	.tx-veguestbook-pi1 dt { font-size: 0.8em; }

	.tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1px;  background-color: #ddd; border-color:#000000; color:#111; width:190px; height:20px; }
	.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1px;  background-color: #ddd; border-color:#000000; color:#111; width:190px; height:20px; }
	.tx-guestbook-form-textarea { border-style: solid; border-width: 1px;  background-color: #ddd; border-color:#000000; color:#111; width:424px; height: 92px; overflow: auto; }
	.tx-guestbook-form-obligationfield { color: #eee; }
	.tx-guestbook-form-error { color: #CC00cc; }

	.tx-guestbook-button { background: #666; border: 1px solid #000; }
	
	.tx-mininews-pi1 { text-align: center; }
	.tx-mininews-pi1-searchbox-sword { display: none; }
	.tx-mininews-pi1-searchbox-button { display: none; }
	.tx-mininews-pi1-browsebox { display: none; }
	.tx-mininews-pi1-singleView { text-align: left; }
	.tx-mininews-pi1-listrowField-datetime { font-weight: bold; }
	.tx-mininews-pi1-fp_listrowField-datetime { font-weight: bold; }

	.tx-cegallery-pi1 {
		position: relative;
		top: 0px;
		background: transparent;
	}
	.tx-cegallery-pi1-album_date {
		font-size: 10px;
	}
	.tx-cegallery-pi1 a{
		font-size: 9px;
	}
	
	div.tx-cegallery-pi1-album_entry{
		float: left;
		height: 120px;
		width: 100px;
		margin: 2px;
		padding: 0px 10px 35px 10px;
		text-align: center;
		top: inherit;
		vertical-align: top;
		background: #cfcfcf;
		line-height: 0.8;
	}
	
	div.tx-cegallery-pi1-detail_entry{
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
	}		
	
	div.tx-cegallery-pi1-slideControls{
		padding-bottom: 10px;
	}				
	
	div.tx-cegallery-pi1-album_entry img, div.tx-cegallery-pi1-detail_entry img {
			clear: both;
			border: 1px solid #000000;
	}
	div.tx-cegallery-pi1-clearer {
	 clear: both;
	}
	
	div.tx-cegallery-pi1-detail_header {
	  padding-bottom: 2px;
	}
	
	div.tx-cegallery-pi1-detail_nav {
		clear: both;
		width: 385px;
	}		
	
	span.tx-cegallery-pi1-photo_prev {
	 float: left;
	 width: 50px;
	}
	
	span.tx-cegallery-pi1-photo_next {
	 width: 50px;
	 text-align: right;
	 float: left;
	}
	
	 span.tx-cegallery-pi1-album_back_link {
	   float: left;
	   width: 500px;
	   text-align: center;
		font-size: 9px;
		background: transparent;
	 }
	 
	 span.tx-cegallery-pi1-pagebrowser_actual, span.tx-cegallery-pi1-pagebrowser_normal {
	   padding-right: 8px;
	 }
	 
	 span.tx-cegallery-pi1-pagebrowser_actual a {
	   font-weight: bold;
	 }
	 
	 div.tx-cegallery-pi1-pagebrowser {
	   padding-bottom: 2px;
	 }
	 
	#mySlideshow
	{
		position: relative;
		top: 12px;
		left: -500px;
		width: 500px;
		height: 400px;
		z-index:5;
		display: none;
		overflow:hidden;
		background: #c3c3c3;
	}
	
	#mySlideshow img
	{
		border: 0;
		margin: 0;
		
	}
	
	#mySlideshow #slideInfoZone
	{
		position: absolute;
		z-index: 10;
		width: 100%;
		margin: 0px;
		left: 0;
		bottom: 0;
		height: 2.2em;
		background: #333;
		color: #fff;
		text-indent: 0;
	}
	
	#slideInfoZone h2
	{
		padding: 0;
		font-size: 12px;
		margin: 0;
		margin: 2px 5px;
		font-weight: strong;
		color: inherit;
	}
	
	#slideInfoZone p
	{
		padding: 0;
		font-size: 10px;
		margin: 2px 5px;
		color: #eee;
	}
	
	#mySlideshow a
	{
		font-size: 100%;
		text-decoration: none;
		color: inherit;
	}
	
	#mySlideshow a.right, #mySlideshow a.left
	{
		position: absolute;
		height: 100%;
		width: 40%;
		cursor: pointer;
		z-index:10;
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		-khtml-opacity: 0.2;
		opacity: 0.2;
	}
	
	* html #mySlideshow a.right, * html #mySlideshow a.left
	{
		filter:alpha(opacity=50);
	}
	
	#mySlideshow a.right:hover, #mySlideshow a.left:hover
	{
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	#mySlideshow a.left
	{
		left: 0;
		top: -8px;
		background: url('/typo3conf/ext/ce_gallery/res/left.gif') no-repeat top left;
	}
	
	#mySlideshow a.right
	{
		right: 0;
		top: -8px;
		background: url('/typo3conf/ext/ce_gallery/res/right.gif') no-repeat top right;
	}
	
	.csc-textpic-caption
	{
		font-size: 0.7em;
	}

/* /TYPO3 Plugin configuration ********************************************** */
	
	#ktc_claim
	{
		position: fixed;
		bottom: 0;
		right: 16px;
		width: 444px;
		height: 22px;
		background: url("images/ktc_claim.jpg");
		z-index: 69;
	}
	
	#legal
	{
		position: fixed;
		bottom: 4px;
		left: 4px;
		border: 0px solid #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		z-index: 69;
	}
	#legal a:link   {  color: #060606; text-decoration: none;}
	#legal a:visited{  color: #060606; text-decoration: none;}
	#legal a:hover  {  color: #060606; text-decoration: underline;}
	#legal a:active {  color: #060606; text-decoration: none;}

	#mtness
	{
		position: fixed;
		bottom: 0;
		right: 0;
		border: 0px solid #000000;
		z-index: 69;
	}
}