/* ========================================================= 
FC Zukunft Magdeburg 
Datei : style_zukunft.css 
Media : Screen 
Autor : Marianne Wege 

Zuletzt geaendert: 26. August 2009 

CSS-Datei-Struktur: 

1. Body und Container 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. Absatz- und Headlineformatierungen 
c. Dokumentuebergreifende Bildformatierungen 
d. Dokumentuebergreifende Linkformatierungen 

2. Header 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. Absatz- und Headlineformatierungen 
c. Linkformatierungen 
d. Bilder 
e. Headernavigation 

3. Contentbox 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

3.1 Linker Contentbereich 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. Absatz- und Headlineformatierungen 
c. Tabellen 
d. Linkformatierungen 
e. Bilder 
f. Listen 
g. Formulare 

3.2 Zentraler Contentbereich 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. Absatz- und Headlineformatierungen 
c. Linkformatierungen 
d. Tabellen 
e. Listen 
f. Bilder 
g. Formulare 

3.3 Rechter Contentbereich 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. Absatz- und Headlineformatierungen 
c. Linkformatierungen / Navigation 
d. Tabellen 
e. Bilder 
f. Listen 
g. Formulare 

4. Leerer Container 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. 

5. Footer 
a. Allgemeine Formatierungen (Groesse, Abstaende) 
b. Absatz- und Headlineformatierungen 
c. Linkformatierungen 
d. Bilder 
e. Formularelemente 

========================================================== */ 

/* ======================================================= 

1. Body und Container 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

BODY { 
width: 100%; 
height: 100%; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background: #fff; 

} 

/* Container umfasst Header und den gesamten Contentbereich 
Diese Gruppierung ist hilfreich, wenn die gesamte Website z.B. zentriert werden soll. */ 
#container { 
width: 920px; 
height: auto; 
text-align: left; 
margin: 0px auto 20px auto; 
/*background: url(../gfx/shadow_content.png);*/ 
} 

.clear { 
width: auto; 
height: 0.001em; 
clear: both; 
display: block; 
padding: 0px; 
margin: 0px; 
} 

/* ======================================================= 

1. Body und Container 
b. Absatz- und Headlineformatierungen 

========================================================== */ 

/* Festlegung der allgemeinen Schriftart, -farbe und -groesse, auf welche# 
sich alle weiteren Formatierungen beziehen */ 
BODY { 
color: #4a4a4a; 
font-size: 0.85em; 
font-family: "Arial", "Trebuchet MS", "Verdana", sans-serif; 
} 

/* ======================================================= 

1. Body und Container 
c. Dokumentuebergreifende Bildformatierungen 

========================================================== */ 

/* dokumentuebergreifendes Format fuer Bilder */ 
img { 
border-style: none; 
border-width: 0px; 
} 

/* ======================================================= 

1. Body und Container 
d. Dokumentuebergreifende Linkformatierungen 

========================================================== */ 

a:link, a:visited { 
color: #65930a; 
text-decoration: none; 
outline: none; 
background: url(../gfx/arrow_link.gif) no-repeat; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 18px; 
} 

a:focus, a:hover { 
text-decoration: underline; 
} 

/* ======================================================= 

2. Header 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

/* Container fuer alle Headerdaten (Bilder, Hintergrund, Servicenavigation) */ 
#headerBox { 
width: 917px; 
height: 204px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background: url(../gfx/bg_head.jpg) no-repeat; 
} 

#headerShadow { 
background: url(../gfx/shadow_head.png) no-repeat; 
width: 917px; 
height: 41px; 
} 

#naviBox { 
width: 700px; 
height: 39px; 
padding: 165px 0px 0px 0px; 
margin: 0px 0px 0px 192px; 
} 

#serviceNavi { 
width: 880px; 
text-align: right; 
padding-top: 5px; 
color: #96937a; 
} 

/* ======================================================= 

2. Header 
b. Absatz- und Headlineformatierungen 

========================================================== */ 

/* ======================================================= 

2. Header 
c. Linkformatierungen 

========================================================== */ 

#serviceNavi a:link , #serviceNavi a:visited { 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
font-size: 0.7em; 
/*color: #505443;*/ 
color: #96937a; 
outline: none; 
background: none; 
} 

#serviceNavi a:hover, #serviceNavi a:focus { 
text-decoration: underline; 
} 

/* ======================================================= 

2. Header 
d. Bilder 

========================================================== */ 

/* ======================================================= 

2. Header 
e. Headernavigation 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

/* dieser Container umfasst den linken, mittigen und rechten Contentcontainer */ 
#contentBox { 
width: auto; 
height: 100%; 
background: url(../gfx/bg_content.png) repeat-y; 
margin-left: 76px; 
} 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich (soll vorzugsweise der Navigation dienen) 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

/* linke Contentbox */ 
#leftBox { 
width: 244px; 
height: 100%; 
float: left; 
margin: 0px 0px 0px 24px; 
padding: 0px 0px 20px 0px; 
} 

.teaserComing, .teaserLast, .teaserNews { 
width: 243px; 
min-height: 10px; 
margin: 2px 0px 0px 0px; 
padding-top: 10px; 
padding-bottom: 10px; 
} 

