html, body            {height: 100%;}
body        	      {color: #ffffff; min-width:1024px; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana, Arial, Helvetica sans-serif; }
.home                  {background-image: url('Images/HG/hg-home.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-color: #000000; background-position: left top;}	
.resume                {background-image: url('Images/HG/hg-resume.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-color: #000000; background-position: left top;}	
.photos                {background-image: url('Images/HG/hg-photos.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-color: #000000; background-position: left top;}	
.video                 {background-image: url('Images/HG/hg-video.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-color: #000000; background-position: left top;}	
.contact               {background-image: url('Images/HG/hg-contact.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-color: #000000; background-position: left top;}	
.impressum             {background-image: url('Images/HG/hg-impressum.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-color: #000000; background-position: left top;}	

* html #main          {height: 100%;}

#main                 {min-height: 100%; margin-bottom: -40px;}

#empty                {height: 80px; clear: both;}
#footer               {height: 30px; border-top: 1px solid #ffffff; padding-top: 1em; padding-left: 1em;}


#header               {padding-top: 20px; padding-bottom: 2em;}
#header ul            {list-style: none; text-align: center;}
#header li            {display: inline; padding-left: 60px; }

#header ul li a       {font-family: Arial; font-size: 14px; text-decoration: none; color: #ffffff; }
#header ul li a:hover {color: #ffcc00; }

#cr                   {position: relative; float: right;	font-family: Arial; font-size: 11px; color: #ffffff;}
#cr a            {font-family: Arial; font-size: 11px;	text-decoration: none; }
#cr a                 {color: #ffffff; font-weight: bold; padding-left: 15px; padding-right: 15px;}
#cr a:hover           {color: #ffffff;}

#logo                 {clear: both; padding-right: 1em; float: right; width: 550px; padding-top: 1em;}
#label                {clear: both; padding-right: 6em; float: right; width: 250px}
#title                {clear: both; padding-right: 40em; float: right; width: 250px; padding-top: 0.5em;}

#div-text-resume      {clear: both; padding: 1em; margin-top: 1em; margin-right: 6em; float: right; background-color: #111111;
                       width: 630px; color: #ffffff; opacity:0.9;filter:alpha(opacity=90)}
#div-text-resume p    {padding-bottom: 0.5em; font: normal normal normal 16px Arial, Helvetica, sans-serif; }

#div-text-home        {clear: both; padding: 1em; margin-top: 2em; margin-right: 6em; float: right;  width: 400px; color: #ffffff; }
#div-text-home p      {font: normal normal normal 18px Arial, Helvetica, sans-serif; line-height: 1.5em;}

#div-text-impressum   {clear: both; padding: 10px; margin-top: 1em; margin-right: 6em; float: right; background-color: #111111;
                       width: 630px; color: #ffffff; opacity:0.7;filter:alpha(opacity=70)}
#div-text-impressum p {padding-bottom: 15px; font: normal normal 12px Arial, Helvetica, sans-serif; }
#div-text-impressum h3 {padding-bottom: 15px; font: normal normal 14px Arial, Helvetica, sans-serif;}

#div-text-contact     {clear: both; padding-top: 1em; padding-left: 2em; padding-right: 2em; margin-top: 0.5em; margin-right: 6em; float: right; background-color: #111111;
                       width: 400px; color: #ffffff; opacity:0.8; filter:alpha(opacity=80)}
#div-text-contact a   {font-family: Arial; font-size: 18px; text-decoration: none; color: #ffffff; }
#div-text-contact a:hover {color: #ffcc00; }                    
#div-text-contact p   {font: normal normal 18px Arial, Helvetica, sans-serif; padding-bottom: 1em; }

#div-table-photos     {clear: both; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin-top: 1em; margin-right: 6em; float: right; background-color: #111111;
                       width: 656px; color: #ffffff; opacity:0.8;filter:alpha(opacity=80)}
#div-table-photos img {border: 2px solid #ffffff; width: 150px; height: 113px;}
#div-table-photos td  {padding: 5px;}

#div-table-video      {clear: both;  padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-top: 0.5em; margin-right: 6em; float: right; background-color: #111111;
                       width: 650px; color: #ffffff; opacity:0.8;filter:alpha(opacity=80)}
#div-table-video  table {margin-top: 1em; margin-left: 1em; margin-right: 1em;}                       
#div-table-video  td  {padding: 5px;}
#div-table-video  h1  {font-size: 14px;}
#download             {text-align: right;}
#download a           {font-family: Arial; font-size: 12px;	text-decoration: none; color: #ffcc00; }
#download a:hover     {font-weight: bold; color: #ffffff;}