html,td {
    font-family: verdana;
    font-size: 12px;
    color: #0A0A0A;
    height: 100%;
    padding:0;
    margin:0;
  }
  body
  {
    margin: 8px; 
   
    
  }
    
  #appcontainer {
    width: 1100px; /* 900px */
    height: 100%;
    padding:0;
    margin:0;
    top:0;
    
  }
  
  #navigation {
    border-top: 1px solid #B1B1B1;
    border-left: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
    background: #F3F3F3;
    padding-top:2px;
    padding-bottom:2px;
    font-weight: bold;
    width: 1098px; /*799*/
    display: block; 
  }
 
  #navigation ul li { display: inline; }
  
  #navigation ul  
  {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
  }

  #navigation ul li a
  {
    text-decoration: none;
    padding: .2em 1em;
    color: #2F87E3;
 

  }
  #navigation ul li a.sel
  {
    text-decoration: none;
    padding: .2em 1em;
    color: #2F87E3;
   background-color: #E1E1E1;

  }

  #navigation ul li a:hover
  {
    color:#52A9E3;
 
  }
  
  #blokcontainer {
    display: inline;
    float:left;
 
  }
  
   #blokcontainer2{
    display: inline;
    float:left;
    width: 501px;
    
  }
  
  
  #telescoop {
    border: 1px solid #B1B1B1;
    width: 298px;
    padding-bottom: 13px;
  }
  
  #camera {
    border-left: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 298px;
        padding-bottom: 13px;
  }
  
  #beeldeigenschappen {
    border-left: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 298px;
        padding-bottom: 13px;

  }
  
    #optischeeigenschappen {
    border-left: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 298px;
    padding-bottom: 13px;
 
 
  }
  
  
  #instellingen {
       border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 298px;
        padding-bottom: 13px;
        float:left;
        /*top: 348px;*/
        position: relative;
        /*left: 809px;*/

        
        
        
        
  }
    #belichting {
   

        
           border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 500px;
        padding-bottom: 13px;
        float:left;
        
  }
  #genereerurl {
    
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 500px;
        padding-bottom: 20px;
        float:left;
      
  
        
        /*overflow:hidden;*/
  }
  
   #informatie {
     border-top: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width:298px;
        padding-bottom: 13px;
        float:left;
        
        position: relative;
      left:0;
        top: 0;    
        /*overflow:hidden;*/
  }
  
      #debug {
    
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 298px;
    float: left;
     position: relative;
    left: 0;
    top: 0;    
  }
  
  
  #infotekst{
  padding: 4px;
  }
  
  
  #afbeelding {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  
    #units {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  
  
  #resolutiehide {
    overflow:hidden;
  }

  
  #buttons {
    
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 298px;
    height: 40px;
    
     float:left;
        top: 0;
        position: relative;
        left: 0;
    
  }
  
  .bloktitel {
    background: #F3F3F3;
    padding: 4px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  .tabline {
    border-bottom: 1px solid #E3E5E4;
    float: left;
    height: auto;
    width: 100%; 
  }
  
  #beeldveld {
    border-right: 1px solid #B1B1B1;
    border-top: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    width: 500px;
    height: 409px;
    float: left;
    top: 8px;
    background-image: url("images/maan.jpg");
    text-align: center;
    z-index:1;
  }

 
   #xyz {
    position: relative; 
    width: 0px; 
    height: 0px;  
    z-index:2; 
    border: 1px solid #9F9F9F; 
    margin: 0 auto;
    cursor: move;

  }
   
   #xbox {
    margin-top: -16px;
        vertical-align: bottom;
  }
     
   #ybox {
   float: left;
   margin-left: -16px;
  }
  
  /* form */
  #but {
    border: 1px solid #DADAD9;
    background: #F2EFF3;
    text-align: center;
    width: 115px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
  }
  
  #but2 {
    border: 1px solid #DADAD9;
    background: #F2EFF3;
    text-align: center;
    width: 115px;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
  }
   #buturl {
    border: 1px solid #DADAD9;
    background: #F2EFF3;
    text-align: center;
    width: 60px;
    float: left;
    margin-right: 20px;
    margin-left: 6px;
  }
  
  #fov {
    padding:3px;
  }
  
  .datum {
    font-size: 10px;
    color: #B4B4B3; 
  }
  
  .notes {
    font-size: 9px;
  }
  
  .subsmall {
    font-size: 9px;
  }
  
  label,input {
	 display: block;
	 /*width: 150px;*/
	 float: left;
  }
  
  label:hover{
    color:#656565;
  }
  
  select {
	 display: block;
	 float: left;
  margin-bottom: 2px;
  }

  
  input {
    background:#F2F2F2;
    text-align: right;
    border: 1px solid #B3B3B3;
    
  }

  label {
  	text-align: right;
  	width: 120px;
  	padding-right: 5px;
  	margin-right:0px;
  	padding-top: 7px;
  	padding-bottom:7px;
  	 border-right: 1px solid #E3E5E4;

    border-bottom: 1px solid #E3E5E4;
    margin-left: 10px;
  	 /*border-right: 1px solid #E3E5E4;*/
  }
  
  label.onder {
  
  	text-align: right;
  	width: 120px;
  	padding-right: 5px;
  	margin-right:0px;
  	padding-top: 7px;
  	padding-bottom:7px;
  	 border-right: 1px solid #E3E5E4;

    border-bottom: 0px solid #E3E5E4;
    margin-left: 10px;
  	 /*border-right: 1px solid #E3E5E4;*/
  }
  
  .rtc {
    padding-left: 6px;
  	margin-right: 10px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:140px;
    border-bottom: 1px solid #E3E5E4;
    margin-top: 0px;
  }
  
    .rtc2 {
  padding-left: 6px;
  	margin-right: 10px;
  	padding-top: 4px;
  	padding-bottom:2px;
  float: left;
    height: auto;
  width:140px;
    /*border-bottom: 1px solid #E3E5E4;*/
  
  }

  .rtc_ab {
    padding-left: 6px;
  	margin-right: 10px;
  	padding-top: 4px;
  	padding-bottom:2px;
    float: left;
    height: auto;
    width:140px;
    border-bottom: 1px solid #E3E5E4;
    margin-top: 0px;
    height: 22px;
  }

   .rtc_fratio {
    padding-left: 4px;
  	margin-right: 0px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:45px;
    border-bottom: 1px solid #E3E5E4;
    margin-top: 0px;
  }
  
  
   .rtc_fratio_border {
    padding-left: 4px;
  	margin-right: 0px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:45px;
    border-bottom: 1px solid #E3E5E4;
      border-right: 1px solid #E3E5E4;
    margin-top: 0px;
  }
  
     .rtc_fratio_border_2 {
    padding-left: 4px;
  	margin-right: 0px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:45px;
    border-bottom: 1px solid #E3E5E4;
    margin-top: 0px;
  }
  
  .rtc_fratio_border_onder {
    padding-left: 4px;
  	margin-right: 0px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:45px;
  
      border-right: 1px solid #E3E5E4;
    margin-top: 0px;
  }
  
    .rtc_fratio_border_onder_2 {
    padding-left: 4px;
  	margin-right: 0px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:45px;
    
    margin-top: 0px;
  }
  
  .rtc_fratiobel {
    padding-left: 4px;
  	margin-right: 0px;
  	padding-top: 4px;
  	padding-bottom:4px;
    float: left;
    height: auto;
    width:50px;
    border-bottom: 1px solid #E3E5E4;
    margin-top: 0px;
     border-left: 1px solid #E3E5E4;
  }
  
  br {
    clear: left;
  }


  #apertuur,#brandpuntsafstand{
    width: 40px;
  }
  
  #fwaarde {
    width: 20px;
    margin-left: 5px;
  }
  
  #fratioc {
    width: 20px;
    margin-left: 3px;
  }
  #fratiocl {
    width: 30px;
   
    float:left;
  margin-left: 2px;
    
  }
  
  #beltijd {
    width: 30px;
 margin-left: 2px;
  } 
  
  #barlow {
    width: 20px;
    margin-left: 20px;
  }
  
  
  #pixelsx,#pixelsy,#pixelgroottex,#pixelgroottey,#afsensorx,#afsensory,#beeldschaalx,#beeldschaaly,#linex,#liney,#test1,#test2,#test3,#test4,#test5,#test6,#test7,#test8,#resolutie,#resolutiey,#airydisk,#golflengte,#daweslimit,#rayleighcriterion {
    width: 40px;  
  }
  #url {
    width: 300px;
    margin-left: 20px;
  }
    
  .voor {
    float:left;
    padding-top: 3px;
    margin-left: 6px;
  }
  
  .voor2 {
    float:left;
    padding-top: 3px;
    margin-left: 0px;
  }
  
  
  .midden {
    float:left;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
  }
  
  .achter {
    float:left;
    padding-top: 3px;
    margin-left: 5px;
  }


body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding-left:4px;padding-right:4px;padding-bottom:4px;padding-top:2px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:1px;margin-bottom:2px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

#telescoopmodel {
  width: 150px;
  padding-left: 0;
}

#cameramodel {
  width: 150px;
  padding-left: 0;
}