
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Hamburger Menu /// */

/* Flash banner */
#ax_myId object {
  max-width:100% !important;
  width:700px;
  height:200px;
}

#ax_titles_small {
  display:none;
}

#ax_navigation .ax_onlymobile {
  display:none;
}

#ax_header_button {
  float:right;
  display:none;
  width:24px;
  height:24px;
  cursor:pointer;
  margin:1.5em 5% .8em 0;
  background:url("/resources/img/hamburgermenu.png") no-repeat;
}

#ax_header_button:hover {
  background:url("/resources/img/hamburgermenuhover.png") no-repeat;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Mobile CSS /// */

@media only screen and (min-width : 150px) and (max-width : 1000px)
{
  #ax_header_menu {
    display:none;
  }
  
  #ax_header_button {
    float:right;
    display:inline;
    background:url("/resources/img/hamburgermenu.png") no-repeat;
    cursor:pointer;
  }  
  
  #ax_contents_inner {
    width:100%;
  }
  
  #ax_navigation {
    width:100%;
  }
  
  #ax_navigation .ax_onlymobile {
    display:inline;
  }

  #ax_page {
    width:100%;
  }
    
  #ax_page p img {
    width:100%;
  }
  
  #ax_page h2 {
    float:left;
    width:100%;
  }

  #ax_page p {
    line-height:190%;
    width:100%;
  }
  
  ul#ax_mainnav {
    display:none;
    float:left;
    width:100%;
    border-bottom:1px solid #fff;
  }

  #ax_mainnav li {
    padding:.5em 0;
    font-size:1.2em;
    vertical-align:middle;
    border-top:1px solid #fff;
    width:100%;
  }

  #ax_mainnav li a {
    float:left;
    width:75%;
    margin:0 5%;
    padding:.2em 0;
    text-align:left;
    font-weight:bold;
    color:#fff;
  }
  
  #ax_mainnav li a:hover {
    color:#c00;
    background:none;
  }

  #ax_mainnav li span {
    text-align:left;
    display:inline;
    float:left;
    margin:0 5% 0 0;
    padding:0;
    width:10%;
    background:url("../img/arrowdown_white.png") no-repeat 90% 60%;
    cursor:pointer;
  }
  
  #ax_mainnav li span:hover {
    float:left;
    margin:0 5% 0 0;
    padding:0;
    width:10%;
    background:url("../img/arrowdown_gray.png") no-repeat 90% 60%;
  }  
  
  #ax_mainnav li ul {
    display:block;
    margin:0 auto;
    width:100%;
    z-index:999;
    height:100%;
    padding:0;
    float:left;  
    border:none;  
  }
  
  #ax_mainnav li ul li {
    float:left;
    width:90%;
    margin:0 5%;
    padding:0;
    background:none;
  }

  #ax_mainnav li ul li a {
    margin:0;
    font-size:.8em;
    padding:.3em 0;
    width:100%;
  }
  
  #ax_mainnav li.ax_last {
    border-top:1px solid #fff;
  }

  #ax_branding {
    float:left;
    width:261px;
    height:35px;
    margin:1.2em 5% 0 5%;
    padding:0;
  }
  
  #ax_branding a {
    width:100%;
    margin:0;
    height:35px;
    float:left;
    background:url("/resources/img/branding_small.png") no-repeat;
  }
  
  #ax_quicksearch {
    width:100%;
    float:left;
    margin:1em 0;
  }

  #ax_quicksearch .ax_inputfield {
    margin:0 5%;
    padding:1%;
    width:72%;
  }

  #ax_quicksearch .ax_button {
    margin:0 5% 0 0;
    width:50px;
    height:26px;
    padding:.2em 0;
    float:right;
  }
 
  #ax_header {
    height:100%;
  }
  
  #ax_header_inner {
    width:100%;
  }

  #ax_navigation_inner {
    width:100%;;
  }

  #ax_contents {
    padding:5%;
    width:90%;
    border:none;
  }

  #ax_sidebar {
    display:none;
    width:100%;
  }
  
  .ax_sideproducts {
    width:100%;
  }
  
  .ax_sideproducts li {
    width:100%;
  }
  
  .ax_subnav li,
  .ax_subnav a {
    width:98%;
  }
  
  .ax_subnav li li,
  .ax_subnav li li a {
    width:90%;
  }
  
  #ax_page div.ax_divCategories {
    width:100%;
  }
  
  #ax_page div.ax_divCategories.ax_left,
  #ax_page div.ax_divCategories.ax_right {
    width:100%;
    float:left;
  }
  
  #ax_page #ax_mainbuttons li {
    margin:0 2% 0 0;
    float:left;
    width:18.4%;
    height:18%;
    border:none;
  }
  
  #ax_page #ax_mainbuttons li.ax_last {
    margin:0;
  }

  #ax_page #ax_mainbuttons li a {
    width:100%;
    height:64px;
    border:none;
    background-size:50% 50%;
  }

  #ax_page #ax_mainbuttons span {
    display:none;
  }  

  #ax_page table.ax_sponsors tbody td {
    padding:.3em 0;
    width:20px;
  }
  
  #ax_page table.ax_sponsors tbody td.ax_sponsorcat {
    width:20em;
  }
  
  #ax_page table.ax_freeware tbody td.ax_size {
    padding:1.3em 1em 0 0;
  }
  
  #ax_promotion {
    display:none;
  }

  #ax_page .ax_downloadheaderimage div {
    float:left;
    width:100%;
    margin:0 0 2em 0;
  }
  
  #ax_page table {
    border-collapse: collapse; 
    width:100%;
  }
  
  #ax_mainpage {
    display:none;
  }
  
  #ax_tiles {
    width:100%;
  }
  
  #ax_page table.ax_mainpage,
  .ax_mainpage thead, 
  .ax_mainpage tbody,
  .ax_mainpage th, 
  .ax_mainpage td, 
  .ax_mainpage tr { 
		display: block; 
    padding:0;
    display:none;
	}
  
 #ax_page table.ax_softwarelisting,
  .ax_softwarelisting thead, 
  .ax_softwarelisting tbody,
  .ax_softwarelisting th, 
  .ax_softwarelisting td, 
  .ax_softwarelisting tr { 
		display: block; 
    padding:0;
    float:left;
    width:100%;
	}  
  
  #ax_page td,
  #ax_page .ax_softwarelisting td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding:0; 
    width:100%;
	}
  
  #ax_page table.ax_softwarelisting thead th {
    padding:0;
    width:100%;
  }
  
  #ax_page table.ax_softwarelisting td.ax_editorspickimage {
    margin:1em 0;
    width:100%;
  }

  #ax_page table.ax_softwarelisting td.ax_editorspickdescr {
    width:98%;
    margin:0 1%;
  }
  
  #ax_page table.ax_softwarelisting td.ax_editorspickdescr p,
  #ax_page table.ax_softwarelisting td.ax_editorspickimage p {
    margin:1em 0;
    padding:0;
    width:100%;
  }

  #ax_page table.ax_softwarelisting td.ax_editorspickimage img {
    width:73px;
  }
  
  #ax_page table.ax_softwarelisting thead th.ax_stars {
    padding:2%;
    width:96%;
  }
  
  #ax_page table.ax_softwarelisting td {
    margin:0;
    padding:1%;
    width:98%;
  }
  
  #ax_page table.ax_softwarelisting td.ax_productdescription p {
    margin:0;
    padding:0;
    width:98%;
  }
  
  #ax_page table.ax_softwarelisting td.ax_productdescription ul {
    width:96%;
    margin:0 0 0 1%;
  }
  
  #ax_page table.ax_softwarelisting .ax_download dl {
    width:98%;
  }
  
  #ax_page table tbody tr td,
  #ax_page table.ax_screenshots tbody tr td {
    padding:.2em 0;
  }
  
  form.ax_standardform {
    width:100%;
  }

  form.ax_standardform label {
    margin:0 3% 0 0;
    width:20%;
  }

  form.ax_standardform select {
    width:70%;
  }     
  
  #ax_page pre {
    width:95%;
  }
  
  #ax_titles_big {
    display:none;
  }

  #ax_titles_small {
    display:block;
  }
  
  #ax_page table.ax_download {
    margin:0 0 4em 0;
  }

  #ax_page table.ax_download tbody td.ax_name,
  #ax_page table.ax_download tbody td.ax_size,
  #ax_page table.ax_download tbody td.ax_build,
  #ax_page table.ax_download tbody td.ax_release,
  #ax_page table.ax_download tbody td.ax_download {
    padding:.2em 0;
    width:100%;
    text-align:left;
  }
  
  #ax_page table.ax_freeware tbody td.ax_name {
    width:90%;
  }
  
  #ax_page table.ax_freeware tbody td.ax_download {
    margin:.5em 0 0 0;
  }
  
  #ax_page table.ax_download tbody td.ax_download div.ax_box {
    display:block;
    float:left;
    width:100%;
  }
  
  form.ax_standardform input,
  form.ax_standardform select, 
  form.ax_standardform textarea {
    margin:0;
    width:70%;
  }
  
  form.ax_standardform small {
    margin:0;
    width:70%;
  }
  
  #ax_page .ax_downloads img {
    width:113.7%;
  }
  
  #ax_page .ax_downloads ul {
  }
  
  #ax_page .ax_downloads li {
    width:100%;
    float:left;
    margin:0 0 1em 0;
  }

  #ax_page .ax_downloads li a {
    width:88%;
    padding:0 0 0 5%;
    margin:0;
  }
  
  #ax_page .ax_downloads li.ax_btmanualhtm a {
    padding:.5em 2% .5em 10%;
  } 
  #ax_page .ax_downloads li.ax_btdownload a {
    padding:.5em 2% .5em 10%;
  }
  
  .ax_download dl {
    width:95%;
  }
  
  #ax_software {
    width:100%;
  }

  #ax_software li {
    float:left;
    width:100%;
  }
  
  #ax_page .ax_download dt {
    width:19%;
  }
  
  #ax_page #ax_tabs ul {
    width:15%;
  }

  #ax_page #ax_tabs ul.ax_sponsorlist {
    width:100%;
  }
  
  #ax_page #ax_tabs li a {
    width:3em;
    overflow:hidden;
  }
  
  #ax_page .ax_content {
    width:78%;
  }
  
  #ax_page #ax_tabs .ax_sponsorlist li {
    width:100%;
  }
  
  #ax_footer {
  float:left;
    height:100%;
    padding:0;
  }
  
  #ax_footer a {
    float:left;
    width:100%;
  }
  
  #ax_footer_inner {
   width:100%;
  }

  #ax_footer_content {
    float:none;
    height:100%;
    width:90%;
    margin:0 auto;
    background:#c00;
  }

  #ax_footer_menu {
    margin:0 auto;
    float:none;
    width:90%;
  }

  #ax_footer_menu ul {
    margin:2em 0 0 0;
    border-top:1px solid #999;
    width:100%;
  }
  
  #ax_footer_menu li {
    margin:0;
    padding:.7em 0 .7em 0;
    text-align:left;
    float:left;
    width:100%;
    background:none;
  }
  
  #ax_footer_menu li.ax_last {
    margin:0;
  }
  
  #ax_footer .ax_column {
    float:left;
    margin:0;
    padding:0;
    width:100%;
  }
  
  #ax_footer .ax_column h1 {
    float:left;
    width:100%;
    margin:2em 0 .5em 0;
  }
}