/*

pinx. Buero fuer Mediendesign
fuer fitkidsfuermorgen.de
im 10 2008

*/


/*****************************************************
* Normalisieren
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: none;
}

a:focus {
-moz-outline: 0;
}

a {
text-decoration: none;
}

/******************************
 * Layout
******************************/

body {
color: #202020;
background: #7F943D;
font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 25px 0;
}

#ticker {
margin: 0 auto 15px auto;
width: 815px;
color: #fff;
}

#ticker span {
width: 815px;
text-align: center;
}

#container {
margin: 0 auto; 
width: 894px;
text-align: center;
background: #F6EFE1 url(../i/ly/bg-body.png) no-repeat top left;
}

#head {
position: relative;
width: 815px;
height: 140px;
margin: 0 auto 0 auto;

}

#head h1 {
position: absolute;
display: block;
width: 815px;
height: 62px;
top: 30px;
left: 0;
background: transparent url(../i/ly/logo.png) no-repeat top left;
text-indent: -99999px;
border-bottom: 1px solid #809339;
}

#inhalt {
text-align: left;
width: 815px;
margin: 0 auto;
}

#linkeSpalte {
width: 236px;
float: left;
}

#rechteSpalte {
margin: 0 0 0 239px;
}

#slideshow {
margin: 0 0 40px 0;
}

#umbruch {
clear: both;
}

#footer {
position: relative;
background: #7F943D url(../i/ly/bg-footer.png) no-repeat top left;
height: 52px;
color: #fff;
}

#footer ul {
position: absolute;
top: 36px;
left: 650px;
}

#footer li {
display: inline;
}

#footer a {
font-size: 11px;
color: #fff;
}

#footer a:hover {
color: #af000a;
}


/******************************
 * Typo
******************************/
h2 {
font-size: 22px;
color: #2473a8;
margin: 0 0 10px 0;
}

.subrot h2, .subrot h3 {color: #af000a;}
.subgruen h2, .subgruen h3 {color: #7F943D;}

h3 {
font-size: 16px;
color: #2473a8;
margin: 0 0 5px 0;
}

h3.partner {
margin: 0 0 15px 0;
}

p, ul {
margin: 0 0 15px 0;
}

em {
font-weight: bold;
}

em.normal {
font-size: 10px;
font-weight: normal;
}


/******************************
 * Listen
******************************/

#rechteSpalte li {
background: transparent url(../i/ly/bullet.png) no-repeat 0 7px;
padding: 0 0 0 10px;
margin: 0 0 4px 0;
}

#rechteSpalte ul.adresse li {
background: none;
padding: 0;
margin: 0 0 2px 0;
}

/* Kalender */
#rechteSpalte ul.kalender {
border-top: 1px solid #2473a8;
}


#rechteSpalte ul.kalender li {
background: #fff;
border-bottom: 1px solid #2473a8;
padding: 5px;
margin: 0;
}


/******************************
 * Links im Text
******************************/
#rechteSpalte a {color: #2473a8;}
.subrot #rechteSpalte a {color: #af000a;}
.subgruen #rechteSpalte a {color: #7F943D;}

.subgruen #rechteSpalte a:hover,.subrot #rechteSpalte a:hover, #rechteSpalte a:hover {color: #666;}

/******************************
 * Bilder
******************************/
#rechteSpalte img.links {
float: left;
border: 1px solid #ccc;
margin: 0 11px 5px 0;
}

#rechteSpalte img {
margin: 0 0 25px 0;
}

#rechteSpalte #slideshow img {
margin: 0;
}

/* Infobanner */

a.infobanner {
display: block;
height: 123px;
width: 576px;
overflow: hidden;
background: transparent url(../i/ly/infobanner.gif) no-repeat 0 0;
text-indent: -99999px;
margin: 0 0 25px 0;
}

a.infobanner:hover {
background: transparent url(../i/ly/infobanner.gif) no-repeat 0 -123px;;
}

/******************************
 * Logoleiste
******************************/
#logos {
position: relative;
width: 210px;
height: 489px;
background: transparent url(../i/ly/logobanner.gif) no-repeat top left;
margin: 0 0 25px 0;
}

#logos a {
display: block;
text-indent: -99999px;
position: absolute;
}

#basf {top: 30px; left: 10px; width: 75px; height: 35px;}
#sap {top: 30px; left: 125px; width: 75px; height: 35px;}
#dgs {top: 95px; left: 10px; width: 90px; height: 28px;}
#dkm {top: 86px; left: 103px; width: 100px; height: 42px;}
#tk {top: 160px; left: 12px; width: 78px; height: 36px;}
#sm {top: 224px; left: 8px; width: 99px; height: 26px;}
#h {top: 231px; left: 115px; width: 86px; height: 10px;}
#up {top: 258px; left: 12px; width: 72px; height: 30px;}
#vrn {top: 251px; left: 116px; width: 75px; height: 36px}
#oq {top: 307px; left: 11px; width: 61px; height: 30px;}
#sz {top: 296px; left: 115px; width: 63px; height: 39px;}
#val {top: 345px; left: 11px; width: 58px; height: 44px;}
#rr {top: 428px; left: 11px; width: 48px; height: 44px;}
#rfn {top: 440px; left: 95px; width: 89px; height: 24px;}

/******************************
 * Partner
******************************/

