/* grundlegende Formatierungen fuer alle Seiten der Microsite */

/* Ueberschriften, Links */
h2, h3 {color:/*Farbe fuer Ueberschriften*/;}
h4 {color:/*Farbe fuer Ueberschriften*/;}

a:link, a:visited {color: #1a2e40 /*Farbe fuer Textliks im Fliesstext*/;}
a:hover, a:active {color: #4c6cc9 /*Farbe fuer Textliks im Fliesstext bei MouseOver*/;}

:focus {outline:none;} ::-moz-focus-inner {border:0;}

/* Beispiel-Hintergrundfarbe */
body{
	background: #02071a url('/fernsehen/a_z/k/krimi/_img/bg_main.jpg') no-repeat scroll center top;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Beispiel-Formatierung Inhaltscontainer a-inhalt-mitte */


#a-inhalt-mitte {
margin: 0 auto;
width: 769px;
}


#inner{
background: #051261 url('/fernsehen/a_z/k/krimi/_img/bg_wrapper.jpg') no-repeat center top;
margin-top: 72px;
float: left;
width: 769px;
padding: 0;
}

#KrimiLogo{
	float: left;
	width: 596px;
	height: 134px;
	margin-top: -24px;
}

#KrimiTime{
	float: right;
	width: 172px;
	height: 95px;
}

#KrimiFooter{
	background: #051261;
	width: 769px;
	float: left;
	position: relative;
	overflow: hidden;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
}

.clr{
	clear: left;
}

img {border: 0;}

/* Logo */

#KrimiLogo h1 {
margin: 0;
padding: 0;
}

#KrimiLogo h1 a{
display: block;
text-indent: -9999px;
background: url('/fernsehen/a_z/k/krimi/_img/krimi_de_logo.png') 0 0;
width: 307px;
height: 134px;
}

#KrimiLogo h1 a:hover{
background-position: -307px 0;
}


/* Sendezeit */

#KrimiTime h2{
display: block;
text-indent: -9999px;
background: url('/fernsehen/a_z/k/krimi/_img/sendezeit.png') 0 0;
width: 172px;
height: 95px;
margin: 0;
padding: 0;
}


/* Flash */

#KrimiFlash{
	float: left;
	width: 746px;
	height: 300px;
	margin-left: 10px;
}

/* navigation */

#KrimiNav{
	height: 33px;
	margin: 0 0 0 27px;
	padding-bottom: 10px;
	float: left;
}

#KrimiNav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#KrimiNav ul li{
	float: left;
	margin-left: 3px;
}

#KrimiNav ul li a{
	text-indent: -9999px;
	display: block;
	height: 33px;
}

#KrimiNav ul li a.leipzig{
	background: url('/fernsehen/a_z/k/krimi/_img/nav_leipzig.png') 0 0;
	width: 75px;
}

#KrimiNav ul li a.leipzig:hover{
	background-position: -75px 0;
}

#KrimiNav ul li a.jena{
	background: url('/fernsehen/a_z/k/krimi/_img/nav_jena.jpg') 0 0;
	width: 52px;
}

#KrimiNav ul li a.jena:hover{
	background-position: -52px 0;
}

#KrimiNav ul li a.erfurt{
	background: url('/fernsehen/a_z/k/krimi/_img/nav_erfurt.jpg') 0 0;
	width: 67px;
}

#KrimiNav ul li a.erfurt:hover{
	background-position: -67px 0;
}

#KrimiNav ul li a.hamburg{
	background: url('/fernsehen/a_z/k/krimi/_img/nav_hamburg.jpg') 0 0;
	width: 87px;
}

#KrimiNav ul li a.hamburg:hover{
	background-position: -87px 0;
}


#KrimiNav ul li a.stuttgart{
	background: url('/fernsehen/a_z/k/krimi/_img/nav_stuttgart.jpg') 0 0;
	width: 91px;
}

#KrimiNav ul li a.stuttgart:hover{
	background-position: -91px 0;
}

#KrimiNav ul li a.frankfurt{
	background: url('/fernsehen/a_z/k/krimi/_img/nav_frankfurt.jpg') 0 0;
	width: 97px;
}

#KrimiNav ul li a.frankfurt:hover{
	background-position: -97px 0;
}


/* Teaser */

#Teaserrow{
	width: 562px;
	float: left;
	margin: 20px 0 0 15px;
}

