/*(c) www.com-com.com - TN 2006-2008 */

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #727272;}
body {font-size: 0.75em;} 

html, body {
   height: 100%;
	margin: 0;
   padding: 0;
	text-align: center; /* gesamtpositionierung für IE<6 */
}
html {overflow: -moz-scrollbars-vertical !important;}

body { background: #fff; }

::-moz-selection { background: #FFFEBF; color: #000; }
::selection { background: #FFFEBF; color: #000; }

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: bold; }
img {border:none;}
img.bordered { border: 1px solid #1081b8; }
img.nonBordered { border: none !important; }

p { margin: 0 0 13px 0; line-height: 150%;  }

/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {display: inline; margin: 0; padding: 0;}
h2 {font-size: 1.2em; font-weight: bold; color: #DF0101; margin: 0 0 6pt 0; }
h3 {font-size: 1em; color: #DF0101 ; margin:0; }
h4 {font-size: 1em; font-weight: bold; color: #000; margin: 0; display: inline; }

hr { height:1px; color: #e1edf5; background: #e1edf5; border: none; margin: 5px 0 15px 0;}
acronym{ border-bottom: 1px dotted #63AAD0; }

.right{ float: right; margin: 0 0 5px 5px; }
.left{ float: left; margin: 0 5px 5px 0; }


/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.small, .bildText{font-size: .8em;} /* bezieht sich immer auf Elternelement */
.bildText{ color: #51a3cb; margin:0; }

a:link, a:visited, a:hover, a:active,
a.green:link, a.green:visited, a.green:hover, a.green:active  { color : #5d9728; text-decoration: underline;}
a:hover, a:active, a.green:hover, a.green:active { color: #000;}

	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* OPTIC1 standard - nur abst?nde und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}

table.forum { width: 496px; color: #727272; background: #f9f9f9; margin: 0 0 9px 0; }

	table.forum th, table.forum td {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 2px 10px;
	}
	table.forum th { background: #f4f4f4; height: 29px;  }
	table.forum th.user { background: #f4f4f4 url(../images/chrome/icon_user.gif) 12px 9px no-repeat; padding-left: 25px; width: 426px; }
/*	table.forum th.paging { background: #f4f4f4 url(../images/chrome/icon_user.gif) 12px 9px no-repeat; padding-left: 25px; }*/
	table.forum th.number { width: 44px; text-align: right }
	table.forum h3 { background: transparent url(../images/chrome/icon_msg.gif) 0 3px  no-repeat; padding-left: 14px; color: #727272; }
	
	table td a:link, table td a:visited, table td a:hover, table td a:active { text-decoration: none; color: #727272; }
	table td a:hover, table td a:active { color: #5d9728; }
	
	table.optic1 td a:link, table.optic1 td a:visited, table.optic1 td a:hover, table.optic1 td a:active { color : #5d9728; text-decoration: underline; }
	table.optic1 td a:hover, table.optic1 td a:active { color: #000; }

	table a.answer:link, table a.answer:visited, table a.answer:hover, table a.answer:active {
		background: transparent url(../images/chrome/icon_edit.gif) 0 3px no-repeat; padding-left: 15px;
	}
	table a.view:link, table a.view:visited, table a.view:hover, table a.view:active {
		background: transparent url(../images/chrome/icon_arrow.gif) 0 5px no-repeat; padding-left: 15px; margin-left: 15px; 
	}

 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#mainContainer {
	width: 985px; /*995-padding*/
	margin: 0 auto;
	_height: 100%; min-height: 100%;
	background: #fff url(../images/chrome/pagebg.gif) left top repeat-y; 
	padding: 0 10px;
	position: relative;
	text-align: left;
}

#rightCol{
	background: transparent url(../images/chrome/rightcolbg-bottom.jpg) 5px 249px no-repeat ;
	position:absolute;
	width: 222px;
	left: 680px;
	top: 0;
	_height: 600px;
	min-height: 600px;
	text-align: center;
}
	#rightCol img { }
	#rightCol .content { padding:  27px 36px 0 36px; text-align: left;}
	#rightCol input { background: #ececec; border: 1px inset #fff; width: 147px; line-height: 12px; padding: 0; }
	#rightCol input.button { background: #78a6cc; border: 1px solid #b8cfe2; border-left: none; width: 32px; font-weight: bold; color: #fff; _height: 20px; }
	#rightCol p { font-size: 0.95em; color: #727272; }

	#rightCol #banners { margin-top: 20px; }
	#rightCol #banners p { padding: 0; margin:0; }
	#rightCol #banners img { margin-bottom: 1px; }
	


#func2 {
	margin: 0; padding: 11px 0 0 0; height: 80px; 
	background: transparent url(../images/chrome/rightcolbg.gif) no-repeat ;
}
#func2 li {
	margin: 0;
	display: inline;
	padding: 0 9px;
	border-left: 1px solid #787878;
	line-height: 100%;
	font-size: 0.95em; 
}
#func2 li.pos1 { border-left: none; }

	#func2 li a:link, #func2 li a:visited, #func2 li a:hover, #func2 li a:active  {
		color: #787878;
		text-decoration: none;
	}
	#func2 li a:hover, #func2 li a:active,
	#func2 li a.active:link, #func2 li a.active:visited, #func2 li a.active:hover, #func2 li a.active:active  {
		color: #DF0101;
	}

	
#head{ height: 54px; }	

#func {
	margin: 0; padding: 0;
	width: 670px;
	text-align: right;
}
#func li {
	margin: 0;
	display: inline;
	padding: 0 9px;
	border-left: 1px solid #000;
	line-height: 100%;
	font-size: 0.95em;
}
	#func li.pos1 { border-left: none; }
	#func li a:link, #func li a:visited, #func li a:hover, #func li a:active  {
		color: #000;
		text-decoration: none;
	}
	#func li a:hover, #func li a:active,
	#func li a.active:link, #func li a.active:visited, #func li a.active:hover, #func li a.active:active  {
		color: #DF0101;
	}

	
#topNav {
	margin: 0; padding: 0;
	background: #ececec url(../images/chrome/nav1bg.gif) 0 0 repeat-x; 
	height: 37px;
	font-size: 0.95em; 
}
#topNav li { display: inline; }

	#topNav li a:link, #topNav li a:visited, #topNav li a:hover, #topNav li a:active  {
		float: left;
		width: 100px; height: 23px;
		padding: 14px 0 0 0;
		background: #ececec url(../images/chrome/nav1bg.gif) 0 0 repeat-x; 
		border-left: 1px solid #adb2ab;
		text-decoration: none;
		color: #000;
		text-align: center;
	}
	#topNav li a:hover, #topNav li a:active,
	#topNav li.active a:link, #topNav li.active a:visited, #topNav li.active a:hover, #topNav li.active a:active  {
		background-position: 0 -37px; 
	}
	#topNav li a.pos1:link, #topNav li a.pos1:visited, #topNav li a.pos1:hover, #topNav li a.pos1:active  {
		font-weight: bold; border: none;
	}
	

	#topNav li ul {
		display: none;
		position: absolute;
		top:219px;
		left: 74px;
		margin: 0;
		padding:0;
		background: none;
	}
	#topNav li.active ul { display: block; }

	#topNav li li a:link, #topNav li li a:visited, #topNav li li a:hover, #topNav li li a:active  {
		background: transparent url(../images/chrome/secondlevelbg.png);
		_background-image: url(../images/chrome/empty.gif); /*bg-image ist nötig, damit der gesamte anker inkl. padding aktiv ist*/
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/cms_sites/sportstaetten/images/chrome/secondlevelbg.png', sizingMethod='scale');
		border: none;
		margin-right: 1px;
		padding: 7px 13px 0 13px;
		height: 22px;
		font-weight: bold;
		width: auto;
	}
	#topNav li li a:hover, #topNav li li a:active,
	#topNav li li a.active:link, #topNav li li a.active:visited, #topNav li li a.active:hover, #topNav li li a.active:active   {
		background: transparent url(../images/chrome/secondlevelbg-active.png);
		_background-image: url(../images/chrome/empty.gif); /*bg-image ist nötig, damit der gesamte anker inkl. padding aktiv ist*/
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/cms_sites/sportstaetten/images/chrome/secondlevelbg-active.png', sizingMethod='scale');
	}

	
	

/*--unterschiede zwischen den menupunkten------*/
	#topNav li a.pos1:link, #topNav li a.pos1:visited, #topNav li a.pos1:hover, #topNav li a.pos1:active  {
		font-weight: bold; border: none; width: 65px;
	}
	#topNav li a.pos1:hover, #topNav li a.pos1:active,
	#topNav li.active a.pos1:link, #topNav li.active a.pos1:visited, #topNav li.active a.pos1:hover, #topNav li.active a.pos1:active  {
		background-position: 0 -37px; 
	}

	#topNav li a.pos2:link, #topNav li a.pos2:visited, #topNav li a.pos2:hover, #topNav li a.pos2:active  {
		width: 75px;
	}
	#topNav li a.pos2:hover, #topNav li a.pos2:active,
	#topNav li.active a.pos2:link, #topNav li.active a.pos2:visited, #topNav li.active a.pos2:hover, #topNav li.active a.pos2:active  {
		background-position: 0 -74px; 
	}

	#topNav li a.pos3:link, #topNav li a.pos3:visited, #topNav li a.pos3:hover, #topNav li a.pos3:active  {
		width: 88px;
	}
	#topNav li a.pos3:hover, #topNav li a.pos3:active,
	#topNav li.active a.pos3:link, #topNav li.active a.pos3:visited, #topNav li.active a.pos3:hover, #topNav li.active a.pos3:active  {
		background-position: 0 -111px; 
	}

	#topNav li a.pos4:link, #topNav li a.pos4:visited, #topNav li a.pos4:hover, #topNav li a.pos4:active  {
		width: 128px;
	}
	#topNav li a.pos4:hover, #topNav li a.pos4:active,
	#topNav li.active a.pos4:link, #topNav li.active a.pos4:visited, #topNav li.active a.pos4:hover, #topNav li.active a.pos4:active  {
		background-position: 0 -148px; 
	}

	#topNav li a.pos5:link, #topNav li a.pos5:visited, #topNav li a.pos5:hover, #topNav li a.pos5:active  {
		width: 68px;
	}
	#topNav li a.pos5:hover, #topNav li a.pos5:active,
	#topNav li.active a.pos5:link, #topNav li.active a.pos5:visited, #topNav li.active a.pos5:hover, #topNav li.active a.pos5:active  {
		background-position: 0 -185px; 
	}

	#topNav li a.pos6:link, #topNav li a.pos6:visited, #topNav li a.pos6:hover, #topNav li a.pos6:active  {
		width: 114px;
	}
	#topNav li a.pos6:hover, #topNav li a.pos6:active,
	#topNav li.active a.pos6:link, #topNav li.active a.pos6:visited, #topNav li.active a.pos6:hover, #topNav li.active a.pos6:active  {
		background-position: 0 -222px; 
	}
	#topNav li a.pos7:link, #topNav li a.pos7:visited, #topNav li a.pos7:hover, #topNav li a.pos7:active  {
		width: 122px;
	}
	#topNav li a.pos7:hover, #topNav li a.pos7:active,
	#topNav li.active a.pos7:link, #topNav li.active a.pos7:visited, #topNav li.active a.pos7:hover, #topNav li.active a.pos7:active  {
		background-position: 0 -222px; 
	}

	
	
	
	
	

