/* --------------------------------------------------------------------------------------
 * init
 * -------------------------------------------------------------------------------------- */

	.toggle-set {
		position: relative;
	}
	.toggle-trigger,
	.toggle-trigger-all {
		display: none;
	}
	.js .toggle-trigger,
	.js .toggle-trigger-all {
		display: block;
	}
	.js .toggle-hidden {
		display: none;
	}

	#atffc {
		/* addthis bar */
		display: none !important;
	}


/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	html {
		height: 100%;
		padding-bottom: 1px; /* always show vertical scrollbars */
	}
	body {
		font-family: 'Helvetica', Arial, Helvetica, sans-serif;
		font-size: 14px;
		background: #000; color: #ddd;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}
	body.ie6 {
		behavior: url("/static/components/csshover/csshover3.htc");
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 10px !important;
	}
	.mb2 {
		margin-bottom: 25px !important;
	}
	.mb3 {
		margin-bottom: 50px !important;
	}
	.mb4 {
		margin-bottom: 100px !important;
	}
	.clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}
	.inline {
		display: inline;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	.reader    = screen reader only         (eg skip links)
	.print     = print only                 (eg contact infos, references)
	.nonprint  = don't print                (eg navigation)
	.noreader  = hide from screen readers   (eg screen meta info)
	.nonjs     = show if JS is deactivated
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}
	@media aural {
		.nonreader {
			display: none;
			visibility: hidden;
		}
	}
	html.js .nonjs {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p, li {
		font-size: 1em; line-height: 1.4em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h3, h4, h5, h6 {
		font-size: 1em; line-height: 1.4em; font-weight: bold;
		margin: 0 0 0.3em 0; padding: 0;
		color: #ddd;
	}
	h2 {
		font-size: 1.2em; line-height: 1.4em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
		color: #ddd;
	}
	h1 {
		font-family: 'Today', 'Helvetica', Arial, Helvetica, sans-serif;
		font-size: 2em; line-height: 1.2em; font-weight: normal;
		margin: 0 0 0.5em -2px; padding: 0;
		color: #ddd;
	}

	/* sidebar */

	.col-side h1,
	.col-side h2,
	.col-side h3,
	.col-side h4,
	.col-side h5,
	.col-side h6 {
		font-size: 1em;
		line-height: 1.4em;
		border-bottom: 1px solid #444;
	}
	.col-side p,
	.col-side li {
		font-size: 0.9em; line-height: 1.4em;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul, ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		margin: 0 0 0.3em 0;
		padding: 0;
	}

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

	a {
		text-decoration: none;
		color: #b5bd0a; /* green */
	}
	a:hover,
	a:focus {
		text-decoration: underline;
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

	/* external */

	a.external {
		background-image: url(../images/icon_external.png);
		background-position: right top;
		background-repeat: no-repeat;
		padding-right: 11px;
		zoom: 1; /* IE */
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}
	img {
		/* behavior: url("static/components/iepngfix/iepngfix.htc"); */
	}

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
	}


/* --------------------------------------------------------------------------------------
 * tools
 * -------------------------------------------------------------------------------------- */

	/* maintenance */

	#maintenance {
		background: #990000;
	}
	#maintenance p {
		font-size: 1em;
		line-height: 1em;
		display: block;
		text-align: center;
		color: #fff;
		padding: 5px 5px 6px 5px;
		margin: 0;
		border-bottom: 2px solid #222;
	}

	/* DECAF */

	a#decafmedia,
	a#decafmedia:hover,
	a#decafmedia:focus {
  		width: 12px;
  		height: 64px;
  		margin: -100px 0 0 0;
  		position: absolute; left: 8px;
  		text-decoration: none;
  		border: none;
  		background: none;
  	}

	/* search results */

	#content .searchresults ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	#content .searchresults ul li {
		margin: -1px 0 0 0;
		padding: 10px 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		list-style-type: none;
		line-height: 1.4em;
	}

	/* search form */

	#searchform {
		margin: 0;
		background: #ccc;
		border: 1px solid #ccc;
		float: left;
	}
	#searchform form {
		margin: 0;
		padding: 0;
	}
	#searchform input {
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
		-ms-box-sizing: border-box; /* IE */
		font-size: 0.9em;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		border: 0;
		background: none;
		color: #333;
		margin: 0;
	}
	#searchform input.text {
		width: 180px;
		background: #fff url(../images/bgr_searchfield.png) 165px center no-repeat;
		padding: 3px 20px 3px 5px;
	}
	.ie6 #searchform input.text {
		width: 155px;
	}
	.ie7 #searchform input.text {
		width: 155px;
	}
	#searchform input.button {
		width: 9%;
		color: #fff;
		cursor: pointer;
		display: none;
	}
	.ie6-7 #searchform {
		zoom: 1;
		border-top: 0 !important;
		border-bottom: 0 !important;
	}

	/* search results */

	.searchresults ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	.searchresults ul li {
		margin: -1px 0 5px 0;
		padding: 10px;
		background: #eee;
		list-style-type: none;
		line-height: 1.4em;
	}

	/* non-js info */

	.jsinfo {
		background: #444;
		color: #ccc;
		padding: 3px 10px;
		font-size: 12px; line-height: 1em;
	}


