@charset "utf-8";
/* CSS Document */

/*
=============================================================================
S O N I C  D A  R O C
_____________________________________________________________________________
C R E W
_____________________________________________________________________________
=============================================================================  
*/

@media all {
* { padding: 0; margin: 0; }

ul#crew {
	margin-left: 2px;
}

ul#crew li {
	display: inline; /*wichtig*/
	list-style-type: none;
	width: 491px;
	height: 131px;
}

ul#crew li a {
	display: block; /*wichtig*/
	width: 491px;
	height: 131px;
	margin-bottom: 8px;
	outline: none;
}
/*Ray Crew Button______________*/
ul#crew li#crewRay a:link,
ul#crew li#crewRay a:visited {
	background-image: url(../design/1quer-ray-trans.png);
}

ul#crew li#crewRay a:hover,
ul#crew li#crewRay a:focus {
	background-image: url(../design/1quer-over-ray-trans.png);
}
/*Norb Crew Button______________*/
ul#crew li#crewNorb a:link,
ul#crew li#crewNorb a:visited {
	background-image: url(../design/1quer-norb-trans.png);
}

ul#crew li#crewNorb a:hover,
ul#crew li#crewNorb a:focus {
	background-image: url(../design/1quer-over-norb-trans.png);
}
/*Max Crew Button______________*/
ul#crew li#crewMax a:link,
ul#crew li#crewMax a:visited {
	background-image: url(../design/1quer-max-trans.png);
}

ul#crew li#crewMax a:hover,
ul#crew li#crewMax a:focus {
	background-image: url(../design/1quer-over-max-trans.png);
}
/*
=============================================================================
Crew Navi
=============================================================================  
*/

body#trailer div#contentwrapper div#upcontent .navi3, 
body#crewMember div#contentwrapper div#upcontent .navi3,
body#galeryEinzeln div#contentwrapper div#upcontent .navi3 {
	background-image: url(../design/3-navi.png);
	height: 40px;
	width: 510px;
	margin-top: 20px;
	margin-left: -8px;
}
		* html body#trailer div#contentwrapper div#upcontent .navi3,
		* html body#crewMember div#contentwrapper div#upcontent .navi3,
  		* html body#galeryEinzeln div#contentwrapper div#upcontent .navi3 {
			background-image: none;
			background-color: #FFF;
			width: 440px;
			height: 21px;
		}
		* + html body#trailer div#contentwrapper div#upcontent .navi3,
		* + html body#crewMember div#contentwrapper div#upcontent .navi3,
		* + html body#galeryEinzeln div#contentwrapper div#upcontent .navi3 {
			width: 510px;
			margin-right: -38px;
		}
/*________________________________*/
body#trailer div#contentwrapper div#upcontent .navi3 navi3inner,
body#crewMember div#contentwrapper div#upcontent .navi3 .navi3inner,
body#galeryEinzeln div#contentwrapper div#upcontent .navi3 .navi3inner {
	height: 20px;
	width: 480px;
}
body#trailer div#contentwrapper div#upcontent .navi3Text,
body#crewMember div#contentwrapper div#upcontent .navi3Text,
body#galeryEinzeln div#contentwrapper div#upcontent .navi3Text {
	margin: 2px 10px 0px 15px;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	border-bottom: none;
	outline: none;
	cursor: pointer;
}
body#trailer div#contentwrapper div#upcontent .navi3Text:hover,
body#trailer div#contentwrapper div#upcontent .navi3Text:focus,
body#crewMember div#contentwrapper div#upcontent .navi3Text:hover,
body#crewMember div#contentwrapper div#upcontent .navi3Text:focus,
body#galeryEinzeln div#contentwrapper div#upcontent .navi3Text:hover,
body#galeryEinzeln div#contentwrapper div#upcontent .navi3Text:focus {
	color: #666;
	border-bottom: 1px dotted #666;
}
/*________________________________*/
div#contentwrapper div#upcontent div#crewInfo {
	margin-top: 10px;
	margin-left: 2px;
	text-align: left;
}

div#contentwrapper div#upcontent div#crewInfo ul {
	margin-left: 14.5em;
}
div#contentwrapper div#upcontent div#crewInfo ul li {
	list-style-type: none;
	margin-bottom: 0.5em;
}

div#contentwrapper div#upcontent div#crewInfo ul li ul{
	margin-left: 1em;
}
div#contentwrapper div#upcontent div#crewInfo ul li ul li {
	list-style-type: circle;
	margin-bottom: auto;
}
/*#########################################################################
Klassen 
###########################################################################*/

.Crewrechts { /*Bilder*/
	float: right;
	margin: 10px 0px 10px 10px;
	clear: both;
	padding: 3px;
}

.Crewlinks { /*Bilder*/
	float: left;
	margin: 10px 10px 10px 0px;
	clear: both;
	padding: 3px;
}
} /* dont Kill, Media All */
