/*----SIMPLE STYLE----*/
/*---- OMAR MARCOS 2020----*/
/*----FOR FRODO----*/

* {
	box-sizing: border-box;
}


body
{
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 100%;
}

.home
{
	margin: 0;
	padding: 0;
	background: #FFF;
}





/*--TITLE--*/
#pagetitle
{
	display: none;
}




.Ostart
{
	margin: 0;
	padding: 0;
	background-color: rgb(30, 36, 49);
	background-color: #FFF;
}
@media screen and (max-width: 800px){
	.Ostart {}}


.Oports
{
	margin: 0;
	padding: 0;
	background-color: rgb(30, 36, 49);
}


h1
{
	font-family: "Adobe Caslon Pro", serif;
	font-family: courier, serif;
	font-family: optima, myriad pro, tahoma, euphemia UCAS, sans-serif;
	color: rgb(30, 96, 179);
	font-weight: normal;
	text-align: left;
/*	font-size: 28px;*/
	font-size: 1.75em;
	letter-spacing: 1px;
}


h2
{
	font-family: "Adobe Caslon Pro", serif;
	color: #333;
	font-weight: bold;
/*	font-size: 14px;*/
	font-size: .875em;
	letter-spacing: 1px;
	line-height: 17px;
	margin-bottom: 0px;
}

h3
{
	font-family: helvetica, arial, sans-serif;
	color: rgb(30, 96, 179);
/*	font-size: 11px;*/
	font-size: .6875em;
	letter-spacing: 1px;
	margin: 10px 0px 1px 3px;
}

.box2
{
/*	margin: 0 auto;*/
	margin-left: 14%;
	width: 82%;
/*	display: table;*/
}
@media screen and (max-width: 1500px){
	.box2 {margin: 0 auto;}}
@media screen and (max-width: 650px){
	.box2 {margin: 0 auto; width: 95%;}}




.updatedcalc
{
	font-family: helvetica, arial, sans-serif;
	color: #333;
	font-weight: bold;
/*	font-size: 18px;*/
	font-size: 1.125em;
	letter-spacing: 0px;
}








/*--HEADERS--*/


.artheader2
{
	font-family: helvetica, arial, sans-serif;
	color: rgb(30, 96, 179);
	font-style: italic;
	color: #333;
	font-weight: bold;
	text-align: center;
/*	font-size: 16px;*/
	font-size: 1em;
	letter-spacing: 3px;
	padding: 20px 0px 10px 0px;
	margin: 0 auto;
}
@media screen and (max-width: 650px){
	.artheader2 {margin-left: 17px;/*font-size: 14px;*/ font-size: .875em; padding-bottom: 12px;}}




