@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}


.clear{clear:both;}

#superbgimage{
	display:none;
}

html, body{
		height:100%;
}


body{ background-color: #999; overlow-y:hidden;}

#background{width:100%; position:absolute; top:0; left:0; }

#container{
	font-family:Arial, Helvetica, sans-serif;
	height:auto !important;
	margin:auto;
	position:relative;
	width:909px;
	z-index:10;
}

#container #logoBlock{ height:114px; width:321px;}

#container #logoBlock #logoBack{ background:url(../images/logoGlowBack.png) top left no-repeat; height:268px; width:795px; position:absolute; left:-220px;}

#container #logoBlock a img{ border:none; position:absolute; top:0px; left:0px;}

#container #topMenu{
	position:absolute;
	right:0px;
	top:19px;
	text-align:right;
	z-index:4;
}

#container #topMenu ul li{display:inline;}

#container #topMenu ul li a{ 
	color:#FFF; 
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif; 
	text-decoration:none;
}

#container #topMenu ul.black li a{
	color:#000;  /* BLACK COLOR SCHEME */
}

#container #topMenu ul.gold li a{
	color:#6f685f; /* GOLD COLOR SCHEME */
}

#container #topMenu .seperator{ font-size:11px; padding:0px 4px;}

/* NEW COLLECTION BANNER DEFINITIONS */

#container #newCollection{ position:absolute; left:-365px; top:-10px; display:; z-index:100;}

#container #newCollection img{}

/* MENU CAROUSEL DEFINITIONS */

#container #menuCarousel{ width:100%; position:relative; height:484px; z-index:-1; top:-115px; left:-365px;}

/* COLLECTIONOVERVIEW DEFINITIONS */

#collectionOverview{left:0px; top:75px; position:relative; width:550px; margin-bottom:80px; float:left;}

#collectionOverview .collectionItem{ float:left; margin: 0px 34px 18px 0px; width:146px;}

#collectionOverview .collectionItem .itemImage{ background:none; height:186px; width:100%; overflow:hidden;}

#collectionOverview .collectionItem .itemImage a img{ border:0;}

#collectionOverview .collectionItem .itemDescription{ font-size:11px; margin-top:6px;}

#collectionOverview .collectionItem .itemDescription .itemName{ display:block; margin-bottom:3px; height:15px;}

#collectionOverview .collectionItem .itemDescription .itemNumber{ height:; display:block;}

#collectionOverview .collectionItem .itemDescription a{ color:#000; display:block;}

/* COLLECTIONOVERVIEW LEVEL2 DEFINTIONS */

#collectionOverview #titlebar{
	background:url(../images/titlebar.png) top left no-repeat; 
	margin:0px 0px 15px 0px;
	width:512px;
	height:29px;
	clear:both;
}

#collectionOverview .title{ color:#FFF; font-size:14px; font-weight:bold; padding:3px 0px 0px 25px;}

#collectionOverview .item{ float:left; margin: 0px 47px 12px -4px; width:140px;}

#collectionOverview .item .itemImage{height:93px; width:100%; padding:4px;}

#collectionOverview .item .itemImage a img{ border:0px;}

#collectionOverview .item .itemImage:hover{ padding:0px; border:4px solid #FFF;}

#collectionOverview .item .itemDescription{ font-size:11px; margin-top:11px; padding-left:4px;font-weight:bold;}

#collectionOverview .item .itemDescription .itemName{ height:15px; display:block;}

#collectionOverview .item .itemDescription a{ color:#000; display:block;}

#collectionOverview .item .popupDescription{display:none;}

#collectionOverview #titlebar2{
	background:url(../images/titlebar.png) top left no-repeat; 
	margin:470px 0px 15px 0px;
	width:512px;
	height:29px;
}


/* CARDSERVICE IMAGES HAVE A DIFFERENT SIZE */

#collectionOverview.cardservice .collectionItem .itemImage{height:201px; width:138px;}

/* RIGHT COLUMN */

#rightColumn{
	position:relative;
	float:right;
	right:0px;
	top:-45px;
	width:369px;
	z-index:5;
	margin-left:-10px;
}

#rightColumn #collectionLogo{margin-top:15px; text-align:left; position:relative;}

#rightColumn #content{margin-top:40px}

#rightColumn #content h1{font-size:32px; margin:30px 0px 10px 0px;}

#rightColumn #content h2{font-size:28px; margin:15px 0px 10px 0px;}

#rightColumn #content p{line-height:12px; font-size:11px; margin-bottom:20px;}

