/* NEW */
/* Page structure*/
html, body {
	font-size: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px auto;
	padding: 0;
}

#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -315px;
	float: left;
}
#wrapper {	
	width: 1000px;
	height: 630px;
	clear: both;
	background:#ffffff;
	position: relative;
	top: -315px;
	border: 0px solid #eee;
/* IE4ever Hack: Hide from IE4 **/
	position: static;
/** end hack */
}

#topcolumn { 
	float: left;
	position: relative;
	width: 998px;
	height: 100px;
	color: #333;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border: 0px solid #eee;
	padding: 0px;
}

#leftcolumn { 
	float: left;
	display: inline;
	position: relative;
	width: 185px;
	height: 520px;
	color: #333;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border: 0px solid #eee;
	padding: 0px;
}
#rightcolumn { 
	float: right;
	display: inline;
	position: relative;
	width: 810px;
	height: 520px;
	color: #333;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border: 0px solid #eee;
	padding: 0px;
}	

/* Text and image format */
div.centeredImage {
	text-align:center;
	display:block;
}
img {	
	border-style: none;
}

/* Content Topcolumn */
/*
#H1-block-top {
	position:absolute;
		left: 393px;
		top: 25px;
	border: 0px solid #eee;
	width: 600px;
	height: 46px;
	margin: 0px;
	z-index:3;
}

#H2-block-top {
	position:absolute;
		left: 393px;
		top: 68px;
	border: 0px solid #eee;
	width: 600px;
	height: 22px;
	margin: 0px;
	z-index:3;
}
*/

.background-logo{
	position:absolute;
		left: 846px;
		top: 0px;
	border: 0px solid #eee;
	clear: both;
	margin: 0px;
	z-index: 1;
}

.logo {
	position:absolute;
		left: 0px;
		top: 40px;
	border: 0px solid #eee;
	z-index: 2;
}

/* Content Leftcolumn */
#menu {
	position:absolute;
		left:5px;
		top: 20px;
	width: 170px;
	height: 150px;	
	float: left;
	display: inline;
	border: 0px solid #eee;
	padding: 0px;
	z-index: 2;
}

#like-block {
	position:absolute;
		left:5px;
		top: 430px;
	display: left;
	border: 0px solid #eee;
	width: 165px;
	height: 35px;		
}
.like-item {
	position:inline;
	display: left;
	float: left;
	border: 0px solid #eee;
	width: 60px;
	height: 30px;
	margin: 0px;
}

a.menu { 
	font-family: Helvetica, Arial, Verdana, sans serif;
	font-size: 16pt;
	font-weight: normal;
	color: #B4B4AB;
	text-decoration: none;
	line-height: 110%; 
} 
a.menu:hover, a.menu:focus {
	color: #FF6600;
}
a.menu-active { 
	font-family: Helvetica, Arial, Verdana, sans serif;
	font-size: 16pt;
	font-weight: normal;
	color: #78786B;	
	text-decoration: none;
	line-height: 110%; 
}

/* Content rightcolumn */
#textblock {
	position:absolute;
		left: 30px;
		top: 20px;
	border: 0px solid #eee;
	width: 250px;
	height: 430px;
	margin: 0px;
	z-index:3;
}

.pagevisual {
	position:relative;
		right: 0px;
		top: 20px; 
	border: 0px solid #eee;
	width: 480px;
	height: 430px;
	float: right;
	}

/* Features Cover*/
#pagetitlecover-1 {
	position:absolute;
		left: 40px;
		top: 30px;
	border: 0px solid #eee;
	width: 500px;
	height: 32px;
	margin: 0px;
	z-index:1;
}

#pagetitlecover-2 {
	position:absolute;
		left: 40px;
		top: 75px;
	border: 0px solid #eee;
	width: 500px;
	height: 32px;
	margin: 0px;
	z-index: 1;
}

#tekstblokcover {
	position:absolute;
		left: 40px;
		top: 125px;
	border: 0px solid #eee;
	width: 350px;
	height: 270px;
	margin: 0px;
	z-index: 2;
}

.pagevisualcover {
	position:absolute;
		left: 10px;
		top: 12px;
	border: 0px solid #eee;
	display: inline; 
	float: right;
	z-index: 0;
}
#cover-rollover {
	position:absolute;
		left: 685px;
		top: 430px;
	display: inline;
	float: right;
	width: 125px;
	height: 25px;
	z-index: 5;
	margin: 0px;
	background: url("../images/cover-rollover.gif") no-repeat 0 0;
}
#cover-rollover:hover { 
	background-position: 0 -25px;
}
#cover-rollover span {
	display: none;
}


/* Features home*/
#previous {
	position:absolute;
		left: 70px;
		top: 20px;
	border: 0px solid #eee;
	display: block; 
	width: 45px;
	height: 430px;
	z-index: 5;
	margin: 0px;
	background: url("../images/previous.gif") no-repeat 0 0;
}
#previous:hover { 
	background-position: -45px;
}
#previous span {
	display: none;
}

