@media all {

body, div,
h1, h2, h3, h4, h5, h6,
p, 
blockquot, pre, code,
ul, ol, li, 
table, th, td,
form, fieldset, legend, input, textarea
{padding:0; margin:0;}

h2, h3, h4, h5, h6,
p, blockquote, pre, 
ul, ol 
{margin-bottom:1em;}

ul, ol { margin-left:2em;}
ul ul, ul ol, ol ol,ol ul {margin-bottom:0;}
blockquote {margin:1em 2em;}

.clearing {
  clear:both;
}

}

/* ------------------- */

@media screen {

body {
  background-color:#8c8c8c;
  background-image:url(hntgr.png);
  background-attachment:fixed;
  color:white;
  font-family:Verdana, Arial, sans-serif;
  font-size:80%;
}

div#wrapper1foto {
  background-color:green;
  color:black;
  width:100%;   /*1000px;*/
  margin-top:0;
  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;
}

div#kopfbereich {
  position:relative;
  background-color:green;
  color:silver;
  padding:0;
}

div#kopfband {
  height:90px; 
  background:url(gruenband.gif) repeat-x; 
  min-width:300px; 
  border:1px solid #f3c600;
}

span#kbild {
  position:absolute;
  top:1px;
  left:1px;
}

h1#name {
  font-size:120%; font-style:normal; font-weight:normal;
  position:absolute;
  top:12px;
  right:10px;
  padding-left:12px;
  letter-spacing:2.5px;
  text-shadow: 2px 2px 2px black;
  color:silver; 
}

h2#homepage {
  font-size:180%; font-style:normal; font-weight:bold;
  text-shadow: 2px 2px 2px black;
  position:absolute;
  top:30px;
  right:10px;
}

span#projektion {
  position:absolute;
  top:66px;
  right:10px;
  letter-spacing:1.2px;
  text-shadow: 2px 2px 2px black;
  color:#dddddd;
  font-size:100%; font-weight:bold;
}

div#titel {
  padding-top:1em;
  padding-bottom:0.1em;
  padding-left:3.6em;
}

h2#atitel {
  font-size:180%; font-style:normal; font-weight:bold;
  text-shadow: 2px 2px 2px black;
  color:white;
}

}