/*
	www.kleinezeitung.at
	Kontakt: christian.krammer@kleinezeitung.at
	
	Styles Fotoserie
*/

#co_fotser h1 {
	margin-bottom: .9em;
}

/* Foto */
#co_fotser .fser_foto {
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-position: center center;
	width: 728px;
	height: 486px;
	position: relative;
	overflow: hidden;
}

#co_fotser .fser_foto img {
	display: none;
}

#co_fotser .fser_foto #flashPlayer {
	position: absolute;
	top: 29px;
	left: 104px;
	z-index: 10;
}

#co_fotser .fser_foto a.l, #co_fotser .fser_foto a.r {
	width: 364px;
	height: 470px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat !important;
	background-position: 3% 48% !important;
	background: url(/img/nav3_l.png);
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	outline: 0; /* Blendet "Klickrahmen" im Internet Explorer (8) aus */
}

#co_fotser .fser_foto a.r {
	left: auto;
	right: 0;
	background-position: 97% 48% !important;
	background: url(/img/nav3_r.png);
}

#co_fotser .fser_foto a:hover.l {background: url(/img/nav3_l_s.png)}

#co_fotser .fser_foto a:hover.r {background: url(/img/nav3_r_s.png)}

/* Rahmen fuer Fotonummer, Quelle, Text, Features */
#co_fotser .fser_text {
	position: relative;
	margin-bottom: 3em;
	min-height: 94px;
}

/* Rahmen fuer Fotonummer, Quelle */
#co_fotser .fser_info {
	overflow: hidden;
	font-size: 1.1em;
	margin-top: .7em;
	height: 1%;
}

/* Fotonummer */
#co_fotser .fser_info div {
	background: url(/img/cnt_bg.png) no-repeat;
	position: relative;
	height: 14px;
	display: block;
	float: left;
	padding: 0 7px 0 8px;
	color: #fff;
	width: auto;
}

#co_fotser .fser_info div strong {
	margin-left: 3px;
}

#co_fotser .fser_info div span {
	background: url(/img/cnt_bg2.png) no-repeat;
	width: 3px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
} /* IE6 */

/* Quelle */
#co_fotser .fser_info > span {
	margin-left: 9px;
	font-size: .9em;
	color: #949494;
}

#co_fotser .fser_info > span a {
	display: inline;
	color: #949494;
	border-bottom: 1px solid #d5d5d5;
}

/* Fototext */
#co_fotser .fser_text p {
	margin-top: .4em;
	padding-right: 167px;
}

#co_fotser .fser_text p a {
	display: inline;
}

#co_fotser .fser_text p .in a {
	border-bottom: 1px solid #919191;
	color: #505050;
}

/* Bewertung */
#co_fotser .fser_text p .bew {
	margin-left: 4px;
}

#co_fotser .fser_text p .bew img {
	vertical-align: top;
	margin-top: 1px;
	width: 17px;
	height: 15px;
}

#co_fotser .fser_text p .bew a:hover {
	background: transparent;
}

#co_fotser .fser_text p .bew span {
	font-size: .8em;
	color: #949494;
	position: relative;
	top: -1px;
}

/* Features */
#co_fotser .fser_feat {
	position: absolute;
	top: 0;
	right: 0;
	width: 155px;
	background: url(/img/fsfeat_bg.png) no-repeat;
	margin-top: .2em;
} /* IE6 + IE7 */

#co_fotser .fser_feat h3 {
	display: none;
}

#co_fotser .fser_feat ul {
	padding: 2px 0 2px 9px;
	background: url(/img/fsfeat_bg2.gif) bottom no-repeat;
}

#co_fotser .fser_feat ul li {
	margin-top: 4px;
}

#co_fotser .fser_feat a {
	font-size: 1em;
	color: #828282;
	font-weight: normal;
	padding-left: 14px;
} /* IE6 */

#co_fotser .fser_feat a:hover {
	color: #000;
	background-color: transparent;
}

#co_fotser .fser_feat ul li:first-child a {
	background: url(/img/icon_drucken.gif) 0 1px no-repeat;
}

#co_fotser .fser_feat ul li:first-child + li a {
	background: url(/img/icon_aversenden.gif) 0 2px no-repeat;
}

#co_fotser .fser_feat ul li:first-child + li + li a {
	background: url(/img/icon_share.gif) 2px 3px no-repeat;
}

#co_fotser .fser_feat ul li:first-child + li + li + li a {
	background: url(/img/icon_original.gif) 1px 2px no-repeat;
}

#co_fotser .fser_feat ul li:first-child + li + li + li + li {
	margin-top: 7px;
}

#co_fotser .fser_feat ul li:first-child + li + li + li + li a {
	color: #636363;
	background: url(/img/icon_back.gif) 2px 4px no-repeat;
}

/* Alle Fotos */
#co_fotser .fser_alle {
	background: #ededed;
	position: relative;
	margin-bottom: 4em;
	clear: both;
}

#co_fotser .fser_alle h3 {
	display: none;
}

#co_fotser .fser_alle .scroll {
	padding: 14px 9px;
	margin: 0;
	width: 710px;
}

#co_fotser .fser_alle .scroll a.l, #co_fotser .fser_alle a.l .scroll a.r {
	width: 30px;
	height: 70px;
	background: url(/img/nav2_l.png) no-repeat;	
	margin: 22px 10px 0 0;
}

