@charset 'utf-8';
/*------------------------------------------------
	*	reset browser defaults
--------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
}
body {
	font-size:12px;
	background:#FFCC00;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	/* border:1px solid #000; */
}
tr, td {
	/* border:1px solid #000; */
}
fieldset, img, abbr, acronym {
	border:0;
}
abbr, acronym {
	border-bottom:1px dotted;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
ol {
	padding-left:20px;
	list-style-type:upper-roman;
	font-weight:bold;
	margin-top:12px;
	
}
ol ol {
	list-style-type:decimal;
	font-weight:normal;	
}

caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
a:focus { /* prevents ugly (but maybe useful) outlining on focus */
	outline:none;
}
embed:focus, object:focus { /* prevents ugly (but maybe useful) outlining on focus */
	outline:none;
}
embed, object {
	display:block;
}
/*------------------------------------------------
	*	predefined styles
--------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br /> tag */
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after, .inside:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .inside {
	display:block;
}
hr { /* hr is invisile, but visible in print-view */
	display:none;
}
.divider { /* general dividing line */
	clear:both;
	margin:15px 0;
	height:1px;
	background:none;
	background:url(../images/grDividerContent.gif) no-repeat;
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em;
}
/*------------------------------------------------
	*	basic font definitions
--------------------------------------------------*/
* { /* basic font family/groundcolor */
	font-family:Arial, Helvetica, sans-serif;
}
a, a:link, a:visited, a:active, a:focus { /* basic link groundcolor */
	color:#000;
	text-decoration:none;
}
a:hover { /* basic link hover color */
	color:#E0E0E0;
}
/*------------------------------------------------
	*	document
--------------------------------------------------*/

/*------------------------------------------------
	*	header
--------------------------------------------------*/
#header { /* header  container */
	height:135px;
	width:1024px;
	z-Index:999;
}
#header .inside {
	position:relative;
}
#header .inside img {
	position:absolute;
	top:0px;
	left:0px;
}
#header .inside h1 {
	position:absolute;
	left:96px;
	top:11px;
	width:323px;
	height:60px;
	display:block;
	background:url(images/header_tbw.gif) no-repeat;
}
/*------------------------------------------------
	*	Navigation
--------------------------------------------------*/
#header .mod_navigation {
	position:absolute;
	top:77px;
	left:96px;
	background:#D39600 url(images/header_barRight.jpg) top right no-repeat;
	width:928px;
	height:58px;
	z-Index:999;
}

/*------------------------------------------------
	*	Navigation Level 1
--------------------------------------------------*/
#header .level_1 li {
	float:left;
	height:32px;
	display:block;
	padding-right:1px;
	background:url(images/header_bar_inactive.jpg) top right;
	z-Index:999;
	width:auto;
	position:relative;
}
#header .level_1 li a, #header .level_1 li span {
	padding:6px 10px 0 10px;
	display:block;
	color:#fff;
	height:26px;
}

#header .level_1 li span, #header .level_1 li.trail {
	background:url(images/header_bar_active.jpg) repeat-x;
	color:#000;
}
#header .level_1 li.trail a {
	color:#000;
}
/*------------------------------------------------
	*	Navigation Level 2
--------------------------------------------------*/
#header .level_2 {
	display:none;
	position:absolute;
	top:32px;
	left:0px;
}
#header .level_1 li:hover .level_2 {
	display:block;
	border-top:1px solid #000;
}
#header .level_2 li {
	float:none;
	height:auto;
	display:block;
	padding-right:0px;
	background:#FFDA55;
	background:#FFE485
	z-Index:999;
	border:1px solid #000;
	border-top:none;
}
#header .level_2 li a, #header .level_2 li span {
	padding:4px;
	width:140px;
	display:block;
	height:auto;
	color:#000;
}
#header .level_2 li a:hover {
	background-color:#FFEDB7;
}

