@charset "utf-8";
/* CSS Document */


/* Standardschriftfamilie setzen, 12px Größe. Ränder auf 0 */
*
{
 	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	margin: 0px;
	padding: 0px;
}

/* Hintergrundfarbe von BODY und HTML. */
html, body
{
	background: #FFFFFF;
	overflow: auto;

}

/* Bilder haben standardmäßig keinen Rand */
img 
{ 
	border: 0; 
}

/* -------------------------------------------------- */
/* Container der den linken Bereich (Logo, Menü) einfasst. Andere Elemente können daneben platziert werden. */
#container_left
{
	width: 270px;
	/*margin-left: 15px;*/
	margin-top: 0px;
	float: left;
}

/* Container der den rechten Bereich (Top-Menü, Content etc.) einfasst. */
#container_right
{
	width: 635px;
	margin-left: 30px;
	/*border: 1px solid #000000;*/
	float: left;
}

/* -------------------------------------------------- */
/* Container für Menü links */
#container_menu
{
	margin-top: 20px;
	/*border: 1px solid #000000;*/
}

/* Definitionen des linken Menüs */
ul.menu
{
	list-style-type: none;
}

/* ----- Menü links 1. Ebene ROT ----- */
li.menu a:link, li.menu a:visited, li.menu a:hover, li.menu a:active, li.menu a:focus 
{
	color: #EE1C25;
	height: 18px;
	display: block;
	text-decoration: none;
	text-align: right;
	margin-right: 145px;
	margin-bottom: 4px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-right: 4px;
}

li.menu a:hover, li.menu a:active 
{ 
	color: #FFFFFF;
	background-color: #EE1C25;
	font-weight: bold;
}

li.menu_aktiv a:link, li.menu_aktiv a:visited, li.menu_aktiv a:hover, li.menu_aktiv a:active, li.menu_aktiv a:focus 
{
	color: #FFFFFF;
	background-color: #EE1C25;
	height: 18px;
	display: block;
	text-decoration: none;
	text-align: right;
	margin-right: 145px;
	margin-bottom: 4px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding-right: 4px;
}

/* ----- Menü links 2. Ebene SCHWARZ ----- */
li.menu_sub a:link, li.menu_sub a:visited, li.menu_sub a:hover, li.menu_sub a:active, li.menu_sub a:focus 
{
	color: #000000;
	height: 18px;
	display: block;
	text-decoration: none;
	text-align: left;
	margin-left: 120px;
	margin-bottom: 4px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-left: 4px;
}

li.menu_sub a:hover, li.menu_sub a:active 
{ 
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
}

li.menu_sub_aktiv a:link, li.menu_sub_aktiv a:visited, li.menu_sub_aktiv a:hover, li.menu_sub_aktiv a:active, li.menu_sub_aktiv a:focus 
{
	color: #FFFFFF;
	background-color: #000000;
	height: 18px;
	display: block;
	text-decoration: none;
	text-align: left;
	margin-left: 120px;
	margin-bottom: 4px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding-left: 4px;
}

/* -------------------------------------------------- */

/* ----- Container Top-Menü ----- */
#container_topmenu
{
	width: 388px;
	height: 21px;
	margin-top: 28px;
	border: 1px solid #000000;
	border-right: 24px solid #000000;
	float: left;
}

a.topmenu:link, a.topmenu:visited, a.topmenu:hover, a.topmenu:active, a.topmenu:focus
{
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	margin-left: 22px;
}

a.topmenu:hover, a.topmenu:active, a.topmenu_aktiv
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	background-color: #000000;
	border-top: 4px solid #000000;
	border-bottom: 5px solid #000000;
	border-left: 4px solid #000000;
	border-right: 4px solid #000000;
	margin-left: 22px
}

/* ----- Überschrift in container_topmenu ----- */
#container_topmenu_headline
{
	width: 220px;
	height: 21px;
	margin-top: 28px;
	border: 1px solid #000000;
	background-color: #000000;
	float: left;
}

h2
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 4px;
}

/* ----- Container Überschrift ----- */
#container_headline
{
	width: 378px;
	height: 21px;
	margin-top: 56px;
	margin-bottom: 55px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 4px solid #000000;
	float: left;
}

#container_headline_anhang
{
	width: 253px;
	height: 23px;
	margin-top: 56px;
	margin-bottom: 55px;
	background-image: url(../img/hg_anhang_headline.gif);
	background-repeat: repeat-y;
	float: left;
}

/* ----- Überschrift in container_headline ----- */
h1
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 10px;
}

/* ----- Container für eigentlichen Inhalt (Fliestext etc.) ----- */
#container_content
{
	width: 635px;
	/*border: 1px solid #FF0000;*/
	float: inherit;
}

#container_content2 /* Benutzt für Spielplan und Geschichte */
{
	width: 635px;
	/*border: 1px solid #000000;*/
	float: inherit;
}

/* Standard-Fliestext */
.bodytext
{
 	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	margin: 0px;
	padding: 0 0 25px 0px;
	line-height: 18px;
}