#rightColumn #content .handtekening{ margin:0px 0px 30px 65px;}

#rightColumn #content .block{ width:; float:left; font-weight:bold; margin:0px 15px 0px 0px; font-size:12px;}

/* SUPPORT PAGE IMAGE BLOCK */

#rightColumn #content ul.imageBox{ list-style:none;}

#rightColumn #content ul.imageBox li {float:left; margin-right:10px;}

#rightColumn #content ul.imageBox li a img{width:110px; height:72px; border:0px; background:#CCC; display:block;}


#rightColumn #buttons{}

#rightColumn #buttons ul{ float:left; list-style:none; width:252px;}

#rightColumn #buttons ul li{ 
	background:url(../images/contentButton.png) top left no-repeat;
	display:block;
	width:252px;
	height:29px;	
}

#rightColumn #buttons ul li a{ 
	color:#FFF; text-decoration:none; 
	display:block;	
	font-weight:bold; 
	font-size:13px; 
	padding:3px 0px 0px 25px;
	width:252px;
	height:19px;
}

#rightColumn #buttons #cardImage{
	float:right;
}

#footer{ 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:10px; 
	clear:both;
	text-align:center;
	bottom:0px;
	padding-top:30px;
	position:relative;
	margin-bottom:150px;
	z-index:10;
}

#footer a{ text-decoration:none; color:white;} 

#footer.frontpage{ color:#FFF; padding-top:0px; bottom:80px;} 

#footer.white{ color:#FFF;}

#footer .white .seperator{color:#000;}

/* IMAGE PREVIEWER */

#preview{
	background:#FFF;
	position:absolute;
	display:none;
	z-index:30;	
	width:280px;
	border:1px solid #CCC;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-100px;
}

#preview #previewImage{
	width:100%;
	height:180px;
	overflow:hidden;
	border:1px solid #C3C3C3;

}

#preview #previewImage img{
	width:280px;
}

#preview #information{}

#preview #information .collection{ font-weight:bold; color:#333; margin-top:5px;}

#preview #information .title{ color:#666;}

#preview #information .popUpText{margin-top:10px; font-size:11px;}

#preview #information .zoom{ font-size:9px; float:right; margin-top:5px;}

/* POPUPBOX */

#popupBox{display:none;}

/* RIGHT COLUMN COLOR CHEMES */

.white{ color:#FFF;}
.grey{ color:#292929;}
.lightgrey{	color:#666;}
.black{ color:#000;}
.blue{ color:#2788cd;}
.gold{ color:#6f685f;}

ul.black li a{color:#000}


#honeycomb_de {
	width: 502px;
	height: 444px;
	display: block;
	float: left;
	background-image:url(../images/nieuwe_collectie/nieuwe_collectie_duits.png);
}

#honeycomb_de:hover {
	background:url(../images/nieuwe_collectie/nieuwe_collectie_duits.png) 0 -444px;
}

#honeycomb_nl {
	width: 502px;
	height: 444px;
	display: block;
	float: left;
	background-image:url(../images/nieuwe_collectie/nieuwe_collectie_nederlands.png);
}

#honeycomb_nl:hover {
	background:url(../images/nieuwe_collectie/nieuwe_collectie_nederlands.png) 0 -444px;
}

#honeycomb_en {
	width: 502px;
	height: 444px;
	display: block;
	float: left;
	background-image:url(../images/nieuwe_collectie/nieuwe_collectie_engels.png);
}

#honeycomb_en:hover {
	background:url(../images/nieuwe_collectie/nieuwe_collectie_engels.png) 0 -444px;
}

#project_de {
	width: 502px;
	height: 444px;
	display: block;
	float: left;
	background-image:url(../images/nieuwe_collectie/nieuwe_collectie2_duits.png);
}

#project_de:hover {
	background:url(../images/nieuwe_collectie/nieuwe_collectie2_duits.png) 0 -444px;
}

#project_nl {
	width: 502px;
	height: 444px;
	display: block;
	float: left;
	background-image:url(../images/nieuwe_collectie/nieuwe_collectie2_nederlands.png);
}

#project_nl:hover {
	background:url(../images/nieuwe_collectie/nieuwe_collectie2_nederlands.png) 0 -444px;
}

#project_en {
	width: 502px;
	height: 444px;
	display: block;
	float: left;
	background-image:url(../images/nieuwe_collectie/nieuwe_collectie2_engels.png);
}

#project_en:hover {
	background:url(../images/nieuwe_collectie/nieuwe_collectie2_engels.png) 0 -444px;
}