#co_fotser .fser_alle .scroll a.r {
	width: 30px;
	height: 70px;
	background: url(/img/nav2_r.png) no-repeat;
	margin: 22px 0 0 10px;
}

#co_fotser .fser_alle .scroll a:hover.l {
	background: url(/img/nav2_l.png) 0 -70px no-repeat;
}

#co_fotser .fser_alle .scroll a:hover.r {
	background: url(/img/nav2_r.png) 0 -70px no-repeat;
}

#co_fotser .fser_alle .scroll a.l.disabled, #co_fotser .fser_alle .scroll a.r.disabled {
	background-position: 0 -140px;
	cursor: default;
}

#co_fotser .fser_alle .scroll div {
	width: 630px;	
	height: 114px;	
}

#co_fotser .fser_alle .scroll div li {
	width: 114px;
	margin-right: 15px;
}

/* Fotoserien aus anderen Kategorien */
#co_fotser h2 {
	font-size: 1.8em;
	color: #c60219;
	border-bottom: 2px dotted #999999;
	padding-bottom: .3em;
	margin: 2em 0 .5em;
	clear: both;
}

#co_fotser .fser_mehr {
	margin-bottom: -.6em;
	overflow: hidden;
}

#co_fotser .fser_mehr > li {
	position: relative;
	width: 356px;
	margin: 1.7em 16px 0 0;
	float: left;
	overflow: hidden;
} /* IE6 */

#co_fotser .fser_mehr li:first-child, #co_fotser .fser_mehr li:first-child + li {
	margin-top: 0;
}

#co_fotser .fser_mehr li.la {
	margin-right: 0;
}

#co_fotser .fser_mehr h3 {
	font-size: 1.3em;
	margin-bottom: .3em;
}

#co_fotser .fser_mehr .scroll {
	background: #ededed;
	padding: 10px 6px;
	margin: 0;
	width: 344px;
}

#co_fotser .fser_mehr .scroll a.l, #co_fotser .fser_mehr a.l .scroll a.r {
	margin: 21px 6px 0 0;
}

#co_fotser .fser_mehr .scroll a.r {
	margin: 21px 0 0 6px;
}

#co_fotser .fser_mehr .scroll div {
	width: 286px;	
	height: 88px;	
}

#co_fotser .fser_mehr .scroll div li {
	width: 88px;
	margin-right: 11px;
}

/* Randspalte */
#si_fotser .si_fser_mehr .bd {
	padding: 9px 12px 10px;
}  

#si_fotser .si_fser_mehr .bd select {
	width: 224px;
}  

#si_fotser .si_fser_mehr .bd ul {
	border-top: 2px dotted #999;
	margin-top: 9px;
	padding-top: .8em;
} /* IE6 */

#si_fotser .si_fser_mehr .bd li {
	border-top: 1px dotted #969696;
	margin-top: .8em;
	padding-top: .8em;
	position: relative;

}  /* IE6 */

#si_fotser .si_fser_mehr .bd li:first-child {
	border: 0;
	margin: 0;
	padding: 0;
}  

#si_fotser .si_fser_mehr li h4 {
	/* width: 166px; */
	font-size: 1em;
}  

#si_fotser .si_fser_mehr li span {
	position: absolute;
	top: 1.1em;
	right: 0;
	font-size: .8em;
	color: #646464;
}  

#si_fotser .si_fser_mehr li:first-child span {
	top: .3em;
} 

#si_fotser .si_fser_mehr li img {
	margin: .5em 0 .2em;
}  

#si_fotser .si_fser_mehr li a {
	min-height: 133px;
} 

#si_fotser .si_fser_mehr li a:hover {
	background-color: transparent;
}  

#si_fotser .si_fser_mehr li h4 a {
	min-height: 0;
}  

#si_fotser .si_fser_mehr li h4 a:hover {
	background-color: #e6f4f5;
}  

/* Werbung */  
/* #co_fotser .adv3a {
	margin: 0 0 2em;
	width: 356px;
}

#co_fotser .adv3a .adv_spons span {
	top: -10px;
}*/

#co_fotser .adv4 {
	position: relative;
	padding: 0 0 0 214px;
	margin: 3.5em 0;
	background: url(/img/adv_v.gif) 204px bottom no-repeat;
}

#co_fotser .adv5 {
	margin: 4em 0 3.5em;
}

#co_fotser .adv6 {
	margin-top: 4em;
}

/* Fotoserie breit */
.content_br#co_fotser .fser_foto {
	width: 989px;
	height: 660px;
}

.content_br#co_fotser .fser_foto a.l, .content_br#co_fotser .fser_foto a.r {
	width: 495px;
	height: 660px;
}

.content_br#co_fotser .fser_text {min-height: 0}

.content_br#co_fotser .fser_text p {padding: 0}

.content_br#co_fotser .fser_feat {display: none}

.content_br#co_fotser .fser_alle .scroll {width: 971px}

.content_br#co_fotser .fser_alle .scroll div {width: 891px}

.content_br#co_fotser .fser_mehr > li {width: 486px}

.content_br#co_fotser .fser_mehr .scroll {width: 474px}

.content_br#co_fotser .fser_mehr .scroll div {width: 416px}

.content_br#co_fotser .adv4 {
	padding-left: 344px;
	background-position: 334px bottom;
}
