/* produced by BTD Newmedia - All rights reserved
 * copyright 2009 - http://www.btd.de/ - info@btd.de
 *
 * CSS Bundesliga-Stiftung
 */

/* default html definitions */

body { margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; font-weight: normal; color: #333333; background: #d2d0c2; }
img { border: none; }
/* p { margin: 0; padding: 0; } */
table, div, form { margin: 0; padding: 0; border: none; }
ul { margin: 0px 0px 0px 16px; padding: 0; }
ol { margin: 1px 0px 1px 22px; padding: 0; }
li { }

h1 { font-family: Georgia; font-size: 20px; font-weight: bold; color: #E87614; margin-top: 0px; margin-bottom: 6px; padding-top:5px; line-height: 20px; }
h2 { font-family: Verdana; font-size: 14px; font-weight: bold; color: #333333; margin-top: 0px; margin-bottom: 6px; line-height: 18px; }

input, select, textarea { color: #333333; border: 1px solid #7d7d87; background-color: #ffffff; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }


/* generelle textformatierung */
a, a:visited, a:active, a:link { color: #e87614; font-weight: bold; text-decoration: underline; }
a:hover { color: #e87614; }
a:focus { outline: 0}

.bold { font-weight: bold; }

/* Seitenaufbau */
#PageWrapper { position: relative; width: 780px; margin: auto; padding: 0px; background: #f7f8f3; clear: both; overflow: hidden; }

/* Header Area */
#PageHeader { position: relative; width: 780px; height: 138px; background: transparent; clear: both; overflow: visible; }
#Logo { position: absolute; display: block; margin: 23px 0 0 678px; padding: 0px 84px 0 0; height: 90px; width: 1px; background: transparent; } 

/* navigation */
#TopNav { height: 22px; margin-left: 25px; padding-top: 18px; margin-top: 8px; margin-bottom: 13px; clear: both; overflow: hidden; }
#TopNav .navitem { float: left; margin: 0; padding: 0; }

#SubNav_projekte { height: 20px; margin-left: 220px; margin-top: 13px; margin-bottom: 2px; clear: both; overflow: hidden; }
#SubNav_projekte .navitem { float: left; padding: 0 9px; border-left: 1px solid #333333; font-family: Georgia; font-size: 14px; line-height: 15px; font-weight: bold; margin: 0; }
#SubNav_projekte .first { border: none; }
#SubNav_projekte .navitem a, #SubNav_projekte .navitem a:visited, #SubNav_projekte .navitem a:active, #SubNav_projekte .navitem a:link { color: #333333; text-decoration: none; font-weight: normal;  }
#SubNav_projekte .navitem a:hover { color: #e87614; text-decoration: none; font-weight: normal; }
#SubNav_projekte .navitem a.active { color: #e87614; }

#SubNav_stiftung { height: 20px; margin-left: 152px; margin-top: 13px; margin-bottom: 2px; clear: both; overflow: hidden; }
#SubNav_stiftung .navitem { float: left; padding: 0 9px; border-left: 1px solid #333333; font-family: Georgia; font-size: 14px; line-height: 17px; font-weight: bold; margin: 0; }
#SubNav_stiftung .first { border: none; }
#SubNav_stiftung .navitem a, #SubNav_stiftung .navitem a:visited, #SubNav_stiftung .navitem a:active, #SubNav_stiftung .navitem a:link { color: #333333; text-decoration: none; font-weight: normal;  }
#SubNav_stiftung .navitem a:hover { color: #e87614; text-decoration: none; font-weight: normal; }
#SubNav_stiftung .navitem a.active { color: #e87614; }

#PageBody { position: relative; top: -10px; margin-bottom: -10px; padding: 0px; background: #e6edec url(/stiftung/img/_backgrounds/hg_verlauf.gif) top left repeat-x; width: 780px; }
#PageContent { position: relative; padding: 0px 25px 60px 25px; width: 730px; margin: 27px 0 0px 0; clear: both; overflow: hidden; }

#PageFooter { position: relative; width: 780px; padding: 18px 0px 50px 0px; margin-left: 0px; background: #d2d0c2; font-size: 9px; clear: both; overflow: visible; }
#PageFooter .copyright { float: left; padding-right: 20px; }
#PageFooter .dfl_link { float: left; vertical-align: middle; }
#PageFooter .madeby { float: right; vertical-align: middle; }
#PageFooter .dfl_link img, #PageFooter .madeby img {vertical-align: middle; }
#PageFooter a, #PageFooter a:visited, #PageFooter a:active, #PageFooter a:link { color: #333333; font-weight: normal;  text-decoration: none; }
#PageFooter a:hover { color: #e87614; font-weight: normal; text-decoration: none; }

.TopLink { display: block; position: absolute; bottom: 10px; right: 25px; padding-right: 10px; background: transparent url(/stiftung/img/_backgrounds/nach_oben_pfeil.gif) center right no-repeat; text-align: right; font-family: Georgia; font-style: italic; line-height: 12px; }
a.TopLink, a.TopLink:visited, a.TopLink:active, a.TopLink:link { color: #333333; font-weight: normal; text-decoration: none; }
a.TopLink:hover { color: #e87614; font-weight: normal; text-decoration: none; }

a.More { display: block; position: absolute; bottom: 0px; right: 15px; font-family: Georgia; font-size: 14px; line-height: 15px; font-weight: bold; color: #078fb6; text-decoration: none; }
a.More:visited, a.More:active, a.More:link { color: #078fb6; text-decoration: none; }
a.More:hover { color: #078fb6; text-decoration: underline; }

.Spacer { height: 60px; width: 1px; font-size: 1px; line-height: 1px; clear: both; overflow: hidden; }

/* Startseite */
.ColumnsTwo { position: relative; width: 755px; clear: both; overflow: hidden; }
.ColumnsTwo .Column1 { position: relative; float: left; width: 243px; margin-right: 25px; }
.ColumnsTwo .Column2 { position: relative; float: left; width: 462px; }

.Column1 .TeaserList, .ColumnsTwo .Column1 .Teaser, .Column1 .Teaser .Main { width: 239px; }
.ColumnsTwo .Column2 .Teaser { width: 454px; padding-left: 8px; }
.Column2 .Teaser .Main { width: 285px; height: 100px; margin-right: 15px; }
.Column2 .Teaser .Pic { position: absolute; top: 12px; right: 0px; width: 150px; height: auto; overflow: hidden; }
.Column1 .Teaser .More { position: relative; float: right; bottom: 0px; right: 0px; padding-top: 2px; }
.Column1 .TeaserList { margin-bottom: 10px; margin-top: 0; background: transparent; }
.Column1 .TeaserList .Teaser { top: 1px; }

.Box { position: absolute; top: 330px; width: 225px; height: 135px; padding: 15px 9px 20px 9px; background: transparent url(/stiftung/img/_backgrounds/infobox.gif) top left no-repeat; clear: both; overflow: hidden; }
.Box .Main { height: 95px; overflow: hidden; }
.Box .More { bottom: 15px; }

.FlashTeaser { margin-bottom: 20px; }
.VideoPlayerWrapper { margin-top: 10px; }

/* Artikelseite */
.TextBlock { position: relative; width: 730px; margin-bottom: 20px; clear: both; overflow: hidden;  }
.TextBlock .Datum { float: right; color: #737373; }
/*.TextBlock .ArtikelContent { width: 726px; margin-top: 14px; clear: both; overflow: hidden; }*/
.TextBlock .ArtikelContent { width: 641px; margin-top: 14px; clear: both; overflow: hidden; }
.TextBlock .ImageLeft { position: relative; float: left; width: 334px; margin-right: 15px; }
.TextBlock .ImageElement { width: 334px; clear: both; overflow: hidden; }
.TextBlock .ImageWrapper { width: 330px; padding-right: 4px; background: transparent url(/stiftung/img/_backgrounds/bu_schatten_rechts.gif) top right repeat-y; }
.TextBlock .ImageWrapper img { display: block; }
.TextBlock .ImageSubtitle { float: none; line-height: 16px; padding: 6px 9px 9px 9px; background: #eeeee9 url(/stiftung/img/_backgrounds/bu_schatten_links.gif) -3px 0 repeat-y; }
.TextBlock .ImageFooter { width: 334px; height: 4px; margin-bottom: 15px; font-size: 1px; line-height: 1px; background: transparent url(/stiftung/img/_backgrounds/bu_schatten_unten.gif) bottom left no-repeat; }
.TextBlock .LinkGallery { line-height: 20px; }

/* Module */
.TeaserList { position: relative; width: 730px; background: transparent url(/stiftung/img/_backgrounds/pixellinie.gif) top left repeat-x; margin-top: 10px; margin-bottom: 20px; clear: both; overflow: hidden; }
.Teaser { position: relative; width: 730px; height: auto; padding: 8px 0px; background: transparent url(/stiftung/img/_backgrounds/pixellinie.gif) bottom left repeat-x; clear: both; overflow: hidden; }
.Teaser .Main { position: relative; height: auto; width: 715px; overflow: hidden; padding-right: 15px; }
.Teaser .Pic { position: relative; float: right; width: 150px; height: auto; overflow: hidden; }
.Teaser .Txt { position: relative; height: auto; width: 480px; }
.Teaser .Txt .Overline { font-family: Georgia; font-size: 10px; font-weight: bold; line-height: 11px; margin-bottom: 8px; color: #e87614; margin-top: -1px;  }
.Teaser .Datum { float: right; font-size: 10px; line-height: 11px; color: #737373; margin-top: 2px; }
.Teaser .Info { font-size: 10px; font-weight: bold; }

/* Teaser 100px hoch (mit Bild) */
.Teaser100 { height: 100px; }
.Teaser100 .Main { width: 560px; height: 100px; }
.Teaser100 .Pic { height: 100px; }

.TeaserDouble { position: relative; width: 760px; margin-top: 0px; margin-bottom: 20px; clear: both; overflow: hidden; }
.TeaserDouble .Row { position: relative; width: 760px; height: 200px; clear: both; overflow: hidden; }
.TeaserDouble .Teaser { float: left; width: 350px; height: 180px; padding-top: 10px; margin-right: 30px; clear: none; }
.TeaserDouble .Teaser h2 { padding-left: 10px; padding-right: 10px; }
.TeaserDouble .Teaser .Main { float: none; width: 330px; height: 40px; padding: 6px 10px 0 10px; }
.TeaserDouble .Teaser .Pic { float: none; width: 350px; height: 90px; }
.TeaserDouble .Teaser .More { bottom: 8px; right: 0px; }

/* Form */
.Formular { margin-top: 10px; width: 730px; }
.Formular .Section { padding: 8px 85px 8px 0px; background: transparent url(/stiftung/img/_backgrounds/pixellinie.gif) top left repeat-x; clear: both; overflow: hidden; font-size: 11px; }
.Formular .Field { width: 700px; padding: 0px; margin-top: 13px; clear: both; overflow: hidden; }
.Formular .Field .Label { float: left; width: 110px; padding: 0px; margin-right: 5px; }
.Formular .Field .TextInput { float: left; width: 585px; }

.Formular .Field .TextInput input { height: 14px; width: 219px; padding: 2px; }
.Formular .Field .TextInput textarea { width: 219px; padding: 2px; }
.Formular .Field .TextInput .Size1 input { width: 40px; }
.Formular .Field .TextInput .Size2 input { width: 70px; }
.Formular .Field .TextInput .Size3 input { width: 143px; }
.Formular .Buttons { width: 340px; text-align: right; margin-top: 10px;  }
.Formular .Buttons input { border: none; text-align: right; background: transparent; width: auto; padding: 0; margin: 0; font-family: Georgia; font-size: 14px; line-height: 15px; font-weight: bold; color: #078fb6; cursor: pointer; }
.Formular .Buttons a { border: none; text-align: right; background: transparent; width: auto; padding: 0; margin: 0; font-family: Georgia; font-size: 14px; line-height: 15px; font-weight: bold; color: #078fb6; cursor: pointer; text-decoration: none;  }
.Formular .Buttons a:hover { border: none; text-align: right; background: transparent; width: auto; padding: 0; margin: 0; font-family: Georgia; font-size: 14px; line-height: 15px; font-weight: bold; color: #078fb6; cursor: pointer; text-decoration: underline;  }