/*_____________________________________*/
/*___SCREEN____________________________*/
/*___KULI_Lernzentrum__________________*/
/*___joerg.zistel@gmail.com____________*/
/*___Februar_2008_-_22:12 06.05.2008___*/
/*_____________________________________*/



@import url(content.css);


/*
- WRAPPER
- SKIPLINKS
- HEADER
  LOGO
  SLOGAN
  TEASER
- CONTENT
- NAV
  FIRST-NAV
  SECOND-NAV
*/


body {
        padding: 15px 35px 0;
        background-color: #FF910B;
        }
* html body {
        text-align: center;
        }

/*______________________________________________________________________________________WRAPPER___*/

#wrapper {
position: relative;
        width: 790px;
        min-height: 830px;
        background-color: White;
        margin: 0 auto;
        }
* html #wrapper {
        height: 630px;
        text-align: left;
        }
/*____________________________________________________________________________________SKIPLINKS___*/

p#skiplinks {
        position: absolute;
        left: -500em;
        }

/*_______________________________________________________________________________________HEADER___*/

#header {
        padding-top: 177px;
        padding-left: 261px;
        background: url(../img/bas/deko/startseite.jpg) no-repeat right top;
        }
body#nachhilfe #header { background-image: url(../img/bas/deko/nachhilfe.jpg); }
body#bewerbungstraining #header { background-image: url(../img/bas/deko/bewerbungstraining.jpg); }
body#unsere_leistungen #header { background-image: url(../img/bas/deko/unsere_leistungen.jpg); }
body#deine_vorteile #header { background-image: url(../img/bas/deko/deine_vorteile.jpg); }
body#kurs-_stundenplan #header { background-image: url(../img/bas/deko/kurs-_stundenplan.jpg); }
body#fotos_presse #header { background-image: url(../img/bas/deko/fotos_presse.jpg); }
body#shop #header { background-image: url(../img/bas/deko/shop.jpg); }
body#kontakt #header { background-image: url(../img/bas/deko/kontakt.jpg); }

/*___LOGO______________________________*/

p#logo {
        position: absolute;
        left: 2px;
        top: -10px;
        }
p#logo,
p#logo a {
        width: 296px;
        height: 99px;
        background: url(../img/bas/kuli-lernzentrum.png) no-repeat;
        }
p#logo a {
        display: block;
        }

p#logo img {
        display: none;
        }

/*___SLOGAN____________________________*/

p#slogan {
        width: 360px;
        height: 18px;
        background: url(../img/bas/slogan.png) no-repeat;
        }

p#slogan img {
        display: none;
        }

/*___TEASER____________________________*/

ul#teaser {
        width: 173px;
        height: 187px;
        position: absolute;
        right: -35px;
        top: 83px;
        z-index: 10;
        }

ul#teaser li {
        display: block;
        position: absolute;
        }
ul#teaser li#teaser-nachhilfe {
        left: 42px;
        top: 0;
        }
ul#teaser li#teaser-vertragsbindung {
        left: 0;
        top: 75px;
        }
ul#teaser li#teaser-anmeldegebuehr {
        right: 0;
        bottom: 0;
        }

ul#teaser a,
ul#teaser strong {
        display: block;
        text-indent: -500em;
        overflow: hidden;
        background-repeat: no-repeat;
        }
ul#teaser li#teaser-nachhilfe a,
ul#teaser li#teaser-nachhilfe strong {
        width: 117px;
        height: 117px;
        background-image: url(../img/bas/teaser-nachhilfe.png);
        }
ul#teaser li#teaser-vertragsbindung a,
ul#teaser li#teaser-vertragsbindung strong {
        width: 86px;
        height: 86px;
        background-image: url(../img/bas/teaser-vertragsbindung.png);
        }
ul#teaser li#teaser-anmeldegebuehr a,
ul#teaser li#teaser-anmeldegebuehr strong {
        width: 96px;
        height: 96px;
        background-image: url(../img/bas/teaser-anmeldegebuehr.png);
        }

