/****************************************************************************\

	Styles for teaser page "Die Spieler kommen"

\****************************************************************************/

html,body {
	background-color:	#121211;
	color:				#FFF;
	font-family:		"Helvetica", Verdana, Arial, sans-serif;
	font-size:			11px;
	height:				100%;
	min-height:			600px;
	margin:				0;
	padding:			0;
}
fb
body {
/*	background:			#121211 url(../img/lp/main_bg.png) 50% 100px  no-repeat;*/
	background:			#121211;
}

a img {
	border:				none;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
	color:				#FFF;
	text-decoration:	none;
}

a:hover,
a:active,
a:focus {
	text-decoration:	underline;
}

#globalWrapper {
	position:			relative;
	margin:				0 auto;
	top:				0;
	width:				846px;
	height:				600px;
	background:			#121211 url(../img/lp/main_bg.png) 0 100px  no-repeat;
	padding-right:		90px;
}

#mainmenu {
	position:			absolute;
	top:				78px;
	top:				43px;
	width:				300px;
	z-index:			10000;
}

#mainmenu .menuColLeft {
	position:			absolute;
	top:				0;
	width:				110px;
}

#mainmenu .menuColRight {
	left:				120px;
	position:			absolute;
	top:				0;
	width:				120px;
}

#mainmenu .menuColMargin {
	left:				240px;
	position:			absolute;
	top:				0;
	width:				120px;
}

#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:hover,
#mainmenu a:active {
	color:				#FFF;
	display:			block;
	font-family:		"Helvetica", Arial, sans-serif;
	font-size:			11px;
	margin-bottom:		7px;
	text-transform:		uppercase;
}

#mainmenu a:hover,
#mainmenu a:active {
	color:				#DF201D;
	text-decoration:	none;
}

#home #mainmenu a.home,
#buch #mainmenu a.dasbuch,
#videos #mainmenu a.dasbuch,
#fotografin #mainmenu a.diefotografin,
#gewinnspiel #mainmenu a.dasgewinnspiel,

#reddot #mainmenu a.reddot,

#event #mainmenu a.dasevent,
#sponsoren #mainmenu a.diesponsoren {
	color:				#DF201D;
}



#socialmedia a:link,
#socialmedia a:visited,
#socialmedia a:hover,
#socialmedia a:active {
	font-family:		"Helvetica", Arial, sans-serif;
	font-weight:		normal;
	color:				#FFF;
	font-size:			11px;
}

#socialmedia a:hover,
#socialmedia a:active {
	color:				#DF201D;
	text-decoration:	none;
}

#socialmedia a.impressum {
	position:			relative;
	top:				-13px;
}

#socialmedia a.kontakt {
	color:				#747473;
	position:			relative;
	top:				-13px;
}

#socialmedia a.kontakt:hover {
	color:				#DF201D;
}

#home #cover-image {
	height:				530px;
	position:			absolute;
	top:				55px;
	left:				295px;
	width:				445px;
}

#home #cover-image span {
	visibility:			hidden;
}

#home #new-videos {
	height:				155px;
	width:				155px;
	position:			absolute;
	top:				150px;
	left:				670px;
}

#home #new-videos span {
	visibility:			hidden;
}

#home #red-dot-award {
	height:				126px;
	width:				180px;
	position:			absolute;
	top:				215px;
	left:				660px;
}

#logorow {
	position:			absolute;
	right:				0;
	top:				50px;
}

#logocol {
	position:			absolute;
	left:				846px;
	top:				100px;
	z-index:			1000;
}

#logocol a {
	display:			block;
	margin-bottom:		4px;
}

#introtext {
	position:			relative;
	top:				150px;
}

#pricetag {
	position:			relative;
	top:				170px;
}

#orderbutton {
	position:			relative;
	top:				170px;
}

#infotext {
	position:			relative;
	top:				193px;
}

#socialmedia {
	position:			absolute;
	top:				544px;
}


#introtext h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				300px;
}

#introtext p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				250px;
}

#infotext p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				175px;
}

#footer {
	height:				100px;
	position:			absolute;
	right:				90px;
	top:				520px;
	width:				520px;
}

#footer #coverthumbnail {
	position:			absolute;
	top:				-40px;
}

#footer #footerdescription {
	color:				#747473;
	line-height:		1.3;
	position:			absolute;
	right:				0;
	top:				0;
	width:				200px;
}

#footer #footerpricetag {
	position:			absolute;
	left:				210px;
	top:				8px;
}

#footer #footerorderbutton {
	position:			absolute;
	left:				100px;
	top:				14px;
}

#sub_links a:link,
#sub_links a:visited,
#sub_links a:hover,
#sub_links a:active {
	display:			block;
	background-color:	#121211;
	font-size:			22px;
	font-weight: 		bold;
	margin:				0;
	padding:			8px 0px;
	margin:				3px 0;
	text-transform:		uppercase;
	width:				205px;
}

#sub_links a:hover  {
	color:				#DF201D;
	text-decoration:	none;
}


/* Innenseiten! */


#event #infotext {
	position:			absolute;
	top:				300px;
	top:				235px;
}

#event #imagecanvas {
	background:			transparent url(../img/lp/image_canvas.png) 50% 50% no-repeat;
	height:				345px;
	left:				240px;
	position:			absolute;
	top:				127px;
	width:				532px;
}