.Teaser{
	float: left;
	width: 268px;
	background: url('/fernsehen/a_z/k/krimi/_img/bgr_teaser.jpg') repeat-y 0 0;
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	padding-bottom: 10px;
	margin: 0 13px 25px 0;
}

.Teaser h1 {
	margin: 0;
	padding: 0 14px;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
}

.Teaser h1 a{
	color: #0c2b77;
}

.Teaser h1 a:hover{
	color: #4c6cc9;
}

.Teaser h2 {
	margin: 5px 0 ;
	padding: 0 14px;
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	color: #0d255e;
}

.Teaser img{
	border: 0;
}

.Teaser p, #KrimiFlash p {	
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #1a2e40;
	padding: 0 14px;
	margin: 5px  0 10px 0;
}

.Teaser p a, #KrimiFlash p a {	
	color: #1a2e40;
}

.Teaser p a:hover {	
	color: #4c6cc9;
}

.Teaser p.link, .FilmteaserText p.link, .PortraitImg p.link   {	
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 0 14px;
	clear: both;
	float: left;
}


.Teaser p.link a, .FilmteaserText p.link a, table.desktop p.link a, ul.autograph p.link a, .PortraitImg p.link a, .box_548.schauspieler p.link a {	
	display: block;
	float: right;
	color: #0c2b77;
	height: 24px;
	background: url('/fernsehen/a_z/k/krimi/_img/bgr_link.png') 0 0;
	padding: 0 5px 0 12px;
	text-decoration: none;
	margin-right: 5px;
}

.box_548.schauspieler p.link a {	
	margin-right: 5px;
	float: left;
}

.Teaser p.link a img, .FilmteaserText p.link a img, table.desktop p.link a img, ul.autograph p.link a img, .PortraitImg p.link a img, .box_548.schauspieler p.link a img{	
	padding-left: 5px;
}

.Teaser p.link a:hover, .FilmteaserText p.link a:hover, table.desktop p.link a:hover, ul.autograph p.link a:hover, .PortraitImg p.link a:hover, .box_548.schauspieler p.link a:hover {	
	background-position: 0 -24px;
	text-decoration: underline;
}

table.desktop tr td {
	vertical-align:top;
}

div#Menu1, div#Menu2, div#Menu3, div#Menu4, div#Menu5, div#Menu6, div#Menu7 {
  width: 128px;
  height: 30px;
  overflow: hidden;
}

p.menulink a {	
	display: block;
	margin-right:4px;
	padding-right:22px;
	color: #0c2b77;
	background: url('/fernsehen/a_z/k/krimi/_img/bgr_link_steckbrief.png') no-repeat 0 0;
	width: 88px;
	height: 24px;
	text-decoration: none;
}

p.menulink a:hover {	
	text-decoration: underline;
	background-position: 0 -24px;
}

#Menu1.active p.menulink a, #Menu2.active p.menulink a, #Menu3.active p.menulink a, #Menu4.active p.menulink a, #Menu5.active p.menulink a, #Menu6.active p.menulink a, #Menu7.active p.menulink a {	
	background: url('/fernsehen/a_z/k/krimi/_img/bgr_link_steckbrief_active.png') no-repeat 0 -24px;
}


.box_548.schauspieler div p.link{
	margin-top: 5px;
}


p.steckbrief {	
	clear: both;
	font: bold 14px/11px Arial, Helvetica, sans-serif;
	padding: 0;
 	width: 120px;
	height: 24px;
	float: left;
	margin: 0;
}

p.steckbrief a#toggle {	
	display: block;
	padding-left: 15px;
	color: #0c2b77;
	background: url('/fernsehen/a_z/k/krimi/_img/bgr_link_steckbrief.png') no-repeat 0 0;
	width: 109px;
	height: 24px;
	text-decoration: none;
}

p.steckbrief a#toggle:hover {	
	text-decoration: underline;
	background-position: 0 -24px;
}

p.steckbrief a#toggle.active {	
	background: url('/fernsehen/a_z/k/krimi/_img/bgr_link_steckbrief_active.png') no-repeat 0 -24px;
}

/* Buttonleiste rechts */

	/* Button Filme ansehen */
#Buttons{
	float: left;
	width: 157px;
}

#BtnFilmeAnsehen{
	float: left;
	margin: 71px 0 0 18px;
}

