/* hold div contains both scrolling content areas in this example */
div#hold {
	position:relative;
	overflow:hidden;
	width:500px;
	height:400px;
	z-index:20;
	left: 190px;
	top: 130px;
	}
div#wn1	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:50px; 
	clip:rect(0px, 180px, 50px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content	{
	position:absolute;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 1px;
	top: 0px;
	width: 270px;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #785E43;
	font-style: normal;
	font-weight: bold;
}

div#wn2	{
	position:absolute;
	left:200px;
	top:0px;
	width:270px;
	height:350px;
	clip:rect(0px,270px,350px,0px);
	overflow:hidden;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
div#controls { 
  position:absolute; left:0; top:70px; width:180px; z-index:3;
  }
div#controls2 {
	position:absolute;
	left:474px;
	top:28px;
	width:15px;
	height:326px;
	z-index:100;
  }
div#up { position:absolute; left:2px; top:1px; z-index:1; }  
div#down { position:absolute; left:3px; bottom:2px; z-index:2; }  

/* Styles for demo, not necessary for scrolling layers */  
body {
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 110%;
	background-image: url('../../tapetdirty4.jpg');
	background-color: #c9bc9a;
  }
.kommentar {
	position: absolute;
	right: 57px;
	top: 489px;
	z-index: 21;
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	color: #999999;
	width: 270px;
}

h1 { 
  font-size:1.4em; 
  margin:0 0 2em 0; 
  }
img { border:none }
div.content p { margin:.4em 0 }
div#controls  { text-align:center }
div#controls img { margin:0 1em }
b {
	font-family: "Courier New", Courier, monospace;
	color: #999999;
}
h3 {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #d75702;
	font-weight: normal;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #5b3d23;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #785E43;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #d75702;
	text-decoration: none;
}
.BT_logo {
	position: absolute;
	left: 42px;
	top: 120px;
	z-index: 3;
}
.paper {
	position: absolute;
	z-index: 2;
	left: 350px;
	top: 20px;
}
.birdie {
	position: absolute;
	z-index: 21;
	top: 39px;
	right: -81px;
}
.guestbook {
	position: absolute;
	top: 90px;
	right: 26px;
	z-index: 21;
}
.meny {
	position: absolute;
	left: 56px;
	top: 140px;
	z-index: 21;
}
.snubbar {
	position: absolute;
	top: 200px;
	z-index: 20;
}
.bildram{
	margin: 0 3px 3px 0;
	padding: 3px;
	background: #fbffff url("/images/imagebg.gif") repeat;
	border: 1px solid #ccc;strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0033FF;
}
strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #785E43;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.birdtalk {
	position: absolute;
	top: 56px;
	right: -84px;
	z-index: 25;
}
big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #785E43;
}