/* XHTML-CSS Stylesheet (c) 2009 Benjamin Stoll - www.benjaminstoll.com */

body {
    font-size: 0.8em;
}

em {
    font-style: normal;
}

#start_container {
    position: relative;
    margin: 20px auto 0;
    width: 968px;
    height: 482px;
    display: block;
    background: #d9d9d9 url("../bg/bg_start.png") repeat-x left top;
}

* html #start_container { /* Browserweiche IE4-6 */
    width: 970px;
}

#start_container img {
    border: none;
}

#start_container ul {
    list-style-type: none;
}

#start_container a {
    color: #000;
    text-decoration: none;
    text-align: left;
}

#start_container .info {
    padding: 12px;
    display: block;
}

#start_container .weiter {
    position: absolute;
    bottom: 36px;
/* Beginn Ausschluss von IE:mac \*/
    bottom: 26px;
/* Ende Ausschluss von IE:mac */
    right: 12px;
}

a#start_coaching, a#start_theater, a#start_filmtv {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 230px;
    height: 470px;
    display: block;
    background: #d9d9d9 url("../bg/start_bottom.png") no-repeat left bottom;
}

* html a#start_coaching:hover { /* Browserweiche IE4-6 */
    border-top: 6px solid #fff;
    margin-top: -6px;
    height: 476px;
}

* html b\ody a#start_coaching:hover { /* Browserweiche IE6 */
    height: 470px;
}

html + body a#start_coaching:hover { /* Browserweiche IE4-5.0 */
    border-top: 15px solid #0e52b0;
    margin-top: -15px;
    height: 485px;
}

a#start_coaching .title {
    display: none;
}

a#start_coaching:hover .title {
    display: block;
    position: absolute;
    top: -16px;
    width: 230px;
    height: 15px;
    border-bottom: 1px solid #fff;
    background-color: #0e52b0;
}

* html a#start_coaching:hover .title { /* Browserweiche IE4-6 */
    top: -15px;
}

* html b\ody a#start_coaching:hover .title { /* Browserweiche IE6 */
    top: -16px;
}

a#start_coaching:hover .title strong {
    display: none;
}

a#start_coaching .weiter {
    color: #0e52b0;
}

a#start_coaching:hover .weiter {
    text-decoration: underline;
}

a#start_theater {
    left: 248px;
}

a#start_theater .title {
    display: none;
}

* html a#start_theater:hover { /* Browserweiche IE4-6 */
    border-top: 6px solid #fff;
    margin-top: -6px;
    height: 476px;
}

* html b\ody a#start_theater:hover { /* Browserweiche IE6 */
    height: 470px;
}

html + body a#start_theater:hover { /* Browserweiche IE4-5.0 */
    border-top: 15px solid #cd1616;
    margin-top: -15px;
    height: 485px;
}

a#start_theater:hover .title {
    display: block;
    position: absolute;
    top: -16px;
    width: 230px;
    height: 15px;
    border-bottom: 1px solid #fff;
    background-color: #cd1616;
}

* html a#start_theater:hover .title { /* Browserweiche IE4-6 */
    top: -15px;
}

* html b\ody a#start_theater:hover .title { /* Browserweiche IE6 */
    top: -16px;
}

a#start_theater:hover .title strong {
    display: none;
}

a#start_theater .weiter {
    color: #cd1616;
}

a#start_theater:hover .weiter {
    text-decoration: underline;
}

a#start_filmtv {
    left: 490px;
}

a#start_filmtv .title {
    display: none;
}

* html a#start_filmtv:hover { /* Browserweiche IE4-6 */
    border-top: 6px solid #fff;
    margin-top: -6px;
    height: 476px;
}

* html b\ody a#start_filmtv:hover { /* Browserweiche IE6 */
    height: 470px;
}

html + body a#start_filmtv:hover { /* Browserweiche IE4-5.0 */
    border-top: 15px solid #f0a900;
    margin-top: -15px;
    height: 485px;
}

a#start_filmtv:hover .title {
    display: block;
    position: absolute;
    top: -16px;
    width: 230px;
    height: 15px;
    border-bottom: 1px solid #fff;
    background-color: #f0a900;
}

* html a#start_filmtv:hover .title { /* Browserweiche IE4-6 */
    height: 16px;
}

* html b\ody a#start_filmtv:hover .title { /* Browserweiche IE6 */
    height: 15px;
}

a#start_filmtv:hover .title strong {
    display: none;
}

a#start_filmtv .weiter {
    color: #f0a900;
}

a#start_filmtv:hover .weiter {
    text-decoration: underline;
}

#start_kontakt {
    position: absolute;
    top: 0;
    left: 728px;
/* Beginn Ausschluss von IE:mac \*/
    left: 726px;
/* Ende Ausschluss von IE:mac */
    width: 242px;
    height: 482px;
    display: block;
    background: #d9d9d9 url("../bg/bg.png") repeat left top;
}

#start_kontakt .title {
    display: none;
}

#start_kontakt:hover .title {
    display: block;
    position: absolute;
    top: -269px;
    width: 230px;
    height: 15px;
    border-bottom: 1px solid #fff;
    background-color: #639e72;
}

*+html #start_kontakt:hover .title { /* Browserweiche IE7 */
    left: 2px;
}

html + body #start_kontakt:hover { /* Browserweiche IE4-5.0 */
    border-top: 15px solid #0e52b0;
    margin-top: -15px;
    height: 485px;
}

* html #start_kontakt:hover .title { /* Browserweiche IE4-6 */
    top: -268px;
}

* html b\ody a#start_kontakt:hover .title { /* Browserweiche IE6 */
    top: -269px;
}

#quicklink {
    margin: 90px 0 0 6px;
}

* html #quicklink { /* Browserweiche IE4-6 */
    margin: 82px 0 0 6px;
/* Beginn Ausschluss von IE:mac \*/
    margin: 82px 0 0 0px;
/* Ende Ausschluss von IE:mac */
}

#quicklink a {
    border: 1px dotted #828282;
    color: #b2b2b2;
}

a#kontakt {
    position: absolute;
    top: 259px;
    left: 6px;
    width: 230px;
    height: 47px;
    display: block;
    background: #639e72 url("../images/start/start_kontakt.png") no-repeat left top;
    border: none;
}

 * html a#kontakt { /* Browserweiche IE4-6 */
    height: 47px;
}

*+html a#kontakt { /* Browserweiche IE7 */
    left: 8px;
}

a#kontakt:hover {
    background-position: left -47px;
}

a#kontakt strong {
    display: none;
}


#socialbookmarks {
    position: absolute; 
    top: 316px; 
    left: 6px; 
    margin: 0;
}

* html b\ody #socialbookmarks { /* Browserweiche IE6 */
    left: 2px;
}

#facebook {
    position: absolute;
    top: -4px;
    left: -27px;
    width: 228px; 
    display: block; 
    border: 1px dotted #828282;
    background: #fff url("../buttons/facebook-start.png") no-repeat left -73px;
}

* html b\ody #facebook { /* Browserweiche IE6 */
    width: 230px;
    padding-top: 0;
    overflow: hidden;
}

*+html #facebook { /* Browserweiche IE7 */
    left: -25px;
}

#facebook img {
    opacity:0.4 !important;
    filter:alpha(opacity=40) !important;
}

#facebook:hover img {
    opacity:1 !important;
    filter:alpha(opacity=100) !important;
}



#facebook:hover {
    border: 1px dotted #525252;
    background-position: left top;
    background-color: #fff;
}

#facebook a.facebook {
    height: 60px;
}

#facebook a.facebook:hover {
    background-position: left top;
}