#BtnFilmeAnsehen a{
	width: 141px;
	height: 44px;
	text-indent: -9999px;
	display: block;
	background: url('/fernsehen/a_z/k/krimi/_img/btn_filme_ansehen.png') 0 0;
}

#BtnFilmeAnsehen a:hover{
	background-position: -141px 0;
}

	/* Button Community */

#BtnCommunity{
	float: left;
	margin: 69px 0 0 18px;
}

#BtnCommunity a{
	width: 157px;
	height: 45px;
	text-indent: -9999px;
	display: block;
	background: url('/fernsehen/a_z/k/krimi/_img/btn_community.png') 0 0;
}

#BtnCommunity a:hover{
	background-position: -156px 0;
}

	/* Button Downloads */

#BtnDownloads{
	float: left;
	margin: 69px 0 0 18px;
}

#BtnDownloads a{
	width: 149px;
	height: 33px;
	text-indent: -9999px;
	display: block;
	background: url('/fernsehen/a_z/k/krimi/_img/btn_downloads.png') 0 0;
}

#BtnDownloads a:hover{
	background-position: -149px 0;
}

	/* Button Downloads */

#BtnAlleFilme{
	float: left;
	margin: 73px 0 0 18px;
}

#BtnAlleFilme a{
	width: 131px;
	height: 47px;
	text-indent: -9999px;
	display: block;
	background: url('/fernsehen/a_z/k/krimi/_img/btn_alle_filme.png') 0 0;
}

#BtnAlleFilme a:hover{
	background-position: -130px 0;
}


/* Alterskennung */

#KrimiAlter{
	float: left;
	margin: 15px 0 0 10px;
}


/* Seiteninhalt */

.pagination{
	float: left;
	width: 548px;
	margin: 8px 0 6px 0;
}

.pagination ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pagination ul li, .pagination ul li.page, .pagination ul li.pageactive{
	display: inline;
}

.pagination ul li.page{
	background-color: #95cb3f;	
	margin: 0 1px;
}

.pagination ul li.pageactive{
	background-color: none;	
	margin: 0;
}

.pagination ul li.page, .pagination ul li.pageactive{
	padding: 5px 10px;
}

.pagination ul li.page a{
	font: bold 17px/24px Arial, Helvetica, sans-serif;
}

.pagination ul li.page a:link, .pagination ul li.page a:visited {
    color: #0d255e;
}	
	
.pagination ul li.page a:hover, .pagination ul li.page a:active {
    color: #4c6cc9;
}

.pagination ul li.pageactive a{
	font: bold 17px/18px Arial, Helvetica, sans-serif;
}

.pagination ul li.pageactive a:link, .pagination ul li.pageactive a:visited {
    color: #9dd04c;
}	
	
.pagination ul li.pageactive a:hover, .pagination ul li.pageactive a:active {
    color: #c5fd6d;
}

.pagination ul li.forw a{
	text-indent: -9999px;
	display: block;
	width: 83px;
	height: 32px;
	background: url('/fernsehen/a_z/k/krimi/_img/btn_weiter.png') 0 0;
	float: right;
}

.pagination ul li.forw a:hover{
	background-position: -83px 0;
}

.pagination ul li.back a{
	text-indent: -9999px;
	display: block;
	width: 83px;
	height: 31px;
	background: url('/fernsehen/a_z/k/krimi/_img/btn_zurueck.png') 0 0;
	float: left;
}

.pagination ul li.back a:hover{
	background-position: -83px 0;
}

#NavDarsteller{
	float: left;
	margin-bottom: 20px;
}
 
#NavDarsteller ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
} 


#NavDarsteller ul li{
	float: left;
	background: url('/fernsehen/a_z/k/krimi/_img/subnav_bgr.jpg') 0 0;
	font: bold 17px/22px Arial,Helvetica,sans-serif;
	height: 24px;
	margin: 0;
	padding: 0 0 0 5px;
}  

#NavDarsteller ul li a{ 
	background: url('/fernsehen/a_z/k/krimi/_img/link_arrow.png') no-repeat right 2px;
	padding-right: 15px;
	color: #0c2b77;
} 

#NavDarsteller ul li:hover{ 
	color: #0C2B77;
	background: url('/fernsehen/a_z/k/krimi/_img/subnav_bgr.jpg') 0 -24px;
}
 
#NavDarsteller ul li.start{
	background: none;
	padding: 0;
}  