#header .level_2 li span, #header .level_2 li.trail {
	background:none;
	background-color:#C08D00;
}
/*----------------------------------------------------------------------------------
	*	Navigation Level 3 (identischer Code wie Level 2, bloss rechts positioniert)
------------------------------------------------------------------------------------*/
#header .level_3 {
	display:none;
	position:absolute;
	top:-1px;
	left:148px;
}
#header .level_2 li:hover .level_3 {
	display:block;
	border-top:1px solid #000;
}
#header .level_3 li {
	float:right;
	background:#FFF3CD;
	border-top:none;
}
#header .level_3 li.first a, #header .level_3 li.first span {
	padding-left:6px;
	margin-bottom:2px;
}
#header .level_3 li a, #header .level_3 li span {
	padding:2px 4px 2px 4px;
	display:block;
	height:auto;
	color:#000;
	width:180px;
}
#header .level_3 li a:hover {
	background-color:#FFE485;
}
/*------------------------------------------------
--------------------------------------------------
	*	Content
--------------------------------------------------
--------------------------------------------------*/

#container {
	min-height:518px;
	z-Index:0;
	height:auto !important;
	height:518px;
	background:url(images/main_bg.jpg) top right repeat-y;
}

/*------------------------------------------------
	*	linke Spalte
--------------------------------------------------*/
#left {
	float:left;
	background:#FFCC00 url(images/left_border.gif) no-repeat;
	width:74px;
	height:518px;
	display:block;
}
/*------------------------------------------------
	*	rechte Spalte
--------------------------------------------------*/
#right {
	float:right;
	width:208px;
	height:auto;
	display:block;
}
#right .inside {
	margin:16px 10px 16px 10px;
	width:188px;
}
#right .inside .mod_newslist {
	width:172px;
	height:auto;
	display:block;
	padding:8px;
	background-color:#fff;
}
#right .inside .mod_newslist h2 {
	color:#000;
	font-size: 11px;
	font-weight:bold;
	margin-bottom:10px;
}
#right .inside .mod_newslist div, #right .inside .mod_newslist div {
	background:url(images/link_pfeil.gif) 0px 3px no-repeat;
	color:#999;
	width:162px;
	font-size: 11px;
	font-weight:normal;
	padding-left:10px;
	margin:0 0 2px 0;
	display:block;
}
#right .inside .mod_newslist div:hover a {
/*	background:url(images/link_pfeil.gif) 0px -97px no-repeat; */
	color:#000;
	text-decoration:underline;
}
#right .inside .teaserLink {
	float:left;
	margin-top:6px;
	width:88px;
	height:89px;
	display:block;
	overflow:hidden;
}

/*------------------------------------------------
	*	main
--------------------------------------------------*/
#main {
	margin-left:74px;
	width:718px;
	display:block;
	padding:12px;
	min-height:518px;
	height:auto !important;
	height:518px;
	margin-bottom:12px;
}
#main .inside {
	width:718px;
	float:left;
	z-Index:0;
}
#main .inside .mod_article {
	float:left;
	z-Index:0;
}

/*------------------------------------------------
--------------------------------------------------
	*	Startseite
--------------------------------------------------
--------------------------------------------------*/


/*------------------------------------------------
	*	Top-News
--------------------------------------------------*/
#main .inside .mod_article .mod_newslist .layout_latest {
	float:left;
	width:341px;
	height:300px;
	display:block;
	background:#000;
	color:#fff;
	overflow:hidden;
	padding:6px;
	position:relative;
	font-size:11px;	
}
#main .inside .mod_article .mod_newslist .last {
	float:right;
}
#main .inside .mod_article .mod_newslist .layout_latest p.info {
	display:none;
}
#main .inside .mod_article .mod_newslist .layout_latest .image_container {
	width:341px;
	height:250px;
	display: block;
	overflow:hidden;
	background-color:#000;
	text-align:center;
    vertical-align: middle;
}
#main .inside .mod_article .mod_newslist .layout_latest .image_container img {
	/*clip:rect(0px 341px 250px 0px);*/
	/*height:250px;*/
}
#main .inside .mod_article .mod_newslist .layout_latest h2 {
/*	position:relative;
	top:-24px;*/
	display:none;
}
#main .inside .mod_article .mod_newslist .layout_latest h2 a {
	color:#fff;
}
#main .inside .mod_article .mod_newslist .layout_latest p.teaser {
	float:left;
	margin-top:0px;
}
#main .inside .mod_article .mod_newslist .layout_latest p.teaser a {
	color:#FFCC00;
}
#main .inside .mod_article .mod_newslist .layout_latest p.teaser a:hover {
	color:#FFF;
}