/*______________________________________________________________________________________CONTENT___*/

#content {
        padding: 0 30px 6.15em 260px;
        }

/*__________________________________________________________________________________________NAV___*/

#nav h2 {
        display: none;
        }

/*___FIRST-NAV_________________________*/

ul#first-nav {
        position: absolute;
        left: -35px;
        top: 105px;
        width: 270px;
        padding-bottom: 273px;
        background: url(../img/bas/deko/_startseite.jpg) no-repeat left bottom;
        }
body#fotos_presse.gallery ul#first-nav {
        background-image: none !important;
        }
body#nachhilfe #first-nav { background-image: url(../img/bas/deko/_nachhilfe.jpg); }
body#bewerbungstraining #first-nav { background-image: url(../img/bas/deko/_bewerbungstraining.jpg); }
body#unsere_leistungen #first-nav { background-image: url(../img/bas/deko/_unsere_leistungen.jpg); }
body#deine_vorteile #first-nav { background-image: url(../img/bas/deko/_deine_vorteile.jpg); }
body#kurs-_stundenplan #first-nav { background-image: url(../img/bas/deko/_kurs-_stundenplan.jpg); }
body#fotos_presse #first-nav { background-image: url(../img/bas/deko/_fotos_presse.jpg); }
body#shop #first-nav { background-image: url(../img/bas/deko/_shop.jpg); }
body#kontakt #first-nav { background-image: url(../img/bas/deko/_kontakt.jpg); }

ul#first-nav li {
        list-style-type: none;
        display: block;
        padding-left: 48px;
        }

ul#first-nav a {
        text-decoration: none;
        }

ul#first-nav a,
ul#first-nav strong {
        display: block;
        height: 20px;
        text-indent: -500em;
        overflow: hidden;
        background: url(../img/bas/nav.png) no-repeat 4px 0;
        }
ul#first-nav li#nav-startseite a { width: 185px; background-position: 4px 0; }
ul#first-nav li#nav-startseite strong,
ul#first-nav li#nav-startseite strong a,
ul#first-nav li#nav-startseite a:hover,
ul#first-nav li#nav-startseite a:active,
ul#first-nav li#nav-startseite a:focus {
        background-position: 4px -20px;
        }
ul#first-nav li#nav-sprachkurse a { width: 185px; background-position: 4px -40px; }
ul#first-nav li#nav-sprachkurse strong,
ul#first-nav li#nav-sprachkurse strong a,
ul#first-nav li#nav-sprachkurse a:hover,
ul#first-nav li#nav-sprachkurse a:active,
ul#first-nav li#nav-sprachkurse a:focus {
        background-position: 4px -60px;
        }
ul#first-nav li#nav-nachhilfe a { width: 86px; background-position: 4px -80px; }
ul#first-nav li#nav-nachhilfe strong,
ul#first-nav li#nav-nachhilfe strong a,
ul#first-nav li#nav-nachhilfe a:hover,
ul#first-nav li#nav-nachhilfe a:active,
ul#first-nav li#nav-nachhilfe a:focus {
        background-position: 4px -100px;
        }
ul#first-nav li#nav-bewerbungstraining a { width: 173px; background-position: 4px -120px; }
ul#first-nav li#nav-bewerbungstraining strong,
ul#first-nav li#nav-bewerbungstraining strong a,
ul#first-nav li#nav-bewerbungstraining a:hover,
ul#first-nav li#nav-bewerbungstraining a:active,
ul#first-nav li#nav-bewerbungstraining a:focus {
        background-position: 4px -140px;
        }
ul#first-nav li#nav-unsere_leistungen a { width: 159px; background-position: 4px -160px; }
ul#first-nav li#nav-unsere_leistungen strong,
ul#first-nav li#nav-unsere_leistungen strong a,
ul#first-nav li#nav-unsere_leistungen a:hover,
ul#first-nav li#nav-unsere_leistungen a:active,
ul#first-nav li#nav-unsere_leistungen a:focus {
        background-position: 4px -180px;
        }
