/* CSS Document 1. Jugendfußball-Schule-Köln 2010 */

/* Seite zentrieren */
#center {position: absolute; margin-top: 0px; margin-left: 0px; height: 100%; width: 100%; text-align:left; z-index: 2;}

#container{ 
position:absolute; top:0px; left:0; width:100%; text-align:center;}
#container2{
margin:auto; width:1123px; text-align:left;}

/* HEAD - Hintergrund */
#head_01 {position: absolute; margin-top: 8px; margin-left: 0px; height: 185px; width: 448px; text-align:left; background-image: url(../images/head_01.png); z-index: 3;}
#head_02 {position: absolute; margin-top: 8px; margin-left: 448px; height: 185px; width: 506px; text-align:left; background-image: url(../images/head_02.png); z-index: 3;}
#head_03 {position: absolute; margin-top: 193px; margin-left: 0px; height: 170px; width: 448px; text-align:left; background-image: url(../images/head_03.png); z-index: 3;}
#head_03a {position: absolute; margin-top: 193px; margin-left: 0px; height: 170px; width: 448px; text-align:left; background-image: url(../images/head_03a.png); z-index: 3;}
#head_04 {position: absolute; margin-top: 193px; margin-left: 448px; height: 170px; width: 506px; text-align:left; background-image: url(../images/head_04.png); z-index: 3;}
#head_01_blau {position: absolute; margin-top: 8px; margin-left: 0px; height: 185px; width: 448px; text-align:left; background-image: url(../images/head_01_blau.png); z-index: 3;}
#head_02_blau {position: absolute; margin-top: 8px; margin-left: 448px; height: 185px; width: 506px; text-align:left; background-image: url(../images/head_02_blau.png); z-index: 3;}

/* HEAD - Logo */
#JFS_logo {position: absolute; margin-top: 22px; margin-left: 755px; height: 148px; width: 174px; text-align:left; z-index: 5;}

/* Weisser Balken Content */
#balken {position: absolute; margin-top: 363px; margin-left: 3px; height: 8px; width: 949px; text-align:left; background-color: #FFFFFF; z-index: 20;}

/* NAVIGATION OBEN - GRÜN */
#navi_element_l {position: absolute; margin-top: 138px; margin-left: 0px; height: 33px; width: 14px; text-align:left; z-index: 6;}
#navi_startseite {position: absolute; margin-top: 138px; margin-left: 14px; height: 33px; width: 83px; text-align:left; z-index: 6;}
#navi_kursprogramm {position: absolute; margin-top: 138px; margin-left: 97px; height: 33px; width: 118px; text-align:left; z-index: 6;}
#navi_ferienkurse {position: absolute; margin-top: 138px; margin-left: 215px; height: 33px; width: 96px; text-align:left; z-index: 6;}
#navi_training {position: absolute; margin-top: 138px; margin-left: 311px; height: 33px; width: 71px; text-align:left; z-index: 6;}
#navi_mobil {position: absolute; margin-top: 138px; margin-left: 382px; height: 33px; width: 52px; text-align:left; z-index: 6;}
#navi_downloads {position: absolute; margin-top: 138px; margin-left: 434px; height: 33px; width: 91px; text-align:left; z-index: 6;}
#navi_kontakt {position: absolute; margin-top: 138px; margin-left: 525px; height: 33px; width: 71px; text-align:left; z-index: 6;}
#navi_internat {position: absolute; margin-top: 138px; margin-left: 596px; height: 33px; width: 124px; text-align:left; z-index: 6;}

/* NAVIGATION OBEN - BLAU */
#navi_startseite_b {position: absolute; margin-top: 140px; margin-left: 14px; height: 31px; width: 81px; text-align:left; z-index: 6;}
#navi_tteams_b {position: absolute; margin-top: 140px; margin-left: 97px; height: 31px; width: 102px; text-align:left; z-index: 6;}
#navi_ptraining_b {position: absolute; margin-top: 140px; margin-left: 201px; height: 31px; width: 108px; text-align:left; z-index: 6;}
#navi_voraussetzungen_b {position: absolute; margin-top: 140px; margin-left: 311px; height: 31px; width: 131px; text-align:left; z-index: 6;}
#navi_anmeldung_b {position: absolute; margin-top: 140px; margin-left: 444px; height: 31px; width: 89px; text-align:left; z-index: 6;}
#navi_kontakt_b {position: absolute; margin-top: 140px; margin-left: 535px; height: 31px; width: 67px; text-align:left; z-index: 6;}
#navi_fschule_b {position: absolute; margin-top: 140px; margin-left: 604px; height: 31px; width: 114px; text-align:left; z-index: 6;}

