/* -------------------------- */ /* pictures - bilderplattform */
	/* -------------------------- */ /* -- general -- */
#pictures {
	
}

#pictures .thumbs {
	height: 100px;
}

#pictures .bpf-left50 {
	width: 50%;
	float: left;
}

#pictures .bpf-right50 {
	width: 49%;
	float: right;
}

#pictures .bpf-select-right {
	float: right;
}

#pictures .bpf-submit-arr {
	margin: 2px -2px -3px -2px;
}

#pictures .bpf-box {
	margin: 18px 0 0 0;
}

#pictures .hr {
	border-top: 1px solid #d9d9d9;
}

/* -- images -- */
#pictures .detail {
	display: block;
	background: transparent url('../img/detailbg.png') no-repeat top left;
	padding: 4px 3px 3px 4px;
	margin: 0 0 3px -3px;
}

#pictures .bpf-liste-thumb {
	display: block;
	background: transparent url('../img/imgbgliste.png') no-repeat top left;
	padding: 4px 3px 5px 5px;
	margin: 0 0 0px -4px;
}

#pictures .xbpf-thumb-serie {
	display: block;
	background: transparent url('../img/seriebg.png') no-repeat top left;
	padding: 14px 3px 5px 5px;
	margin: 0 0 0px -4px;
	border: 0px;
}

/* -- start -- */
.bpf-sub {
	float: left;
	width: 470px;
}

.bpf-side {
	width: 159px;
	height: 102px;
	float: right;
	margin: 0 30px 0 0;
	background: transparent url('../img/stoerer.png') no-repeat top left;
}

.bpf-side p {
	padding: 8px;
	font-size: 90%;
}

.bpf-side a {
	color: #fff;
	text-decoration: none;
}

.bpf-hs {
	float: left;
	height: 25px;
	width: 100%;
}

.bpf-hl {
	float: left;
}

.bpf-hr {
	float: right;
	margin: 3px 34px 0 0;
}

/* -- liste -- */
#pictures .bpf-liste-sort {
	margin: 10px 0 20px 0;
}

#pictures .bpf-liste-box-line {
	margin: 0 0px 30px 0;
}

#pictures .bpf-liste-box {
	float: left;
	width: 156px;
	margin: 0 9px 0 0;
}

#pictures .bpf-liste-text {
	margin: 4px 0 0 0;
	line-height: 18px;
	font-size: 95%;
}

/* -- upload -- */
#bfp-upl-new {
	margin: 0 0 60px 0;
}

#pictures .bpf-upl {
	margin: 5px 0 12px 0;
}

#pictures .bpf-upl-submit {
	margin: 0 0 12px 0;
}

#pictures .bpf-upload-box {
	float: left;
	margin: 0 0 8px 8px;
}

#pictures .bpf-upload-delete {
	padding: 5px;
}

#bfp-upl-progress {
	margin: 40px 0 0 0;
}

#bfp-upl-progress p {
	margin: -20px 0 0 30px;
}

#bpf-upl-infos {
	float: left;
	margin: 15px 6px 0 0;
	padding: 15px;
	border: 2px solid #f1f1f1;
	border-top: 4px solid #f1f1f1;
	width: 290px;
	background: #f5f5f5;
}

#bpf-upl-infos img {
	margin: 0 0 20px 0;
}

#bpf-upl-infos label {
	font-weight: bold;
}

#bpf-upl-infos input,textarea {
	width: 285px;
	margin: 5px 0 10px 0;
}

#bpf-upl-infos textarea {
	height: 80px;
}

.bpf-asterix {
	color: #D20019;
	font-size: 95%;
}

.bpf-required {
	margin-top: 40px;
}

/* -- details -- */
#pictures  .sub-m {
	float: left;
}

#pictures  .sub-r {
	width: 190px;
	float: left;
	margin-left: 15px;
}

#pictures  .sub-mg {
	margin: 8px 0 0 0;
	border: 1px solid #ccc;
	width: 468px;
}

#pictures  .sub-mc {
	background: url('../../img/r2/basics/topshadow.gif') repeat-x;
	border: 1px solid #fff;
	padding: 10px;
}

