/*
#############################################
general
#############################################
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    height: 100%;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

.clearfix:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}/* Auto-Clear > ie_frontend.css*/

* {
 margin:0px;
 padding:0px;
}
body {
	font-family: Arial, sans-serif;
	color: #000000;
	font-size:100.01%;
    background-image: url("img/bg.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 100%;
}
@media only screen and (min-width: 800px) {
 body {
    background-size: 50%;
}
}
div#wrapper {
 max-width:1200px;
 margin:0 auto;
}
div#content {
 padding:2em;
 clear:both;
 text-align: center;
}
p {
	line-height:160%;
	font-size:1.1em;
}
a {
 font-size:1em;
 color:#000000;
 text-decoration:underline;
}
a:hover {
 text-decoration:none;
}
img.print {
 display:none;
}
h1 {
	font-size: 1.7em;
	padding:20px 0 10px 0;
	color:#669900;
	font-weight:normal;
}
h2 {
	font-size: 1.4em;
	padding:3px 0 6px 0;
	color:#669900;
	font-weight:normal;
}
a#logo {
    width:100%;
    display: block;
    margin:0 auto;
    padding:2em 4em;
}
@media only screen and (min-width: 800px) {
 a#logo {
    width:35%;
}
}
ul {
 padding:5px 0 20px 10px;
 list-style-type:circle;
 display: inline-block;
}
ul li {
 padding:2px 6px 2px 6px;
 font-size:1.1em;
 line-height:140%;
 list-style-type:none;
}