/*------------------------------------------------
	*	weitere Nachrichten
--------------------------------------------------*/
#main .inside .mod_newslist {
	margin-top:12px;
	/* background-color:#E0E0E0; */
	width:718px;
	margin-bottom:12px;
}
#main .inside .mod_newslist h2 {
	padding:6px 0 6px 6px;
	background-color:#AAAAAA;
	width:712px;
}
#main .inside .mod_newslist .layout_short {
	padding:4px 0 4px 0;
	width:718px;
	background-color:#E0E0E0;
	border-bottom:1px solid #fff;
}
#main .inside .mod_newslist div.layout_short:hover {
	background-color:#FFF;
}
#main .inside .mod_newslist .layout_short h3 {
	float:left;
	width:144px;
	margin-left:6px;
}
#main .inside .mod_newslist .layout_short p.teaser {
	float:left;
	width:462px;
	margin-left:6px;
}
#main .inside .mod_newslist .layout_short p.teaser a {
	background:url(images/link_pfeil.gif) 0px -97px no-repeat;
	float:left;
	width:452px;
	margin-left:6px;
	padding-left:10px;
}
#main .inside .mod_newslist .layout_short p.teaser a:hover {
	background-position:0px 3px;
	font-color:#E0E0E0;
}
#main .inside .mod_newslist .layout_short p.more {
	float:right;
	width:100px;
}

/*------------------------------------------------
	*	Archiv Monatsuebersicht
--------------------------------------------------*/
li.year {
	width:224px
	display:block;
	background-color:#000;
	color:#fff;
	float:left;
	height:300px;
	border:1px solid #000;
	margin-right:6px;
	margin-bottom:12px;
	font-size:14px;
	font-weight:bold;
	padding-left:6px;
}
li.year ul.level_2 {
	margin-left:6px;
	width:206px;
	height:272px;
	display:block;
	background-color:#fff;
	font-size:11px;
	padding:6px;
	position:relative;
}
li.year img {
	position:absolute;
	bottom:6px;
	left:6px;
}
/*------------------------------------------------
	*	Newsleser full
--------------------------------------------------*/

/*------------------------------------------------
	*	Archiv - Newsleser full
--------------------------------------------------*/

.mod_newslist h1, .mod_newsreader h1, .mod_newsarchive h1 {
	background:#000;
	width:694px;
	color:#fc0;
	font-size:16px;
	margin-bottom:6px;
	padding:4px 12px;
	display:block;
}
.layout_full {
	background:#fff;
	padding-bottom:24px;
	font-size:12px;
}
.mod_newsarchive .odd {
	/* background:#e0e0e0; */
}
.layout_full .ce_text {
	width:706px;
	float:none;
	clear:both;
}
.layout_full h1 {
	width:706px;
	padding-right:0;
	color:#fff;
}
.layout_full h1 span {
	width:510px;
	float:left;
	color:#fff;
}
.layout_full h1 span.datum {
	width:190px;
	float:right;
	margin-right:6px;
	font-size:9px;
	text-align:right;
	color:#FFCC00;
}
.layout_full p.info {
	text-align:right;
	height:20px;
	color:#aaa;
	font-size:10px;
}
.image_container {
	width:300px;
	text-align:right;
	height:auto;
	overflow:hidden;
	float:right;
	/*padding:0 12px 12px 0;*/
}
.mod_newsarchive .image_container img {
}
.image_container .caption {
	color:#aaa;
	font-size:11px;
	display:none;
}

/*------------------------------------------------
	*	Unterseiten Allgemein Textgestaltung
--------------------------------------------------*/
.grey {
	margin-top:12px;
	width:694px;
	padding:12px;
	background:#e0e0e0;
	height:auto;
	display:block;	
}
.ce_text ul {
	list-style:disc inside;
}
.columns ul {
	float:left;
	width:25%;
}
.ce_text ul li {
	padding-left:20px;
}
.ce_text p {
	margin:12px 0;
}
.ce_text a {
	text-decoration:underline;
}
.ce_text a:hover {
	color:#734A08;
}

/*------------------------------------------------
	*	Turnierergebnisse (main)
--------------------------------------------------*/

#main .mod_eventlist {
	width:718px;
	margin-bottom:40px;
}
#main .mod_eventlist .header {
	width:712px;
	background-color:#000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:2px 0 2px 6px;
	margin-top:32px;
}
#main .mod_eventlist .header .day {
	display:none;
}