#Hsteam
{
	margin-left: 3.9%;
}
@media screen and (max-width: 1150px){
	#Hsteam {margin-left: 4%;}}
@media screen and (max-width: 950px){
	#Hsteam {margin-left: 4.9%;}}
@media screen and (max-width: 650px){
	#Hsteam {margin-left: 4.2%;}}

#Hsteam
{
	width: 127px;
	height: 40px;
	background: transparent url(../bildSleekTheme/Hsteam.png) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	#Hsteam {}}


#Hsteam2
{
	position: relative;
	left: 7%;
	top: 51px;
	width: 180px;
	font-family: helvetica, arial, sans-serif;
	font-style: italic;
	color: rgba(10, 10, 10, .2);
	font-weight: bold;
	line-height: 6px;
	text-align: left;
/*	font-size: 14px;*/
	font-size: .875em;
	letter-spacing: 8px;
	padding: 0px;
}
@media screen and (max-width: 1150px){
	#Hsteam2 {left: 8%;}}
@media screen and (max-width: 950px){
	#Hsteam2 {left: 11%;}}
@media screen and (max-width: 650px){
	#Hsteam2 {left: 10%;}}









#HsteamBlink
{
	margin-left: 3.9%;
	margin-left: 38px;  /*41*/
}
@media screen and (max-width: 650px){
	#HsteamBlink {margin-left: 18px;}}

#HsteamBlink
{
	width: 127px;
	height: 40px;
	background: transparent url(../bildSleekTheme/Hsteam.png) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	#HsteamBlink {}}


#HsteamBlink a
{
	display: block;
	width: 127px;
	height: 40px;
}

#HsteamBlink a:hover
{
	border-left: 3px solid #00CCFF;
	border-right: 3px solid #00CCFF;
	border-radius: 7px;
}














#containerOart
{
	margin-top: 0px;
	height: auto;
	background-color: rgb(28, 42, 67);
	background-color: #FFF;
/*	border-top: 12px solid rgb(30, 36, 49);*/
/*	border-bottom: 4px solid rgb(30, 36, 49);*/
	width: 99.9%;
/*	margin-top: 2%;
	margin-bottom: 2%;*/
	background: #FFF;
}
@media screen and (max-width: 800px){
	#containerOart {margin-top: 0px; background: #FFF; border: none;}}
@media screen and (max-width: 605px){
	#containerOart {width: 100%; margin-top: 0px; background: #FFF;}}



#wrapO1, #wrapOwords
{
	width: 100%;
	height: auto; /*780*/
	margin-top: 0px;
	background-color: transparent;
	z-index: 3;
	border-top: none;
	border-bottom: none;
	background-color: #FFF;
}








#contentOwords
{
	margin-top: 0px;
	height: auto;
	background-color: #FFF;
}
@media screen and (max-width: 800px){
	#contentOwords {height: 100%;}}









/*----LOGO & SCREENSIZE NOTE WRAPS----*/
.wrapI
{
/*	float: left;*/
/*	display: inline;*/	/*--FIXES IE WIN DOUBLE MARGIN BUG*/
	width: 100%;
	height: 45px;	/*55 62px;*/
	border-bottom: 1px solid #999;
/*	background-color: transparent;*/
/*	background-color: rgba(100%, 100%, 100%,.4);*/
/*	background-color: rgba(5%, 5%, 5%, .95);*/
	background-color: #333;
	background-color: rgba(12%, 12%, 12%, 1);
	background-color: transparent;
	background-color: rgb(25%, 25%, 25%);
	background-color: rgb(7, 34, 69); /*30, 36, 49*/
}


#wrapA
{
/*	float: left;*/
/*	display: inline;*/	/*--FIXES IE WIN DOUBLE MARGIN BUG*/
	width: 100%;
/*	width: 285px;*/
	height: 45px;	/*55 62px;*/
	border-bottom: 1px solid #999;
/*	background-color: transparent;*/
/*	background-color: rgba(100%, 100%, 100%,.4);*/
/*	background-color: rgba(5%, 5%, 5%, .95);*/
	background-color: #333;
	background-color: rgba(12%, 12%, 12%, 1);
	background-color: #FFF;
}

#wrapA #socal
{
	background: #FFF;
}






/*----LOGO SETTINGS----*/

#indexlogoPhoto
{
	float: left;
	width: 235px;  /*280*/
	margin-bottom: 0px;
	padding: 0;
	height: 18px;	/*35 78 84px*/
	background: transparent url(../bild/TopLogB.png) no-repeat 0px 0px;
	margin-left: 20px;
	margin-top: 15px;
/*	margin: 0 auto;*/
/*	border: 1px solid #CCC;*/
	background-color: transparent;
}

#indexlogoPhoto2
{
	float: left;
	width: 255px;  /*280*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	height: 35px;	/*78 84px*/
	background: transparent;
	margin-left: 0px;
	margin-top: 2px;
/*	margin: 0 auto;*/
/*	border: 1px solid #CCC;*/
	background-color: transparent;
}

.legal
{
	float: right;
	margin: 12px 75px 0px 0px;
}
@media screen and (max-width: 1100px){
	.legal {margin: 12px 50px 0px 0px;}}
@media screen and (max-width: 950px){
	.legal {display: none;}}


.legal .resources a, .legal .privacy a, .legal .terms a, .legal .changelogT a, .legal .newsT a, .legal .newsT2 a, .legal .navbio a
{
	font-family: helvetica, arial, futura, sans-serif;
	font-weight: bold;
	list-style-type: none;
/*	font-size: 11px;*/
	font-size: .6875em;
	color: #666666;
	color: #999;
	color: rgb(160, 160, 160);
	letter-spacing: .5px;
	text-decoration: none;
	padding: 0px 6px 0px 9px;  /*0 15 0 9*/
	border-left: 1px solid #999;
}

/*.legal .navbio2 a
{
	border-left: none;
}

.legal .newsT a
{
	border-left: none;
}*/


.legal .resources a
{
	font-weight: bold;
	font-style: italic;
	color: #003399;
	color: #FF6600;
	color: #33CCFF;
}
/*@media screen and (max-width: 950px){
	.legal .resources a, .legal .privacy a, .legal .terms a, .legal .changelogT a, .legal .newsT a, .legal .newsT2 a, .legal .navbio a {font-size: 10px; padding: 0px 3px 0px 0px;}}*/


.legal .resources a:hover, .legal .privacy a:hover, .legal .terms a:hover, .legal .changelogT a:hover, .legal .newsT a:hover, .legal .newsT2 a:hover, .legal .navbio a:hover
{
	color: #33CCFF;
	color: rgb(6, 90, 208);
	color: #EEE;
}

.legal a.active
{
	color: #33CCFF;
	color: rgb(12, 42, 163);
	color: rgb(6, 90, 208);
	color: rgb(178, 215, 255);
}




.wrapI2
{
	width: 100%;
	height: 45px;
	background-color: rgb(25%, 25%, 25%);
	background-color: rgb(7, 34, 69);
}
@media screen and (min-width: 951px){
	.wrapI2 {display: none;}}
@media screen and (max-width: 650px){
	.wrapI2 {height: 37px;}}

.legal2
{
	float: right;
	margin: 12px 35px 20px 0px;
}
@media screen and (min-width: 951px){
	.legal2 {display: none;}}
@media screen and (max-width: 951px){
	.legal2 {display: visible;}}
@media screen and (max-width: 650px){
	.legal2 {margin: 7px 30px 15px 0px;}}
@media print
	{.legal2 {display: none;}}


.legal2 .resources a, .legal2 .privacy a, .legal2 .terms a, .legal2 .changelogT a, .legal2 .newsT a, .legal2 .newsT2 a, .legal2 .navbio a
{
	font-family: helvetica, arial, futura, sans-serif;
	font-weight: bold;
	list-style-type: none;
/*	font-size: 10px;*/
	font-size: .625em;
	color: #666666;
	color: #999;
	color: rgb(160, 160, 160);
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	border-left: 1px solid #999;
}

.legal2 .resources a
{
	font-weight: bold;
	font-style: italic;
/*	margin-right: 5px;*/
	color: #003399;
	color: #FF6600;
	color: #33CCFF;
}
@media screen and (max-width: 950px){
	.legal2 .resources a, .legal2 .privacy a, .legal2 .terms a, .legal2 .changelogT a, .legal2 .newsT a, .legal2 .newsT2 a, .legal2 .navbio a {/*font-size: 9.3px; */font-size: .5813em; padding: 0px 9px 0px 9px;}}
@media screen and (max-width: 650px){
	.legal2 .resources a, .legal2 .privacy a, .legal2 .terms a, .legal2 .changelogT a, .legal2 .newsT a, .legal2 .newsT2 a, .legal2 .navbio a {/*font-size: 8.5px; */font-size: .5313em; padding: 0px 3px 0px 7px;}}

.legal2 .resources a:hover, .legal2 .privacy a:hover, .legal2 .terms a:hover, .legal2 .changelogT a:hover, .legal2 .newsT a:hover, .legal2 .newsT2 a:hover, .legal2 .navbio a:hover
{
	color: rgb(6, 90, 208);
	color: #EEE;
}

.legal2 a.active
{
	color: #33CCFF;
	color: rgb(12, 42, 163);
	color: rgb(6, 90, 208);
	color: #99CCFF;
	color: rgb(178, 215, 255);
}






/*----TOP LINKS----*/
#socal
{
/*	position: fixed;*/
	float: right;  /*left*/
	width: 30px;	/*135 127 300px 50%*/
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
/*	margin-left: 700px;   *//*720 880 720 750 770 610px;*/
	display: inline-block;	/*block*/ /*--FIXES IE WIN DOUBLE MARGIN BUG--*/
	padding: 0px;
	list-style: none;
	background: #FFF;
	margin-bottom: 20px;	/*yo*/
}











/*----CLEARS THE NAV FLOATS----*/
.toclear
{
	clear: left;	/*all;*/
	clear: right;
}





.navO
{
	z-index: 2;
/*	width: auto; *//*140px*/
	width: 100%; /*200px*/
	padding: 0px;
	padding-left: 25px;
	margin-left: 50px;
	margin: 0 auto;
	display: block;
	list-style-type: none;
	background-color: #FFF;
	background-color: transparent;
	text-align: center;
/*	margin-bottom: 10px;*/
}
@media screen and (max-width: 951px){
	.navO {/*border-top: 1px solid #999; */padding-top: 12px;}}
@media screen and (max-width: 800px){
	.navO {display: inline-block; padding-left: 10px;}}



.navO li
{
	overflow: hidden;
	background-color: #FFF;
	background-color: transparent;
	font-family: bodoni, didot, "Adobe Caslon Pro", serif;
	font-family: courier, serif;
	font-family: optima, myriad pro, tahoma, euphemia UCAS, sans-serif;
	font-family: helvetica, arial, futura, sans-serif;
	font-family: "Helvetica Neue", helvetica, arial, futura, sans-serif;
/*	border: 2px solid #DDD;
	border-radius: 5px;*/
/*	font-size: 14px;*/
	font-size: .875em;
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;
	text-align: center;
	width: auto;  /*77*/
	margin-top: 25px;
	margin-right: 5px;  /*10*/
	line-height: 10px;
	display: inline-block;
}
@media screen and (max-width: 800px){
	.navO li {display: inline;}}
@media screen and (max-width: 800px){
	.navO li {line-height: 30px;}}



.navO li a
{
	background-color: transparent;
	text-decoration: none;
	list-style-type: none;
	letter-spacing: 1px;
	color: #DDD;
	font-family: "Adobe Caslon Pro", serif;
	font-family: courier, serif;
	font-family: optima, myriad pro, tahoma, euphemia UCAS, sans-serif;
	font-family: "Helvetica Neue", helvetica, arial, futura, sans-serif;
	font-weight: normal;
	padding-right: 10px;
/*	padding-left: 1px;*/
	border-right: 1px solid #CCC;
/*	border-radius: 0px 14px 14px 0px;		14px 0px 0px 14px;*/
	text-align: center;
/*	font-size: 13px;  *//*14 18*//*below 12px 11px 12px*/
	font-size: .8125em;
	letter-spacing: .5px; /*1px;*/
}
@media screen and (max-width: 950px){
	.navO li a {/*font-size: 12px; */font-size: .75em; padding-right: 6px;}}
@media screen and (max-width: 650px){
	.navO li a {/*font-size: 11px; */font-size: .6875em; padding-left: 1px; padding-right: 5px; line-height: 7px;}}
@media print
	{.navO li a {font-size: 12px;}}



.navO .navxtras a
{
	font-style: italic;
	border-right: none;
}

.navO .navprivacy a, .navO .navterms a
{
	border-radius: 0px;
	border-left: 1px solid #CCC;
	border: none;
	padding-right: 5px;
	font-style: italic;
}
@media screen and (max-width: 800px){
	.navO .navprivacy a, .navO .navterms a {/*font-size: 12px; */font-size: .75em; padding-right: 4px;}}
@media screen and (max-width: 650px){
	.navO .navprivacy a, .navO .navterms a {/*font-size: 11px; */font-size: .6875em; padding-right: 3px; line-height: 7px;}}


.navO .navart a, .navO .navdesign a, .navO .navillustration a, .navO .navlanguages a, .navO .navmusic a, .navO .navphotos a, .navO .navvideo a, .navO .navwriting a, .navO .navxtras a
{
	color: #666666;
	color: rgb(160, 160, 160);
	color: #666666;
}

.navO .navart a:hover, .navO .navdesign a:hover, .navO .navillustration a:hover, .navO .navlanguages a:hover, .navO .navmusic a:hover, .navO .navphotos a:hover, .navO .navvideo a:hover, .navO .navwriting a:hover, .navO .navxtras a:hover
{
	color: #333;
	color: #33CCFF;
}

.navO li a.active
{
	color: #33CCFF;
	font-weight: bold;
	color: #003399;
	color: rgb(6, 90, 208);
}


.navO a
{
	padding: 6px 3px 6px 3px;
	background: transparent;
	display: inline-block;
}
@media screen and (max-width: 800px){
	.navO a {padding: 3px 3px 3px 1px; display: inline;}}










.changeDate
{
	font-family: verdana, helvetica, arial, sans-serif;
	color: #666666;
/*	font-size: 11.5px;*/
	font-size: .7188em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0px;
}
@media screen and (max-width: 975px){
	.changeDate {/*font-size: 10.5px; */font-size: .6563em;}}
@media screen and (max-width: 800px){
	.changeDate {/*font-size: 9.5px; */font-size: .5938em;}}






.disclaim2
{
	font-family: helvetica, arial, sans-serif;
/*	font-size: 11.5px;*/
	font-size: .7188em;
	font-style: italic;
	letter-spacing: 0px;
	font-weight: bold;
	color: #666666;
	line-height: 21px;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 61px;
}
@media screen and (max-width: 650px){
	.disclaim2 {/*font-size: 9px; */font-size: .5625em; line-height: 12px; width: 83%; padding-bottom: 45px;}}


.disclaim2ls
{
	font-family: helvetica, arial, sans-serif;
/*	font-size: 11.5px;*/
	font-size: .7188em;
	font-style: italic;
	letter-spacing: 0px;
	font-weight: bold;
	color: #666666;
	line-height: 21px;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 21px;
}
@media screen and (max-width: 650px){
	.disclaim2ls {/*font-size: 9px; */font-size: .5625em; line-height: 12px; width: 83%; padding-bottom: 15px;}}






.resourcesheader2
{
	font-family: Inter, "Liberation Sans", "Nimbus Sans L", Ubuntu, "PT Sans", Cantarell, "Helvetica Neue", Helvetica, "Aptos Display", Aptos, Calibri, "Segoe UI", Arial, Arimo, Roboto, "Noto Sans", arial, sans-serif;
	font-weight: bold;
	color: rgb(30, 96, 179);
/*	color: #333;*/
	text-align: left;
/*	font-size: 20px;  *//*17*/
	font-size: 1.25em;
	letter-spacing: 0px;
	line-height: 24px;
	padding: 30px 0px 10px 0px;
	margin-left: 11px;
}
@media screen and (max-width: 650px){
	.resourcesheader2 {margin-left: 21px;/* font-size: 15px; */font-size: .9375em; padding-bottom: 12px;}}











.portcrumbs
{

	padding: 5px 7px;
	list-style-type: none;
	background: transparent;
	text-align: left;
}

.portcrumbs li
{
	margin: 0 auto;
	display: inline;
/*	font-size: 14px;	*//*19*/
	font-size: .875em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 3px;	/*1*/
}
@media screen and (max-width: 950px){
	.portcrumbs li {/*font-size: 15px;*/font-size: .9375em;}}


.portcrumbs li+li:before
{
	color: #000;
	padding: 3px;
	content: "/\00a0";
	content: "\003a";
}

.portcrumbs li a
{
	text-decoration: none;
	color: rgb(6, 90, 208);
}

.portanchor span
{
	font-style: normal;
/*	font-size: 14px;*/
	font-size: .875em;
	letter-spacing: 5px;
	color: #333;
	font-style: italic;
}
/*@media screen and (max-width: 950px){
	.portanchor span {font-size: 14px;}}*/

.portcrumbs li a:hover
{
	color: #33CCFF;
}







.portcrumbs2
{
/*	padding: 5px 7px;*/
	list-style-type: none;
	background: transparent;
	text-align: center;
	margin: 0;
	margin-top: 24px;
	padding: 0;
}

.portcrumbs2 li
{
	margin: 0 auto;
	display: inline;
/*	font-size: 12px;*/
	font-size: .75em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
}
@media screen and (max-width: 950px){
	.portcrumbs2 li {font-size: .875em;}}


.portcrumbs2 li+li:before
{
	color: #000;
	padding: 3px;
	content: "/\00a0";
	content: "\003a";
}

.portcrumbs2 li a
{
	text-decoration: none;
	color: rgb(6, 90, 208);
}

.portanchor2 span
{
	font-style: normal;
/*	font-size: 12px;*/
	font-size: .75em;
	letter-spacing: 5px;
	color: #333;
	font-style: italic;
}
@media screen and (max-width: 950px){
	.portanchor2 span {font-size: .875em;}}

.portcrumbs2 li a:hover
{
	color: #33CCFF;
}
















.illusTopics
{
	width: 99%;
	margin: 0 auto;
/*	border-bottom: 1px solid #999;*/
}
@media screen and (max-width: 650px){
	.illusTopics {width: 95%;}}


.illusTopics p
{
/*	font-size: 16px;*/
	font-size: 1em;
	line-height: 36px;
}
@media screen and (max-width: 1150px){
	.illusTopics p {/*font-size: 14.5px;*/font-size: .9063em;}}
@media screen and (max-width: 650px){
	.illusTopics p {/*font-size: 12px;*/font-size: .75em; line-height: 29px;}}

.illusheader2
{
	font-family: helvetica, arial, sans-serif;
	color: rgb(30, 96, 179);
	font-style: italic;
	color: #333;
	font-weight: bold;
	text-align: left;
/*	font-size: 16px;*/
	font-size: 1em;
	letter-spacing: 3px;
	padding: 30px 0px 10px 0px;
	margin-left: 41px;
}
@media screen and (max-width: 650px){
	.illusheader2 {margin-left: 17px;/* font-size: 14px;*/font-size: .875em; padding-bottom: 12px;}}


.illusTopics figure
{
	margin-top: 30px;
}













/*--LEGAL--*/


.privacyheader, .termsheader
{
	margin-top: 85px;
	padding-top: 30px;
/*padding-top: 40px; 7px*/
}
@media screen and (max-width: 650px){
	.privacyheader, .termsheader {/*font-size: 23px;*/font-size: 1.4375em; margin-top: 30px; padding-top: 16px;}}












#iab-pcm-sdk, #iab-autofill-sdk
{
	display: none;
}



.toclear
{
	clear: left;	/*all;*/
	clear: right;
}













/*STEAM*/

#steamText
{
	margin-top: 5px;
}

#steamText
{
	width: 100%;
	height: auto;
/*	font-size: 11px;*/
	font-style: normal;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0px;
	background-color: transparent;
	padding-bottom: 0px;	/*10px*/
	border-bottom: 1px solid rgb(6, 116, 160);
/*	font-size: 12px;*/
	color: #000;
	letter-spacing: 0px;
/*	font-size: 16px;  *//*13px*/
	font-size: 1em;
	line-height: 16px;
	background-color: rgb(58, 130, 231); /*38 148 241*/
	background-color: #DDD;
	background-color: rgba(6, 116, 160, .58);
	font-family: georgia, palatino, 'Times new roman', serif;
}


.steamStart
{
	margin-top: 0px;
	margin-bottom: 30px;
}

.steamStart
{
	width: 87%; /*80*/
	height: auto;
	background-color: #FFF;
	text-decoration: none;
	list-style-type: none;
	margin: 0 auto;
}
@media screen and (max-width: 1000px){
	.steamStart {width: 100%;}}






/*I*/
.illusText
{
	width: 95%;
	margin: 0 auto;
	height: auto;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0px;
	background-color: transparent;
	padding-bottom: 10px;
	color: #000;
	letter-spacing: 0px;
/*	font-size: 16px;*/
	font-size: 1em;
	line-height: 26px;
	background: #FFF;
}
@media screen and (max-width: 850px){
	.illusText {width: 99%;}}

.illusText p
{
	margin: 0 auto;
/*	font-size: 16px; */ /*14.5*/
	font-size: 1em;
	line-height: 36px;
	font-family: georgia, palatino, 'Times new roman', serif;
	padding: 2px 10px 15px 42px;
}
@media screen and (max-width: 650px){
	.illusText p {font-size: 1em; line-height: 28px; padding: 4px 10px 15px 15px;}}


.illusText p a
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
/*	font-size: 16.5px; *//*15px*/
	font-size: 1.031em;
	color: rgb(6, 90, 208);
	text-decoration: none;
}
@media screen and (max-width: 650px){
	.illusText p a {/*font-size: 12.5px;*/font-size: .7813em;}}

.illusText p a:hover
{
	color: #33CCFF;
}

.illusText p a:visited
{
	color: #CCC;
}

.illusText article
{
	margin-bottom: 55px;
}










.steamTopics
{
	width: 99%;
	margin: 0 auto;
}
@media screen and (max-width: 650px){
	.steamTopics {width: 95%;}}

.steamTopics2
{
	width: 99%;
	margin: 0 auto;
/*	border-top: 1px solid #999;
	border-top: 2px solid rgb(6, 90, 178);*/
}
/*@media screen and (max-width: 950px){
	.steamTopics2 {width: 95%;}}  PREVIOUS*/
@media screen and (max-width: 1050px){
	.steamTopics2 {width: 90%;}}



.steamTopics p, .steamTopics2 p
{
/*	font-size: 16px;*/
	font-size: 1em;
	line-height: 36px;
}
@media screen and (max-width: 1150px){
	.steamTopics p, .steamTopics2 p {/*font-size: 14.5px;*/font-size: .9063em;}}
@media screen and (max-width: 650px){
	.steamTopics p, .steamTopics2 p {/*font-size: 12px; */font-size: .75em; line-height: 29px;}}






.steamTagheadings
{
	font-family: helvetica, arial, sans-serif;
	color: rgb(30, 96, 179);
/*	font-size: 14px;*/
	font-size: .875em;
	letter-spacing: 1px;
	margin: 3px 0px 30px 47px;
}
@media screen and (max-width: 950px){
	.steamTagheadings {/*font-size: 12px;*/font-size: .75em; margin: 3px 0px 20px 20px;}}





.steamTags
{
	display: block;
}

.steamTags li
{
	display: inline-block;
	text-decoration: none;
	margin: 1px 5px 19px 5px;
	background-color: #EEE;
}
@media screen and (max-width: 950px){
	.steamTags li {margin: 1px 3px 11px 3px;}}

.steamTags li a
{
	font-family: helvetica, arial, sans-serif;
/*	font-size: 16px;*/
	font-size: 1em;
	padding: 4px 8px 4px 8px;
	color: rgb(6, 70, 198);
	border: 1px solid #999;
	border-radius: 6px;
	text-decoration: none;
}
@media screen and (max-width: 950px){
	.steamTags li a {/*font-size: 13px;*/font-size: .8125em;}}

.steamTags li a:hover
{
	color: #33CCFF;
}





.steamDiffTags
{
	display: block;
}

.steamDiffTags li
{
	display: inline-block;
	text-decoration: none;
	margin: 1px 3px 14px 3px;
}
@media screen and (max-width: 950px){
	.steamDiffTags li {margin: 1px 2px 11px 2px;}}

.steamDiffTags li a
{
	font-family: helvetica, arial, sans-serif;
/*	font-size: 16px;*/
	font-size: 1em;
	padding: 6px 11px 6px 11px;
	background-color: rgb(50, 90, 180);
	color: #FFF;
	border: 1px solid rgb(50, 90, 180);
	border-radius: 7px;
	text-decoration: none;
}
@media screen and (max-width: 950px){
	.steamDiffTags li a {/*font-size: 12px;*/font-size: .75em;}}

.steamDiffTags li a:hover
{
	color: #33CCFF;
}








.steamSelectA
{
	margin: 0 auto;
	width: 100%;
}


.steamSelect
{
	float: left;
	width: 29%;
	height: 310px;
/*	margin-bottom: 45px;*/
	margin: 40px 23px 45px 23px;
	border: 1px solid #999;
}
@media screen and (max-width: 1300px){
	.steamSelect {width: 37%;}}
@media screen and (max-width: 950px){
	.steamSelect {margin-bottom: 27px;}}
@media screen and (max-width: 850px){
	.steamSelect {width: 50%; height: 240px; margin-bottom: 20px;}}
@media screen and (max-width: 650px){
	.steamSelect {width: 100%; display: block; margin: 0px 0px 20px 0px;}} /*display: block; */




.steamSelectName
{
	padding: 12px 18px 10px 18px;
}

.steamSelectName h3
{
	font-family: helvetica, arial, sans-serif;
/*	font-size: 13px;*/
	font-size: .8125em;
	text-align: left;
	padding-top: 10px;
	margin: 0 auto;
	letter-spacing: 1px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
}
@media screen and (max-width: 900px){
	.steamSelectName h3 {text-align: center;/* font-size: 11px;*/font-size: .6875em; padding-top: 3px;}}


.steamSelectName p
{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0px;
	padding: 0;
	padding-top: 5px;
	background-color: transparent;
	color: #000;
	letter-spacing: 0px;
/*	font-size: 15px;*/
	font-size: .9375em;
	line-height: 24px;
	font-family: georgia, palatino, 'Times new roman', serif;
}
@media screen and (max-width: 900px){
	.steamSelectName p {/*font-size: 13px;*/font-size: .8125em; padding-top: 3px;}}


.steamSelectName p a
{
	color: #000;
	color: rgb(6, 90, 208);
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-family: helvetica, arial, sans-serif;
/*	font-size: 13px;*/
	font-size: .8125em;
}
@media screen and (max-width: 900px){
	.steamSelectName p a {/*font-size: 12px;*/font-size: .75em;}}

.steamSelectName p a:hover
{
	color: #33CCFF;
}







.portS1
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrSola.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS1 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrSolb.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS1
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}



.portS2
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrTila.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS2 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrTilb.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS2
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}


.portS3
{
	border: 1px solid #333;
	border: 3px solid #333;
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/Intrai3d1a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS3 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/Intrai3d1b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS3
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}


.portS4
{
	border: 1px solid #333;
	border: 3px solid #333;
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background-color: #CCC;
}
@media screen and (max-width: 975px){
	.portS4 {width: 200px; height: 100px; background-color: #CCC;}}

/*.steamSelect a:hover .portS4
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/


.portS5
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrFira.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS5 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrFirb.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS5
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}

.portS6
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrFractPh1a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS6 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrFractPh1b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS6
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}

.portS7
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrFractPh2a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS7 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrFractPh2b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS7
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}

.portS8
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrCPM2a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS8 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrCPM2b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS8
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}

.portS9
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrFig1a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS9 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrFig1b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS9
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}

.portS10
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrTim1a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS10 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrTim1b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS10
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}


.portS12
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrFStrat1a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS12 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrFStrat1b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS12
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}



.portS13
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrEclip2a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portS13 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrEclip2b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portS13
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}










.portSfeatured1 img
{
	margin-top: -40px;
}

.portSfeatured1
{
	border: 3px solid #333;
	border: 3px solid rgb(6, 90, 208);
	margin: 0 auto;
	width: 100%;
	height: 150px;
	opacity: .95;
	filter: alpha(opacity=60);
	background: #000 url(../steam/steamBild/IntrEnv1a.jpg) no-repeat 50% 0px;
}
@media screen and (max-width: 975px){
	.portSfeatured1 {width: 200px; height: 100px; background: #000 url(../steam/steamBild/IntrEnv1b.jpg) no-repeat 0px 0px;}}

.steamSelect a:hover .portSfeatured1
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}



.featured1
{
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
	font-style: italic;
	font-family: helvetica, arial, sans-serif;
/*	font-size: 13px;*/
	font-size: .8125em;
	border: 1px solid #CCC;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	padding: 4px;
	z-index: 9;
}


.steamSelectA::after
{
	content: "";
	clear: both;
	display: table;
}











.steamSectionsheader2
{
	font-family: helvetica, arial, sans-serif;
	color: rgb(30, 96, 179);
	font-style: italic;
	color: #333;
	font-weight: bold;
	text-align: left;
/*	font-size: 16px;*/
	font-size: 1em;
	letter-spacing: 3px;
	padding: 15px 0px 14px 15px;
	margin-left: .5%;
	width: 140px;
/*	border-radius: 25px 25px 0px 0px;*/
	border-radius: 11px 11px 0px 0px;
	background-color: rgb(6, 90, 178);
}
@media screen and (max-width: 900px){
	.steamSectionsheader2 {margin-left: 11px; width: 128px;/* font-size: 14px;*/ font-size: .875em;}}

.steamSectionsheader2 a
{
	text-decoration: none;
	color: rgb(6, 90, 208);
	color: #FFF;
}

.steamSectionsheader2 a:hover
{
	color: #33CCFF;
}






.steamheader2
{
	font-family: helvetica, arial, sans-serif;
	color: rgb(30, 96, 179);
	font-style: italic;
	color: #333;
	font-weight: bold;
	text-align: left;
/*	font-size: 16px;*/
	font-size: 1em;
	letter-spacing: 3px;
/*	padding: 30px 0px 10px 0px;*/
	padding: 10px 0px 10px 0px;
	margin-left: 41px;
}
@media screen and (max-width: 650px){
	.steamheader2 {margin-left: 15px;/* font-size: 13px;*/font-size: .8125em; padding-bottom: 12px;}}


.steamTopics figure
{
	margin-top: 30px;
}












.FStrategy1
{
	margin: 0 auto;
}

.FStrategy1
{
	border: 2px solid #CCC;
	width: 750px;
	height: 813px;
	background: transparent url(../steam/steamBild/fStrateg1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 850px){
	.FStrategy1 {width: 290px; height: 314px; background: transparent url(../steam/steamBild/fStrateg1b.jpg) no-repeat 0px 0px;}}







.acFir1
{
	margin: 0 auto;
}

.acFir1
{
	border: 1px solid #999;
	width: 750px;
	height: 488px;
	background: transparent url(../steam/steamBild/acfir1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 850px){
	.acFir1 {width: 290px; height: 189px; background: transparent url(../steam/steamBild/acfir1b.jpg) no-repeat 0px 0px;}}




.CPMdish
{
	margin: 0 auto;
}

.CPMdish
{
	border: 2px solid #CCC;
	width: 700px;
	height: 455px;
	background: transparent url(../steam/steamBild/CPMc1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 850px){
	.CPMdish {width: 290px; height: 189px; background: transparent url(../steam/steamBild/CPMc1b.jpg) no-repeat 0px 0px;}}




.CPMgrap
{
	margin: 0 auto;
}

.CPMgrap
{
	border: 2px solid #CCC;
	width: 800px;
	height: 628px;
	background: transparent url(../steam/steamBild/CPMg1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 850px){
	.CPMgrap {width: 290px; height: 228px; background: transparent url(../steam/steamBild/CPMg1b.jpg) no-repeat 0px 0px;}}




.spaces1
{
	margin: 0 auto;
}

.spaces1
{
/*	border: 1px solid #999;*/
	width: 800px;
	height: 477px;
	background: transparent url(../steam/steamBild/til1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 850px){
	.spaces1 {width: 275px; height: 161px; background: transparent url(../steam/steamBild/til1b.jpg) no-repeat 0px 0px;}}


.spaces2
{
	margin: 0 auto;
}

.spaces2
{
/*	border: 1px solid #999;*/
	width: 800px;
	height: 477px;
	background: transparent url(../steam/steamBild/til2a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 850px){
	.spaces2 {width: 275px; height: 161px; background: transparent url(../steam/steamBild/til2b.jpg) no-repeat 0px 0px;}}



.solar1
{
	margin: 0 auto;
}

.solar1
{
	border: 1px solid #999;
	width: 550px;
	height: 385px;
	background: transparent url(../steam/steamBild/sol1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.solar1 {width: 250px; height: 175px; background: transparent url(../steam/steamBild/sol1b.jpg) no-repeat 0px 0px;}}



.solar2
{
	margin: 0 auto;
}

.solar2
{
	border: 1px solid #999;
	border-radius: 18px;
	width: 700px;
	height: 267px;
	background: transparent url(../steam/steamBild/sol2a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.solar2 {width: 290px; height: 111px; background: transparent url(../steam/steamBild/sol2b.jpg) no-repeat 0px 0px;}}



.envFut1
{
	margin: 0 auto;
}

.envFut1
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 700px;
	height: 396px;
	background: transparent url(../steam/steamBild/Env1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.envFut1 {width: 270px; height: 153px; background: transparent url(../steam/steamBild/Env1b.jpg) no-repeat 0px 0px;}}


.fig1
{
	margin: 0 auto;
}

.fig1
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 700px;
	height: 589px;
	background: transparent url(../steam/steamBild/Fig1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fig1 {width: 290px; height: 228px; background: transparent url(../steam/steamBild/Fig1b.jpg) no-repeat 0px 0px;}}


.fig2oval
{
	margin: 0 auto;
}

.fig2oval
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 800px;
	height: 628px;
	background: transparent url(../steam/steamBild/Fig2aa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fig2oval {width: 275px; height: 216px; background: transparent url(../steam/steamBild/Fig2bb.jpg) no-repeat 0px 0px;}}



.fig2anim
{
	margin: 0 auto;
}

.fig2anim
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 800px;
	height: 628px;
	background: transparent url(../steam/steamBild/fig1a.gif) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fig2anim {width: 275px; height: 216px; background: transparent url(../steam/steamBild/fig2a.gif) no-repeat 0px 0px;}}


.fig3anim
{
	margin: 0 auto;
}

.fig3anim
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 800px;
	height: 628px;
	background: transparent url(../steam/steamBild/fig1b.gif) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fig3anim {width: 275px; height: 216px; background: transparent url(../steam/steamBild/fig2b.gif) no-repeat 0px 0px;}}


.fig4anim
{
	margin: 0 auto;
}

.fig4anim
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 800px;
	height: 628px;
	background: transparent url(../steam/steamBild/fig1c.gif) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fig4anim {width: 275px; height: 216px; background: transparent url(../steam/steamBild/fig2c.gif) no-repeat 0px 0px;}}





.fractPhot1
{
	margin: 0 auto;
}

.fractPhot1
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 700px;
	height: 408px;
	background: transparent url(../steam/steamBild/fractPh1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fractPhot1 {width: 290px; height: 169px; background: transparent url(../steam/steamBild/fractPh1b.jpg) no-repeat 0px 0px;}}



.largerfract
{
/*	font-size: 26px;*/
	font-size: 1.625em;
}
@media screen and (max-width: 900px){
	.largerfract {/*font-size: 18px;*/font-size: 1.125em;}}



.fractPhot1b
{
	margin: 0 auto;
}

.fractPhot1b
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 700px;
	height: 559px;
	background: transparent url(../steam/steamBild/fractPh1ba.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fractPhot1b {width: 290px; height: 236px; background: transparent url(../steam/steamBild/fractPh1bb.jpg) no-repeat 0px 0px;}}


.fractPhot1c
{
	margin: 0 auto;
}

.fractPhot1c
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 700px;
	height: 560px;
	background: transparent url(../steam/steamBild/fractPh1ca.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fractPhot1c {width: 290px; height: 236px; background: transparent url(../steam/steamBild/fractPh1cb.jpg) no-repeat 0px 0px;}}



.fractPhot2
{
	margin: 0 auto;
}

.fractPhot2
{
	border: 1px solid #999;
/*	border-radius: 18px;*/
	width: 700px;
	height: 350px;
	background: transparent url(../steam/steamBild/fractPh2a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.fractPhot2 {width: 290px; height: 145px; background: transparent url(../steam/steamBild/fractPh2b.jpg) no-repeat 0px 0px;}}



.ai3d1
{
	margin: 0 auto;
}

.ai3d1
{
	border: 1px solid #999;
	width: 800px;
	height: 714px;
	background: transparent url(../steam/steamBild/ai3da.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.ai3d1 {width: 290px; height: 259px; background: transparent url(../steam/steamBild/ai3db.jpg) no-repeat 0px 0px;}}


.santasleigh
{
	margin: 0 auto;
}

.santasleigh
{
	border: 1px solid #999;
	width: 700px;
	height: 468px;
	background: transparent url(../steam/steamBild/timDilat1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.santasleigh {width: 250px; height: 167px; background: transparent url(../steam/steamBild/timDilat1b.jpg) no-repeat 0px 0px;}}



.totalecl1
{
	margin: 0 auto;
}

.totalecl1
{
	border: 1px solid #999;
	width: 750px;
	height: 500px;
	background: transparent url(../steam/steamBild/eclip1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 900px){
	.totalecl1 {width: 290px; height: 193px; background: transparent url(../steam/steamBild/eclip1b.jpg) no-repeat 0px 0px;}}







/*ST*/
.formulaColor
{
	color: rgb(241, 111, 14);
}

.eq
{
	margin: 0 auto;
	width: 400px;
/*	font-size: 17px;*/
	font-size: 1.0625em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #CC6600;
	color: rgb(241, 111, 14);
}
@media screen and (max-width: 650px){
	.eq {/*font-size: 12.5px;*/font-size: .7813em; width: 300px;}}

.division
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 650px){
	.division {text-align: left;}}

.division > span
{
	display: block;
	width: 30px;
}
@media screen and (max-width: 650px){
	.division > span {width: 10px;}}

.division .lineDivid
{
	display: none;
}

.division .bottomDivid
{
	border-top: 1px solid #CC6600;
}



.steamTopics2 .formulaCent
{
	width: 56%;
	margin: 0 auto;
	font-family: helvetica, arial, sans-serif;
}
@media screen and (max-width: 1050px){
	.steamTopics2 .formulaCent {width: 65%;}}
@media screen and (max-width: 950px){
	.steamTopics2 .formulaCent {width: 68%;}}
@media screen and (max-width: 650px){
	.steamTopics2 .formulaCent {width: 88%;}}


.steamTopics2 .formulaCentEclip
{
	width: 71%;
	margin: 0 auto;
	font-family: helvetica, arial, sans-serif;
}
@media screen and (max-width: 1050px){
	.steamTopics2 .formulaCentEclip {width: 75%;}}
@media screen and (max-width: 950px){
	.steamTopics2 .formulaCentEclip {width: 78%;}}
@media screen and (max-width: 650px){
	.steamTopics2 .formulaCentEclip {width: 95%;}}

.steamTopics2 .formulaCentEclipB
{
	width: 71%;
	margin: 0 auto;
	font-family: helvetica, arial, sans-serif;
}
@media screen and (max-width: 1050px){
	.steamTopics2 .formulaCentEclipB {width: 75%;}}
@media screen and (max-width: 950px){
	.steamTopics2 .formulaCentEclipB {width: 78%;}}
@media screen and (max-width: 650px){
	.steamTopics2 .formulaCentEclipB {width: 95%;}}




.steamTopics2 .formulaCentB
{
	width: 46%;
	margin: 0 auto;
/*	font-size: 18px;*/
	font-size: 1.125em;
	line-height: 26px;
	font-family: helvetica, arial, sans-serif;
}
@media screen and (max-width: 1050px){
	.steamTopics2 .formulaCentB {width: 65%;}}
@media screen and (max-width: 950px){
	.steamTopics2 .formulaCentB {width: 68%;/* font-size: 16px;*/font-size: 1em;}}
@media screen and (max-width: 650px){
	.steamTopics2 .formulaCentB {width: 88%;}}


.formulaCentB .formulaSmallKey
{
/*	font-size: 15px;*/
	font-size: .9375em;
	font-style: italic;
}
@media screen and (max-width: 950px){
	.formulaCentB .formulaSmallKey {/*font-size: 14px;*/font-size: .875em;}}



.formulaMain
{
/*	font-size: 20px;*/
	font-size: 1.25em;
}
@media screen and (max-width: 1100px){
	.formulaMain {/*font-size: 16.5px;*/font-size: 1.031em;}}
@media screen and (max-width: 650px){
	.formulaMain {/*font-size: 14px;*/font-size: .875em;}}



.steamTopics2 .eclipsenotice
{
/*	font-size: 16px;*/
	font-size: 1em;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	padding: 10px 35px 10px 35px;
	border: 1px solid #999;
}
@media screen and (max-width: 650px){
	.steamTopics2 .eclipsenotice {/*font-size: 13px;*/font-size: .8125em;}}


.boldans
{
/*	font-size: 16px;*/
	font-size: 1em;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
}
@media screen and (max-width: 650px){
	.boldans {/*font-size: 13px;*/font-size: .8125em;}}



.eqC
{
	margin: 0 auto;
	width: 400px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #000;
}
@media screen and (max-width: 650px){
	.eqC {width: 300px;}}


.eqCeclip
{
	margin: 0 auto;
	width: 510px;  /*462*/
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	border: 1px solid #CCC;
	color: #000;
}
@media screen and (max-width: 850px){
	.eqCeclip {margin-left: 65px;}}
@media screen and (max-width: 700px){
	.eqCeclip {margin-left: 35px;}}
@media screen and (max-width: 650px){
	.eqCeclip {margin-left: 10px; width: 330px;}}


.eqCeclipB
{
	margin: 0 auto;
	width: 710px;  /*462*/
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	border: 1px solid #CCC;
	color: #000;
}
@media screen and (max-width: 850px){
	.eqCeclipB {margin-left: 65px;}}
@media screen and (max-width: 700px){
	.eqCeclipB {margin-left: 35px;}}
@media screen and (max-width: 650px){
	.eqCeclipB {margin-left: 10px; width: 330px;}}



.formulaTimeDilate
{
/*	font-size: 28px;*/
	font-size: 1.75em;
}
@media screen and (max-width: 650px){
	.formulaTimeDilate {/*font-size: 26px;*/font-size: 1.625em;}}

.formulaTotalEclipse
{
/*	font-size: 28px;*/
	font-size: 1.75em;
}
@media screen and (max-width: 650px){
	.formulaTotalEclipse {/*font-size: 16px;*/font-size: 1em;}}

.formulaTotalEclipseB
{
/*	font-size: 21px;*/
	font-size: 1.3125em;
}
@media screen and (max-width: 650px){
	.formulaTotalEclipse {/*font-size: 16px;*/font-size: 1em;}}

.formulaEclipname
{
/*	font-size: 28px;*/
	font-size: 1.75em;
}




.division2, .division2b, .division2ecl, .division2eclB
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.division2 > span
{
	display: block;
	width: 170px;
}
.division2ecl > span
{
	display: block;
	width: 170px;
}
.division2eclB > span
{
	display: block;
	width: 260px;
}



.division2 .topDivid2
{
	border-bottom: 2px solid #000;
}

.division2ecl .topDivid2
{
	border-bottom: 2px solid #000;
}

.division2eclB .topDivid2
{
	border-bottom: 2px solid #000;
}


.division2 .lineDivid2, .division2 .lineDivid2b, .division2ecl .lineDivid2, .division2eclB .lineDivid2
{
	display: none;
}

.division2 .bottomDivid2
{
	position: relative;
	vertical-align: middle;
	text-align: center;
	height: 80px;
	width: 170px;
	padding-top: 7px;
/*	font-size: 28px;*/
	font-size: 1.75em;
	font-size: 1em;
}
@media screen and (max-width: 650px){
	.division2 .bottomDivid2 {/*font-size: 26px; font-size: 1.625em;*/font-size: 1em;}}

.division2ecl .bottomDivid2ecl
{
	position: relative;
	vertical-align: middle;
	text-align: center;
	height: 80px;
	width: 170px;
	padding-top: 7px;
/*	font-size: 28px;*/
	font-size: 1.75em;
}
@media screen and (max-width: 650px){
	.division2ecl .bottomDivid2ecl {/*font-size: 16px;*/font-size: 1em;}}

.division2eclB .bottomDivid2eclB
{
	position: relative;
	vertical-align: middle;
	text-align: center;
	height: 60px;
	width: 260px;
	padding-top: 7px;
/*	font-size: 21px;*/
	font-size: 1.3125em;
	font-size: 1em;
}
@media screen and (max-width: 650px){
	.division2ecl .bottomDivid2ecl {/*font-size: 16px;*/font-size: 1em;}}



.reduce
{
	letter-spacing: -7px;
}


.division2 .timedilateBottom
{
	border-top: 2px solid #000;
	width: 160px;
	height: 60px;
}

.division2b
{
	padding-top: 10px;
/*	font-size: 16px;*/
	font-size: 1em;
	font-size: .56em;
	line-height: 16px;
}
@media screen and (max-width: 650px){
	.division2b {font-size: .45em;}}

.division2b > span
{
	display: block;
	width: 130px;
}

.division2 .topDivid2b, .division2 .bottomDivid2b
{
	display: block;
	width: 70px;
}

.division2 .topDivid2c
{
	display: block;
	width: 220px;
}


.division2 .bottomDivid2b
{
	border-top: 2px solid #000;
}







#iab-pcm-sdk, #iab-autofill-sdk
{
	display: none;
}


.copyrightO
{
	margin: 0 auto;
	margin-top: 30px;  /*210*/
	margin-bottom: 12px;
}

.copyrightO, .copyrightVideo, .copyrightWords, .copyrightPort2
{
	width: 90%;
	color: #999;	/*#666666CCC; #EEE;*/
	color: #333;
}
@media screen and (max-width: 800px){
	.copyrightO {margin-top: 70px;}}

.copyrightO2
{
	margin: 280px 0px 15px 215px;  /*10*/
}
@media screen and (max-width: 1050px){
	.copyrightO2 {margin: 40px 0px 10px 60px;}}
@media screen and (max-width: 650px){
	.copyrightO2 {margin: 10px 0px 10px 10px;}}


.copyrightOport
{
	margin: 10px 0px 15px 10px;
	background-color: rgb(30, 36, 49);
}


.copyrightPort2
{
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 12px;
}
@media screen and (max-width: 850px){
	.copyrightPort2 {margin-top: 25px;}}


.copyrightOa1
{
	margin: 80px 0px 10px 200px;  /*520 590*/
}
@media screen and (max-width: 1400px){
	.copyrightOa1 {margin: 310px 20px 10px 170px;}}
@media screen and (max-width: 1175px){
	.copyrightOa1 {margin: 295px 20px 10px 80px;}}
@media screen and (max-width: 1050px){
	.copyrightOa1 {margin: 365px 20px 10px 40px;}}
@media screen and (max-width: 950px){
	.copyrightOa1 {margin: 325px 20px 10px 30px;}}
@media screen and (max-width: 850px){
	.copyrightOa1 {margin: 405px 20px 10px 30px;}}
@media screen and (max-width: 650px){
	.copyrightOa1 {margin: 335px 20px 10px 30px;}}
@media screen and (max-width: 550px){
	.copyrightOa1 {margin: 375px 20px 10px 30px;}}
@media screen and (max-width: 500px){
	.copyrightOa1 {margin: 765px 20px 10px 30px;}}

.copyrightOa
{
	margin: 820px 0px 10px 100px;  /*500 520 590*/
}
@media screen and (max-width: 1400px){
	.copyrightOa {margin: 780px 20px 10px 30px;}} /*600*/
@media screen and (max-width: 1175px){
	.copyrightOa {margin: 455px 20px 10px 30px;}}
@media screen and (max-width: 750px){
	.copyrightOa {margin: 475px 20px 10px 30px;}}
@media screen and (max-width: 650px){
	.copyrightOa {margin: 515px 20px 10px 30px;}}
@media screen and (max-width: 550px){
	.copyrightOa {margin: 365px 20px 10px 30px;}}
@media screen and (max-width: 550px){
	.copyrightOa {margin: 600px 20px 10px 30px;}}


.copyrightOaP
{
	margin: 1620px 0px 10px 100px;  /*500 520 590*/
}
@media screen and (max-width: 1400px){
	.copyrightOaP {margin: 1675px 20px 10px 30px;}}
@media screen and (max-width: 1150px){
	.copyrightOaP {margin: 1475px 20px 10px 30px;}}
@media screen and (max-width: 950px){
	.copyrightOaP {margin: 1215px 20px 10px 30px;}}
@media screen and (max-width: 650px){
	.copyrightOaP {margin: 1365px 20px 10px 30px;}}
@media screen and (max-width: 550px){
	.copyrightOaP {margin: 1500px 20px 10px 30px;}}


.copyrightOaPA
{
	margin: 2020px 0px 10px 100px;
}
@media screen and (max-width: 1400px){
	.copyrightOaPA {margin: 2075px 20px 10px 30px;}}
@media screen and (max-width: 1150px){
	.copyrightOaPA {margin: 1960px 20px 10px 30px;}}
@media screen and (max-width: 950px){
	.copyrightOaPA {margin: 1985px 20px 10px 30px;}}
@media screen and (max-width: 650px){
	.copyrightOaPA {margin: 2000px 20px 10px 30px;}}
@media screen and (max-width: 550px){
	.copyrightOaPA {margin: 2190px 20px 10px 30px;}}




.copyrightOmus
{
	margin: 290px 0px 10px 230px;
}
@media screen and (max-width: 1240px){
	.copyrightOmus {margin: 100px 20px 10px 90px;}}
@media screen and (max-width: 850px){
	.copyrightOmus {margin: 340px 20px 10px 30px;}}




.copyrightOp
{
	margin: 410px 0px 10px 100px;
}
@media screen and (max-width: 1050px){
	.copyrightOp {margin: 122px 20px 10px 30px;}}
@media screen and (max-width: 850px){
	.copyrightOp {margin: 222px 20px 10px 30px;}} /*42*/


.copyrightOp3
{
	margin: 55px 0px 10px 200px;
}
@media screen and (max-width: 1150px){
	.copyrightOp3 {margin: 45px 20px 10px 30px;}}
@media screen and (max-width: 850px){
	.copyrightOp3 {margin: 35px 20px 10px 30px;}}


.copyrightVideo
{
	width: 80%;
	margin-top: 40px;
	margin-bottom: 19px;
	margin-left: 12%;
}
@media screen and (max-width: 1100px){
	.copyrightVideo {margin-top: 115px;}}
@media screen and (max-width: 650px){
	.copyrightVideo {margin-top: 55px;}}

.copyrightWords
{
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 12px;
}
@media screen and (max-width: 850px){
	.copyrightWords {margin-top: 5px;}}


.copyrightfix
{
	position: fixed;
	bottom: 0;
	width: 99%;
	margin-left: 16%;
}
@media screen and (max-width: 850px){
	.copyrightfix {margin-left: 5px;}}

.copyrightfix2
{
/*	position: sticky;
	position: -webkit-sticky;*/
	bottom: 0;
	margin-bottom: 10px;
	width: auto;
	margin-left: 16%;
}
@media screen and (max-width: 1150px){
	.copyrightfix2 {margin-top: 120px; margin-left: 8%;}}
@media screen and (max-width: 1050px){
	.copyrightfix2 {margin-top: 180px;}}
@media screen and (max-width: 950px){
	.copyrightfix2 {margin-top: 190px; margin-left: 5px;}}
@media screen and (max-width: 650px){
	.copyrightfix2 {margin-top: 50px;}}



.copyrightfix3
{
	line-height: 12px;
	color: #000;
	background-color: #FFF;
	font-family: helvetica, arial, sans-serif;
/*	font-size: 10.5px;*/
	font-size: .6563em;
	font-weight: normal;
	padding: 0px 20px 20px 20px;
	letter-spacing: .5px;
}



.copyrightMus1
{
	position: fixed;
	bottom: 0;
	width: 99%;
	margin-left: 16%;
}
@media screen and (max-width: 850px){
	.copyrightMus1 {margin-left: 5px;}}

.copyrightO p, .copyrightOa1 p, .copyrightOa p, .copyrightOaP p, .copyrightOaPA p, .copyrightO2 p, .copyrightOport p, .copyrightPort2 p, .copyrightOmus p, .copyrightMus1 p, .copyrightVideo p, .copyrightWords p, .copyrightOp p, .copyrightOp3 p, .copyrightfix p, .copyrightfix2 p
{
	line-height: 16px;
	color: #000;
	background-color: #FFF;
	font-family: myriad pro, tahoma, optima, euphemia UCAS, sans-serif;
	font-family: helvetica, arial, sans-serif;
/*	font-size: 10.5px;*/
	font-size: .6563em;
	font-weight: normal;
	padding: 0px 10px 10px 10px;
	letter-spacing: .5px;
}
@media screen and (max-width: 800px){
	.copyrightO p, .copyrightOa1 p, .copyrightOa p, .copyrightOaP p, .copyrightO2 p, .copyrightPort2 p, .copyrightOmus p, .copyrightMus1 p, .copyrightVideo p, .copyrightWords p, .copyrightOp p, .copyrightOp3 p, .copyrightfix p, .copyrightfix2 p {padding: 0px 20px 10px 20px;/* font-size: 9.75px;*/font-size: .6094em;}}
/*@media screen and (max-width: 650px){
	.copyrightO2 p {margin-top: 300px;}}*/

.copyrightOport p
{
	color: #CCC;
	background-color: rgb(30, 36, 49);
}




/*--CIAO--*/