/*
(1) http://ryanfait.com/sticky-footer/
(2) http://www.webdesignerwall.com/tutorials/how-to-css-large-background/
(2) http://www.alistapart.com/articles/howtosizetextincss/
*/


/* Seitenaufbau */

* {
  margin: 0; /* (1) */
  padding: 0;
  border:none;	
}
html, body {
	height: 100%; /* (1) */
}
body {
  background: #bfba9d url('./bilder/02_scan_bg.jpg') center top repeat;
  width: 100%;
  text-align:center; /* #footer im IE zentrieren */
}  

#wrapper{
  min-height: 100%;/* (1) */
  height: auto !important;/* (1) */
  height:100%; /* braucht IE7 */
  margin-bottom:-88px; /* (1) */
  background: transparent url('./bilder/02_scan_content.png') center top repeat-y;
  width:100%;
  min-width:955px; /* damit der Hintergrund im FF bei kleinem Fenster nicht wegscrollt */
}
#aussen {
  background: transparent url('./bilder/04_header_aussen.png') center top no-repeat; 
  width:100%; /* nötig??? */
  text-align:center; /* #innen im IE zentrieren */
}

#innen {
  background: transparent url('./bilder/04_header_bg.jpg') center top no-repeat;
  width:955px;
  margin:0 auto; /* (1) */
  text-align:left;
}
#footer, #push {
	height: 88px; /* .push must be the same height as .footer */ /* (1) */
}
#footer {
  background: transparent url('./bilder/02_scan_footer_955.png') center bottom no-repeat;
  width:955px;
  margin: 0 auto;
  text-align:left;
}


/* Schrift */

body {
  font-size:100%; /* (2) */
  line-height:1.25em; /* =20px */
  font-family: "DejaVu Serif", "Bitstream Vera Serif", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, Constantia, "Liberation Serif", Georgia, serif;
}
a  { 
  font-family: Verdana, Arial, "sans-serif"; 
  font-size: 1.1em;
  color: #234090; 
}

#ueberschrift { font-weight:normal; font-size:40px; line-height:40px; }
h1 { font-size:1em; }

.untermenuleiste, #footer p{  
  font-size:0.75em; /* (2) */
}
#content {
  font-size:0.875em; /* (2) */
}      


/* Rest */

#header { 
  position:relative; 
  height:220px;
}
#header object param { display:none; }
  .buttons { 
    color:black; 
    height:40px; width:835px;
    position:absolute;
    top:120px; left:60px;
    background: transparent url('./bilder/02_halbweiss.png') left top repeat;
  }
  .untermenuleiste {  
    color:black; 
    height:20px;
    margin-left:20px;
    width:815px;
    position:absolute;
    top:170px; left:60px;
    line-height:1.5em;
  }
  
#content { margin:40px 40px 0 40px; }
  #content h1, #content p { margin:20 40px 0px 40px; }
  
#footer p { 
  width:795px;
  position:relative;
  top:50px;
  left:80px;
  color:#40403a;
}