#pictures  .iconinfo {
	margin: 3px 8px 0px 0px;
}

#pictures  ul.tags {
	margin-bottom: 15px;
	padding: 0px;
	xline-height: 16px;
}

#pictures li.tag {
	display: inline;
	margin: 0px;
	padding-right: 3px;
}

#pictures  ul.series {
	margin: -14px 0 15px 0;
	padding: 0px;
	line-height: 16px;
}

#pictures li.serie {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#pictures .dinput {
	margin: 3px 0px 3px 0px;
	width: 180px
}

#pictures .dlabel {
	font-weight: bold;
}

.left {
	float: left;
	width: 390px;
}

.right {
	float: left;
	width: 250px;
}

#bpf-detail-form {
	margin: 10px 0 0 0;
}

#bpf-detail-form label {
	width: 150px;
	display: block;
	float: left;
	font-weight: bold;
}

#bpf-detail-form input {
	width: 180px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#bpf-detail-form textarea {
	width: 330px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#bpf-detail-form br {
	clear: left;
}

#bpf-detail-form .info {
	width: 180px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#bpf-detail-form .right input {
	width: 10px;
	margin: 0px;
}

#bpf-detail-form .right p {
	margin: -4px 0 0 30px;
}

#pictures .detail-lb {
	float: left;
}

#pictures .serie-paging {
	width: 448px;
	text-align: center;
}

/* link mit pfeil nach rechts auf rechter Seite */
.arr-next,.arr-next:link,.arr-next:visited,.arr-next:hover,.arr-next:active
	{
	font-weight: bold;
	color: #000;
	voice-family: "\"}\""; /* start bmh */
	background: url(../../../img/r2/basics/arr_next.png) no-repeat right
		0.25em;
	font-weight: normal;
	voice-family: inherit;
	padding-right: 15px;
	text-decoration: underline;
}

/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .arr-next,html>body .arr-next:link,html>body .arr-next:visited,html>body .arr-next:hover,html>body .arr-next:active
	{
	background: url(../../../img/r2/basics/arr_next.png) no-repeat right
		0.25em;
	font-weight: normal;
	padding-right: 15px;
	text-decoration: underline; /* end bmh */
}

/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#page-wrap .arr-next,html*#page-wrap .arr-next:link,html*#page-wrap .arr-next:visited,html*#page-wrap .arr-next:hover,html*#page-wrap .arr-next:active
	{
	background: url(../../../img/r2/basics/arr_next.png) no-repeat right
		0.25em;
	font-weight: normal;
	padding-right: 15px;
	text-decoration: underline;
}

.arr-next:hover {
	text-decoration: none !important;
}

.arr-next:active,.arr-next:focus {
	background-color: #D20019 !important;
	color: #FFF !important;
	background-image: none !important;
}

/* -- neue serie -- */
#pictures .bpf-neueserie-anz {
	float: right;
	margin: -20px 0 20px 0;
}

#pictures .bpf-userselect-anz {
	font-size: 150%;
	font-weight: bold;
}

#pictures .right {
	float: right;
}

#bpf-ns-infos {
	float: left;
	margin: 10px 6px 0 0;
	width: 600px;
}

#bpf-ns-infos img {
	margin: 0 0 20px 0;
}

#bpf-ns-infos label {
	font-weight: bold;
}

#bpf-ns-infos .input,.textarea {
	width: 285px;
	margin: 5px 0 10px 0;
}

#bpf-ns-infos .textarea {
	height: 80px;
}

#bpf-ns-infos .select {
	width: 285px;
	margin: 5px 0 30px 0;
}

#bpf-ns-tb {
	margin: 5px 0 0 0;
	width: 630px;
	height: 210px;
	overflow: auto;
}

#bpf-ns-tbs {
	margin: 5px;
	width: 600px;
}

.bpf-ns-tbb {
	float: left;
	width: 154px;
	xheight: 236px;
	margin: 5px;
}

/* -- serie 1 -- */
.bpf-serie-top {
	height: 260px;
}

.bpf-serie-l {
	float: left;
}