#event #imagecanvas img.gallery {
	position:			absolute;
	left:				16px;
	top:				11px;
}

#event #imagecanvas #img_previous {
	position:			absolute;
	left:				-40px;
	top:				150px;
}

#event #imagecanvas #img_forward {
	position:			absolute;
	right:				-40px;
	top:				150px;
}

#event #sub_links {
	position:			absolute;
	top:				417px;
	top:				350px;
	text-align:			left;
}

/* Das Buch */

#buch #imagecanvas {
	background:			transparent url(../img/lp/image_canvas.png) 50% 50% no-repeat;
	height:				353px;
	left:				260px;
	position:			absolute;
	top:				127px;
	width:				532px;
}

#buch #imagecanvas img.gallery {
	position:			absolute;
	left:				16px;
	top:				11px;
}

#buch #imagecanvas #img_previous {
	position:			absolute;
	left:				-40px;
	top:				150px;
}

#buch #imagecanvas #img_forward {
	position:			absolute;
	right:				-40px;
	top:				150px;
}

#buch #buchdaten {
	position:			absolute;
	top:				130px;
}

#buch #buchdaten h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				170px;
}

#buch #buchdaten p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				200px;
}

#buch #tabcontainer {
	height:				340px;
	left:				250px;
	position:			absolute;
	top:				130px;
	width:				550px;
}
#buch #tabcontainer .clearer {
	clear:				both;
}

#tabcontainer .tabhandle {
	background-color:	#121211;
	float:				left;
	font-size:			22px;
	margin:				0 20px 0 0;
	padding:			14px 10px 0 10px;
	text-transform:		uppercase;
}

#tabcontainer h1.inactive a {
	color:				#747473;
}

#tabcontainer .tabcanvas {
	background-color:	#121211;
	clear:				both;
	height:				270px;
	line-height:		1.3;
	padding:			20px 10px 10px 10px;
}

#tabcontainer #nachspann_canvas {
	color:				#AAA;
}

#tabcontainer .tabcanvas .leftcol {
	float:				left;
	margin-right:		30px;
	width:				250px;
}

#tabcontainer .tabcanvas strong {
	color:				#fff;
}

#tabcontainer .tabcanvas .rightcol {
	float:				left;
	width:				250px;
}

#buch #sub_links {
	position:			absolute;
	top:				290px;
	text-align:			left;
}

/* Die Fotografin */

#fotografin #bio_canvas {
	position:			absolute;
	top:				130px;
}

#fotografin #bio_canvas h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				260px;
}

#fotografin #bio_canvas p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				620px;
}

/* Pressestimmen */

#pressestimmen #canvas {
	position:			absolute;
	top:				130px;
}

#pressestimmen #canvas h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				260px;
}

#pressestimmen #canvas p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				620px;
}

#pressestimmen #sub_links {
	position:			absolute;
	top:				310px;
	right:				90px;
	text-align:			left;
}

#pressestimmen_canvas .cite {
	height:				80px;
}

#pressestimmen_canvas .cite img {
	float:				left;
	padding:			0 10px 20px 0;
}



/* Die Sponsoren */

#sponsoren #strenesse {
	position:			absolute;
	top:				130px;
}

#sponsoren #medienfabrik {
	position:			absolute;
	right:				90px;
	top:				130px;
}

#sponsoren #strenesse h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				240px;
}

#sponsoren #strenesse a.logolink {
	position:			absolute;
	top:				0;
	left:				130px;
}

#sponsoren #strenesse p {
	background-color:	#121211;
	line-height:		1.5;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				350px;
}

#sponsoren #medienfabrik h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0 0 0 180px;
	padding:			14px 15px 0 0;
	text-align:			right;
	text-transform:		uppercase;
	width:				180px;
}

#sponsoren #medienfabrik a.logolink {
	position:			absolute;
	top:				0;
	left:				76px;
}

#sponsoren #medienfabrik p {
	background-color:	#121211;
	line-height:		1.5;
	margin:				0;
	padding:			10px 15px 5px 10px;
	width:				350px;
}



/* Videos */

#videos #sub_links {
	position:			absolute;
	top:				290px;
	text-align:			left;
}

#videos #infotext {
	position:			absolute;
	top:				380px;
}

#videos #videocanvas {
	background-color:	#121211;
	height:				320px;
	left:				215px;
	position:			absolute;
	top:				130px;
	width:				600px;
	padding:			10px;
}

#videos #videodaten {
	position:			absolute;
	top:				130px;
}

#videos  #videodaten h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				170px;
}

#videos  #videodaten p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				200px;
}


/* Das Gewinnspiel */

#gewinnspiel #bio_canvas {
	position:			absolute;
	top:				130px;
}

#gewinnspiel #bio_canvas h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				430px;
}

#gewinnspiel #bio_canvas p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				620px;
}


/* RED DOT AWARD */


#reddot #rd_canvas {
	position:			absolute;
	top:				130px;
}

#reddot #rd_canvas h1 {
	background-color:	#121211;
	font-size:			22px;
	margin:				0;
	padding:			14px 0 0 0;
	text-transform:		uppercase;
	width:				615px;
}

#reddot #rd_canvas p {
	background-color:	#121211;
	line-height:		1.3;
	margin:				0;
	padding:			10px 5px 5px 0;
	width:				730px;
}

#reddot #rd_canvas .rd_logo {
	float:				left;
	padding:			0 10px 5px 0;
}