.teaserComing { 
background: url(../gfx/bg_teaser_coming.png) repeat-x #fff; 
background-position: bottom; 
} 

.teaserLast, .teaserNews { 
background: url(../gfx/bg_teaser_news.png) repeat-x #fff; 
background-position: bottom; 
} 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich 
b. Absatz- und Headlineformatierungen 

========================================================== */ 

#leftBox h3, #leftBox p { 
margin: 0px 0px 0px 0px; 
padding: 0px 15px 0px 15px; 
font-size: 0.9em; 
} 

#leftBox p { 
margin-bottom: 10px; 
} 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich 
c. Tabellen 

========================================================== */ 

#leftBox table { 
width: 100%; 
text-align: center; 
font-size: 0.9em; 
font-weight: bold; 
padding: 0px 15px 0px 15px; 
margin: 0px auto 0px auto; 
} 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich 
d. Linkformatierungen 

========================================================== */ 
/* * 
* Aufhebung der Linkformatierungen fuer 
* die Bereiche Kommende und Letzte Spiele 
* eingefuegt am 13. August 2009 
*/ 
#leftBox .teaserComing a:link, #leftBox .teaserComing a:visited { 
color: #4a4a4a; 
text-decoration: none; 
outline: none; 
background: none; 
padding-left: 0px; 
} 

#leftBox .teaserComing a:hover, #leftBox .teaserComing a:focus { 
color: #65930a; 
text-decoration: none; 
} 

#leftBox .teaserLast a:link, #leftBox .teaserLast a:visited { 
color: #4a4a4a; 
text-decoration: none; 
outline: none; 
background: none; 
padding-left: 0px; 
} 

#leftBox .teaserLast a:hover, #leftBox .teaserLast a:focus { 
color: #65930a; 
text-decoration: none; 
} 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich 
e. Bilder 

========================================================== */ 

#leftBox .teaserHeadComing, #leftBox .teaserHead { 
width: 244px; 
height: 27px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 

#leftBox .teaserBottom { 
width: 243px; 
height: 10px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich 
f. Listen 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.1 Linker Contentbereich 
(g. Formulare) 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

/* mittiger Container */ 
#centerBox { 
width: 470px; 
height: 100%; 
float: left; 
margin: 0px 0px 20px 30px; 
text-align: left; 
font-size: 0.9em; 
} 

/* 
* Ueberschrift mit Hintergrund 
* eingefuegt am 14. August 2009 
*/ 
.headline { 
width: 465px; 
height: 27px; 
background: url(../gfx/img_headline.png) no-repeat; 
text-align: center; 
margin: 0px 0px 12px 0px; 
padding: 3px 0px 0px 0px; 
} 

.headline h4 { 
color: #fff; 
font-family: "Times New Roman", Times, serif; 
font-size: 1.2em; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
letter-spacing: 0.01em; 
} 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
b. Absatz- und Headlineformatierungen 

========================================================== */ 

/* allgemeine Abstaende innerhalb und nach einem Absatz 
muss ggf. fuer den ein oder anderen Contaier angepasst werden */ 
p { 
margin: 0px 0px 15px 0px; 
padding: 0px 0px 0px 0px; 
line-height: 1.5em; 
} 

/* allgemeine Formatierung der Ueberschriftenkategorie 1 */ 
#centerBox h1 { 
font-size: 1.2em; 
line-height: 1.5em; 
font-weight: bold; 
margin: 0px 0px 15px 0px; 
color: #65930a; 
} 

#centerBox h2 { 
font-size: 1.1em; 
line-height: 1.5em; 
font-weight: bold; 
margin: 0px 35px 15px 0px; 
color: #bbb; 
} 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
c. Linkformatierungen 

========================================================== */ 

.upperLink { 
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 

.upperLink a:link, .upperLink a:visited { 
color: #d2d1c4; 
text-decoration: none; 
background: url(../gfx/arrow_link_up.gif) no-repeat; 
padding-left: 15px; 
} 

.upperLink a:hover, .upperLink a:focus { 
text-decoration: underline; 
} 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
d. Tabellen 

========================================================== */ 

#tabHead { 
margin: 0px 0px 15px 0px; 
} 

#tabHead td { 
padding: 0px 20px 0px 0px; 
} 

#tabHead .year { 
background: url(../gfx/arrow_tabHead.gif) no-repeat; 
padding-left: 20px; 
font-weight: bold; 
} 

.headResult { 
width: 465px; 
height: 27px; 
background: url(../gfx/img_report.png) no-repeat; 
} 

.tabResult { 
font-size: 1.1em; 
background: url(../gfx/bg_teaser_news.png) repeat-x; 
background-position: bottom; 
width: 465px; 
margin: 0px 0px 15px 0px; 
padding: 0px; 
} 

.tabResult td { 
text-align: center; 
padding: 10px; 
font-weight: bold; 
} 

