/**
 * @description		extension videoquiz styles
 * @project			Frage trifft Antwort
 * @site			frage-trifft-antwort.de
*/

/* common styles :: start */
.tx-videoquiz-pi1 span.heading {
	font-weight: bold;
}

video {
	width: 100%;
	height: 100%;
}
audio {
	width: 100%;
}
div.audio video {
	height:0px;
	width:0px;
}

.tx-videoquiz-pi1 .ratings span.heading {
	font-weight: bold;
	display:block;
	float:left;
}
/* common styles :: end */


/* video list view :: start */
.listview .gridbox  {
	float: left;
	margin: 0 0 0.9em 0;
	/* margin: 0; */
}

.listview .gridbox.last_of_row {
	margin-right: 0;
}
.listview .gridbox div.title,
.listview .gridbox > div {
	width: 20em;
	margin-left: 0.8em;
}

.listview div.gridbox.videoitem div.title  {
	margin-left: 0;
}

.listview .gridbox.videoitem .title h2 {
	font-size:1.5em;
}

.listview .gridbox.first_of_row div.title,
.listview .gridbox.first_of_row > div {
	margin-left: 0;
}
.listview .gridbox.last_of_row  div.title,
.listview .gridbox.last_of_row > div {
	margin-left: 1.6em;
}

.tx-videoquiz-pi1 .videoitem img {
	border: 1px solid #b4b8a9;
}

.tx-videoquiz-pi1 .listview .audioitem h2,
.tx-videoquiz-pi1 .listview .videoitem h2 {
	line-height: 1.0em;
	margin: 0.5em 0 0.2em;
}
/* video list view :: end */


/* quiz list view :: start */
.tx-videoquiz-pi1 .quiz.listview {
	float: left;
	margin: 0 0.4em 0.9em 0.4em;
}

.tx-videoquiz-pi1 .quiz.listview .list-item img {
	border: 1px solid #b4b8a9;
}
.tx-videoquiz-pi1 ul.quiz.list  {
	padding-left:0;
}
.tx-videoquiz-pi1 ul.quiz.list .listbox {
	clear:both;
	margin-bottom:2em;
	display: block;
}


.tx-videoquiz-pi1 ul.quiz.list .floatright {
	width: 66%;
	float: left;
}
.tx-videoquiz-pi1 ul.quiz.list .floatleft {
	/*    width: 28%;*/
	margin-right: 3%;
}
/* quiz  list view :: end */


/* common video list styles :: start */
.videos-extlist-item {
	margin-bottom: 1.5em;
}
.videos-extlist-item-image {
	float: left;
	margin-right: 1.0em;
}
.videos-extlist-item-text h3 {
	line-height: 1.1em;
	padding: 0;
	margin: 0;
}
.videos-extlist-item-text {
	float: left;
	width: 70%;
}
/* common video list styles :: end */


/* video list realms view :: start */
.azbrowser {
	margin-bottom: 1.0em;
}
.azbrowser span,
.azbrowser a {
	text-decoration:none;
	font-size: 1.3em;
	padding:2px 4px;
	color:#454d48;
}
.azbrowser a:hover,
.azbrowser .current a {
	color:#FFF;
	background: #990F29;
}
.azbrowser .letter,
.tx-videoquiz-pi1 .azbrowser-letter {
	display: inline;
	font-weight: bold;
	color: #990000;
	margin-right: 0.9em;
}
.azbrowser  .inactive span,
.tx-videoquiz-pi1 .azbrowser-letter.inactive {
	color: #999;
}


.tx-videoquiz-pi1 .keywordtitle h2,
.tx-videoquiz-pi1 .realmtitle h2,
.tx-videoquiz-pi1 .videos-realm-list-realmtitle h2 {
	padding: 0;
	margin: 0 0 0.6em 0;

}
.tx-videoquiz-pi1 .videos-realm-list-item,
.tx-videoquiz-pi1 .videos-extlist-item {
	margin-bottom: 1.5em;
}
/*.tx-videoquiz-pi1 .listview .videoitem .image,*/
.listview .listbox .floatleft,
.tx-videoquiz-pi1 .videos-extlist-item-image {
	float: left;
	margin-right: 3%;
}
.tx-videoquiz-pi1 .videos-realm-list-item-text,
.tx-videoquiz-pi1 .videos-extlist-item-text {
	float: left;
	width: 70%;
}
.tx-videoquiz-pi1 .videos-realm-list-item-text h3 {
	line-height: 1.1em;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}
/* video list realms view :: end */


/* video list age group view :: start */
.agebrowser {
	margin-bottom: 1.0em;
}
.agebrowser span,
.agebrowser a {
	text-decoration:none;
	font-size: 1.3em;
	padding:2px 4px;
	color:#454d48;
}
.agebrowser a:hover,
.agebrowser.current a {
	color:#FFF;
	background: #990F29;
}
.agebrowser,
.tx-videoquiz-pi1 .agebrowser {
	display: inline;
	font-weight: bold;
	color: #990000;
	margin-right: 0.9em;
}
.agebrowser .inactive span,
.tx-videoquiz-pi1 .agebrowser.inactive {
	color: #999;
}

