html,
body {
   margin:0;
   padding:0;
   height:100%;
   background-image:url("images/sky2.jpg");
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:200px;   /* Height of the footer */
}
#footer {
   background-image:url("images/grass.png");
   position:absolute;
   bottom:0;
   width:100%;
   height:200px;   /* Height of the footer */
}




a:link, a:visited, a:active, a:hover {
   font-family: arial;
   font-size: medium;
   font-weight: bold;
   color: #cc0000;
   }
a.kontakt:link, a.kontakt:visited, a.kontakt:active, a.kontakt:hover {
   font-family: arial;
   font-size: x-large;
   font-weight: bold;
   color: #336666;
   }

.footerText {
   font-family: arial;
   font-size: small;
   font-weight: bold;
   }
.side {
   width: 3px;
   background-image:url("images/side.png");
   background-repeat: repeat-y;
   }
.main {
   background-color:#99ccff;
   padding:10px;
   
   font-family: arial;
   font-size: medium;
   font-weight: bold;
   color: #FFFFFF;
   text-align:left;
   }




.headerText {
   font-family: arial;
   font-size: x-large;
   font-weight: bold;
   color: #000000;
   }
.bigass_headerText {
   font-family: arial;
   font-size: xx-large;
   font-weight: bold;
   color: #000000;
   border-bottom: 3px dashed #000000;
   }
.subHeaderText {
   font-family: arial;
   font-size: small;
   font-weight: normal;
   font-style: italic;
   color: #000000;
   }
.smallText {
   font-family: times;
   font-size: medium;
   font-weight: normal;
   color: #000000;
   }