@CHARSET "UTF-8";

/*
Default colors:
blue: #304481
black: #02151b
*/

table {
    border-collapse: collapse;
}

.bordertable td {
    border: 1px solid #555;
}

body {
    background: url(/img/gui/bg4.png) #02151b repeat-x;
    padding-bottom: 5px;
}

.container {
    position: relative;
}

#header {
    height: 80px;
    color: #fff;
}

.navigation {
    height: 34px;
    color: white;
    margin-bottom: 10px;
}
.mainlogo {
    position:absolute;
    top: 0px;
    left: -55px;
    z-index: 100;
}

.skyscraper {
    width: 120px;
    height: 600px;
}
.skyscraper a {
    display: block;
    width: 120px;
    height: 600px;
    text-decoration: none;
}
.skyscraperWide {
    width: 160px;
    height: 600px;
}
.skyscraperWide a {
    display: block;
    width: 160px;
    height: 600px;
    text-decoration: none;
}
.skyscraperLeft, .skyscraperLeftWide {
    position:absolute;
    display: block;
    top: 124px;
    left: -130px;
    background-color: #fff;
}
.skyscraperRight, .skyscraperRightWide {
    position:absolute;
    top: 124px;
    left: 960px;
    background-color: #fff;
}
.skyscraperLeftWide {
    left: -170px;
}
.tusschriftzug {
    padding-top: 20px;
}
.toplogos {
    vertical-align: middle;
}
.toplogos a {
    text-decoration: none;
}
img.ligadrei {
    padding-left: 10px;
    padding-top: 2px;
}

img.rzlogo {
    padding-top: 10px;
}

.centercolumn .widget {
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 5px;
    margin-bottom: 10px;
}
.borderbox {
    border: 1px solid #aaa;
    padding: 5px;
    background-color: #fff;
    background: url(/img/TUK-InternetFond2.jpg) #fff;
    margin-bottom: 10px;
    width: 938px;
    float: left;
}
.article {
    background: #fff;
}
#footer {
    width: 938px;
    padding: 5px;
    border: 1px solid #555;
    background-color: #333;
    height: 50px;
    overflow: hidden;
    position: relative;
}
.footerwidget {
    text-align: center;
    height: 50px;
    margin: 0px;
    padding: 5px 0px;
    position: relative;
}
.footerwidget a {
    height: 44px;
    background-color: #fff;
    padding: 3px;
    line-height: 44px; 
    vertical-align: middle;
    display: inline-block; 
    margin: 0px 3px;
}
.footerwidget img {
    padding: 0px 10px;
}

.imageteaser {
    display: block;
}
.imageteaser img {
    width: 310px;
    padding-bottom: 10px;
}

h2.pageinfo {
    margin-bottom: 0;
}

.breadcrumbs {
    font-size: 0.9em;
    color: #666;
}
.breadcrumbs a {
    text-decoration: none;
}

a.backlink {
    text-decoration: none;
    z-index: 101;
    position: relative;
}

.article h1 {
    font-size: 2.2em;
    font-weight: bold;
}

/* Menu */

#menu ul {
    float: left;
    margin: 0px;
}

#menu ul li {
    float: left;
    list-style: none outside none;
    display: block;
}

#menu ul li a {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 32px;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    border: 1px solid #ddd;
    border-right: 0px;
}
.lastmenuitem {
    border-right: 1px solid #ddd;
}

#menu ul li a span {
    padding: 2px 8px 0px 8px;
}
#menu ul li a:hover, #menu ul li a.active {
    background-color: #304481;
}