div.ml {
height: 115px;
background: transparent url(../i/ly/dot-linie.png) repeat-x bottom left;
margin: 0 0 15px 0;
}

div.ol {
height: 115px;
background: none;
margin: 0 0 15px 0;
}

.thumbs {width: 280px; float: left;}

/******************************
 * Pressebilder
******************************/
div.pressebild {width: 280px; float: left; margin: 0 0 25px 0;}
div.pressebildl {width: 280px; float: left; margin: 0 15px 25px 0;}

/******************************
 * Links mit Logo
******************************/
a#rnl {
display: block;
height: 83px;
line-height: 83px;
background: transparent url(../i/cnt/logo-rnl.gif) no-repeat top right;
padding: 0 0 15px 0;
margin: 15px 0 15px 0;
border-bottom: 1px solid #ccc;
}

a#isabel {
display: block;
height: 83px;
line-height: 83px;
background: transparent url(../i/cnt/isabell.gif) no-repeat top right;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}

a#sug {
display: block;
height: 57px;
line-height: 57px;
background: transparent url(../i/cnt/sug.gif) no-repeat top right;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}

a#tklogo {
display: block;
height: 45px;
line-height: 45px;
background: transparent url(../i/cnt/tklogo.gif) no-repeat top right;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}

a#fitforkids {
display: block;
height: 141px;
line-height: 141px;
background: transparent url(../i/cnt/fitforkids.gif) no-repeat top right;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}



/******************************
 * Obere Navigation
******************************/
#head ul {
position: absolute;
top: 102px;
left: 0;
width: 810px;
text-align: center;
}

#head li {
display: inline;
padding: 0 7px;
}

#head li a {
color: #202020;
text-transform: uppercase;
}

#head li a.deaktiviert, #head li a.deaktiviert:hover {
color: #999;
border-bottom: none;
}

#head li a:hover, #head li a.hi {
color: #af000a;
border-bottom: 2px solid #2473a8;
}

/******************************
 * Hauptnavigation
******************************/

/* Startseite */
ul#navHome {
margin: 0 0 40px 0;

}

ul#navHome li a {
display: block;
overflow: hidden;
text-indent: -99999px;
}

ul#navHome li {
margin: 0 0 2px 0;
}

li#mitmachen a {width: 235px; height: 125px; background: transparent url(../i/ly/bh-mitmachen.png) no-repeat 0 0;}
li#mitmachen a:hover {background: transparent url(../i/ly/bh-mitmachen.png) no-repeat 0 -125px;}


li#topevent a {width: 235px; height: 110px; background: transparent url(../i/ly/bh-topevent.png) no-repeat 0 0;}
li#topevent a:hover {background: transparent url(../i/ly/bh-topevent.png) no-repeat 0 -110px;}


li#fitkids a {width: 235px; height: 123px; background: transparent url(../i/ly/bh-fitkids.png) no-repeat 0 0;}
li#fitkids a:hover {background: transparent url(../i/ly/bh-fitkids.png) no-repeat 0 -123px;}


/******************************
 * Hauptnavigation Folgeseite
******************************/
#navSub {
background: transparent url(../i/ly/rundung-rot.png) no-repeat top left;
padding: 5px 0 0 0;
margin: 0 0 35px 0;
}

#navSub ul {
background: transparent url(../i/ly/rundung-gruen.png) no-repeat bottom left;
padding: 0 0 5px 0;
}

#navSub a {
display: block;
text-indent: -99999px;
}

a#mitmachen {
height: 100px;
background: transparent url(../i/ly/b-mitmachen.png) no-repeat 0 0;
}

a#mitmachen.hi, a#mitmachen.hi:hover {
height: 40px;
background: transparent url(../i/ly/b-mitmachen.png) no-repeat 0 -200px;
}

a#mitmachen:hover {
height: 100px;
background: transparent url(../i/ly/b-mitmachen.png) no-repeat 0 -100px;
}

a#topevent {
height: 60px;
background: transparent url(../i/ly/b-topevent.png) no-repeat 0 0;
}

a#topevent.hi, a#topevent:hover {
height: 60px;
background: transparent url(../i/ly/b-topevent.png) no-repeat 0 -60px;
}

a#fitkids {
height: 100px;
background: transparent url(../i/ly/b-fitkids.png) no-repeat 0 0;
}

a#fitkids.hi,a#fitkids:hover {
height: 100px;
background: transparent url(../i/ly/b-fitkids.png) no-repeat 0 -100px;
}

a#wettbewerb {
height: 30px;
background: transparent url(../i/ly/b-ideen.png) no-repeat 0 0;
}

a#wettbewerb.hi, a#wettbewerb:hover {
height: 30px;
background: transparent url(../i/ly/b-ideen.png) no-repeat 0 -30px;
}

a#quiz {
height: 30px;
background: transparent url(../i/ly/b-quiz.png) no-repeat 0 0;
}

a#quiz.hi,a#quiz:hover  {
height: 30px;
background: transparent url(../i/ly/b-quiz.png) no-repeat 0 -30px;
}

a#teilnahme {
height: 30px;
background: transparent url(../i/ly/b-teilnahme.png) no-repeat 0 0;
}

a#teilnahme.hi,a#teilnahme:hover  {
height: 30px;
background: transparent url(../i/ly/b-teilnahme.png) no-repeat 0 -30px;
}