/* planettoolStyles.css
/* media query
*******************************************************************************/
/* standard (landscape) ----------- 
@media only screen
and (min-width :480px)
and (min-height :360px)
and (max-width :2048px)
and (max-height :1536px)
and (orientation :landscape) { Styles */
/* html elements
*******************************************************************************/
	body { 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; }	
	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; color:#000000; }
	/*
	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; }


	/*.line { fill:none; stroke:steelblue; stroke-width:2px; }*/
	.axisLightBlue line{ stroke:#cceeff; }
	.axisLightBlue path{ stroke:#cceeff; }
	.axisLightBlue text{ fill:#cceeff; font-size:10pt; }  
  

	/* ID's
	*******************************************************************************/
	#button_AddOneDay, #button_AddOneMonth, #button_AddOneYear { border-top-left-radius:5px; border-top-right-radius:5px; }	
	#button_SubtractOneDay, #button_SubtractOneMonth, #button_SubtractOneYear { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
	
	#button_SetDateTime { width:auto; margin-left:auto; margin-right:auto; margin-top:4px; display:block}/* margin-left:auto; margin-right:auto;*/
	#div_DisplayDateTime { width:144px; height:30px; padding-left:auto; padding-right:auto; }
	#div_SetDateTime { width:144px; height:30px; }

	#calcDiv { padding:0px; width:768px; height:auto; float:left; }
	#CheckBoxCircles { border-bottom-right-radius:18.5px; }
	#CheckBoxCircles input:checked +.featureOnOff { width:144px; border-bottom-right-radius:18.5px; }
	#CheckBoxOrbits { border-top-right-radius:18.5px; }
	#CheckBoxOrbits input:checked +.featureOnOff { width:144px; border-top-right-radius:18.5px; }
	#CheckBoxPlanetNames { border-top-right-radius:18.5px; }
	#CheckBoxPlanetNames input:checked +.featureOnOff { width:144px; border-top-right-radius:18.5px; }

	#checkBoxPlanetSize1 { border-top-left-radius:18.5px; }
	#checkBoxPlanetSize1 input:checked +.featureOnOff { width:144px; border-top-right-radius:18.5px; }
	#checkBoxPlanetSize2 input:checked +.featureOnOff { width:144px; }
	#checkBoxPlanetSize3 { border-bottom-right-radius:18.5px; }
	#checkBoxPlanetSize3 input:checked +.featureOnOff { width:144px; border-bottom-right-radius:18.5px; }

	#radioButtonPlanetSize1 { border-top-right-radius:18.5px; }
	#radioButtonPlanetSize1 input:checked +.featureOnOff { width:144px; border-top-right-radius:18.5px; }
	#radioButtonPlanetSize2 input:checked +.featureOnOff { width:144px; }
	#radioButtonPlanetSize3 { border-bottom-right-radius:18.5px; }
	#radioButtonPlanetSize3 input:checked +.featureOnOff { width:144px; border-bottom-right-radius:18.5px; }

	#CheckBoxPositions { border-top-right-radius:18.5px; }
	#CheckBoxPositions input:checked +.featureOnOff { background-image:url(../image/checkBoxOrbits1.png); width:144px; border-top-right-radius:18.5px; }
	#CheckBoxPositions input { margin:0; padding:0; display:none; }/*	turn on off  */
	
	#CheckBoxScale {}
	#CheckBoxScale input:checked +.featureOnOff { width:144px; }

	#CheckBoxInfos { border-bottom-right-radius:18.5px; }
	#CheckBoxInfos input:checked +.featureOnOff { width:144px; border-bottom-right-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_header_2 { width:100%; height:50px; display:inline-block; top:0px; position:relative; border:none; }

	#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:144px; height:208px; top:auto; left:0px; border:solid #000000 0.5px; border-bottom-right-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; }

	#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; top:0px; position:relative; }
/* seite 1*/
    #mainContainer { top:0px; width:auto; height:auto; margin-left:auto; margin-right:auto; position:relative; display:table; border:none; }
	/*#mainDiv { left:124px; top:60px; position:absolute; border:none; }*/
	#mainRow { width:100%; height:auto; display:table; border:none; }
	#gui_column_Zoom { width:120px; border:none; float:left; display:inline-block; }
	#mainDiv { top:0px; position:relative; border:none; float:left; display:inline-block; }
	#gui_column_ViewOptions { width:144px; height:auto; right:0px; position:relative; border:none; display:inline-block; }

	#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; }

	#pageContent { width:988px; margin-right:auto; margin-left:auto; }
	
	#pagetitle_div { width:988px; }

	#photos_div { width:988px; }
	#Planetentool_Seite1 { height:1000px; 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-left-radius:18.5px; }
	#radioButtonZoom_8,#radioButtonZoom_16 { border-bottom-left-radius:18.5px; }	
	#radioButtonZoom_0 input:checked +.planetZoom,#radioButtonZoom_9 input:checked +.orbitZoom { /*background-color:#ffffff; opacity:1.0; */border-top-left-radius:18.5px; }	
	#radioButtonZoom_8 input:checked +.planetZoom,#radioButtonZoom_16 input:checked +.orbitZoom { /*background-color:#ffffff; opacity:1.0; */border-bottom-left-radius:18.5px; }

	#pageTitlePart2,#scaleFactor0 { font-style:italic; }

	#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:1.0; } 
	#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:43px; } /*92px*/
	/*#x-axis path,
	#x-axis line { stroke:#ffffff; stroke-width:1px; }*/
	.axis { font-family:Arial; font-size:9pt; stroke:none; color:#ffffff; }
	.buttonGroup_Header { width:144px; height:37.5px; border:none }
	.buttonGroup_Header2 { width:120px; height:37.5px; border:none }
	.checkBox1,.checkBox2 { width:144px; height:37.5px; border:solid #000000 0.5px; background-color:#696969; }
	.checkBox1:hover,.checkBox2:hover { background-color:#969696; }
	.checkBox1 input { margin:0; padding:0; opacity:1.0; display:none; }
	.checkBox2 input { margin:0; padding:0; opacity:1.0; display:none; }
	.check1,.check2,.check3,.check4,.check5,.check6,.checkbox_RealTime { 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 { 
		height:60px; 
		top:0px; 
		left:0px; 
		position:absolute; 
		background-color:#000000; 
	/*	column-count:1; 
		-webkit-column-count:1; 
		-moz-column-count:1; */
		border:none; 
    }
	.EditDateBox2, .EditDateBox4 { height:28px; color:#0000ff; text-align:center; font-family:Monospace; font-size:14pt; border-style:inset; margin-left:2px; margin-right:2px; }
	.EditDateBox2 { width:40px; }
	.EditDateBox4 { width:65px; }

	.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:43px; height:26px; color:#000000; text-align:center; font-family:Arial; font-size:12pt; border:solid 1px #000000; background-color:#d9d9d9; }



	.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; }
	.pageTitle { font-size:18pt; float:left; margin-top:10px; margin-left:0px; color:#ffffff; }
	.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; }
	.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; }
	.projection_info:hover { color:#ffffff; }

	.radio01,.radio02,.radio03 { background-image:url(../image/radioButtonSize1.png); padding-left:45px; width:206; height:37.5px; font-size:12pt; margin-top:0px; margin-bottom:0px; opacity:0.4; }
	.radioButton1,.radioButton2 { width:144px; height:37.5px; border:solid #000000 0.5px; background-color:#696969; }
	.radioButton1:hover,.radioButton2:hover { background-color:#969696; }
	.radioButton1 input { margin:0; padding:0; opacity:1.0; display:none; }
	.radioButton2 input { margin:0; padding:0; opacity:1.0; display:none; }
	.radioButton1 input:checked +.featureOnOff { background-image:url(../image/radioButtonSize2.png); background-color:#ffffff; opacity:1.0; width:190px; }
	.radioButton2 input:checked +.featureOnOff { background-image:url(../image/radioButtonSize3.png); background-color:#ffffff; opacity:1.0; width:190px; }
	.radioButtonZoom1,
	.radioButtonZoom2 { width:120px; height:37.5px; border:solid #000000 0.5px; background-color:#696969; }
	.radioButtonZoom1:hover ,
	.radioButtonZoom2:hover { background-color:#969696; }	
	.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; }
    .scaleFactorInfo { font-size:18pt; position:absolute; margin-top:10px; color:#ffffff; }
	.solarsystem_container { border:1px solid #393939; float:left; }
	.table_1 { width:190px; border:none; margin-top:4px; }
	.table1_tr1 { border:none; margin-bottom:2px; }
	.table1_td0 { width:146px; font-family:Arial; font-size:9pt; border:none; display: table-cell; text-align: center; vertical-align: middle; }
	.table1_td1 { width:48px; 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; }