ul#first-nav li#nav-deine_vorteile a { width: 123px; background-position: 4px -200px; }
ul#first-nav li#nav-deine_vorteile strong,
ul#first-nav li#nav-deine_vorteile strong a,
ul#first-nav li#nav-deine_vorteile a:hover,
ul#first-nav li#nav-deine_vorteile a:active,
ul#first-nav li#nav-deine_vorteile a:focus {
        background-position: 4px -220px;
        }
ul#first-nav li#nav-kurs-_stundenplan a { width: 178px; background-position: 4px -240px; }
ul#first-nav li#nav-kurs-_stundenplan strong,
ul#first-nav li#nav-kurs-_stundenplan strong a,
ul#first-nav li#nav-kurs-_stundenplan a:hover,
ul#first-nav li#nav-kurs-_stundenplan a:active,
ul#first-nav li#nav-kurs-_stundenplan a:focus {
        background-position: 4px -260px;
        }
ul#first-nav li#nav-fotos_presse a { width: 126px; background-position: 4px -280px; }
ul#first-nav li#nav-fotos_presse strong,
ul#first-nav li#nav-fotos_presse strong a,
ul#first-nav li#nav-fotos_presse a:hover,
ul#first-nav li#nav-fotos_presse a:active,
ul#first-nav li#nav-fotos_presse a:focus {
        background-position: 4px -300px;
        }
ul#first-nav li#nav-shop a { width: 49px; background-position: 4px -320px; }
ul#first-nav li#nav-shop strong,
ul#first-nav li#nav-shop strong a,
ul#first-nav li#nav-shop a:hover,
ul#first-nav li#nav-shop a:active,
ul#first-nav li#nav-shop a:focus {
        background-position: 4px -340px;
        }
ul#first-nav li#nav-referenzen a { width: 99px; background-position: 4px -360px; }
ul#first-nav li#nav-referenzen strong,
ul#first-nav li#nav-referenzen strong a,
ul#first-nav li#nav-referenzen a:hover,
ul#first-nav li#nav-referenzen a:active,
ul#first-nav li#nav-referenzen a:focus {
        background-position: 4px -380px;
        }
ul#first-nav li#nav-kontakt a { width: 73px; background-position: 4px -400px; }
ul#first-nav li#nav-kontakt strong,
ul#first-nav li#nav-kontakt strong a,
ul#first-nav li#nav-kontakt a:hover,
ul#first-nav li#nav-kontakt a:active,
ul#first-nav li#nav-kontakt a:focus {
        background-position: 4px -420px;
        }


/*___ZERTIFIKAT________________________*/


div#zertifikat {
        position: absolute;
        left: 15px;
        top: 615px;
        width: 200px;
        padding-bottom: 0px;

        }


/*___SECOND-NAV________________________*/

ul#second-nav {
        position: absolute;
        left: 0;
        bottom: 0;
        _bottom: -1px;
        width: 100%;
        background: White url(../img/bas/bg-second-nav.jpg) repeat-y;
        }

ul#second-nav li {
        list-style-type: none;
        display: block;
        float: left;
        font-size: 11px;
        font-weight: bold;
        line-height: 27px;
        margin-right: -9px;
        margin-left: 9px;
        }

ul#second-nav a,
ul#second-nav strong {
        padding: 6px 9px 7px;
        *padding-top: 0;
        *padding-bottom: 0;
        /* hasLayout */
        zoom: 1;
        }
ul#second-nav strong a {
        margin: -6px -9px -7px;
        *margin-top: 0;
        *margin-bottom: 0;
        }

ul#second-nav a {
        color: #4277D3;
        text-decoration: none;
        }
ul#second-nav strong,
ul#second-nav strong a,
ul#second-nav a:hover,
ul#second-nav a:active,
ul#second-nav a:focus {
        color: #F78903;
        }