#main .mod_eventlist .event {
	float:none;
	clear:both;
}
#main .mod_eventlist h2 {
	float:left;
	width:512px;
	background-color:#aaa;
	color:#000;
	font-size:12px;
	padding:2px 0 2px 6px;
}
#main .mod_eventlist .ce_text {
	float:right;
	width:200px;
	background-color:#aaa;
	color:#000;
	font-size:12px;
	padding:2px 0;
}
#main .mod_eventlist .ce_text p {
	margin:0;
}
#main .mod_eventlist .odd .ce_text, #main .mod_eventlist .odd h2 {
	background-color:#bbb;
}

/*------------------------------------------------
	*	Turnierergebnisse (Teaser)
--------------------------------------------------*/

#right .mod_eventlist {
	width:172px;
	height:auto;
	display:block;
	padding:8px;
	background-color:#fff;
}
#right .mod_eventlist .header .day, #right .mod_eventlist .more {
	display:none;
}
#right .mod_eventlist h2 {
	color:#000;
	font-size: 11px;
	font-weight:bold;
	margin-bottom:4px;
}
#right .mod_eventlist div {
	color:#000;
	width:162px;
	font-size: 11px;
	font-weight:bold;
	padding-left:0px;
	margin:0 0 2px 0;
	display:block;
}
#right .mod_eventlist a {
	background:url(images/link_pfeil.gif) 0px 3px no-repeat;
	color:#999;
	width:162px;
	font-size: 11px;
	font-weight:normal;
	padding-left:10px;
	margin:0 0 2px 0;
	display:block;
}
#right .mod_eventlist div:hover a {
/*	background:url(images/link_pfeil.gif) 0px -97px no-repeat; */
	color:#000;
	text-decoration:underline;
}

/*------------------------------------------------
	*	Footer
--------------------------------------------------*/
#footer {
	width:1024px;
	height:32px;
	float:left;
	background:url(images/footer.jpg) top right no-repeat;
	margin-bottom:20px;
}


/*------------------------------------------------
	*	TopList - CSS
--------------------------------------------------*/

.t1         {font-size:14pt;
             font-weight:bold; }

.t2         {font-size:10pt;
             font-weight:bold;
             color:rgb(102,102,255); }

.t3         {font-size:10pt;
             font-weight:bold; }

.tab1      {margin: 0px;
            border: 0px;
            background-color:rgb(255,255,255); 
            width:100%; }

.td0       {vertical-align:top;
            background-color:rgb(102,102,255);
            font-size:12pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td1       {vertical-align:top;
            background-color:rgb(102,102,255);
            font-size:10pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td1c      {vertical-align:top;
            text-align:center;
            background-color:rgb(102,102,255);
            font-size:10pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td2       {vertical-align:top;
            background-color:rgb(192,192,255);
            font-size:10pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td2c      {vertical-align:top;
            text-align:center;
            background-color:rgb(192,192,255);
            font-size:10pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td3       {vertical-align:top;
            background-color:rgb(192,192,255);
            font-size:10pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td3c      {vertical-align:top;
            text-align:center;
            background-color:rgb(192,192,255);
            font-size:10pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td4       {vertical-align:top;
            background-color:rgb(192,192,255);
            font-size:10pt;
            font-weight:bold;
            font-style:italic;
            color:rgb(0,0,0); }

.td4c      {vertical-align:top;
            text-align:center;
            background-color:rgb(192,192,255);
            font-size:10pt;
            font-weight:bold;
            font-style:italic;
            color:rgb(0,0,0); }

.td5       {vertical-align:top;
            background-color:rgb(255,255,255);
            font-size:10pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td5c      {vertical-align:top;
            text-align:center;
            background-color:rgb(255,255,255);
            font-size:10pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td6       {vertical-align:top;
            background-color:rgb(255,255,255);
            font-size:10pt;
            font-weight:normal;
            font-style:italic;
            color:rgb(0,0,0); }

.td6c      {vertical-align:top;
            text-align:center;
            background-color:rgb(255,255,255);
            font-size:10pt;
            font-weight:normal;
            font-style:italic;
            color:rgb(0,0,0); }


/* WICHTIG: In system/typolight.css die Zeile mit ".block {overflow:hidden;}" loeschen!!! */
#main .block { overflow:hidden; }