/*
  autokino.tv - Stylesheet  
  Version vom 27.02.2009     
  von Carsten Peters         
  
*/  


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: 13px/15px Arial, Helvetica, sans-serif; background: #fff; color: #666; }


/* links 
---------------------------------------------------------------------------*/

a, a:link, a:visited { text-decoration: none; color: #999; }
a:hover, a:active, a:focus, a.active { text-decoration: none; outline: none; color: #ed1c24; }
a img, :link img, :visited img, :hover img, :active img { border: none; }

        
/* paragraphs 
---------------------------------------------------------------------------*/

em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }


/* misc 
---------------------------------------------------------------------------*/

abbr, acronym { border-bottom: 1px dotted #fff; cursor: help; }

.none { display: none; }
.clear { clear: both; height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Seitenzentrierung 
---------------------------------------------------------------------------*/

html, body { height: 100%; }
body { text-align: center; /* horizontal centering for IE Win quirks */ }
#distance { width: 1px; height: 50%; background: transparent; margin-bottom: -377px; /* half of container's height */ float: left; }
#container { margin: 0 auto; position: relative; /* puts container in front of distance */ text-align: left; height: 754px; width: 968px; clear: left; color: #666; background-color: #fff; }


/* Seitenelemente 
---------------------------------------------------------------------------*/

#logo a { position: absolute; text-indent: -9999px; top: 0px; left: 16px; width: 160px; height: 104px; background-image: url(../css_img/logo.jpg); z-index: 1}
#navigation { position: absolute; top: 12px; left: 130px; height: 104px; z-index: 2}
#navigation .main { float: left; margin-right: 10px;}
#navigation .menu2 { position: absolute; top: 22px;}
#navigation .menulink-1 { margin-right: 12px; }
#search { position: absolute; left: 770px; top: 10px; }
#search .tx-indexedsearch-searchbox-sword { width: 77px; height: 23px; padding: 3px; border: none;  background: url(../css_img/suchform.gif) no-repeat; }
/*#search { display: block; }*/
#line1 { position: absolute; top: 77px; left: 153px; width: 654px; height: 1px; background: url(../css_img/horz_ruler.jpg) no-repeat; }
#content { position: absolute; top: 104px; left: 16px; width: 800px; height: 484px; background-repeat: no-repeat; }
#line2 { position: absolute; top: 630px; left: 8px; width: 950px; height: 1px; background: url(../css_img/horz_ruler_2.jpg) no-repeat; }
#banner_horz { position: absolute; top: 644px; right: 0; width: 952px; height: 90px;  }
#banner_horz a { margin: 0 4px 0 0; }
#banner_vert { position: absolute; top: 77px; left: 838px; }
#banner_vert a { margin: 0 0 8px 0; }


/* headlines 
---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color: #000; font: 1.98em Arial, Helvetica, sans-serif; font-weight: bold; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }


/* content 
---------------------------------------------------------------------------*/

#content img.image_rechts { float: right; display: inline; margin: 5px 0 5px 10px; }
#content img.image_links { float: left; display: inline; margin: 5px 10px 5px 0; }
#content ul { padding: 0 0 10px 8px; }
#content ol { padding: 0 0 10px 16px; }
#content ul li { padding: 2px 0 2px 10px; background: url(../css_img/dot.gif) no-repeat 0 10px; }
#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }
#content ul ul li { background-image: url(../css_img/dot_2.gif); }
.news-single-additional-info { display: none; }


/* Start */

#start { background: #000; }
#start #distance { margin-bottom: -378px; /* half of container's height */ }
#start #container { height: 756px; width: 982px; background: #000 url(../css_img/bg_start.jpg);  }

#start_filme { position: absolute; top: 142px; left: 97px; }
#start_aktuelles { position: absolute; top: 63px; left: 328px; }
#start_ausfahrt { position: absolute; top: 84px; left: 839px; }
#start_magazine { position: absolute; top: 249px; left: 717px; }
#start_tankstelle { position: absolute; top: 314px; left: 883px; }
#start_movie { position: absolute; top: 119px; left: 337px; }

.news-list-container { padding: 10px 0 0 0; }
.news-list-item { float: left; }
.news-list-container h2 { color: #ed1c24; font-size: 1em; font-weight: normal; }
.news-list-container h3 { width: 375px; }
.news-list-container h3 a { color: #000; }
.news-list-container hr,
.news-list-morelink { display: none; } 
.bodytext { width: 375px; text-align: justify; }

.news-list-item img { float: left; margin: 0 10px 10px 10px; }
.news-single-item hr { display: none; }
.news-single-img { float: left; }
.news-single-item h2 { font-size: 1.3em; margin: 0 0 0 400px; }
.news-single-item h3 { font-size: 1em; font-weight: normal; color: #ed1c24; margin: 0 0 15px 400px; }
.news-single-backlink { position: absolute; top: 468px; right: 5px; height: 19px; color: #000; }
.news-single-backlink a { text-decoration: underline; }
.news-single-additional-info { position: absolute; top: 468px; left: 0; margin: 0 144px 0 0; height: 19px; color: #000; }
.news-single-additional-info dt,
.news-single-additional-info dd { float: left; margin: 0 10px 0 0; }
.news-single-additional-info dd a { text-decoration: underline; }
.tx-ttnews-browsebox { position: absolute; top: 452px; right: 10px; }
.tx-ttnews-browsebox a { margin: 0 0 5px 2px; }
.tx-ttnews-browsebox a img { margin: 0 0 -4px 5px; float: none; }


/* Aktuell */

#aktuell #content { background-image: url(../css_img/bg_tollkautos.jpg); }
#aktuell_bl #content { background-image: url(../css_img/bg_aktuell_bl.jpg); }
#aktuell .news-single-item .bodytext { width: 370px; margin: 0 0 0 400px; }
#aktuell .news-single-item { padding: 10px 30px 10px 10px; text-align: justify; }
#aktuell .news-single-img { position: absolute; left: 10px; top: 10px; }

.akt-small .news-list-item { float: none; height: 112px; width: 375px; }
.akt-big .news-list-item { float: none; height: 214px; }


/* Magazin */

#magazin .news-list-container { padding: 0; margin: 0 0 0 -5px; }
#magazin .news-list-item h3 { display: none; }
#magazin #content { background-image: none; }
#magazin #browse-images img { float: right; }
#magazin .imagebrowser { position: absolute; top: 468px; right: 60px; }
#magazin .imagebrowser a { float: left; margin: 5px 5px 5px 0; }
#magazin .news-single-backlink { top: 474px; }
#magazin .imagebrowser a#browselinkNews_0,
#magazin .imagebrowser a#browselinkNews_1,
#magazin .imagebrowser a#browselinkNews_2,
#magazin .imagebrowser a#browselinkNews_3,
#magazin .imagebrowser a#browselinkNews_4,
#magazin .imagebrowser a#browselinkNews_5,
#magazin .imagebrowser a#browselinkNews_6,
#magazin .imagebrowser a#browselinkNews_7,
#magazin .imagebrowser a#browselinkNews_8,
#magazin .imagebrowser a#browselinkNews_9,
#magazin .imagebrowser a#browselinkNews_10,
#magazin .imagebrowser a#browselinkNews_11,
#magazin .imagebrowser a#browselinkNews_12,
#magazin .imagebrowser a#browselinkNews_13,
#magazin .imagebrowser a#browselinkNews_14,
#magazin .imagebrowser a#browselinkNews_15,
#magazin .imagebrowser a#browselinkNews_16,
#magazin .imagebrowser a#browselinkNews_17,
#magazin .imagebrowser a#browselinkNews_18,
#magazin .imagebrowser a#browselinkNews_19,
#magazin .imagebrowser a#browselinkNews_20,
#magazin .imagebrowser a#browselinkNews_21,
#magazin .imagebrowser a#browselinkNews_22,
#magazin .imagebrowser a#browselinkNews_23,
#magazin .imagebrowser a#browselinkNews_24,
#magazin .imagebrowser a#browselinkNews_25,
#magazin .imagebrowser a#browselinkNews_26,
#magazin .imagebrowser a#browselinkNews_27,
#magazin .imagebrowser a#browselinkNews_28,
#magazin .imagebrowser a#browselinkNews_29,
#magazin .imagebrowser a#browselinkNews_30,
#magazin .imagebrowser a#browselinkNews_31,
#magazin .imagebrowser a#browselinkNews_32,
#magazin .imagebrowser a#browselinkNews_33,
#magazin .imagebrowser a#browselinkNews_34,
#magazin .imagebrowser a#browselinkNews_35,
#magazin .imagebrowser a#browselinkNews_36,
#magazin .imagebrowser br { display: none; }

#autopsie #content { background-image: url(../css_img/bg_autopsie.jpg); }
#autopsie .imagebrowser { position: absolute; top: 468px; right: 60px; }
#autopsie .news-list-container { margin: 0 20px 0 0; }
#autopsie .news-list-item { float: right; width: 310px; }
#autopsie .news-list-item img { margin: 0 5px 5px 0; }

#autopsie .news-single-item { padding: 15px 30px 10px 20px; text-align: justify; }
#autopsie #browse-images { position: absolute; top: 20px; right: 30px; }
#autopsie h2 { margin: 40px 0 0 0;  }
#autopsie .news-single-item .bodytext { width: 385px; }
#autopsie .tx-ttnews-browsebox { position: absolute; top: 468px; right: 10px; }

#fahrtenbuch #content { background-image: none; }
#fahrtenbuch .news-list-item { width: 200px; }
#fahrtenbuch-detail #content { background-image: url(../css_img/bg_fahrtenbuch.jpg); }
#fahrtenbuch-detail .news-single-item { padding: 15px 20px 10px 20px; text-align: justify; }
#fahrtenbuch-detail .news-single-item h2 { margin: 10px 0 15px 0; }
#fahrtenbuch-detail .news-single-img { float: left; margin: 10px 10px 0 0 }
#fahrtenbuch-detail .tx-ttnews-browsebox,
#fahrtenbuch-galerie .tx-ttnews-browsebox { position: absolute; top: 485px; }
#fahrtenbuch-detail .news-single-item h2.imagecaption { margin: 25px 0 0 0; }
#fahrtenbuch-detail .news-single-item .bodytext { width: 460px; margin: 0 0 0 290px; }

#fahrtenbuch-galerie .lightbox-image { margin: 3px; float: left; }
#fahrtenbuch-galerie .lightbox-image .galimg { display: table-cell; vertical-align: middle; text-align: center; background-image: url(../css_img/dia.jpg); width: 154px; height: 149px; }
#fahrtenbuch-galerie .lightbox-image img { vertical-align: middle; }

/*\*//*/
* html .lightbox-image a { display: block; }
* html .lightbox-image span { display: inline-block; vertical-align: middle; height: 100%; width: 1px; }
* html .lightbox-image a { font-size: 1px; }
/* non serve solito shift background-position: 11px 11px per IE/Mac, forse perche' su inline-block? */
.lightbox-image div { border-collapse: collapse; /* Op7 */ }

<!--[if lt IE 8]>
.lightbox-image a { display: block; }
.lightbox-image span { display: inline-block; vertical-align: middle; height: 100%; }
.lightbox-image { _height: 0; zoom: 1; }
<![endif]-->

<!--[if lt IE 5.5000]>
/* per clickabilita' img no dimensioni su anchor */
.lightbox-image div { width: 154px; }
.lightbox-image a { width: auto; height: auto; }
.lightbox-image span { height: 149px; }
<![endif]-->

#krasse-typen #content { left: 6px; }
#krasse-typen .news-list-item { width: 400px; }
#krasse-typen .tx-ttnews-browsebox { top: 462px; }

#krasse-typen-detail2 #content { background-image: url(../css_img/bg_krasse-typen.png); background-position: top right; }
#krasse-typen-detail2 .news-single-item { padding: 10px 10px 10px 10px; }
#krasse-typen-detail2 .news-single-img { float: left; margin: 10px 10px 0 0 }
#krasse-typen-detail2 .news-single-item h2.fbheader { position: absolute; padding: 0; top: 60px; left: -65px; background: none; height: auto; }
#krasse-typen-detail .news-single-img { float: right; margin: 10px 10px 0 0 }
#krasse-typen-detail .news-single-item h2.fbheader { position: absolute; top: 0; right: 408px; z-index: 20; height: 25px; width: 282px; padding: 380px 0 0 10px; font-size: 1.1em; background: url(../css_img/bu_krasse-typen.png) no-repeat; }
#krasse-typen-detail .news-single-item .bodytext { width: 420px; margin: 0 0 0 340px; }
#krasse-typen-detail2 .fbbodytext { margin: 80px 0 0 325px;  }


/* Film */

#autokino #search .tx-indexedsearch-searchbox-sword,
#film #search .tx-indexedsearch-searchbox-sword { background: url(../css_img/suchform_bl.gif) no-repeat; color: #fff; }
#autokino, #film, #autokino #container, #film #container { background-color: #000; }
#autokino #logo a, #film #logo a { background-image: url(../css_img/logo_bl.jpg); }
#autokino #content { background-color: #000; background-image: url(../css_img/bg_film2.jpg); }
#autokino #line1, #film #line1 { background: url(../css_img/horz_ruler_bl.jpg) no-repeat; }
#film #line2 { background: url(../css_img/horz_ruler_2_bl.jpg) no-repeat; }
#autokino #line2 { background: none; }
#autokino .news-list-item { width: 190px; }

#autokino .news-list-item h3 { display: none; }
#film .news-single-item { width: 150px; }
#film .news-list-item h3,
#film .news-single-img { display: none; }
#film .news-single-item h2 { margin: 0 0 20px 0; padding: 0 0 20px 0; color: #999; font-size: 1em; font-weight: normal; border-bottom: 1px solid #999; }
#film .news-single-video { position: absolute; top: 0; left: 178px; }
#film .news-single-item h3 { margin: 0 0 15px 0; }

#film .news-single-related { margin-left: 178px; }
#film .news-single-related dt { color: #fff; }
#film .news-single-related dd a { text-decoration: underline; }


/* Tankstelle */

#tankstelle #content { height: 490px; }
#tankstelle .news-single-img { float: right; margin: 10px 10px 0 10px; }
#tankstelle .news-list-item { width: 200px; }
#tankstelle #news-single-bodytext { position: absolute; top: 22px; left: 10px; }
#tankstelle .bodytext a img { margin: 0 0 10px 0; }
#tankstelle .news-single-item h2 { display: none; }
#tankstelle .news-single-backlink { top: 475px; right: 9px; }

#plakate #content { background-image: url(../css_img/bg_plakate.jpg); }
#plakate .news-list-item h3,

#plakate .news-list-item .bodytext { display: none; }
#plakate .news-list-item { width: 155px; margin: 80px 0 0 0; }

#plakate-detail #content { background-image: url(../css_img/bg_plakate_detail.jpg); }
#plakate-detail .news-single-item .bodytext { position: absolute;text-align: left; top: 52px; left: 426px; font-size: .8em; letter-spacing: -0.05em; width: 116px; }
#plakate-detail .news-single-item h2,
#plakate-detail .news-single-timedata { display: none; }
#plakate-detail .news-single-img { margin: 10px 0 0 60px; }


/* Ausfahrt */

#ausfahrt .news-list-item { width: 368px; margin: 0 25px 8px 0; background: #e8e9ea; }
#ausfahrt .news-list-container img { margin: 0 10px 0 0; }
#ausfahrt .news-list-container h3 { font-size: .9em; font-weight: normal; margin: 8px 0 5px 0; }
#ausfahrt .news-list-container a { color: #ed1c24; text-decoration: underline; }
#ausfahrt .bodytext { width: 360px; }


/* Parkhaus */

#autopilot #content { background-image: url(../css_img/bg_autopilot.jpg); padding: 80px 0 0 120px; }
#diagnose #content { background-image: url(../css_img/bg_diagnose.jpg); padding: 200px 0 0 240px; }
.tx-ttnews-browsebox a.active { font-weight: bold; }
h1.csc-firstHeader { margin: 0 0 -10px 0; font-size: 1.35em; font-weight: bold; }


/* Newsletter */

#newsletter #content { background-image: url(../css_img/newsletter.jpg); }
#newsletter_ab #content { background-image: url(../css_img/bg_nonews.jpg); }
#newsletter fieldset,
#newsletter_ab fieldset { border: none; position: absolute; top: 270px; left: 75px; width: 200px; }
#tt-address-name,
#tt-address-email { margin: 0 0 4px 5px; height: 15px; border: none; border-bottom: 1px solid #666; }
#tt-address-submit { margin: 0 0 4px 0; }
#newsletter .bodytext,
#newsletter_ab .bodytext { position: absolute; top: 270px; left: 75px; width: 220px; font-size: .8em; }



/* Suchergebnisse */

#suchergebnisse #content { background-image: url(../css_img/suche.jpg); color: #000; height: 400px; overflow: hidden; }
#suchergebnisse a { color: #000; }
#suchergebnisse a:hover { color: #ed1c24; }
.tx-indexedsearch-icon,
.tx-indexedsearch-result-number,
.tx-indexedsearch-info { display: none; }
#suchergebnisse .tx-indexedsearch { padding: 20px; }
#suchergebnisse .tx-indexedsearch-searchbox { display: none; }