.tx-videoquiz-pi1 .videos-extlist-agebrowser {
	margin-bottom: 2.0em;
}
.tx-videoquiz-pi1 .agebrowser {
	display: inline;
	font-weight: bold;
	color: #990000;
	margin-right: 3.0em;
}
.tx-videoquiz-pi1 .agebrowser.inactive span {
	color: #999;
}
/* video list age group view :: end */


/* video single view :: start */
div.singleview .column.left .wrapper,
.tx-videoquiz-pi1 .video-left-col-container,
.singleview .left-col-container,
.singleview .left-col-bottom-container {
	margin: 1.2em 1.8em 2.0em 0.8em;
}
div.singleview .column.last .wrapper {
	margin: 1.2em 2.0em 2.0em 0;
}
.tx-videoquiz-pi1 .video-right-col-container.subblock,
.tx-videoquiz-pi1 .right-col-container.subblock {
	margin: 1.2em 2.0em 2.0em 0;
	background-image: none;
}
.tx-videoquiz-pi1 .video-mobile-right .subblock {
	padding-bottom: 0;
	background-image: none;
	margin: 1.2em 2.0em 2.0em 0;
}

.video-left-col a,
.video-right-col a {
	padding: 0 0 0 10px;
	margin: 0;
}
.video-left-col .image.game a {
	padding: 0;
}

.tx-videoquiz-pi1 .video-title {

}
.tx-videoquiz-pi1 .video-title-container,
.tx-videoquiz-pi1 .game-title-container {
	padding: 0 0 0.5em 0;
	margin: 0 2.0em 0 0.8em;
	background: url('../../images/layout/hruler.gif') repeat-x 0 bottom;
}

.tx-videoquiz-pi1 .video-item {
	padding: 0 0 1em 0;
	margin: 0 0 1.5em 0;
}
.tx-videoquiz-pi1 .media-player {
	margin: 0 0 1.5em 0;
}

.tx-videoquiz-pi1 .video-duration,
.tx-videoquiz-pi1 .video-age {
	margin-bottom: 0.5em;
}
.tx-videoquiz-pi1 .video-duration span,
.tx-videoquiz-pi1 .video-age span {
	font-weight: bold;
}

.tx-videoquiz-pi1 .video-download {
	margin-top: 0.5em;
}

.tx-videoquiz-pi1 .video-keywords,
.tx-videoquiz-pi1 .ratings,
.tx-videoquiz-pi1 .video-socialmedialinks,
.tx-videoquiz-pi1 .video-relatedquizzes {
	padding: 0 0 1.55em 0;
	margin: 0 0 1.5em 0;
	background: url('../../images/layout/hruler.gif') repeat-x 0 bottom;
}

.tx-videoquiz-pi1 .video-description,
.tx-videoquiz-pi1 .video-right-col-container .quiz,
.tx-videoquiz-pi1 .video-right-col-container .video {
	padding: 0 0 0.5em 0;
	margin: 1.5em 0 1.5em 0;
	background: url('../../images/layout/hruler.gif') repeat-x 0 bottom;
}
.tx-videoquiz-pi1 .video-mobile-right .quiz {
/*	background: url('../../images/layout/hruler.gif') repeat-x 0 bottom;*/
}

.tx-videoquiz-pi1 .video-description p {
	margin-top: -3px;
}

.tx-videoquiz-pi1 .video-keywords a {
	padding-left: 0;
}
.tx-videoquiz-pi1 .singleview.video .related {
	padding-bottom: 1.5em;
}
.tx-videoquiz-pi1 .singleview.video .game.related {
	padding: 0 0 1.5em 0;
	margin: 1.5em 0 1.5em 0;
	background: url('../../images/layout/hruler.gif') repeat-x 0 bottom;
}
/* video single view :: end */

/* game single view :: start */
.tx-videoquiz-pi1 .singleview.game .related {
	padding-bottom: 1.5em;
}
/* game single view :: end */


/* misc */
.tx-videoquiz-pi1 p.error-message {
	font-weight: bold;
	color: #8e0000;
}

/** altenative new styles **/
.tx-videoquiz-pi1 .title-container {
	padding: 0 0 0.5em 0;
	margin: 0 2.0em 0 0.8em;
	background: url('../../images/layout/hruler.gif') repeat-x 0 bottom;
}

.tx-videoquiz-pi1 .singleview .media-item {
	padding: 0 0 .5em 0;
}

.tx-videoquiz-pi1 .singleview .infoblock,
.tx-videoquiz-pi1 .singleview .related {
	padding: 1.5em 0 1.55em 0;
	margin: 0;
	background: url('../../images/layout/hruler.gif') repeat-x 0 top;
}
.tx-videoquiz-pi1 .singleview .infoblock.realms {
	background: none;
}
/* hint : can be removed after cleanup */
.singleview .description.related {
	padding: 0;
	background-image: none;
}

.singleview .related.videos a {
	height: auto;
	background: transparent url(../../images/layout/video_icon.png) no-repeat 0 0;
}
.singleview .related.audio a {
	height: auto;
	background: transparent url(../../images/layout/audio_icon.png) no-repeat 0 0;
}