body {

	font-family:arial,sans-serif;

}

img {

	border:none;

}

a {

	outline:none;

}

.logo {

	position:absolute;
	z-index:6;
	top:110px;
	right:50%;
	margin-right:-480px;

}

.norbert {

	position:absolute;
	z-index:2;
	top:140px;
	left:50%;
	margin-left:-400px;

}

.links {
	
	position:absolute;
	z-index:2;
	top:280px;
	left:50%;
	margin-left:-400px;
	font-size:8pt;
	font-weight:bold;
	
		
}

.links a {
	
	background:none;
	color:#004499;
	text-decoration: none;
	
}

.links a:hover {
	
	text-decoration:underline;
	
}

.norbert_left {

	position:absolute;
	z-index:2;
	top:260px;
	right:50%;
	margin-right:-300px;

}

.hspace {

	margin-left:6px;
	margin-right:6px;

}

.nav_webdesign {

	position:absolute;
	z-index:2;
	top:220px;
	left:50%;
	margin-left:-100px;

}

.webdesign {
	
	position:absolute;
	z-index:3;
	top:260px;
	left:50%;
	margin-left:-40px;
	
}

.nav_print {

	position:absolute;
	z-index:2;
	top:390px;
	left:50%;
	margin-left:-270px;

}

.print {

	position:absolute;
	z-index:2;
	top:350px;
	left:50%;
	margin-left:-400px;

}

.nav_photos {

	position:absolute;
	z-index:2;
	top:350px;
	left:50%;
	margin-left:36px;
	
}

#bg {

	position:absolute;
	z-index:1;
	top:60px;
	left:50%;
	margin-left:-500px;
	width:1000px;
	height:600px;
	
}

.bg {

	background:url('../img/db.paper.png');
	background-repeat:no-repeat;

}

.photos {

	background:url('../img/db.lightbox.png');
	background-repeat:no-repeat;

}

.monitor {

	background:url('../img/db.monitor.png');
	background-repeat:no-repeat;

}

.ruledpaper {
	
	position:absolute;
	z-index:2;
	top:120px;
	left:50%;
	margin-left:-280px;
	
}

.slider {

	position:absolute;
	z-index:3;
	top:390px;
	left:50%;
	margin-left:-370px;
	width:auto;
	height:auto;
}

.viewer {

	width:454px;
	height:454px;
	overflow:hidden;
	
	border:solid 10px #ffffff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	
	-moz-box-shadow: 1px 1px 3px #333333;
	-webkit-box-shadow: 1px 1px 3px #333333;
	box-shadow: 1px 1px 3px #333333;

}

.viewer img {

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	-moz-box-shadow: 1px 1px 1px #333333;
	-webkit-box-shadow: 1px 1px 1px #333333;
	box-shadow: 1px 1px 1px #333333;
	
}

.footnote {

	position:relative;
	z-index:20;
	margin-top:-36px;
	margin-left:12px;
	width:441px;
	text-align:center;
	background:#000000;
	color:#ffffff;
	font-weight:bold;
	font-size:9pt;
	padding:4px;
	opacity:0.6;

}

.footer {

	position:absolute;
	z-index:1;
	top:660px;
	right:50%;
	margin-right:-500px;
	text-align:center;
	font-size:9pt;
	width:1000px;

}

.footer a {

	text-decoration:none;
	
}

.nav {

	position:absolute;
	z-index:1;
	top:30px;
	right:50%;
	margin-right:-500px;
	text-align:center;
	font-size:9pt;
	width:1000px;

}

.nav a {

	text-decoration:none;
	
}

.nav p {

	line-height:0pt;

}

/* scrollable */
.scrollable {

	position:relative;
	overflow:hidden;
	width: 700px;
	height:120px;
	
}

/* root element */
.scrollable .items {

	width:20000em;
	position:absolute;
	clear:both;
	
}

.hide {

	visibility:hidden;
	
}

.items div {

	float:left;
	width:700px;
	
}

/* single scrollable item */
.scrollable img {

	float:left;
	margin-top:14px;
	margin-bottom:0px;
	margin-left:8px;
	margin-right:6px;
	
	background:#ffffff;
	padding:2px;
	border:1px solid #cccccc;
	width:80px;
	height:80px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

/* active item */
.scrollable .active {

	border:2px solid #00000;
	position:relative;
	cursor:default;
	
}

/* this makes it possible to add next button beside scrollable */
.scrollable {

	float:left;	
	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {

	background:url('../img/hori_large.png') no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
	
}

/* right */
a.right 			{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 

/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.tooltip {

	display:none;
	position:relative;
	z-index:4;
	background:url('../img/white_arrow.png');
	color:#000000;
	
	font-size:10pt;
	height:70px;
	width:160px;
	padding:25px;
	
	text-align:center;
	font-weight:bold;
	
	
}

/* overlay */

/* overlay container */
.overlay {
	
	display:none;
	z-index:10000;
	background:url('../img/db.lightbox.png');
	background-position:center;
	color:#000000;
	padding:0px;
	margin-top:21px;
	margin-left:14px;
	width:900px;
	height:500px;
	border:groove 2px #000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

.overlay .wrapper {
	
	margin:12px;
	padding-left:200px;
	
}

/* overlay close button */
.close {
	
	background-image:url('../img/close.png');
	background-repeat:no-repeat;
	position:absolute;
	right:-21px;
	top:-14px;
	cursor:pointer;
	height:35px;
	width:35px;
	
}