/* CSS Document by www.freigeistlabor.com */

* {
	margin: 0;
	padding: 0;
}
html[xmlns="http://www.w3.org/1999/xhtml"] {
	height: 100.05%;
}
h\tml:f\irst-child>body {
	height: 101%;
}
body {
  text-align: center;
  margin: 20px 0;
	background-image: url('../images/beton-kachel.jpg');
	background-attachment: fixed;
}

#page {
  text-align: left;
  margin:0 auto;
  width: 700px;
  background-color: #FFF;
}
#header {
  position: relative;
  height:130px;
  width:700px;
  margin: 0 auto;
  margin-top:20px;
}
#header .logo {
  position: absolute;
  left:10px;
  top:7px;
  z-index: 20;
}
#header .title {
  position: absolute;
  right:10px;
  top:40px;
}
#header h1 {
  padding:0;
  margin:0;
}

#pose {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 0px; bottom: 0px;
}
#hideRoberto {
  float:left;
  height:23px;
  width:23px;
}
#unhideRoberto {
  float:right;
  height:23px;
  width:23px;
}

#buttonwrap {
  display: block;
  position: relative;
  top:30px;
  left:250px;
  width:24px;
  height:23px;
  overflow: hidden;
}
* html #buttonwrap {
  display: block;
  position: relative;
  top:30px;
  left:-50px;
  width:24px;
  height:23px;
  overflow: hidden;
}

body > div#pose {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
   right: 0px;
   bottom: -6px;
}

#navigationwrap {
  margin:0 auto;
  width:700px;
  background-image: url('../images/navi_bg.jpg');

}
#navigation {
  text-align: left;
  position: relative;
  top:23px;
  left:0;
  z-index: 22;
  height:47px;
  width:700px;
}
#navigation ul#navi {
  text-align: left;
	margin: 0;
	padding:0;
	list-style: none;
}

#navigation li {
  display: inline;
	padding-left:20px;
}
#content {
	float: left;
	width: 380px;
	padding:15px 0 20px 20px;
}
* html #content {
	width: 385px;
	clear:right;
}
#sidebar {
	float: right;
	width: 260px;
  padding:15px 20px 20px 10px;
  margin:0;
}


/* min-height hack working in all browsers! */
.prop {
	height: 700px;
	float: right;
	width: 1px;
}
.clear {
	clear: left;
	height: 1px;
	overflow: hidden;
}
#wrap {
	min-height: 700px;
	height: auto;
  background-attachment: fixed;
	background: url('../images/content-frame-pattern-copy.jpg') repeat-y;
}
/* bis 6 */
* html #wrap {
	height: 700px;
}
/* ie 5*/
html + body #wrap {
	height: 700px;
}
/* bis 6 */
* html .prop {
	display: none
}