html
{
	height:	100%;
	margin:	0;
	padding: 0;
}
body
{
	height: 100%;
	margin: 0;
	padding: 0;
	font: normal 11px verdana, helvetica, arial, sans-serif;
	color: #2B4064;
	background-color: #FFFFFF;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
}
a
{
	color: #2B4064;
	font-weight: bold;
	text-decoration: none;
}
a img
{
	border: none;
}
div#MainContainer
{
	float: left;
	width: 900px; /*width: 895px;*/
	height: auto;
	min-height: 100%;
	background-image: url(../images/navigation_brg.gif);
	background-repeat: repeat-y;
}

* html div#MainContainer /* IE Hack für 100% Mindesthöhe */
{
	height: 100%;
}

/* ----------------------------------- Die Navigations-Spalte ----------------------------------- */

div#NavigationColumn
{
	float: left;
	width: 338px;
	padding: 0;
	margin: 0;
}
div#LogoContainer
{
	float: left;
	width: 338px;
	height: 200px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
div#LogoContainer a
{
	display: block;
	width: 306px;
	height: 200px;
	margin: 0 0 0 32px;
}
div#LogoContainer img
{
	display: none;
}

/* BEGIN NAVIGATION -------------------------------------------- */

div#NavigationColumn ul
{
	float: left;
	width: 136px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
}
div#NavigationColumn ul a
{
	color: #FFFFFF;
	font-weight: bold;
}
div#NavigationColumn ul li
{
	float: left;
	width: 136px;
	margin: 0;
	padding: 0 0 0 32px;
	list-style-type: none;
}
div#NavigationColumn ul li a
{
	width: 128px;
	display: block;

	margin: 0;
	padding: 5px 0 6px 8px;
	background-image: url(../images/nav_button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#NavigationColumn ul li a:link,
div#NavigationColumn ul li a:visited
{
	background-position: 0px 0px;
}
div#NavigationColumn ul li a:hover,
div#NavigationColumn ul li a:focus,
div#NavigationColumn ul li.Active a:link,
div#NavigationColumn ul li.Active a:visited,
div#NavigationColumn ul li.Active a:hover,
div#NavigationColumn ul li.Active a:focus
{
	background-position: 0px -24px;
}

/* ---- BEGIN SUB-NAVIGATION ----------------------------------- */

div#NavigationColumn ul li.Active ul li
{
	padding: 0;
}
div#NavigationColumn ul li.Active ul li a
{
	width: 120px;
	padding: 5px 0 6px 16px;
	color: #E6E6E6;
	background-image: url(../images/nav_sub_button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: normal;
}
div#NavigationColumn ul li.Active ul li a:link,
div#NavigationColumn ul li.Active li a:visited
{
	background-position: 0px 0px;
}
div#NavigationColumn ul li.Active ul li a:hover,
div#NavigationColumn ul li.Active ul li a:focus
{
	color: #FFFFFF;
	background-position: 0px -24px;
}
div#NavigationColumn ul li.Active ul li.Active a:link,
div#NavigationColumn ul li.Active ul li.Active a:visited,
div#NavigationColumn ul li.Active ul li.Active a:hover,
div#NavigationColumn ul li.Active ul li.Active a:focus
{
	color: #FFFFFF;
	background-position: 0px -24px;
	font-weight: bold;
}

/* ---- BEGIN SUB-NAVIGATION (2.EBENE) ------------------------- */

div#NavigationColumn ul li.Active ul li.Active ul li a
{
	width: 112px;
	padding: 5px 0 6px 24px;
	color: #636363; /*#E6E6E6*/
	background-image: url(../images/nav_sub2_button_new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#NavigationColumn ul li.Active ul li.Active ul li a:link,
div#NavigationColumn ul li.Active ul li.Active li a:visited
{
	color: #636363; /*#E6E6E6*/
	background-position: 0px 0px;
	font-weight: normal;
}
div#NavigationColumn ul li.Active ul li.Active ul li a:hover,
div#NavigationColumn ul li.Active ul li.Active ul li a:focus
{
	color: #2B4064; /*#FFFFFF*/
	background-position: 0px 0px;
}
div#NavigationColumn ul li.Active ul li.Active ul li.Active a:link,
div#NavigationColumn ul li.Active ul li.Active ul li.Active a:visited,
div#NavigationColumn ul li.Active ul li.Active ul li.Active a:hover,
div#NavigationColumn ul li.Active ul li.Active ul li.Active a:focus
{
	color: #2B4064; /*#FFFFFF*/
	background-position: 0px 0px;
	font-weight: bold;
}

/* ---- END SUB-NAVIGATION (2.EBENE) --------------------------- */

/* ---- END SUB-NAVIGATION ------------------------------------- */

div#NavigationColumn ul li div
{
	height: 1px;
	width: 136px;
	background-image: url(../images/nav_stripe.gif);
	background-repeat: no-repeat;
}

/* END NAVIGATION ---------------------------------------------- */

/* BEGIN SUPPORTER --------------------------------------------- */

div#Supporter
{
	clear: left;
	float: left;
	display: inline;
	width: 137px;
	margin: 0 0 0 32px;
}
div#Supporter div
{
	clear: both;
	width: 130px;
	margin: 0 0 3px 4px;
	padding: 12px 0 16px 0;
	background-color: #FFFFFF;
	text-align: center;
}

div#Supporter div#lynet
{
	padding: 0;
	background-color: none;
}

div#Supporter h3
{
	clear: both;
	width: 129px;
	margin: 0 0 3px 0;
	padding: 3px 0 7px 8px;
	background-color: #B3B3B3;
	color: #FFFFFF;
	font-size: 12px;
}
div#Supporter a
{
	display: block;
	width: 100%;
	height: 100%;
}

/* END SUPPORTER ----------------------------------------------- */

/* BEGIN QUICK SPALTE ------------------------------------------ */

div#QuickColumn
{
	float: right;
	width: 164px;
	margin: 0;
	padding: 0;
}
div#QuickColumn h4
{
	clear: both;
	position: relative;
	width: 156px;
	margin: 0;
	padding: 5px 0 5px 8px;

	color: #FFFFFF;
	background-image: url(../images/quick_headline_brg.gif);
	background-repeat: repeat-y;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	font: bold 11px verdana, helvetica, arial, sans-serif;
}
div#QuickColumn h4 img
{
	position: absolute;
	top: 15px;
	left: 156px;
	padding: 0;
	margin: 0;
}
div#QuickColumn ul
{
	float: left;
	width: 164px;
	margin: 0 0 -1px 0;
	padding: 0;
}
div#QuickColumn ul a
{
	width: auto !important;
	display: inline !important;
	margin: 0 !important;
	padding: 0 8px 0 8px !important;
	background-image: none !important;
}
div#QuickColumn ul li
{
	font: normal 9px verdana, arial !important;
	width: 156px;
	margin: 0;
	padding: 5px 0 5px 8px;
	color: #FFFFFF;
	border-bottom: dashed 1px #64BBD9;
	position: relative;
}
div#QuickColumn ul li span
{
	font-weight: bold;
	position: absolute;
	right: 2px;
	top: 2px;
	margin: 0;
	padding: 3px;
}
div#QuickColumn ul li span span
{
	position: relative;
	top: 0;
	right: 0;
	padding: 0;
}
div#QuickColumn ul li span span.Winner
{
	color: #55EE5C;
}
div#QuickColumn ul li span span.Looser
{
	color: #F63F3F;
}
div#QuickColumn ul#LastGames li span
{
	/*font-weight: bold;*/
}
div#QuickColumn div
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #FFFFFF;
	text-align: center;
}

/* Gallery-Bereich in der Quickspalte */
div#QuickColumn div#flickr_badge_uber_wrapper
{
	padding: 8px 0 8px 0;
}
div#QuickColumn div#flickr_badge_uber_wrapper img
{
	margin: 10px auto 16px auto;
	border: solid 3px #64BBD9;
}

/* END QUICK SPALTE -------------------------------------------- */

/* ------------------------------------- Die Inhalts-Spalte ------------------------------------- */

/* BEGIN HEADER ------------------------------------------------ */

div#ContentColumn
{
	float: left;
	width: 562px;
}
div#Header
{
	float: left;
	position: relative;
	width: 557px;
	height: 104px;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
}
div#Header p
{
	position: absolute;
	top: 14px;
	right: 1px;
	margin: 0;
}
div#Header p a
{
	font-weight: normal;
}
div#Header p a:link, div#Header p a:visited
{
	color: #2B4064;
}
div#Header p a:hover, div#Header p a:focus
{
	color: #DB6B1C;
}

/* END HEADER -------------------------------------------------- */

/* BEGIN HIGHLIGHT PANELS -------------------------------------- */

div#HighlightPanelContainer
{
	width: 562px;
	height: 204px;
	margin: 0;
}
div#HighlightPanelContainer div.HighlightPanel
{
	float: left;
	display: inline;
	width: 180px;
	height: 202px;
	margin: 6px -7px 0 10px;
	border: solid 1px #CACFD8;
}
div#HighlightPanelContainer div.HighlightPanel div
{
	position: relative;
	width: 178px;
	height: 200px;
	border: solid 1px #DB6B1C;
	background-color: #FFFFFF;
	background-image: url(../images/highlight_brg_shape.gif);
	background-repeat: no-repeat;
	background-position:85px 177px;
}
div#HighlightPanelContainer div.HighlightPanel div h4
{
	margin: -1px 0 0 0;
	padding: 6px 0 7px 7px;
	color: #FFFFFF;
	background-image: url(../images/highlight_title_brg.gif);
	background-repeat: repeat-x;
	font: bold 11px verdana, helvetica, arial, sans-serif;
}
div#HighlightPanelContainer div.HighlightPanel div ul
{
	width: 100%;
	margin: 0;
	padding: 0;
}
div#HighlightPanelContainer div.HighlightPanel div ul li
{
	padding: 5px 0 6px 12px;
	border-bottom: dashed 1px #CACFD8;
	font-weight: bold;
	list-style-type: none;
}
div#HighlightPanelContainer div.HighlightPanel div a:link,
div#HighlightPanelContainer div.HighlightPanel div a:visited
{
	color: #2B4064;
}
div#HighlightPanelContainer div.HighlightPanel div ul li span
{
	margin-right: 4px;
	font-weight: normal;
}
div#HighlightPanelContainer div.HighlightPanel div a:hover,
div#HighlightPanelContainer div.HighlightPanel div a:focus
{
	color: #DB6B1C;
}
div#HighlightPanelContainer div.HighlightPanel div img
{
	margin: 3px 4px 3px 4px;
}
div#HighlightPanelContainer div.HighlightPanel div p
{
	margin: 3px 8px 3px 8px;
}
div#HighlightPanelContainer div.HighlightPanel div img.MoreButton
{
	position: absolute;
	margin: 0;
	top: 183px;
	left: 160px;
}

/* END HIGHLIGHT PANELS ---------------------------------------- */

/* BEGIN SITE HEADLINE ----------------------------------------- */

div#ContentColumn h1.SiteHeadline
{
	clear: both;
	width: 400px;
	margin: 0 0 24px 0;
	padding: 28px 0 0 24px;
	color: #DB6B1C;
	background-image: url(../images/content_headline.jpg);
	background-repeat:no-repeat;
	background-position: 23px bottom;
	background-color: #FFFFFF;

	font: bold 18px "trebuchet ms", helvetica, verdana, arial, sans-serif;
	font-variant: small-caps;
}

/* END SITE HEADLINE ------------------------------------------- */

/* BEGIN CONTENT PANELS ---------------------------------------- */

div#ContentColumn div#Content
{
	background-color: transparent;
	margin: 0 0 0 5px;
}
div#ContentColumn div#Content div.Panel
{
	clear: both;
	position: relative;
	width: 486px;
	margin: 0 0 0 5px;
	padding: 16px 32px 16px 32px;
	border: solid 1px #F4F5F7;
}

/* Links im Content */
div#Content a
{
	color: #00A2DD;
	white-space: nowrap;
}
div#Content a:link,
div#Content a:visited
{
	color: #00A2DD;
}
div#Content a:hover,
div#Content a:focus
{
	color: #DB6B1C;
}
div#Content a.MoreButton
{
	line-height: 14px;
}
/* Headlines im Content */
div#Content h1
{
	margin: 16px 0 12px 5px;
	padding: 4px 0 5px 16px;
	background-color: #2B4064;
	color: #FFFFFF;
	font: bold 15px verdana, helvetica, arial, sans-serif;
}
div#Content h2
{
	margin: 16px 0 12px 5px;
	padding: 3px 0 4px 16px;
	background-color: #db6b1c;
	color: #FFFFFF;
	font: bold 13px verdana, helvetica, arial, sans-serif;
}
div#Content h3
{
	margin: 16px 0 12px 5px;
	padding: 3px 0 4px 16px;
	background-color: #C5C9D2;
	font: bold 13px verdana, helvetica, arial, sans-serif;
}
div#Content h4
{
	margin: 16px 0 12px 5px;
	padding: 2px 0 3px 16px;
	background-color: #F4F5F7;
	font: bold 13px verdana, helvetica, arial, sans-serif;
}
div#Content h5
{
	margin: 16px 0 12px 5px;
	padding: 2px 0 3px 16px;
	background-color: #F4F5F7;
	color: #9599A4;
	font: bold 11px verdana, helvetica, arial, sans-serif;
}
div#Content h6
{
	margin: 16px 0 2px 0;
	font: bold 11px verdana, helvetica, arial, sans-serif;
}
/* Listen im Content */
div#Content ul,
div#Content ol
{
	margin: 8px 0;
	padding: 0 0 0 16px;
	line-height: 18px;
}
div#Content ul
{
	list-style-type: square;
}
div#Content li
{
	margin: 0;
	padding: 0;
}
/* Absatz im Content */
div#Content div p
{
	margin: 0;
	line-height: 18px;
}
div#Content div.Panel h1,
div#Content div.Panel h2,
div#Content div.Panel h3,
div#Content div.Panel h4,
div#Content div.Panel h5
{
	margin-left: -32px;
}

/* ---- BEGIN PANELS HEADLINE ---------------------------------- */

div#Content div h2.ContentTitle
{
	margin: 0 -33px 0 -33px;
	top: -17px;
}
div#Content h2.ContentTitle
{
	position: relative;
	width: 552px;
	height: 28px;
	margin: 0 0 0 5px;
	padding: 0;
	border-bottom: solid 1px #F4F5F7;
	background-color: white;
	background-image: url("/images/bulletin.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
	font: bold 14px "trebuchet ms", verdana, helvetica, arial, sans-serif;
}

div#Content h2.ContentTitle a,
div#Content h2.ContentTitle span.Headline
{
	position: absolute;
	left: 32px;
	top: 5px;
	padding: 0;
}
div#Content h2.ContentTitle a:link,
div#Content h2.ContentTitle a:visited,
div#Content h2.ContentTitle span.Headline
{
	color: #00a2dd;
}
div#Content h2.ContentTitle a:hover,
div#Content h2.ContentTitle a:focus
{
	color: #2b4064;
}
div#Content h2.ContentTitle a.ToTop
{
	left: 528px;
	top: 10px;
}
div#Content h2.ContentTitle span
{
	color: #2b4064;
	position: absolute;
	right: 34px;
	top: 5px;
}

/* END CONTENT PANELS ------------------------------------------ */

/* BEGIN CONTENT TABLES ---------------------------------------- */

div#Content table
{
	clear: both;

	margin: 8px 0;
	border: solid 1px #CACFD8;
	border-left: none;
}
div#Content table tr
{
	height: 20px;
}
div#Content table tr th
{
	padding: 0 8px 0 8px;
	background-color: #CACFD8;
	border-left: solid 1px #CACFD8;
	text-align: left;
}
div#Content table tr td
{
	padding: 0 8px 0 8px;
	border-left: solid 1px #CACFD8;
}
div#Content table tr td a img
{
	margin: 0 0 -2px 8px;
}
div#Content table tr td span
{
	color: #DA7C3E;
	font-weight: bold;
}
div#Content table tr.SecondRow td
{
	background-color: #F4F5F7;
}
div#Content table tr.SecondRow th
{
	background-color: #B3B8C1;
}
div#Content table tr.Spacer
{
	empty-cells: show;
	height: 10px;
}
div#Content table tr.LastRow td,
div#Content table tr.LastRow th
{
	border-bottom: solid 1px #CACFD8;
}

/* Tabellen mit voller Breite für Listings */

div#ContentColumn div#Content.List table
{
	width: 552px;
	margin: 0 0 0 5px;
}
/* END CONTENT TABLES ------------------------------------------ */

/* ---- BEGIN IMAGE-TABLES WITHIN PANELS ----------------------- */

div#Content table.ImageContainer
{
	width: auto;
	margin: 0 0 4px 8px;
	padding: 0;
	background-color: #F4F5F7;
	border: solid 1px #CACFD8 !important;
}
div#Content table.ImageContainer td
{
	margin: 0;
	padding: 0;
	border: none !important;
}
div#Content table.ImageContainer td p
{
	position: relative;
	left: 8px;
	margin: 0;
	padding: 0;
	color: #2B4064;
}
div#Content table.ImageContainer td img
{
	margin: 0;
	padding: 0;
	border: solid 1px #FFFFFF;
	position: relative;
}
div#Content table.ImageContainer td a:link,
div#Content table.ImageContainer td a:visited
{
	color: #2B4064;
}
div#Content table.ImageContainer td a:hover,
div#Content table.ImageContainer td a:focus
{
	color: #FFFFFF;
}

/* ---- END IMAGE-TABLES WITHIN PANELS ------------------------- */

/* BEGIN TEAM-LISTINGS ----------------------------------------- */

div#Content div.Panel.TeamTeaser
{
	height: 72px;
	padding: 6px 32px 8px 32px !important;
	border-top: none !important;
}
div#Content div.Panel.TeamTeaser div
{
	margin: 6px 0 0 0;
}
div#Content div.Panel.TeamTeaser h2
{
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #2B4064;
	font: bold 14px verdana, helvetica, arial, sans-serif;
}
div#Content div.Panel.TeamTeaser a
{
	font-size: 11px;
}
div#Content img.TeaserImage
{
	float: left;
	border: solid 2px #CACFD8;
	margin: 0 8px 0 0;
}
div#Content div.Panel.TeamTeaser p
{
	font-size: 12px;
}
div#Content div.SecondRow
{
	background-color: #F4F5F7;
}
/* END TEAM-LISTINGS ------------------------------------------- */