#next {
	position:absolute;
		left: 762px;
		top: 20px;
	border: 0px solid #eee;
	display: block; 
	width: 45px;
	height: 430px;
	z-index: 5;
	margin: 0px;
	background: url("../images/next.gif")
}

#next:hover { 
	background-position: -45px;
}
#next span {
	display: none;
}


#thumbcontainer {
	position:absolute;
		left: 140px;
		top: 20px;
	border: 0px solid #eee;
	display: block; 
	width: 600px;
	height: 430px
}

div.featuresimg {
	margin: -1px 23px 30px 23px;
	border: 0px solid #eee;
	display: block; 
	position: relative;
	float: left;
	width: 152px;
	height: 200px
}	
div.featuresimg img {
	display: inline;
	position: relative;
	margin: 0px;
	border: 1px solid #fff;
	height: 150px;
	width: 150px;
}
div.featuresimg a:hover img {
	border: 1px solid #78786B;
}
div.desc-features {
	font-family: Arial, Helvetica, sans-serif;
	border: 0px solid #eee;
	font-size: 9pt;
	color: #777777;
	text-align: center;
	width: 150px;
	margin: 0px;
	display: inline;
	position: relative;
	float: right;
}

/* News */
.newsvisual {
	position:absolute;
		left: 140px;
		top: 20px;
	width: 600px;
	height: 300px;
	border: 0px solid #eee;
}

#newstext {
	position:absolute;
		left: 140px;
		top: 335px;
	border: 0px solid #eee;
	width: 600px;
	height: 115px;
	margin: 0px;
	z-index:3;
}

/* Photobooks home*/
/*
#tekstblokphotobooks {
	position:absolute;
		left: 100px;
		top: 105px;
	width: 200px;
	height: 200px;
	margin: 0px;
	border: 0px solid #eee;
}
#containerphotobooktekst {
	position:absolute;
	left: 305px;
	top: 15px;
	display: inline;
	float: right;
	width: 300px;
	height: 420px;
	margin: 0px;
	border: 0px solid #eee;
}
div.photobooktekst {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	font-size: 8pt;
	color: #777777;
	text-align: left;
	display: block;
	margin: 0px 20px 20px 0px;
	width: 297px;
	height: 120px;
	border: 0px solid #eee;
}
#containerphotobookimage {
	position:absolute;
	left: 635px;
	top: 15px;
	display: inline;
	float: right;
	width: 175px;
	height: 420px;
	margin: 0px;
	border: 0px solid #eee;
}
div.photobookimage {
	display: block;
	margin: 0px 20px 20px 0px;
	float: right;
	border: 0px solid #eee;
	height: 120px;
	border: 0px solid #eee;
}
*/
/* Photobooks feature*/
/*
#containerphotobookfeature {
	position:absolute;
	left: 300px;
	top: 15px;
	display: inline;
	float: right;
	border: 1px solid #ff6600;
	width: 505px;
	height: 525px;
	margin: 0px;
}
#photobookfeaturetekst {
	position:absolute;
		left: 300px;
		top: 500px;
	width: 505px;
	height: 25px;
	border: 0px solid #eee;
}
*/

/* Contact */
#socialmedia-contact-blok {
	position:absolute;
	left: 0px;
	top: 210px;
	display: inline;
	float: right;
	border: 0px solid #eee;
	width: 190px;
	height: 40px;
	margin: 0px;
}
.socialmedia-contact-item {
	margin: 0px 15px 0px 0px;
	border: 0px solid #eee;
}

/* TEXT */
/* H1 */
h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal; 
	text-align: left;
	color: #B5B5AC; 
 	font-size: 2.5em;
}
h1.pagetitle {
	font-size: 2.875em; 
	font-weight: normal; 
	text-align: right;
 	color: #D2D2CC; 
	line-height: 75%;
		position:absolute;
		left: 313px;
		top: 25px;
	border: 0px solid #eee;
	width: 680px;
	height: 46px;
	margin: 0px;
	z-index:3;
	}

/* H2 */
h2.pagetitle {
	font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size:	14pt; 
		font-weight: normal; 
		color: #78786B; 
		text-align: right; 
	line-height: 100%;
	position:absolute;
		left: 313px;
		top: 68px;
	border: 0px solid #eee;
	width: 680px;
	height: 22px;
	margin: 0px;
	z-index:3;
	}
h2.menu{
	line-height: 90%;
	}

/* P */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #777777;
	text-align: left;
	font-weight: normal;
	}
p.date {
	font-size: 8pt;
	font-weight: normal
	color: #969689;
	}
p.cover-light {
	color: #F0F0F0;
	}

p.cover-dark {
	color: #777777;
	}

a.p:link, a.p:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #777777;
	text-decoration: none; 
}	
a.p:hover, a.p:focus {
	color: #ff6600;
	text-decoration: underline;
}