/* SUBNAVIGATION */
#subnavi_ferienkurse {position: absolute; margin-top: 174px; margin-left: 223px; height: 15px; width: 315px; text-align:left; z-index: 7;}
#subnavi_kursprogramm {position: absolute; margin-top: 174px; margin-left: 106px; height: 15px; width: 390px; text-align:left; z-index: 7;}
#subnavi_mobil {position: absolute; margin-top: 174px; margin-left: 390px; height: 15px; width: 155px; text-align:left; z-index: 7;}

/* Skyscraper Bannerwerbung */
#skyscraper {position: absolute; margin-top: 10px; margin-left: 962px; height: 600px; width: 160px; text-align:left; z-index: 5;}

/* Sponsorenfläche Logowerbung */
#sponsoren_01 {position: absolute; margin-top: 613px; margin-left: 954px; height: 125px; width: 169px; text-align:left; background-image: url(../images/sponsoren_back01.png); z-index: 3;}
#sponsoren_02 {position: absolute; margin-top: 738px; margin-left: 954px; height: 124px; width: 169px; text-align:left; background-image: url(../images/sponsoren_back02.png); z-index: 3;}
#sponsoren_inhalt_01 {position: absolute; margin-top: 639px; margin-left: 970px; height: 80px; width: 144px; text-align:left; z-index: 5;}
#sponsoren_inhalt_02 {position: absolute; margin-top: 764px; margin-left: 970px; height: 80px; width: 144px; text-align:left; z-index: 5;}

#impressum {position: absolute; margin-top: 937px; margin-left: 962px; height: 13px; width: 65px; text-align:left; z-index: 6;}
#facebook {position: absolute; margin-top: 890px; margin-left: 968px; height: 30px; width: 30px; text-align:left; z-index: 6;}
#twitter {position: absolute; margin-top: 890px; margin-left: 1006px; height: 30px; width: 30px; text-align:left; z-index: 6;}
#bookmark {position: absolute; margin-top: 863px; margin-left: 954px; height: 73px; width: 169px; text-align:left; background-image: url(../images/bookmark_back.png); z-index: 3;}

#facebook_follow {position: absolute; margin-top: 745px; margin-left: 628px; height: 34px; width: 98px; text-align:left; z-index: 6;}
#twitter_follow {position: absolute; margin-top: 745px; margin-left: 740px; height: 34px; width: 98px; text-align:left; z-index: 6;}

/* CONTENT - Hintergrund */
#content {position: absolute; margin-top: 363px; margin-left: 0px; height: 457px; width: 954px; text-align:left; z-index: 3;}

/* Quicklinks Startseite */
#ql_akonzept {position: absolute; margin-top: 676px; margin-left: 626px; height: 59px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_startseite.png); z-index: 6;}
#ql_ausbildungskonzept1 {position: absolute; margin-top: 700px; margin-left: 624px; height: 24px; width: 178px; text-align:left; z-index: 8;}

/* Quicklinks Kursprogramme */
#ql_kursprogramm {position: absolute; margin-top: 392px; margin-left: 626px; height: 121px; width: 312px; text-align:left; background-image: url(../upload/Quicklinks/quicklinks_kursprogramm.png); z-index: 6;}
#ql_feldspielertraining {position: absolute; margin-top: 422px; margin-left: 622px; height: 22px; width: 271px; text-align:left; z-index: 8;}
#ql_torwarttraining {position: absolute; margin-top: 453px; margin-left: 622px; height: 22px; width: 238px; text-align:left; z-index: 8;}
#ql_foerderkurse {position: absolute; margin-top: 481px; margin-left: 622px; height: 22px; width: 284px; text-align:left; z-index: 8;}

/* Quicklinks Training */
#ql_training {position: absolute; margin-top: 388px; margin-left: 624px; height: 121px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_training.png); z-index: 6;}
#ql_ausbildungskonzept {position: absolute; margin-top: 417px; margin-left: 624px; height: 24px; width: 178px; text-align:left; z-index: 8;}
#ql_anfahrtsbeschreibung {position: absolute; margin-top: 447px; margin-left: 624px; height: 24px; width: 194px; text-align:left; z-index: 8;}
#ql_anm_fi {position: absolute; margin-top: 476px; margin-left: 624px; height: 24px; width: 249px; text-align:left; z-index: 8;}