/* Normale Überschrift im Content-Text */
h3
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-bottom:20px;
}

/* Link extern */
a.linkExt
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px dashed;
	text-decoration: none;
	line-height: 18px;
}

/* Link intern */
a.linkInt, a.linkMailto
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px dotted;
	text-decoration: none;
	line-height: 18px;
}

/* ----- Tabelle für Geschichte und Spielplan ----- */
/* Weißer Hintergrund */
td.zelleweiss_ueberschrift
{
	border: 1px solid #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}

td.zelleweiss_normal
{
	border: 1px solid #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	padding: 2px 2px 2px 2px;
}

/* Grauer Hintergrund */
td.zellegrau_ueberschrift
{
	border: 1px solid #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #dfdfdf;
}

td.zellegrau_normal
{
	border: 1px solid #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #000000;
	background-color: #dfdfdf;
	padding: 2px 2px 2px 2px;
}

td.zelleweiss_ohnerand
{
	border: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #000000;
	background-color: #ffffff;
	padding: 2px 2px 2px 2px;
}

td.zelle_bild
{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 115px;
	height: 85px;
}

/*-------------FORMULARE----------------*/
#mailform
{
width: 100%;
}

legend {
border: 0px;
padding:5px 0 5px 0;
}

fieldset
{
border: 	0px solid #000000;
padding:	0;
margin:		0;
}

.radiolayout
{
width:		100%;
padding:	0;
margin:		0;
}

.formu
{
margin:		0;
width:		100%;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #000000;
margin-bottom: 5px;
display: inline;
width: 300px;
height: 150px;


}

.mf-check {
border: 0px;
}

.mf-select {
border:0px;
}

.mf-input
{
width:	300px;
border: 1px solid #000000;
padding:5px 0 5px 0;
margin: 0 0 5px 0;
}

.mf-submit {
color: #000000;
background-color: #e8e9e8;
border: 0px;
margin: 0 0 15px 100px;
padding: 5px;
border: 1px solid #000000;
}

.namelayout label
{
width: 100px;
float: left;
display: inline;
padding:5px 0 5px 0;
}

/*
.radiolayout label
{
width: 100px;
float: left;
display: inline-block;
}
*/

/*--------------NEWS--------------*/
.news-single-imgcaption {
   color:#FF0000;
}






DIV.news-list-item {
   background-color: #ffffff;
   border: 1px solid black;
   border-left: 4px solid black;
}

div.news-single-img {
	float:left;
	width:150px;
	height:auto;    
	margin: 0px 20px 0px 0px;
} 


div.news-single-img img {
   margin: 0 0 3px 0;
}

.news-single-imgcaption {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size: 0.8em;
   margin: 0 0 5px 0;
}


.news-single-timedata {
   font-weight: bold;
   float: none;
   
}



DIV.news-list-header {
   background-color:#FFFFFF;
   color: #000000;
   border-bottom:1px solid #FF0000;
   width:auto;
   height:auto;
   font-size:1em;
   font-weight:bold;
   padding:0.2em 0.2em 0.2em 0.2em;
   margin: 0 0px 0 0;
}

DIV.news-list-header .date {
   font-size: 0.8em;
   color: #FF0000;
   float: right;
}

DIV.news-list-subheader {
	width:auto;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin: 5px 5px 5px 5px;
}
DIV.news-list-image {
	float:left;
	width:150px;
	height:auto;
	margin: 0px 15px 0px 0px;
}
DIV.news-list {
	width:100%;
	height:100%;
	margin: 5px 5px 5px 5px;
}
DIV.news-list-item {
   float: left;
   margin: 0 10px 10px 0;
   width: 100%;  
   height: auto;
   padding: 0;
}

DIV.news-list-item .more a {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px dotted;
	text-decoration: none;
	line-height: 18px;
   margin: 5px 5px 5px 10px;
}

.clearall {
	clear:both;
}

DIV.news-single-item {
   margin: 0px 5px 0px 0px;
   background-color: #ffffff;
   border: 0;
}

DIV.news-single-item h2 {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   padding-bottom:20px;
}

div.news-single-backlink a {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px dotted;
	text-decoration: none;
	line-height: 18px;
}

DIV.news-single-content {
        
	margin: 0px 5px 0px 0px;
}

/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox, .browseBoxWrap {
	margin:3px;
	border:0;
	padding:3px;
	background-color:#FFFFFF;
}

.tx-ttnews-browsebox TD {
	font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}

.tx-ttnews-browsebox-SCell {
	background-color:#FFFFFF;
	border:0;
}
.news-search-emptyMsg {
	font-size: 11px;
	margin-left: 10px;
}

/*
#layoutright .teaserbox .bodytext { margin: 4px 0 4px 0; padding:0; }
#layoutright .teaserbox span.more { margin: 0; padding:0; margin-bottom:15px;}
*/
#layoutright .teaserbox div.clearall {height:10px; }
#layoutright[id] .teaserbox div.clearall {height:14px; }