/* 
* Mannschaftsaufstellung / -uebersicht 
* eingefuegt: 13. August 2009 
*/ 
.tabTeam { 
width: 466px; 
margin: 0px 0px 25px -1px; 
padding: 0px 0px 0px 0px; 
background: url(../gfx/bg_teaser_news.png) repeat-x; 
background-position: bottom; 
border-collapse: collapse; 
} 

.tabTeam td { 
vertical-align: bottom; 
background: none; 
} 

td.tabTeamInfo { 
padding: 10px 0px 5px 10px; 
vertical-align: bottom; 
border-right: 1px solid #f5f6f1; 
border-top: 1px solid #f5f6f1; 
} 

.tabPortrait { 
width: 250px; 
margin: 0px 20px 25px -1px; 
padding: 0px 0px 0px 0px; 
border-collapse: collapse; 
float: left; 
} 

.tabPortrait td { 
vertical-align: top; 
padding: 5px 10px 0px 10px; 
background: url(../gfx/bg_teaser_news.png) repeat-x; 
background-position: bottom; 
} 

img.portrait { 
display: block; 
border: 1px solid #848167; 
margin-bottom: 20px; 
} 


/* 
* Mannschaftsuebersicht als Scrollticker 
* eingefuegt: 26. August 2009 
*/ 
.tabTicker { 
margin: 0px 0px 25px 0px; 
padding: 0px 0px 0px 0px; 
background: url(../gfx/bg_teaser_news.png) repeat-x; 
background-position: bottom; 
border-collapse: collapse; 
line-height: 1.5em; 
} 

td.tabTicker { 
vertical-align: bottom; 
} 

td.tabTickerInfo { 
/*width: 200px;*/ 
padding: 5px 25px 5px 0px; 
vertical-align: bottom; 
border-right: 1px solid #f5f6f1; 
border-top: 1px solid #f5f6f1; 
} 

.tabTicker img { 
width: 100px; 
height: 133px; 
border: 1px solid #848167; 
margin: 0px 15px -1px -1px; 
padding: 0px 0px 0px 0px; 
} 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
e. Listen 

========================================================== */ 

#centerBox ul { 
margin: 0px 0px 15px 30px; 
padding: 0px 0px 0px 0px; 
list-style-position: outside; 
list-style-image: url(../gfx/list_item.gif); 
font-size: 0.9em; 
} 

#centerBox li { 
line-height: 1.4em; 
padding: 0px 0px 10px 10px; 
} 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
f. Bilder 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.2 Zentraler Contentbereich 
g. Formulare 

========================================================== */ 

/* 
* eingefuegt am 16. August 2009 
*/ 

.contactFieldset { 
background: url(./../gfx/bg_teaser_news.png) repeat-x; 
background-position: bottom; 
border: none; 
padding: 0px 20px 15px 0px; 
margin: 0px 0px 25px 0px; 
} 

.contactFieldset label { 
/*font-size: 0.9em;*/ 
line-height: 1.4em; 
} 

.contactFieldset td { 
vertical-align: top; 
} 

/* Hervorhebung eines Labels, wenn zugehoeriges 
Eingabefeld nicht oder falsch ausgefuellt wurde */ 

.contactLabelWrong { 
font-weight: bold; 
color: #760021; 
} 

.contactInputText { 
width: 250px; 
padding: 2px 10px 3px 10px; 
color: #888; 
letter-spacing: 0.07em; 
border: 1px solid #ccc; 
} 

.contactInputText:focus, .contactInputText:hover { 
border: 1px solid #65930a; 
color: #333; 
outline: none; 
} 

.contactTextarea { 
width: 250px; 
height: 100px; 
padding: 2px 10px 3px 10px; 
color: #888; 
letter-spacing: 0.07em; 
border: 1px solid #ccc; 
} 

.contactTextarea:focus, .contactTextarea:hover { 
border: 1px solid #65930a; 
color: #333; 
outline: none; 
} 

.contactButtons { 
padding: 0px 0px 0px 125px; 
} 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
b. Absatz- und Headlineformatierungen 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
c. Linkformatierungen / Navigation 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
(d. Tabellen) 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
e. Bilder 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
f. Listen 

========================================================== */ 

/* ======================================================= 

3. Contentbox 
3.3 Rechter Contentbereich 
(g. Formulare) 

========================================================== */ 

/* ======================================================= 

4. Leerer Container 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

/* ======================================================= 

5. Footer 
a. Allgemeine Formatierungen (Groesse, Abstaende) 

========================================================== */ 

#footerBox { 
width: auto; 
height: 28px; 
background: url(../gfx/bg_footer.png) no-repeat; 
margin: 0px 0px 0px 76px; 
padding: 0px 0px 0px 0px; 
} 

/* ======================================================= 

5. Footer 
b. Absatz- und Headlineformatierungen 

========================================================== */ 

#footerBox p { 
padding: 133px 0px 0px 50px; 
margin: 0px 0px 0px 0px; 
color: #969393; 
font-size: 0.8em; 
} 

/* ======================================================= 

5. Footer 
c. Linkformatierungen 

========================================================== */ 

/* ======================================================= 

5. Footer 
d. Bilder 

========================================================== */ 

/* ======================================================= 

5. Footer 
e. Formularelemente 

========================================================== */