/* Quicklinks Ferienkurse */
#ql_ferienkurse {position: absolute; margin-top: 392px; margin-left: 624px; height: 180px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_ferienkurse.png); z-index: 6;}
#ql_ostern {position: absolute; margin-top: 417px; margin-left: 624px; height: 24px; width: 265px; text-align:left; z-index: 8;}
#ql_sommer {position: absolute; margin-top: 447px; margin-left: 624px; height: 24px; width: 286px; text-align:left; z-index: 8;}
#ql_herbst {position: absolute; margin-top: 476px; margin-left: 624px; height: 24px; width: 286px; text-align:left; z-index: 8;}
#ql_winter {position: absolute; margin-top: 506px; margin-left: 624px; height: 24px; width: 286px; text-align:left; z-index: 8;}
#ql_auslandcamps {position: absolute; margin-top: 536px; margin-left: 624px; height: 24px; width: 127px; text-align:left; z-index: 8;}

/* Quicklinks Auslandcamps */
#ql_auslandcamps2 {position: absolute; margin-top: 392px; margin-left: 624px; height: 120px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_auslandcamps.png); z-index: 6;}
#ql_ferienfussball {position: absolute; margin-top: 417px; margin-left: 624px; height: 24px; width: 217px; text-align:left; z-index: 8;}
#ql_trainings {position: absolute; margin-top: 447px; margin-left: 624px; height: 24px; width: 215px; text-align:left; z-index: 8;}
#ql_internat {position: absolute; margin-top: 476px; margin-left: 624px; height: 24px; width: 248px; text-align:left; z-index: 8;}

/* Quicklinks Mobil */
#ql_mobil {position: absolute; margin-top: 392px; margin-left: 624px; height: 88px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_mobil.png); z-index: 6;}
#ql_infoflyer {position: absolute; margin-top: 417px; margin-left: 624px; height: 24px; width: 178px; text-align:left; z-index: 8;}
#ql_anmeldung_mobil {position: absolute; margin-top: 447px; margin-left: 624px; height: 24px; width: 194px; text-align:left; z-index: 8;}

/* Quicklinks Startseite Internat */
#a1 {position: absolute; margin-top: 678px; margin-left: 624px; height: 121px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_start_internat.png); z-index: 6;}
#a2 {position: absolute; margin-top: 707px; margin-left: 624px; height: 24px; width: 248px; text-align:left; z-index: 8;}
#a3 {position: absolute; margin-top: 737px; margin-left: 624px; height: 24px; width: 228px; text-align:left; z-index: 8;}
#a4 {position: absolute; margin-top: 766px; margin-left: 624px; height: 24px; width: 178px; text-align:left; z-index: 8;}

/* Quicklinks Probetraining */
#ql_probetraining {position: absolute; margin-top: 682px; margin-left: 624px; height: 88px; width: 313px; text-align:left; background-image: url(../upload/Quicklinks/ql_tteams.png); z-index: 6;}
#ql_pt1 {position: absolute; margin-top: 707px; margin-left: 624px; height: 24px; width: 178px; text-align:left; z-index: 8;}
#ql_pt2 {position: absolute; margin-top: 737px; margin-left: 624px; height: 24px; width: 194px; text-align:left; z-index: 8;}

/* Ausbildungspyramide */
#pyramide {position: absolute; margin-top: 439px; margin-left: 491px; height: 574px; width: 426px; text-align:left; z-index: 9;}

/* Aktuelle News */
#news {position: absolute; margin-top: 209px; margin-left: 13px; height: 82px; width: 306px; text-align:left; z-index: 6;}
#archiv_button {position: absolute; margin-top: 225px; margin-left: 369px; height: 82px; width: 24px; text-align:left; z-index: 7;}

/* Hintergrund Slices */
#slice_01 {position: absolute; margin-top: 0px; margin-left: 0px; height: 200px; width: 1060px; text-align:left; background-image: url(images/slide_01.jpg); z-index: 3;}
#streif1 {position: absolute; margin-top: 336px; margin-left: 524px; height: 19px; width: 294px; text-align:left; background-color: #43A6DE; z-index: 9;}
#streif2 {position: absolute; margin-top: 355px; margin-left: 806px; height: 26px; width: 12px; text-align:left; background-color: #43A6DE; z-index: 9;}
#zuruck {position: absolute; margin-top: 31px; margin-left: 657px; height: 67px; width: 355px; text-align:left; z-index: 5;}

#newsflash_linie {position: absolute; margin-top: 228px; margin-left: 168px; height: 1px; width: 19px; text-align:left; border-style:solid; border-width:1px; border-right-style:none;
border-left-style:none; border-bottom-style:none; border-color:#44A6DF; z-index: 6;}