/* --------------------------------------------------------------------------------------
 * d--form
 * -------------------------------------------------------------------------------------- */

	/* containers */

	.d--form {
		/* width: 600px; */
	}
	.d--form .d--inner {
		margin-right: 15px; /* margin between cells */
	}
	.d--form .d--stretch {
		margin-right: -15px; /* negative margin according to .d--inner */
		zoom: 1;
	}
	.ie6 .d--form .d--data {
		/* IE 6 */
		margin-right: 15px; /* value must be (padding + borders) of form elements! */
	}
	.ie7 .d--form .d--data {
		/* IE 7 */
		margin-right: 15px; /* value must be (padding + borders) of form elements! */
	}

	/* generic elements */

	.d--form .d--clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}
	.d--form .d--mb1 {
		margin-bottom: 5px;
	}
	.d--form .d--mb2 {
		margin-bottom: 10px;
	}
	.d--form .d--mb3 {
		margin-bottom: 20px;
	}

	/* horizontal layout */

	.d--form .d--cell {
		float: left;
	}
	.ie6-7 .d--form .d--cell {
		overflow: hidden;
	}
	.d--form .d--w100 {
		width: 99.9%;
	}
	.d--form .d--w75 {
		width: 74.9%;
	}
	.d--form .d--w50 {
		width: 49.9%;
	}
	.d--form .d--w25 {
		width: 24.9%;
	}

	/* vertical layout */

	.d--form .d--label,
	.d--form .d--data,
	.d--form .d--caption {
		margin-bottom: 2px;
	}

	/* labels */

	.d--form label {
		display: block;
		padding: 2px 0;
	}
	.d--form .d--grouplabel {
		margin-bottom: 10px;
	}

	/* caption (text below form elements) */

	.d--form .d--caption p {
		margin: 0;
		color: #888;
	}

	/* input elements */

	.d--form .d--input,
	.d--form .d--select,
	.d--form .d--textarea {
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
		-ms-box-sizing: border-box; /* IE */
		width: 100%; /* default full width */
	}
	.d--form .d--radio,
	.d--form .d--checkbox {
		cursor: pointer;
	}
	.d--form .d--radiocheck .d--data {
		margin: 0;
		float: left;
	}
	.d--form .d--radiocheck .d--label {
		margin-left: 25px;
	}
	.ie6 .d--form .d--radiocheck .d--label {
		margin-left: 3px;
		display: inline;
		zoom: 1;
	}
	.d--form .d--radiocheck label {
		float: left;
		cursor: pointer;
	}

	/* cancel element */

	.d--form .d--cancel {
		display: inline;
		padding-left: 10px;
		vertical-align: text-bottom;
		zoom: 1;
	}
	.d--form .d--cancel a {
		padding-left: 10px;
	}

	/* mandatory */

	.d--form .d--mandatory label {
		font-weight: bold;
	}

	/* alert */

	.d--form .d--alert {
		margin-bottom: 20px;
	}
	.d--form .d--alert .d--inner {
		padding: 10px;
		background: #444;
	}
	.d--form .d--alert p {
		color: #fff;
		margin: 0 0 10px 0;
	}
	.d--form .d--alert ul,
	.d--form .d--alert ol {
		margin: 0;
		padding: 0;
	}
	.d--form .d--alert li {
		color: #fff;
		margin: 0 0 0 30px;
		padding: 0;
	}
	.d--form .d--alert li a {
		color: #fff;
		text-decoration: none;
	}

	/* errors */

	.d--form .d--error .d--label {
		background: #990000;
		color: #fff;
		padding: 0 0 0 8px;
	}
	.d--form .d--error label {
		font-weight: bold;
	}
	.d--form .d--errors .d--inner {
		background: #990000;
	}

	/* style1: minimal */

	.d--form,
	.d--form label,
	.d--form .d--input,
	.d--form .d--select,
	.d--form .d--textarea,
	.d--form .d--submit {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 1.4em;
	}
	.d--form .d--input,
	.d--form .d--select,
	.d--form .d--textarea {
		background: #333;
		border-color: #555;
		border: none;
		border-left: 5px solid #555;
		border-bottom: 1px solid #555;
		padding: 3px 5px;
		color: #eee;
	}
	.d--form .d--submit {
		border: 0;
		border-left: 5px solid #eee;
		padding: 3px 20px;
		background: #b5bd0a;
		color: #333;
		cursor: pointer;
		font-weight: bold;
	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	/* wrappers */

	.wrp1 {
		background: #222;
		min-width: 960px;
		position: relative;
		zoom: 1;
	}
	.wrp2 {
		width: 100%;
		max-width: 1266px;
		margin: 0 auto;
		position: relative;
		zoom: 1;
	}
	.ie6 .wrp2 {
		max-width: auto;
		width: 1050px;
	}
	.lang-0 .wrp2 {
		background: url(../images/bgr_site_en.jpg) center top no-repeat;
	}
	.lang-1 .wrp2 {
		background: url(../images/bgr_site_de.jpg) center top no-repeat;
	}
	.wrp3 {
		width: 680px;
		margin: 0 auto;
		padding-top: 265px;
		min-height: 300px;
		position: relative; left: 25px;
		zoom: 1;
	}
	.ie6 .wrp3 {
		min-height: auto;
		height: 300px;
	}
	.wrp4 {
		background: #000 url(../images/bgr_site_b.png) repeat-x;		
		min-width: 960px;
		padding-top: 100px;
		zoom: 1;
	}

	/* bgr/images */

	.bgr-l,
	.bgr-r,
	.bgr-t {
		position: absolute; top: 0;
		overflow: hidden;
		zoom: 1;
	}
	.bgr-l,
	.bgr-r {
		width: 15px;
		height: 514px;
	}
	.bgr-l {
		left: 0;
		background: url(../images/bgr_site_l.png) no-repeat;
	}
	.bgr-r {
		right: 0;
		background: url(../images/bgr_site_r.png) no-repeat;
	}
	.bgr-t {
		left: 0;
		width: 100%;
		height: 10px;
		background: url(../images/bgr_site_t.png) no-repeat;
	}
	.ie6 .bgr-l,
	.ie6 .bgr-r,
	.ie6 .bgr-t {	
		behavior: url("static/components/iepngfix/iepngfix.htc");
	}

	/* columns */

	.col-full {
		width: 640px;
	}
	.col-main {
		width: 460px;
		float: left;
		margin-right: 35px;
	}
	.col-side {
		width: 165px;
		float: left;
	}
	.ie6 .col-main,
	.ie6 .col-side {
		display: inline;
	}


/* --------------------------------------------------------------------------------------
 * navigation
 * -------------------------------------------------------------------------------------- */
	
	.navigation {
		position: absolute; top: 336px; left: -183px;
		width: 155px;
		height: 420px;
		overflow: hidden;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.navigation li {
		display: block;
		overflow: hidden;
		position: absolute;
		zoom: 1;
	}
	.navigation li div {
		height: 100%;
		overflow: hidden;
		zoom: 1;
	}
	.lang-0 .navigation li div {
		background: url(../images/navi_en.jpg) 0 0 no-repeat;
	}
	.lang-1 .navigation li div {
		background: url(../images/navi_de.jpg) 0 0 no-repeat;
	}
	.navigation li a {
		display: block;
		height: 100%;
		overflow: hidden;
		cursor: pointer;
		zoom: 1;
	}
	.navigation li.nav-1 {
		width: 111px;
		height: 35px;
		top: 0;
		left: 34px;
	}
	.navigation li.nav-1 div {
		background-position: -34px 0;
	}
	.navigation li.nav-1 div.active,
	.navigation li.nav-1:hover div,
	.navigation li.nav-1:focus div {
		background-position: -189px 0;
	}
	.navigation li.nav-7 {
		width: 125px;
		height: 35px;
		top: 35px;
		left: 30px;
	}
	.navigation li.nav-7 div {
		background-position: -30px -35px;
	}
	.navigation li.nav-7 div.active,
	.navigation li.nav-7:hover div,
	.navigation li.nav-7:focus div {
		background-position: -185px -35px;
	}
	.navigation li.nav-8 {
		width: 124px;
		height: 35px;
		top: 71px;
		left: 17px;
	}
	.navigation li.nav-8 div {
		background-position: -17px -71px;
	}
	.navigation li.nav-8 div.active,
	.navigation li.nav-8:hover div,
	.navigation li.nav-8:focus div {
		background-position: -172px -71px;
	}
	.navigation li.nav-9 {
		width: 147px;
		height: 35px;
		top: 106px;
		left: 0;
	}
	.navigation li.nav-9 div {
		background-position: 0 -106px;
	}
	.navigation li.nav-9 div.active,
	.navigation li.nav-9:hover div,
	.navigation li.nav-9:focus div {
		background-position: -155px -106px;
	}
	.navigation li.nav-10 {
		width: 126px;
		height: 35px;
		top: 141px;
		left: 21px;
	}
	.navigation li.nav-10 div {
		background-position: -21px -141px;
	}
	.navigation li.nav-10 div.active,
	.navigation li.nav-10:hover div,
	.navigation li.nav-10:focus div {
		background-position: -176px -141px;
	}
	.navigation li.nav-11 {
		width: 114px;
		height: 36px;
		top: 177px;
		left: 25px;
	}
	.navigation li.nav-11 div {
		background-position: -25px -177px;
	}
	.navigation li.nav-11 div.active,
	.navigation li.nav-11:hover div,
	.navigation li.nav-11:focus div {
		background-position: -180px -177px;
	}


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

	/* language select */

	.languageselect {
		position: absolute; top: 17px; right: 20px;
	}
	.languageselect ul {
		margin: 0;
		padding: 5px 10px 1px 20px;
		list-style: none;
	}
	.languageselect ul:hover {
		background: #eee;
	}
	.languageselect ul li {
		margin: 0 0 5px 0;
		font-size: 12px; line-height: 1em;
		text-align: right;
		display: none;
	}
	.languageselect ul li.act,
	.languageselect ul:hover li {
		display: block;
	}
	.languageselect ul li a {
		color: #333;
		text-transform: uppercase;
	}
	.languageselect ul li a:hover,
	.languageselect ul li a:focus {
		color: #666;
		text-decoration: none;
	}

	/* footer */

	.footer {
		width: 680px;	
		margin: 0 auto;
		padding: 0 0 30px 0;
		position: relative; left: 25px;
	}
	.footer .partners {
		position: relative; left: -6px;
	}

	/* headline */

	.headline {
		border-bottom: 1px solid #444;
		margin-bottom: 20px;
	}
	.headline h1 {
		margin-bottom: 0;
		padding-bottom: 8px;
	}

	/* trailer */

	.trailer {
		width: 640px;
		height: 385px;
		padding: 2px;
		background: #000;
	}

	/* pics */

	.pic {
		margin: 0 0 20px 0;
	}
	.aleft {
		float: left;
		margin: 0 20px 10px 0;
	}
	.aright {
		float: right;
		margin: 0 10px 10px 15px;
	}
	.wtext {
		border: 1px solid #444;
		padding: 1px;
		/* background: #EFEBE2; */
	}
	.pic p {
		font-size: 0.9em; line-height: 1.2em;
		margin: 2px 0 0 0;
		padding: 5px 5px 3px 5px;
		background: #333;
		color: #999;
	}

	/* gallery */

	.d--gallery {
	}
	.d--gallery ul {
		list-style: none;
		margin: 0;
		padding: 0;
		cursor: default;
	}
	.d--gallery li {
		width: 170px; /* padding und border von li img beachten! */
		margin: 0 0 10px 0; /* ggfls margin-right setzen */
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}
	.d--gallery-size1 li {
		width: 102px;
		margin-bottom: 5px;
	}
	.d--gallery-size2 li {
		width: 127px;
		margin-bottom: 5px;
	}
	.d--gallery-size3 li {
		width: 169px;
		margin-bottom: 10px;
	}
	.d--gallery li a {
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		cursor: pointer;
	}
	.d--gallery li .d--gallery-wrp {
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}
	.d--gallery li img {
		display: block;
		border: 1px solid #ccc;
		padding: 2px;
		margin-bottom: 1px; /* ie */
	}
	.d--gallery li a:hover img,
	.d--gallery li a:focus img {
		border-color: #004f9c;
	}
	.ie6-7 .d--gallery li,
	.ie6-7 .d--gallery li a,
	.ie6-7 .d--gallery li .d--gallery-wrp {
		display: inline;
		zoom: 1;
	}




	/* sidebar */

	.col-side .block {
		margin-bottom: 25px;
	}

	/* sidebar: social */

	.bl-social .icon {
		float: left;
		margin: 0 15px 5px 0;
	}



	/* game */

	body.game {
		background: #222;
	}
	table.game {
		width: 100%;
		height: 100%;
		min-width: 800px;
		min-height: 600px;
	}
	table.game td {
		text-align: center;
		vertical-align: middle;		
	}
	table.game div.wrp {
		width: 804px;
		text-align: left;
		margin: 0 auto;
	}
	table.game div.game {
		width: 800px;
		height: 600px;
		border: 2px solid #000;
		margin-bottom: 5px;
	}
	table.game div.branding {
		background: #000 url(../../game/logo_seed-warriors.png) 710px center no-repeat;
		padding: 10px 110px 10px 20px;
		min-height: 22px;
	}
	table.game div.branding p {
		margin-bottom: 0;
		font-size: 12px;
		color: #999;
	}


	.readmore {
		padding-top: 10px;
	}
	.readmore a {
		white-space: nowrap;
	}

	/* news */

	.bl-news {
		position: relative;
	}
	.bl-news ul {
		margin: 0 0 1em 0;
		padding: 0;
		list-style: none;
	}
	.bl-news li {
		margin: 0 0 0.5em 0;
		padding: 0;
		border-bottom: 1px solid #444;
		zoom: 1;
	}
	.bl-news .news-col1 {
		width: 100px;
		float: left;
	}
	.bl-news .news-col2 {
		width: 360px;
		float: left;
	}
	.ie6 .bl-news .news-col1,
	.ie6 .bl-news .news-col2 {
		display: inline;
	}
	.bl-news p {
		margin-bottom: 0.5em;
	}
	.bl-news .news-headline p {
		font-weight: bold;
	}
	.bl-news .news-date p {
		color: #aaa;
	}
	.js .bl-news .news-hascontent .news-headline {
		cursor: pointer;
	}
	.js .bl-news .news-content {
		display: none;
	}
	.js .bl-news .readmore {
		padding-left: 5px;
		color: #b5bd0a;
	}

	/* Stills gallery */

	.galleries {
		width: 470px;
		zoom: 1;
	}
	.galleries ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.galleries li {
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
		line-height: 1em;
	}
	.galleries li a {
		width: 140px;
		overflow: hidden;
		display: block;
		background: #333;
		color: #999;
		text-decoration: none !important;
		border: 1px solid #333;
		padding: 2px;
	}
	.galleries li a:hover,
	.galleries li a:focus {
		border-color: #555;
	}
	.galleries li span {
		display: block;
		font-size: 12px;
		white-space: nowrap;
		padding: 5px 0 1px 2px;
	}

	/* back to parent link */

	.backlink {
		margin: -10px 0 0 0;
	}

	/* code */

	pre {
	 	white-space: pre-wrap;       /* css-3 */
	 	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	 	white-space: -pre-wrap;      /* Opera 4-6 */
	 	white-space: -o-pre-wrap;    /* Opera 7 */
	 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
		font-family: 'Consolas', 'Andale Mono', 'Courier New', monospace;
		font-size: 1em; line-height: 1.3em;
	}
	code {
		font-family: 'Consolas', 'Andale Mono', 'Courier New', monospace;
		font-size: 1em; line-height: 1.3em;
	}
	pre code {
		display: block;
		background: #333;
		margin: 0 0 20px 0;
		padding: 5px 10px;
	}


/* --------------------------------------------------------------------------------------
 * d--gallery
 * -------------------------------------------------------------------------------------- */

	.d--gallery {
		margin: 0 0 10px 0;
	}
	.d--gallery ul {
		list-style: none;
		margin: 0;
		padding: 0;
		cursor: default;
	}
	.d--gallery li {
		width: 160px; /* padding und border von li img beachten! */
		margin: 0 0 10px 0; /* ggfls margin-right setzen */
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}
	.d--gallery li a {
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		cursor: pointer;
	}
	.d--gallery li .d--gallery-wrp {
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}
	.d--gallery li img {
		display: block;
		border: 1px solid #444;
		padding: 2px;
		margin-bottom: 1px; /* ie */
	}
	.d--gallery li a:hover img,
	.d--gallery li a:focus img {
		border-color: #666;
	}
	.ie6-7 .d--gallery li,
	.ie6-7 .d--gallery li a,
	.ie6-7 .d--gallery li .d--gallery-wrp {
		display: inline;
		zoom: 1;
	}

	.d--gallery-size-2 li {
		width: 320px;
		margin: 0 0 10px 0;
	}
	.d--gallery-size-3 li {
		width: 213px;
		margin: 0 0 10px 0;
	}
	.d--gallery-size-4 li {
		width: 160px;
		margin: 0 0 10px 0;
	}
	.d--gallery-size-5 li {
		width: 128px;
		margin: 0 0 10px 0;
	}

	.d--gallery-more {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * d--image
 * -------------------------------------------------------------------------------------- */

	.d--image {
		position: relative; z-index: 1000;
		margin: 0 auto 10px auto;
		zoom: 1;
	}
	.d--image-align-l {
		float: left;
		margin-right: 15px;		
	}
	.d--image-align-r {
		float: right;
		margin-right: 10px;
		margin-left: 10px;
	}
	.d--image-desc {
		display: block;
		font-size: 0.9em; line-height: 1.2em;
		margin: 2px 0 0 0;
		padding: 5px;
		background: #333;
		zoom: 1;
	}
	.d--image a {
		display: block;
		color: #999;
		text-decoration: none !important;
		cursor: pointer;
		zoom: 1;
	}
	.d--image .d--image-wrp {
		display: block;
		zoom: 1;
	}
	.d--image-has-desc .d--image-wrp {
		border: 1px solid #444;
		padding: 2px;
	}
	.d--image a:hover .d--image-wrp,
	.d--image a:focus .d--image-wrp {
		border-color: #666;
	}


/* --------------------------------------------------------------------------------------
 * DVD
 * -------------------------------------------------------------------------------------- */

  .dvdcover {
    position: absolute; bottom: 20px; right: 10px;
    width: 120px;
  }
  .dvdcover a,
  .dvdcover img {
    display: block;
    text-decoration: none !important;
  }
  .dvdcover span {
    position: absolute; bottom: -5px; right: 17px;
    display: block;
    font-size: 12px;
    background: #444;
    color: #fff;
    padding: 2px 5px;
  }