/* CSS Document - Rena Brugger */
body {
	margin:24px 0 0;
	padding:0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:none;
}

a {
	text-decoration:none;	color:#000;
}

.clearSpace {
	clear:both;
}

#rbContent {
	height:592px; width:980px;
	background-color:#e5e7d2;
	border:#999 1px solid;
	margin:auto; 
}

div#rbNavigation {
	height:60px;
	padding:20px 20px 0 8px;
}

div.rbElement {
		float:left;
		text-transform:uppercase;
		padding:3px 8px 3px 8px;
		border-left:1px solid #000;
}

#rbHeaderTitle {
	height:300px;
	background-image:url(../images/title-renabrugger.jpg);
	background-repeat:no-repeat;
	background-position:center 112px;
}

.rbGallery {
	position:relative;
	height:145px; width:980px;
	overflow:hidden;
	padding:0;
}

#rbBilderHolder {
	position:absolute;
	top:0; left:0;
	width:auto;
}

.rbBilder{
	margin-top:0; float:left;
}

div#rbSubLine {
	text-transform:uppercase;
	font-size:11px; 
	text-align:center;
	padding:80px 0 10px 0;
}

div#rbFooter {
	text-transform:uppercase;
	font-size:10px; 
	text-align:center;
	padding:10px 0 0 0;
}

div#rbFooter a {
		color:#000;
		text-decoration:none;
}

div.rbSubNavigation {
	position:absolute;
	top:0; left:0;
	padding:0;
	z-index:2;
	display:none;
}

div.rbSubNavigation .rbElement {
		float:none;
		border-left:none;
		border-bottom:1px solid #000;
		padding:8px 20px 8px 20px;
		text-transform:none;
//		text-decoration:underline;
		font-size:10px;
}

div#rbInvisibleMenu, div#rbInvisibleMenu a {
	position:relative;
  display:none;
}

.rbhide {
  display:none;
}

@media screen {

#rbcontent1, #rbcontent2, #rbcontentkontakt1, #rbcontentkontakt2, #rbcontentkontakt3 {
  position:absolute; top:0; left:416px; padding: 0 9px 0 0; width:376px; height:509px; overflow:auto; z-index:1;
  font-size:11px; line-height:140%; color:#666;
}

#rbcontent2 {
  top:388px; width:360px;
}
  
#rbcontentkontakt1 { left:  34px; }
#rbcontentkontakt2 { left: 294px; }
#rbcontentkontakt3 { left: 514px; }

}

@media print {

#rbcontent1, #rbcontent2, #rbcontentkontakt1, #rbcontentkontakt2, #rbcontentkontakt3 {
  position:absolute; top:0; left:32px; padding: 0 9px 0 0; z-index:1;
  font-size:11px; line-height:140%; color:#333;
}

#rbcontent2 {
  top:388px; 
}

#rbcontentkontakt1 { left:  34px; }
#rbcontentkontakt2 { left: 276px; }
#rbcontentkontakt3 { left: 490px; }

}

#rbcontentheader {
  margin-top:12px; font-size:12px; font-variant:small-caps; font-weight:bold; 
}

#rbBack {
  position:absolute; z-index:2;
}

li {
  margin-left:-20px;
}

#rbcontentkontakt1, #rbcontentkontakt2, #rbcontentkontakt3 {
  margin-top:20px; padding:0; line-height:160%; 
}