#NavDarsteller ul li.active{
	background: url('/fernsehen/a_z/k/krimi/_img/subnav_bgr.jpg') 0 -24px;
}
 
#NavDarsteller ul li.active a{ 
	background: url('/fernsehen/a_z/k/krimi/_img/link_arrow_down.png') no-repeat right 2px;
} 
 
.Trennbalken{
	float: left;
	width: 546px;
	height: 28px;
	margin-bottom: 5px;
}

#SeitenInhalt{
	float: left;
	margin: 20px 14px 0 15px;
	width: 548px;
}


.box_548{
	background: url('/fernsehen/a_z/k/krimi/_img/bg_papier_548.jpg') 0 0;
	width: 548px;
	float: left;
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	margin-bottom: 6px;
	padding: 10px 5px 5px 0;
}

.box_548.film, .box_548.schauspieler{
	padding: 10px;
}

.box_548.schauspieler {
	background: url('/fernsehen/a_z/k/krimi/_img/bg_papier_548_blau.jpg') 0 0;
}

.box_548.schauspieler div{
	float: left;
	margin:0 5px 5px 0;
}

.hidden{
	display: none;
}


.box_548.film img{
	float: left;
	padding: 0 5px 5px 0;
}

.FilmteaserImg{
	float: left;
	width: 246px;
	margin-right: 5px;
}

.FilmteaserText{
	float: left;
	width: 290px;
}	

.PortraitImg{
	float: left;
	width: 147px;
	margin-right: 10px;
}

.PortraitText{
	float: left;
	width: 380px;
}	



.box_548 h1{
	font: bold 20px/24px Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	color: #0C2B77;
}

.box_548 h1.caption{
	margin: 0 0 5px 10px;
	padding: 0;

}

.box_548 h1 a:link, .box_548 h1 a:visited {
    color: #0C2B77;
}

.box_548 h1 a:hover, .box_548 h1 a:active {
	color: #4c6cc9;
}

.box_548 h2{
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	color: #0d255e;
}

.box_548 p {
	font: normal 14px/18px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
	color: #1a2e40;
}

.box_548 ul.desktop, .box_548 ul.autograph {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

.box_548 table.desktop {
	margin: 0;
	padding: 0;
	text-align: right;
}

.box_548 ul.desktop li, .box_548 ul.autograph li{
	float: left;
	padding: 0;
}

/*.box_548 ul.desktop li h3{*/
.box_548 table.desktop h3{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 3px 0;
	color: #0C2B77;
}


table td.cell1{
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0 20px 5px 0;
	color: #0C2B77;
}

table td.cell2{
	font: normal 14px/18px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
	color: #1a2e40;
}

/* footer */


#KrimiNavBottom{
	background: #d8dde2;
	margin-top: 5px;
	padding-bottom: 15px;
}

#KrimiNavBottom ul, #KrimiNavMeta ul  {
	padding: 10px 0 0 25px;
	list-style-type: none;
	margin: 0;
}

#KrimiNavBottom ul li, #KrimiNavMeta ul li {
	display: inline;
	padding: 0 3px;
	color: #284461;
}

#KrimiNavMeta a.print {
	padding-right: 20px;
	float: right;
	margin-top: -18px;
	color: #fcfcfc;
	background-image: none;
}

#KrimiNavMeta a.print:link, #KrimiNavMeta a.print:visited {
    color: #fcfcfc;
}	
	
#KrimiNavMeta a.print:hover, #KrimiNavMeta a.print:active {
	color: #4c6cc9;
}	
	
	
#KrimiNavBottom ul li a{
	color: #284461;
}

#KrimiNavBottom ul li a:link, #KrimiNavBottom ul li a:visited {
    color: #284461;
}

#KrimiNavBottom ul li a:hover, #KrimiNavBottom ul li a:active {
	color: #4c6cc9;
}

#KrimiNavMeta ul li, #KrimiNavMeta ul li a{
	color: #fcfcfc;
}

#KrimiNavMeta ul li a:link, #KrimiNavMeta ul li a:visited {
    color: #fcfcfc;
}

#KrimiNavMeta ul li a:hover, #KrimiNavMeta ul li a:active {
	color: #4c6cc9;
}

#KrimiNavMeta{
	background: #132965;
	margin-top: 10px;
	padding-bottom: 15px;
}
