body{
 font: 76% Verdana,Arial,sans-serif;
 background: #86B0CA; 
 /* text-align:center; */
/*  min-width: 500px; */
 color: #666;

/*background-image:url('../images/gradient.png');*/
/*background-repeat:repeat-x;*/

}

a{text-decoration: none;
}

a:link {color:#666}    /* unvisited link */
a:visited {color:#666} /* visited link */
a:hover {color:#666}   /* mouse over link */
a:active {color:#666}  /* selected link */

a img {border:none;}

em {color: #f00; 
		background: #ffadad;
		font-weight: bold;}
		
.clearboth { clear: both; }

.nav{
   position:relative;
	 background:#FFE5B3;
   height: 30px;
	 width:800px;
   overflow: hidden;
}
.nav-inner{
	position:absolute;
 	height: 20px;
	width:800px;
	top:5px;
}

.nav-inner div{
 float:left;
 width: 133px;
 text-align: center;
 font: /* small-caps 900 */ 14px arial;
 font-weight: bold;
}


#demo-container {
 background: #eee;
 overflow: hidden;
 width:800px;
 height:600px;
 float: left;
}

#demo-wrapper {
   background: #86B0CA;
   width:800px;
   position: absolute;
   height: 600px;
   overflow: hidden;
}

.scrolling-wrapper {
 width: 800px;
 height: 600px;
 float: left;
}

.scrolling-content {
 background: #fff;
 width: 740px;
 height: 540px;
 left: 30px;
 top: 30px; 
 position:absolute;
}

.scrolling-heading {
 background: #fff;
 width: 620px;
 height: 50px;
 left: 60px;
 top: 100px; 
 position:absolute;
}

.scrolling-inner {
 background: #fff;
 width: 280px;
 height: 210px;
 left: 60px;
 top: 150px; 
 position:absolute;
 text-align:justify;
}

.scrolling-inner-b {
 background: #fff;
 width: 280px;
 height: 210px;
 left: 400px;
 top: 150px; 
 position:absolute;
 text-align:justify;
}

.fotocenter {
position:absolute;
bottom:30px;
left:210px;
}

.centerfotolibri {
position:absolute;
bottom:30px;
left:70px;
}

.centera4 {
position:absolute;
left:20px;
}

.fotocontext {
position:absolute;
bottom:15px;
right:15px;
}

.logo {
position:absolute;
top:15px;
left:15px;	
}

#teaser{
 position:absolute;
 top:0;
 right:0;
 z-index:1000;
}