/* Teaserswitcher */
.teaserSwitcher {
    margin-bottom: 5px;
}
.teaserContent {
    height: 412px;
}
.teaserImage img {
    width: 618px;
    height: 412px;
}
.teaserSwitch img {
    border: none;
}
.teaser {
    width: 618px;
    height: 412px;
    overflow: hidden;
    position: absolute;
}
.teaserText {
    padding: 5px;
}
.teaserHeadline1 {
    position: absolute;
    bottom: 60px;
    right: 10px;
    padding: 3px 5px;
    font-weight: bold;
    font-size: 13px;
    background-color:#000;
    color: #fff;
    z-index: 1;
}
.teaserHeadline {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px;
    background-color:#000;
    color: #fff;
    z-index: 1;
    width: 608px;
}
.teaserOpener {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.teaserTitle {
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
.teaserText {
    text-decoration: none;
}

.subteaser, .archiveteaser {
    background-color: #aaa;
    border-top: 1px solid #fff;
    height: 27px;
}
.subteaser a, .archiveteaser a {
    display: block;
    line-height: 27px;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
}
.subteaser a img {
    float: left;
    padding-right: 10px;
}

.archiveteaser a {
    text-align: right;
    padding-right: 10px;
}

/* Korrekturen für blueprint */
p img.right {
    margin: 0 0 1.5em 1.5em;
}
p img.left {
    margin: 0 1.5em 1.5em 0;
}

/* Widgets allgemein */

.centercolumn .widget {
    background-color: #fff;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #aaa;
}

.rightcolumn .widget {
    background-color: #fff;
    padding: 2px 0px 0px 0px;
    margin-bottom: 10px;
/*    display: inline-block;*/
    width: 310px;
    clear: right;
}

.widgetheader {
    padding: 2px 5px;
    font-weight: bold;
    background-image: url('/img/gui/test.png');
    color: #fff;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
}

.widgetcontent {
    padding: 3px 5px 5px 5px;
}

.widget .odd {
    background-color: #bbb;
}
.widget .even {
    background-color: #ddd;
}

.rightcolumn .widget table {
    margin: 0px;
}

/* Termin-Widget, News-Widget */
.newswidget td {
    padding: 0px;
    height: 27px;
}
.newswidget a {
    height: 27px;
    display:block;
    line-height: 27px;
    text-decoration: none;
    color: #000;
}
.newswidget a.secondcolumn {
    padding-left: 5px;
}

.quicklinks {
    background-color: #fff;
}
.quicklinks .widgetheader {
    background-color: #fff;
}
.quicklinks .widgetcontent {
    text-align: center;
    padding: 3px 5px 1px 5px;
    background-color: #fff;
}
.quicklinks .widgetcontent img {
    padding: 5px 5px 0px 5px;
}

/* Newsarchiv */

.archivitem {
    border: 1px solid #aaa;
    height: 75px;
    margin-top: 3px;
    overflow: hidden;
}
.archivitem a {
    padding-right: 5px;
    display: block;
    text-decoration: none;
    color: #000;
    height:75px;
}
.archivitem a:hover {
    background-color: #ccc;
}
.archivitem a img {
    float: left;
    padding-right: 10px;
}
.archivitem .archivitemheader {
    font-weight: bold;
    font-size: 1.1em;
}
.archivitem .archivitemteaser {
    font-weight: bold;
}
.archivitem .archivitempreheader {
    font-size: 0.8em;
    color: #666;
}

/* Tabellenwidget */

.tabellewidget a {
    color: #000;
    text-decoration: none;
}

a.smalllink {
    text-decoration: none;
    color: #000;
    font-size: 10px;
}

/* nextgame */
.nextgamewidget hr {
    margin: 4px 0px;
}
.nextgamewidget .widgetcontent {
    text-align:center;
}
.nextgamewidget td {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}
.nextgamewidget a {
    color: #000;
    text-decoration: none;
}
.nextgamewidget a.smalllink {
    font-size: 0.8em;
    color: #444;
}
.nextgamewidget a.smalllink:hover {
    color: #000;
}

/* centertabelle */
.centertabelle th {
    background: url("/img/gui/navbg.gif") repeat-x scroll 0 0 transparent;
    color: #fff;
    text-align: left;
}
.centertabelle td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
.centertabelle tr.odd td {
    background-color: #E5ECF9;
}
.centertabelle tr.even td {
    background-color: #fff;
}
.centertabelle tr.aufstieg td {
    background-color:#66ff66;
/*    background-color:#33ff33;*/
}
.centertabelle tr.relegationup td {
    background-color: #aaffaa;
/*    background-color: #99ff99;*/
}
.centertabelle tr.relegationdown td {
    background-color:#ffaaaa;
/*    background-color:#ff9999;*/
}
.centertabelle tr.abstieg td {
    background-color: #ff6666;
/*    background-color: #ff3333;*/
}
.centertabelle a:hover {
    color: #555;
}
table.tdtop td {
    vertical-align: top;
}
table.tdmiddle td {
    vertical-align: middle;
}

/* Spielbericht */
.spielberichtheader td {
    font-size: 2.5em;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
.spielberichtergebnis td {
    font-size: 2em;
    font-weight: bold;
}
table.borderless td {
    border-bottom: 0px;
}
table.spielbericht {
    margin: 0px;
}
table.spielbericht tr {
}
table.spielbericht td {
    vertical-align: middle;
    padding: 3px 3px;
    border-bottom: 1px solid #cccccc;
}
table.aufstellung img {
    float: right;
}
table.aufstellung a {
    color: #000000;
    text-decoration: none;
}

/* Paginator */

.pagecontrols {
    display: block;
    margin-bottom: 3px;
    margin-top: 2px;
    line-height: 16px;
    vertical-align: middle;
}

/* Bannerchanger */

.rightcolumn .bannerchanger {
    width: 310px;
    margin-bottom: 10px;
    display: block;
    clear: right;
}
.rightcolumn .bannerchanger a {
    text-decoration: none;
    display:block;
    line-height: 0;
}
.rightcolumn .bannerchanger img {
    border: 0px;
}

/* Spielplaene */
.spielplan {
    font-size: 0.95em;
}
.spielplan th, .spielplan td {
    padding: 4px 5px;
}
.spielplan a {
    text-decoration: none;
    color: #000;
}
.spielplan img {
    padding-top: 2px;
}
.spielplan .right {
    text-align: right;
}
.spielplan .middle {
    text-align: center;
}

.spieltagauswahl a {
    text-decoration: none;
}
.spieltagauswahl form {
    display: inline;
}
.spielerauswahl a {
    text-decoration: none;
}
.spielerauswahl form {
    display: inline-block;
}

/* Tabelle centerbereich */
.tabellemain a {
    text-decoration: none;
    color: #000;
}
.tabellemain a:hover {
    color: #555;
}
.tabellemain {
    line-height: 0;
}
.tabellemain tr {
    height: 25px;
}
.tabellemain td, .tabellemain th {
    padding: 1px;
/*    height: 25px;*/
    line-height: 25px;
}

/* Menu neu */
ul.jd_menu {
    margin: 0px;
    padding: 0px 0px 0px 30px;
    list-style-type: none;
    background: url(/img/gui/navbg.gif) repeat-x;
    height: 35px;
    z-index: 1000;
}
ul.jd_menu ul {
    position: relative;
}
ul.jd_menu li {
    float: left;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    line-height: 35px;
    padding: 0px 6px;
    cursor: pointer;
    white-space: nowrap;
}
ul.jd_menu li a {
    display: block;
    color: #FFF;
    text-decoration: none;
}
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active,
ul.jd_menu li a:hover,
ul.jd_menu li.menuactive {
    background: url(/img/gui/navbghover.gif) no-repeat center top;
    color: #fff;
}

/* -- Sub-Menus -- */
ul.jd_menu ul {
    position: absolute;
    display: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 10000;
    background-color: #333;
    border: 1px solid #111;
    border-left-color: #222;
    border-top-color: #222;
    height: auto;
}
ul.jd_menu ul li {
    float: none;
    margin: 0px;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #333;
}
ul.jd_menu ul li a {
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    width: 150px;
}
ul.jd_menu ul li.jdm_hover,
ul.jd_menu ul li.jdm_active,
ul.jd_menu ul li a:hover {
    background: none;
    background-color: #222;
    color: #fff;
}
ul.jd_menu ul li.jdm_hover,
ul.jd_menu ul li.jdm_active {
    border-bottom: 1px solid #222;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jdmenu ul li ul li {
    border-left: 0px;
}
ul.jd_menu li.menuimage a:hover,
ul.jd_menu li.menuimage a {
    background: none;
    text-decoration: none;
}
ul.jd_menu li.menuimage {
    background: none;
    padding: 0px 2px;
}

/* Image zoomer */
.imagezoom {
    width: 618px;
    height: 300px;
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.zoomarea {
    position: relative;
}
.imagezoom img.imagezoomimg {
    position: absolute;
    z-index: 1;
    display: none;
}
.imagezoom img.imageoverlay {
    width: 100%;
    position: absolute;
    display: block;
    z-index: 2;
}

/* Teamuebersicht */
.playershort {
    display: block;
    border: 1px solid #000;
    margin: 5px;
    width: 296px;
}
.playershort .large {
    font-weight: bold;
    margin-bottom: 0px;
}
.playershort a {
    text-decoration: none;
    color: #000;
    display: block;
    height: 75px;
    background-color: #fff;
}
.playershort a:hover {
    background-color: #ddd;
}
.playershort img {
    height: 75px;
    padding-right: 10px;
    float: left;
    width: 60px;
}
.teamlink {
    background-color: #fff;
    border: 1px solid #666;
    display: block;
    padding: 7px 15px;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align:center;
}
.teamlink:hover, .teamlink:active {
    background-color: #ddd;
}

/* Vereinspersonen */
.vereinshort {
    display: block;
    border: 1px solid #000;
    margin: 5px;
    width: 606px;
}
.vereinshort .large {
    font-weight: bold;
    margin-bottom: 0px;
}
.vereinshort img {
    height: 75px;
    padding-right: 10px;
    float: left;
    width: 60px;
}
.geschaeftsstellebox {
    display: block;
    border: 1px solid #000;
    margin: 5px;
    width: 596px;
    padding: 5px;
}
.geschaeftsstellebox .headline {
    background-color: #aaa;
    padding: 3px 5px;
    margin-bottom: 10px;
    font-weight: bold;
}
/* Sponsorenseiten */
.centercolumn .sponsoren .sponsor, .centercolumn .fanclubs .fanclub {
    display: inline-block;
    width: 606px;
    border: 1px solid #aaa;
    padding: 5px;
    margin-bottom: 5px;
}
.centercolumn .sponsoren .sponsor .sponsortitle, .centercolumn .fanclubs .fanclub .fanclubtitle {
    background-color: #aaa;
    padding: 3px 5px;
    margin-bottom: 10px;
    font-weight: bold;
}
.centercolumn .sponsoren .sponsor img, .centercolumn .fanclubs .fanclub img {
    float: right; padding-right: 5px;display: block;
}

/* gallery */
.gallery {
    border: 1px solid #aaa;
    height: 75px;
    margin-top: 3px;
    overflow: hidden;
}
.gallery a {
    padding-right: 5px;
    display: block;
    text-decoration: none;
    color: #000;
    height:75px;
}
.gallery a:hover {
    background-color: #ccc;
}
.gallery a img {
    float: left;
    padding-right: 10px;
}
.gallery .galleryheader {
    font-weight: bold;
    font-size: 1.1em;
}
.gallery .galleryteaser {
    font-weight: bold;
}
.galleryshow a {
    padding: 5px 0px 0px 11px;
    float: left;
    display: block;
}

/* dynamicnews-widget */
.centercolumn .dynamicnewswidget {
    margin-bottom: 0px;
}
.dynamicnewswidget a {
    color: #000000;
    text-decoration: none;
}
.centercolumn .dnTitle {
    height: 22px;
    padding: 3px;
    background-color: #ccc;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}
.centercolumn .dnTeaserBig {
    background: url(/img/gui/dynamicnewsback.jpg) repeat-x scroll 0 0 #ccc;
    height: 65px;
    border-top: 1px solid #fff;
}
.centercolumn .dnTeaserSmall {
    background-color: #bbb;
    height: 25px;
    border-top: 1px solid #fff;
}
.centercolumn .dnTeaserInfo {
    width: 40px;
    float: left;
    padding: 5px 5px 0px 5px;
    font-weight: bold;
    line-height: 15px;
}
.centercolumn .newsTeaserBig .dnTeaserInfo {
    font-size: 16px;
}
.centercolumn .dnTeaserPic {
    width: 100px;
    height: 65px;
    float: left;
    overflow: hidden;
    padding-right: 5px;
}
.centercolumn .dnTeaserPic img {
    border: 0px;
}
.centercolumn .dnTeaserText {
    float: left;
    width: 545px;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
}
.centercolumn .dnTeaserBig .dnTeaserText {
    height: 60px; /* 65px -padding */
    width: 440px;
}
.centercolumn .dnTeaserText h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 15px;
}
.centercolumn .dnTeaserText h3 a {
    text-decoration: none;
    color: #222;
}
.centercolumn .dnTeaserSmall .dnTeaserPic {
    display: none;
}
.centercolumn .dnTeaserSmall .dnTeaserText p {
    display: none;
}

/* Teamlink-Widget */
.teamlinks a {
    display: block;
    width: 100%;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.teamlinks a:hover {
    background-color: #ccc;
}