/*
(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/05_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/05_bg_content.jpg') center top repeat-y;
  width:100%;
  min-width:955px; /* damit der Hintergrund im FF bei kleinem Fenster nicht wegscrollt */
}
#aussen {
  background: transparent url('../bilder/05_header_aussen.jpg') center top no-repeat; 
  width:100%; /* n�tig??? */
  text-align:center; /* #innen im IE zentrieren */
}

#innen {
  background: transparent url('../bilder/05_header_bg_auge.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/05_footer.jpg') 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;
}
#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) */
}      
a, p.breadcrumb b {   
  font-family: Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  margin: 0 2px;
  
  /* cursor:url(../bilder/horns.cur), pointer; /* von StarFM */
  
}
a:hover {   
  text-decoration: underline;
}

a.extern {
  padding-right: 15px;
  background: transparent url('../bilder/05_link_extern.gif') right 2px no-repeat;
}

/* code */
div.preaussen { 
	/*width:667px;*/
	overflow:auto;
	border:1px solid #554; 
	background-color:#999989; /*#e4e5d5;*/ 
	margin:20px 40px 0;
}
div.preinnen {
	margin:8px;
}
pre { font-size:1.2em;font-family:monospace; color:white;}
/* ENDE code */


/* Rest */

#header { 
  position:relative; 
  height:220px;
}
/*#header object param { display:none; }*/
.buttons { 
  color:black; 
  height:40px; width:835px;
  position:absolute;
  top:119px; left:60px;
}
.buttons a { padding:10px 15px 0 20px; height:32px; margin-right:0px; display:block;float:left; 
  background-image:url("../bilder/03_out.png");
  color:#ddd;
 /* border-right:1px solid #3f352c; */
}
.buttons div.rechtsvombutton { height:42px; width:5px; margin-right:5px; display:block;float:left; 
  background: transparent url("../bilder/03_out.png") top right;
}
.untermenuleiste {  
  color:black; 
  height:20px;
  margin-left:20px;
  width:815px;
  position:absolute;
  top:170px; left:60px;
  line-height:1.5em;
}
  
#content { margin:40px 40px -20px 40px; color:#413b2b; }/* background-color: #fcf9f2; position:relative; }*/
#content a { color:#395499; }
#content h1, #content p, #content applet, #content object { margin:0px 40px 20px 40px; }
#content object, #content applet { display:block;float:left;border:1px solid black; }
  
#content img { margin:20px 40px 0px 40px; }

#content #luftbox img { margin:0; }
#content #nachrichtenbox {
  width:255px;
  float:right;
  height:400px;
  font-size:0.75em;
  line-height:1.125em;
  overflow:scroll;
  overflow:-moz-scrollbars-vertical;
  overflow-x:auto;
  background: #fff url(../bilder/changelogBox_hinten.jpg);
  margin:-15px 25px 5px -13px;
  position: relative;
  padding-top:20px;
}
#content #nachrichtenbox p { margin:10px 30px 5px 25px; color:#b0b0b0; }
#content #nachrichtenbox p.aktuell { margin-top:20px; color:#888; }
#content #nachrichtenbox p a { color:#7a8dbc; }
#content #nachrichtenbox p.aktuell a { color:#395499; }

/* fuer das JavaScript Scrolldingens */
#content #nachrichtenboxInnen { position:relative; z-index:1; }
#content #nachrichtenboxRand1 { position:absolute; left:-40px; top:-20px; z-index:2; display:none; }
#content #nachrichtenboxRand2 { position:absolute; left:-40px; bottom:0px; z-index:2; display:none; }
#nachrichtenboxSlider { 
  height: 360px;
  width: 13px;
  z-index: 3;
  position: absolute;
  right: 11px; 
  top: 30px;
  display:none;
}  
#nachrichtenboxSlider #nachrichtenboxHandle{ cursor:move; position:relative; margin:0; }

hr { 
  border-top:1px solid #807c72; 
  border-bottom:1px solid white; 
  margin:20px 40px; 
}
#content .floatleft  { float:left;  margin-bottom:20px; }
#content .floatright { float:right; margin-bottom:20px; }
#content .floatleft img, #content .floatright img, #content a img { margin:0; }
#content a.floatleft, #content a.floatright { margin:0 40px 20px 40px; }
#content object.floatleft ,
#content object.floatright { margin-top:0; }
#footer p { 
  width:795px;
  position:relative;
  top:50px;
  left:80px;
  color:#40403a;
}