/* planettoolStyles.css
/* media query
*******************************************************************************/
/* standard (landscape) ----------- */
@media only screen
and (min-height :360px)
and (max-height :1536px)
and (orientation :landscape) { /* Styles */
/* html elements
*******************************************************************************/
	body { width:auto; height:auto; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /*	width:1536px; height:2048px; */position:relative; } 
	body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { margin:0; padding:0; border-width:0; text-rendering:optimizeSpeed; }

	ol, ul, li { font-size:28pt; list-style-type:none; }
	ul li a { width:auto; height:75px; border:solid #ffffff 1px; color:#000000; background-color:#c6c6c6; display:table-cell; vertical-align:middle; padding-left:20px; padding-right:20px; text-decoration:none; }
	p,table { font-size:10pt; }
	table, tr { border:1px solid grey; border-collapse:collapse; text-align:left; }

	div.slider { margin-bottom:30px; }
	h1, h2, h3, h4, h5, p, table, ol, ul { font-family:Arial, Helvetica, sans-serif; }	
	h1, h2, h3, h4, h5, h6 { font-weight:bold; }	
	h1, h2 { color:#ffffff; display:inline; }	
	h1 { font-size:18pt; float:left; margin-top:5.5px; margin-left:15px; }	
	h2 { font-size:18pt; float:right; margin-top:5.5px; margin-right:15px; }	
	h3 { font-size:14pt; color:#555555; }	
	h4 { font-size:12.5pt; color:#555555; }		
	h5 { font-size:11pt; color:#000000; }	
	h6 { font-size:10pt; color:#000000; }

	label { vertical-align:middle; font-color:#ff0000; }
	option { font-size:5pt; }

	p { text-align:justify; }

	td { font-family:Arial; font-style:normal; font-size:10pt; float:left; line-height:1.3; white-space:normal; vertical-align:top; }

	/* ID's
	*******************************************************************************/
	#button_AddOneDay { margin-bottom:2px }
	#button_AddOneMonth { margin-bottom:2px }
	#button_AddOneYear { margin-bottom:2px }
	/*
	#button_SubtractOneDay { margin-bottom:2px }
	#button_SubtractOneMonth { margin-bottom:2px }
	#button_SubtractOneYear { margin-bottom:2px }
	*/
	#button_SetDateTime { width:auto; margin-top:6px; margin-left:auto; margin-right:auto; }
	#div_DisplayDateTime { width:160px; margin:auto; }
	#div_SetDateTime { width:100px; margin:auto; }
	#calcDiv { padding:0px; width:768px; height:auto; float:left; }
	#CheckBoxCircles { border-bottom-left-radius:18.5px; }
	#CheckBoxCircles input:checked +.featureOnOff { width:380px; border-bottom-left-radius:18.5px; }
	#CheckBoxOrbits { border-top-left-radius:18.5px; }
	#CheckBoxOrbits input:checked +.featureOnOff { width:380px; border-top-left-radius:18.5px; }
	#CheckBoxPlanetNames { border-top-left-radius:18.5px; }
	#CheckBoxPlanetNames input:checked +.featureOnOff { width:380px; border-top-left-radius:18.5px; }
	#checkBoxPlanetSize1 { border-top-left-radius:18.5px; }
	#checkBoxPlanetSize1 input:checked +.featureOnOff { width:380px; border-top-left-radius:18.5px; }
	#checkBoxPlanetSize2 input:checked +.featureOnOff { width:380px }
	#checkBoxPlanetSize3 { border-bottom-left-radius:18.5px; }
	#checkBoxPlanetSize3 input:checked +.featureOnOff { width:380px; border-bottom-left-radius:18.5px; }
	#CheckBoxPositions { border-top-left-radius:18.5px; }
	#CheckBoxPositions input:checked +.featureOnOff { background-image:url(../image/checkBoxOrbits1.png); width:380px; border-top-left-radius:18.5px; }
	#CheckBoxPositions input { margin:0; padding:0; display:none; }/*	turn on off  */
	#CheckBoxScale { border-bottom-left-radius:18.5px; }
	#CheckBoxScale input:checked +.featureOnOff { width:380px; border-bottom-left-radius:18.5px; }
	#clockDiv { width:150px; height:170px; background-color:#E9E9E9; float:left; }
	#compareDiv { border:1px; width:100%; ; height:10%; ; background:#39F; position:relative; }
	#content1 { padding:0px; background-color:#FFFFFF; float:left; width:8000px; height:900px; }

	#content_masker_4 { top:0px;left:0px;position:absolute;width:1024px;height:768px;background-color:#ffffff;opacity:0.9;visibility:hidden; }

	#container_background { border:none; background-color:#000000; }
	#container001, #container100 { width:988px; height:732px; top:18px; left:18px; position:absolute; }
	#container005 { width:988px; height:75px; top:675px; left:18px; position:absolute; border:none; column-count:4; -webkit-column-count:4; -moz-column-count:4; }
	#container005 h2 { -webkit-column-span:all; -moz-column-span:all; column-span:all; }
	#container006 { width:482px; height:187px; top:288px; left:18px; position:absolute; column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	#container007 { width:492px; height:543px; top:61px; left:518px; position:absolute; background-color:none; column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	#container008 { width:482px; height:175px; top:611px; left:518px; position:absolute; column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	#contentlist_Div { width:954px; height:1364px; top:100px; left:0px; position:absolute; border:none; background-color:none; column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	#DateTimeSection { width:190px; height:208px; top:auto; left:0px; border:solid #000000 0.5px; border-bottom-left-radius:18.5px; background-color:#ffffff; opacity:0.5}
	#DateTimeSection_Footer { border-bottom-left-radius:18.5px; }
	#edit_Day { margin-left:5px; width:30px }
	#edit_Month { width:30px }
	#edit_Year { width:60px }

	#EnceladusOrbit_Div { width:317.5px; height:317.5px; top:68px; left:688.5px; position:absolute; border:none; background-color:#000000; }
	#Enceladus_Div4 { top:63px; left:18px; position:absolute; width:322.5px; height:auto; border:none; }
	#Enceladus_Div3 { top:735px;left:410px;position:absolute;width:317.5px;height:auto;border:none; }

	#Enceladus_Fotogallery_Legend { top:104px; left:0px; position:absolute; }

	#Enceladus_topOfDocument { top:0px;left:0px;position:absolute;width:1024px;height:768px;opacity:1;visibility:hidden; }

	#guiDiv { width:744px; height:1364px; top:136px; left:1268.5px; position:absolute; border:none; background-color:#E9E9E9; }
	#gui_column_Zoom { left:16px; width:auto; height:auto; border:none; }
	#gui_column_ViewOptions { float:left; width:190px; height:683px; border:none; }
	#h5_saturn_moons { margin-bottom: 8px; }
	#header1 { width:1346px; height:29px; float:left; background:#E9E9E9; position:fixed; }
	#introduction_div { width:988px; }
	#legend_container { border:none; left:0px; position:absolute; z-index:1; }	
	#mainDiv { width:677px; height:auto; top:70px; left:137px; position:absolute; }
	#objectInfo { background-color:white; border:thin; border-color:grey; }
	#objectInfo { font-family:Arial; font-size:1.3em; font-weight:bold; line-height:1.5; text-align:left; padding-left:10px; color:#0000FF; float:inherit; }
	#objects_Container1 { border:1px solid black; /*none; */background:none; float:left; }
	
	#orbits_Zoom { width:auto; height:auto; }
	#planets_Zoom { width:auto; height:auto; }
	
	#pagetitle_div { width:988px; }
	#photos_div { width:988px; }
	#Planetentool_Seite_2 { background-color:#000000; }
	#Planetentool_Seite_Enceladus_1 { background-color:#000000; }
	#planets_svg1 { top:68px; left:18px; position:absolute; }
	#planets_comparison_part1 { top:18px; left:18px; position:absolute; }
	#planetSystem_Div { padding:0px; width:494px; height:auto; float:inherit; }
	#properties_div { width:494px; }
	
	#radioButtonZoom_0,#radioButtonZoom_9 { border-top-right-radius:18.5px; }
	#radioButtonZoom_8,#radioButtonZoom_16 { border-bottom-right-radius:18.5px; }	
	#radioButtonZoom_0 input:checked +.planetZoom,#radioButtonZoom_9 input:checked +.orbitZoom { /*background-color:#ffffff; opacity:1.0; */border-top-right-radius:18.5px; }	
	#radioButtonZoom_8 input:checked +.planetZoom,#radioButtonZoom_16 input:checked +.orbitZoom { /*background-color:#ffffff; opacity:1.0; */border-bottom-right-radius:18.5px; }
	
	#scaleFactor0 { color:#ffffff; font-size:16pt; font-weight:bold; width:5em; text-align:right; }/* Smartphones (portrait and landscape) ----------- */
	#scaleDiv { padding:0px; top:0px; float:inherit; }

	#schablone_div { top:18px; left:18px; position:absolute; width:988px; height:732px; border:none; }

	#Schweiz_Kantone { width:227px; height:151.5px; top:575px; left:398.5px; position:absolute; }

	#selection_Planet { width:105px; height:20px; font-family:Arial; font-style:normal; font-size:11pt; font-weight:bold; float:left; }
	#sourceCoverPhotoFront { font-family:Arial; font-style:normal; font-size:20pt; top:1300px; left:1760px; position:absolute; }
	#sourceCoverPhotoBack { font-family:Arial; font-style:normal; font-size:20pt; top:1300px; left:1720px; position:absolute; }
	#Sun { stroke:none; fill:#ffffff; }
	#Sun_original { stroke:none; fill:#ffffff; opacity:0.7; } /*#ffff99*/
	#table1_td2 { width:auto; margin-left:2px; }
	#table_2,#table2_tr1 { font-family:Arial; font-style:normal; font-size:10pt; width:492px; float:left; border:none; }
	#table_3 { font-family:Arial; font-style:normal; font-size:10pt; width:492px; float:left; border-left:none; border-right:none; }
	#titleCoverPhotoFront { font-family:Arial; font-style:normal; color:#ffffff; font-size:28pt; top:550px; left:330px; position:absolute; }
	#titleDiv { width:768px; height:85.5px; border:1px solid #a9a9a9; background-color:#E9E9E9; }
	#zoomFactorDisplay { top:70px; left:160px; position:absolute; }
	/* classes
	*******************************************************************************/
	p.buttonGroupTitle { font-family:Arial; font-style:italic; font-size:12pt; color:#ffffff; padding:10px; line-height:1.3; hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; }
	p.floattext1, p.floattext2 { font-family:Arial; font-style:normal; font-size:10pt; text-align:justify; line-height:1.3; hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; }	
	p.floattext1 { color:#000000; }  
	p.floattext2 { color:#999999; }	
	p.info_1 { font:bold 16pt "Helvetica Neue", Helvetica, Arial, sans-serif; height:29px; display:table-cell; vertical-align:middle; border:none; color:#cceeff; }
	/*p.scaleInfo { margin-top:-20px; }*/
	p.scaleFactorInfo { margin-top:-20px; }
	.AnimatePlanetsButton { width:92px; }
	.axis path,
	.axis line { fill:none; stroke-width:1px; }
	.axis text { font-family:sans-serif; font-size:9pt; stroke:none; }
	.buttonGroup_Header { width:190px; height:37.5px; border:none }
	.checkBox1,.checkBox2 { width:190px; height:37.5px; border:solid #000000 0.5px; background-color:#696969; }
	.checkBox1 input { margin:0; padding:0; opacity:1.0; display:none; }
	.checkBox2 input { margin:0; padding:0; opacity:1.0; display:none; }
	.check1,.check2,.check4,.check5,.checkbox_RealTime,.check6,.check7,.check8 { background-image:url(../image/checkBoxOrbits2.png); padding-left:45px; width:206; height:37.5px; font-size:12pt; margin-top:0px; margin-bottom:0px; opacity:0.4; }
	.checkBox1 input:checked +.featureOnOff { background-image:url(../image/checkBoxOrbits1.png); background-color:#ffffff; opacity:1.0; width:190px; }
	.checkBox2 input:checked +.featureOnOff { background-image:url(../image/checkBoxOrbits3.png); background-color:#ffffff; opacity:1.0; width:190px; }
	.col0, .col1, .col2, .col3 { border-left:none; border-right:none; }
	.col0 { width:186px; }
	.col1 { width:140px; }
	.col2 { width:160px; }
	.colhead { font-weight:bold; }
	.columnTitle { height:42px; margin-bottom:-2.5px; }
	.container_header, #container005, #container006, #container007, #container008, #moons_Div_Saturn { background-repeat:no-repeat; background-size:cover; column-gap:12px; column-rule-width:thin; column-rule-color:#666666; column-rule-style:solid; -webkit-column-gap:12px; -webkit-column-rule-width:thin; -webkit-column-rule-color:#666666; -webkit-column-rule-style:solid; -moz-column-gap:12px; -moz-column-rule-width:thin; -moz-column-rule-color:#666666; -moz-column-rule-style:solid; }
	.container_header { width:988px; height:38px; top:16px; left:16px; position:absolute; border:solid #a9a9a9 1px; background-color:#000000; column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	.EditDateBox2, .EditDateBox4 { color:#0000ff; text-align:center; font-family:Monospace; font-size:14pt; border-style:inset; float:left; margin-left:2px; margin-right:2px;  }
	.EditDateBox2 { width:40px; }
	.EditDateBox4 { width:65px; }
	.EditDateButton, .AnimatePlanetsButton, #button_SetDateTime { height:26px; color:#000000; text-align:center; font-family:Arial; font-size:12pt; border:solid 1px #000000; border-radius: 5px; background-color:#d9d9d9; }
	.EditDateButton { width:60px; }
	.featureOnOff { cursor:pointer; background-size:contain; background-repeat:no-repeat; display:table-cell; vertical-align:middle; -webkit-transition:all 100ms ease-in; }
	.gallery_Foto1 { top:0px; left:0px; position:absolute; width:100px; height:100px; border:solid #ffffff 0.5px; margin-left:1.5px; margin-right:1.5px; }
	.gallery_Foto2 { top:0px; left:107px; position:absolute; width:100px; height:100px; border:solid #ffffff 0.5px; margin-left:1.5px; margin-right:1.5px; }
	.gallery_Foto3 { top:0px; left:214px; position:absolute; width:100px; height:100px; border:solid #ffffff 0.5px; margin-left:1.5px; margin-right:1.5px; }
	.guiSection_Header { font-family:Arial; font-size:9pt; text-align:center; padding-top:4px; }
	.moon { stroke:none; fill:#99ccff; }
	.moon_orbit { stroke:#99ccff; stroke-width:0.2px; fill:transparent; }
	.moons_Foto_Div1 { top:70.5px; left:353.5px; position:absolute; width:317.5px; height:auto; border:none; background-color:#000000; }
	.moon_Foto { top:225px; left:353.5px; position:absolute; width:317.5px; height:317.5px; border:none; }
	.moons_Div { width:482px; height:222px; top:61px; left:18px; position:absolute; column-count:1; -webkit-column-count:1; -moz-column-count:1; z-index:3; }
	.moons_Text_Div1 { top:305px; left:18px; position:absolute; width:317.5px; height:auto; border:none; background-color:#000000; }
	.moons_Text_Div2 { top:385px; left:688.5px; position:absolute; width:317.5px; height:365px; border:none; background-color:#000000; }
	.moon_Fotogallery { top:633px; left:18px; position:absolute; width:317.5px; height:auto; border:none; background-color:none; }
	.moonInfos_Foto2 { /*	top:1131px; left:0px; position:absolute; */width:316.5px; height:96px; border:solid #ffffff 1px; }
	.moons_Orbit { top:136px; left:1377px; position:absolute; width:635px; height:635px; }
	.object_name1 { font-family:Arial; font-style:normal; font-size:8pt; opacity:0.7; }
	.orbitZoom { cursor:pointer; background-size:contain; background-repeat:no-repeat; display:table-cell; vertical-align:middle; -webkit-transition:all 100ms ease-in; }
	.planetZoom { cursor:pointer; background-size:contain; background-repeat:no-repeat; display:table-cell; vertical-align:middle; -webkit-transition:all 100ms ease-in; }
	.planet_name1 { font-family:Arial; font-size:14pt; letter-spacing:1px; opacity:0.7; }
	.planetName1 { font-family:MyriadPro-Regular; font-size:12pt; color:black; text-align:left; alignment-baseline:middle; }
	.planet_1 { stroke:none; fill:#000000; }
	.planet_1_visible { stroke:none; fill:#000000; }
	.planet_1_hover { stroke:none; fill:#0000ff; }
	.planet_2 { stroke:none; fill:#ffffff; }
	.planet_2_hidden { visibility:hidden; }
	.planet_Name { font-family:Arial; opacity:0.6; }
	.planet_original { stroke:none; fill:#bf0000; }
	.planet_orbit_e:hover, .planet_orbit_c:hover { opacity:1.0; }
	.popup_info { fill:#999999; font-family:Arial; font-size:22pt; }
	.projection_info { font-family:Arial; font-size:9pt; color:#cceeff; }

	.radioButtonZoom1,
	.radioButtonZoom2 { width:121px; height:37.5px; border:solid #000000 0.5px; background-color:#696969; }
	
	.radioButtonZoom1 input,
	.radioButtonZoom2 input { display:none; }
	
	/*
	.radioButtonZoom1 input:checked,
	.radioButtonZoom2 input:checked { width:121px; height:37.5px; background-color:#ffffff; opacity:1.0; }
	*/
	.radioButtonZoom1 input:checked +.orbitZoom,
	.radioButtonZoom1 input:checked +.planetZoom,
	.radioButtonZoom2 input:checked +.planetZoom { background-color:#ffffff; opacity:1.0; }
	
	/*
	.radioButtonZoom1 input:unchecked,
	.radioButtonZoom2 input:unchecked { width:121px; height:37.5px; margin:0; padding:0; display:none; }
	*/
	/*
	.radioButtonZoom1 input:unchecked +.orbitZoom,
	.radioButtonZoom1 input:unchecked +.planetZoom,
	.radioButtonZoom2 input:unchecked +.planetZoom { margin:0; padding:0; display:none; }
	*/
	.radio0,.radio1,.radio2,.radio3,.radio4,.radio5,.radio6,.radio7,.radio8 { background-image:url(../image/radioButtonPlanets2.png); }
	.radio9,.radio10,.radio11,.radio12,.radio13,.radio14,.radio15,.radio16 { background-image:url(../image/radioButtonOrbits2.png); }
	.radio0,.radio1,.radio2,.radio3,.radio4,.radio5,.radio6,.radio7,.radio8,.radio9,.radio10,.radio11,.radio12,.radio13,.radio14,.radio15,.radio16 { padding-left:46px; width:58%; height:37.5px; font-size:12pt; margin-top:5px; margin-bottom:5px; opacity:0.4; }
	
	.row1 { width:494px; background-color:#d9d9d9; font-size:9pt; font-weight:bold; border-left:none; border-right:none; }
	.row2 { width:494px; border-left:none; border-right:none; }
	.scale_text { font-family:Arial; font-size:9pt; }
	.scale_unit { font-family:Arial; font-size:18pt; }
	.solarsystem_container { border:none; float:left; z-index:-1; }
	.table_1 { width:190px; border:none; margin-top:6px; }
	.table1_tr1 { border:none; margin-bottom:2px; }
	.table1_td1 { width:60px; font-family:Arial; font-size:9pt; border:none; display: table-cell; text-align: center; vertical-align: middle; }
	.table1_td2 { width:190px;  }
	.table_moonFacts { font-family:Arial; font-style:normal; font-size:9pt; color:#999999; float:left; line-height:1.3; white-space:normal; vertical-align:top; }
	.toggleButton { border:1px solid #cccccc; background:#f6f6f6; font-family:Arial; font-size:6pt; font-weight:bold; color:#1c94c4; border-top-right-radius:2px; }
	.ui-content { width:964px; height:444px; top:122px; left:36px; position:absolute; column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	.video_1 { top:480px; left:18px; position:absolute; width:482px; height:270px; }
}