@charset "utf-8";
/* CSS Document */

/* Load font files */
@font-face {
  font-family: dinpro;
  src:  url(fonts/dinpro.eot); /* IE9 Compat Modes */
  src: url(dinpro.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(fonts/dinpro.woff) format('woff'), /* Pretty Modern Browsers */
	   url(fonts/dinpro.ttf) format('truetype');  /* Safari, Android, iOS */
}


@font-face {
  font-family: dinpro-condblack;
  src:  url(fonts/dinpro-condblack.eot); /* IE9 Compat Modes */
  src: url(fonts/dinpro-condblack.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(fonts/dinpro-condblack.woff) format('woff'), /* Pretty Modern Browsers */
	   url(fonts/dinpro-condblack.ttf) format('truetype');  /* Safari, Android, iOS */
}



body {
width:100%;	
height:100%;	
min-width:320px;	
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin:0px;

background-image:none;
background-repeat: no-repeat;
background-position: 0 0px;
background-size:100%;

background-color: #ffffff;
text-align: center;
/*min-width: 1000px;*/
font-family: dinpro,arial, helvetica;
font-size:62.5%;
}  



h1{
position:relative;
width:100%;
margin-top:0;
font-size:2.75em;
font-weight:bold;
/*
padding-top:.75em;
padding-bottom:.25em;
*/
text-transform:uppercase;
font-family:dinpro-condblack, Arial, Helvetica, sans-serif;
}


h2 {
position:relative;
margin-top:.25em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2.25em;
color:#000000;
text-align:justify;	
}

p {
position:relative;
margin-top:.75em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
text-align:justify;	
}


li {
position:relative;
margin-top:.75em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
text-align:justify;	
}

sub {
top:-5px;	
}


#pagecontainer{
position:relative;
width:80%;
max-width:1200px;
margin:0 auto;
margin-top:20px;
/*min-height:300px;*/
background-color: none;
min-width:320px;
}

#pageinnercontainer{
position:relative;
width:96%;
margin:0 auto;
margin-top:0px;
background-color: none;
}


#imagecontainer {
position:relative;
width:100%;	
}

#imagecontainer img{
position:relative;
width:100%;
max-width:100%;	
margin:0 auto;
}

#imagecaption {
position:relative;
margin-top:.25em;
margin-bottom:.25em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#1a4d15;
text-align:center;	
font-weight:bold;	
}

#patentinfo {
position:relative;
margin-top:.25em;
margin-bottom:.25em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
text-align:left;	
font-weight:bold;	
}

#downloadlink {
position:relative;
clear:both;
margin-top:.5em;
margin-bottom:.5em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
text-align:left;	
font-weight:bold;
}

#contactinfo {
position:relative;
clear:both;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
text-align:left;	
font-weight:bold;
}

#websitelink {
position:relative;
clear:both;
margin-top:.5em;
margin-bottom:.5em;
font-family:dinpro,Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
text-align:left;	
font-weight:bold;
}

#downloadlink a {
text-decoration:none;
color:#1c84ef;	
}

#websitelink a {
text-decoration:none;
color:#1c84ef;	
}

#contactinfo a {
text-decoration:none;	
color:#1c84ef;
}

#downloadlink a:hover{
color:#cc0000;	
}

#websitelink a:hover{
color:#cc0000;	
}

#contactinfo a:hover{
color:#cc0000;	
}

#pagelinks{
text-align:left;
margin-top:20px;
margin-bottom:20px;	
font-family:dinpro,Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
font-weight:bold;	
}

#pagelinks ul li {
font-size:1.75em;	
}

#pagelinks ul li span {
font-size:1.75em;	
}

body#index #pagelinks ul li span {
font-size:1.75em;	
}

body#index #pagelinks ul li  {
font-size:1.75em;	
}


#pagelinks a{
text-decoration:none;	
color:#1c84ef;	
}

#pagelinks a:hover{
text-decoration:none;	
color:#cc0000;	
}

#pagebaselinepanelcontainer {
margin-left:0px;
margin-right:0px;	
}

#hitcountercontainer {
float:left;
text-align:left;
width:200px;	
color:#aaaaaa;
}

#downloadcountercontainer {
float:left;
text-align:left;
width:200px;	
color:#aaaaaa;
}

#copyrightcontainer {
float:left;
text-align:left;
width:auto;
color:#aaaaaa;	
display:none;
}

#siteauthorcontainer {
float:right;
text-align:right;
width:auto;	
}

#siteauthorcontainer a {
text-decoration:none;	
}



@media screen and (max-width: 1024px){

body {
font-size:55%;	
}

#pagecontainer{
width:100%;	
}

}

@media screen and (max-width: 560px){

#patentinfo {
font-size:2em;
text-align:center;	
}

#downloadlink {
clear:both;
font-size:2em;
margin:0.5em auto;
text-align:center;	
}

#contactinfo {
font-size:2em;
text-align:center;	
}

#websitelink {
clear:both;
font-size:2em;
margin:0.5em auto;
text-align:center;	
}

}


@media screen and (max-width: 400px){
#patentinfo {
font-size:1.5em;	
}
}