.bpf-serie-r {
	float: left;
	width: 300px;
	margin: 0 0 0 20px;
	line-height: 16px;
}

#rating img {
	vertical-align: middle;
	margin-bottom: 0.4em;
}

#pictures .com-text {
	background: url('img/threadicon.gif') no-repeat top left;
	margin: 0 0 10px 0px;
	padding: 5px 0px 0px 10px;
	background: #F5F5F5;
}

/* -- fotowettbewerb -- */
.bpf-pc-box {
	
}

.bpf-pc-top {
	
}

.bpf-pc-l {
	float: left;
	width: 60%;
}

.bpf-pc-r {
	float: right;
	width: 29%;
	border: 1px solid #000;
	padding: 20px;
	background: #eee;
}

.bpf-icon-contest-p {
	margin: 0 0 -3px 3px;
}

.bpf-icon-contest-s {
	margin: 0 0 -3px 3px;
}

.bpf-icon-serie {
	margin-right: 10px;
}

.bpf-pc-newbox {
	width: 467px;
}

.bpf-pc-newtop {
	margin-top: 15px;
}

.bpf-pc-newimg {
	float: left;
}

.bpf-pc-newmeta {
	float: left;
	margin-left: 15px;
	width: 250px;
}

.bpf-pc-newmid {
	clear: both;
	margin-top: 155px;
}

.bpf-pc-required {
	
}

#bpf-pc-infos label {
	font-weight: bold;
}

#bpf-pc-infos .select {
	width: 285px;
	margin: 5px 0 30px 0;
}

/* -- snav searchbox -- */
.bpf-searchform {
	width: 210px;
	margin: 0;
	padding: 0;
	height: 55px;
}

.bpf-searchinput {
	width: 206px;
}

.bpf-searchsubmit {
	float: right;
	margin: 10px 0 0 0;
}

/* -- lightbox for details -- */
#lightbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9900;
	text-align: center;
	line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

#lightbox a:active {
	background: none;
}

#lightbox a:hoover {
	background: none;
}

#lightbox a:visited {
	background: none;
}

#lightbox a:link {
	background: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink,#nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
	/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover,#prevLink:visited:hover {
	background: url(lib/img/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
	background: url(lib/img/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1990;
	width: 100%;
	height: 500px;
	background-color: #000;
}

#ssnav.ssnav-note {
	margin-bottom: 3.8em;
}

#ssnav.ssnav-note div .sub-inner {
	padding-bottom: 20px;
}

#ssnav .sub-notepos {
	position: relative;
	background: none;
	border: 0px solid;
	height: 1px;
	padding: 0;
	margin: 0;
}

#ssnav .sub-corner {
	border: 0;
	padding: 0;
	margin: 0;
	background: url(../img/bg_upload_corner.gif) no-repeat left top;
	width: 26px;
	height: 23px;
	position: absolute;
	right: -12px;
	top: -49px;
}

#ssnav .sub-note {
	position: absolute;
	right: -12px;
	top: -26px;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

#ssnav .sub-notetop {
	padding: 0;
	margin: 0;
	border: 0;
	background: url(../img/bg_upload_top2.gif) repeat-y left top;
	width: 209px;
	padding: 7px 30px 5px 8px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width: 171px;
}

html>body #ssnav .sub-notetop {
	width: 171px; /* end bmh */
}

#ssnav .sub-notetop a.arr {
	color: #FFF;
	background-image: url(../img/upload_arr_next.gif);
}

#ssnav .sub-notetop h4 {
	padding: 0;
	margin: 0;
	color: #FFF;
	padding-bottom: 2px;
}

#ssnav .sub-notebottom {
	padding: 0;
	margin: 0;
	border: 0;
	width: 209px;
	height: 9px;
	background: url(../img/bg_upload_bottom2.gif) no-repeat left top;
}

/* voting */
.sub-01 {
	border: 1px solid #C9C9C9 !important;
}

.toolbox .sub-but-act div.r {
	border: 1px solid #FFFFFF;
}

#forenbox-big {
	margin-top: 5px;
}
.toolbox {
	font-size:1em;
}