#imageRow {
	background: #ECECEC url(../images/chrome/imagebg.jpg) 29px 0 repeat-x; 
	border-bottom: 1px solid #192f18;
	height: 157px; 
}

#content {
	margin: 0 0 0 65px;
	padding: 25px 0 0 0;
	width: 496px;
}


/*=========================== Galerie ====================================*/

table.galerieTable { }

td.galleryTd { text-align: center; vertical-align: middle; border: 1px solid #e6e6e6; padding: 10px; }
td.galerieText { text-align: center; padding: 0 10px 20px 10px; font-size: 0.9em; }

/*======================= CSSFORMS: Breiten der spalten ================================*/

.cssForm fieldset{width: 495px;} /* [A]+[B]+10px*/
.cssForm label { width: 105px;} /* [A] */
.cssForm .rightCol {padding-left:110px; /* [A]+5px */ width: 375px; /* [B] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 375px; /* [B] */ }

 /* TWINROW: eine zeile beinhaltet label>input>label>input */
.cssForm .twinRow input, .cssForm .twinRow select,
.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 121px; /* ([B]-[A]-12)/2 */ margin-right: 10px; _margin-right: 9px;  }


.cssForm .assignment select {width: 200px;}

/*======================= CSSFORMS: Optik der Buttons ================================*/

input.button, .button {
	background: #78a6cc;
	border: 1px solid #b8cfe2;
	font-weight: bold;
	color: #fff;
	_height: 20px;
}



			
/*#####################################################################################################
                                    SPECIAL F?R TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.printonly{	display:none;}
.textonly{	visibility: hidden; position:absolute; top: -500px;} /* Element erscheint nur, wenn im Textbrowser.. */