@charset "UTF-8";
/* CSS Document */
body{
	background-color:#000000;
	margin:0;
	padding:0;
}
#content{
	/*  content wordt horizontaal gecentreerd */ 
	position:absolute;
	left:50%;
	width:1000px;
	margin-left:-500px;
	font-family: "Helvetica", "Arial", sans-serif;	
	color:#FFFFFF;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
a,
:active{
	outline: none;
}
a,
:focus{
	-moz-outline-style: none;
}

/**********
	h1
**********/	
#content h1{
	width:153px;
	height:58px;
	position: absolute;
	top:0px;
	left: 56px;
	background-image:url(../img/TiPlusHann.jpg);
	background-position: 0 0;
	margin:0;
	padding:0;
}
#content h1 a{
	display:block;
	width:153px;
	height:58px;
}
#content h1 span{
	display:none;
	visibility:hidden
}





/**********
	Inhoud
**********/
div#inhoud{
	position:absolute;
	left:0px;
	top:150px;
	width:1000px;
	margin-bottom:100px;
}

h3,p{
	color:#FFFFFF;
	font-size:12px;
	line-height:21px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	letter-spacing: 0.5px;
}
p.onderschrift{
	text-transform: none;
	font-size: 10px;
	padding-top: 6px;
	line-height: 15px;
	padding-bottom: 18px;
}
h3{
	font-weight:bold
}
p.small{
	font-size:10px;
}
	
a{
	color:#FFFFFF;
	text-decoration:none
}
a:hover{
	color:#FFFFFF;
	text-decoration:underline
}
img {
	border:none
}



/**********************
	COLLECTIONS 2 page
**********************/
#collections-wrapper{
	margin: 160px 60px 40px 60px;
	width: 880px;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}
#collections-wrapper ul{
	width: 175px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#collections-wrapper ul li{
	margin-bottom: 16px;
}
#collections-wrapper ul li a.selected:hover,
#collections-wrapper ul li a.selected{
	text-decoration: line-through;
	cursor: default;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;	
    color: white;
}
#collections-wrapper ul li a{
	-webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
}
#collections-wrapper ul li a:hover{
	color:#c8bf9f;
	text-decoration: none;
}
#collections-wrapper ul li span{
	font-size: 9px;
}
#collections-wrapper ul ul{
	list-style-type: none;
	display: none;
}
#collections-wrapper ul li.selected ul{
	list-style-type: none;
	display: block;
}
#collections-wrapper ul ul li{
	list-style-type: none;
	margin-bottom: 0px;
}

div#collections-photo-wrapper{
	width:705px;
	min-height: 100px;
	position: absolute;
	top:0px;
	left: 184px;
	padding-bottom: 18px;
}


/********************
	COLLECTIONS page
********************/
div#tshirts_nav,
div#projects_nav,
div#collections_nav{
	text-transform:uppercase;
	position:absolute;
	top:150px;
	width:600px;
	z-index:1;
}
div#tshirts_nav{
	right: 120px
}
div#collections_nav{
	left: 120px
}
div#projects_nav{
	left: 390px
}
div#tshirts_nav a,
div#projects_nav a,
div#collections_nav a{
	display:block;
	height:21px;
}

div#tshirts_nav a{
	float:right;
	width:100%;
	text-align:right;
}


div#notforsale,
div#crybaby,
div#nicetomeetyoutoo{
	position:relative;
	width:1000px;
}
div#notforsale a span,
div#crybaby a span,
div#nicetomeetyoutoo a span{
	display:none;
}


div#crybaby{
	height:700px;
}
div#crybaby img{
	position:relative;
	left:118px;
	width:765px;
	height:511px;
	background-image:url(../images/collections/crybaby/comingsoon.jpg);
}
div#crybaby p{
	width:1000px;
	text-align:center;
	height:25px;
	position:relative;
	margin-top:5px;
	left:0px;
	padding-bottom:10px;		
}
div#crybaby p.small{
	position:relative;
	left:118px;
	margin-top:0px;
}



div#nicetomeetyoutoo{
	height:800px;
}
div#nicetomeetyoutoo a.lookbook{
	position:absolute;
	top:73px;
	left:176px;
	width:268px;
	height:323px;
	background-image:url(../images/collections/nice_to_meet_you_too/lookbook.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	display:block
}
div#nicetomeetyoutoo a.catalogue{
	position:absolute;
	top:0px;
	left:517px;
	width:422px;
	height:601px;
	background-image:url(../images/collections/nice_to_meet_you_too/catalogue.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	display:block;
	padding-bottom:50px;			
	margin-bottom:50px;			
}
div#nicetomeetyoutoo a.show{
	position:absolute;
	top:447px;
	left:66px;
	width:274px;
	height:204px;
	background-image:url(../images/collections/nice_to_meet_you_too/show.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	display:block;
	padding-bottom:25px;
}
div#nicetomeetyoutoo a:hover.lookbook,
div#nicetomeetyoutoo a:hover.catalogue{
	background-position: 0 100%;
	background-repeat:no-repeat;
}
/*
div#nicetomeetyoutoo a:hover.show{
	background-image:url(../images/collections/notforsale_over.jpg);
}*/	

div#notforsale{
	height:500px;
}
div#notforsale a{
	position:absolute;
	top:0px;
	left:218px;
	width:565px;
	height:424px;
	background-image:url(../images/collections/not_for_sale/notforsale.jpg);
	padding-bottom:100px;				
	background-position: 0 0;
	background-repeat:no-repeat;
}

div#fotogalerij_intro,
div#fotogalerij{
	position:absolute;
	left:0px;
	top:290px;
	
	margin:0px;
	padding:0px;
	overflow:auto;
	height:440px;
	width:100%;
}
div#fotogalerij_intro{
	height:540px;
	font-size: 10px;
}
div#fotogalerij div#fotos{
	position:absolute;
	top:0;
	left:0;
	width:5000px;
	height:420px;
}
div#fotogalerij div#fotos img{
	display:block;
	position:absolute;
	top:0;
}

div#bottom_nav{
	width:1000px;
	height:70px;
	position:absolute;
	top:690px;
}
div#bottom_nav div.right,
div#bottom_nav div.left{
	position:absolute;
	top:0px;
	width:400px;
}
div#bottom_nav div.left{
	left:120px;
}	
div#bottom_nav div.center{
	position:absolute;
	top:0px;
	width:1000px;
	left:0px;
}	
div#bottom_nav div.center p{
	text-align:center;
}
div#bottom_nav div.right{
	right:120px;
}	
div#bottom_nav div.right p{
	text-align:right
}



/********************
	NEWS page
********************/
div#inhoud div.post,
div#inhoud div.news{
	margin-left:120px;
	margin-top:60px;
	width:760px;
}
div#inhoud h2{
	font-size:15px;
	text-transform:uppercase;
	margin: 2px 0 2px 0;
	padding: 0;
	border-bottom:1px solid white;
}
div#inhoud div.post p,
div#inhoud div.news p{
	font-size: 11px;
	text-transform:none;
	line-height:18px;
	margin-bottom:9px;
}
div#inhoud div.post img,
div#inhoud div.news img{
	margin: 3px 0px;
}
div#inhoud div.post div.date p,
div#inhoud div.news div.date p{
	font-size: 9px;
	margin-bottom:0
}
p.postmetadata{
	display:none
}

/*************
	OUR STORY
*************/
div#tekstje{
	margin: 40px 120px 20px 120px;
}
div#tekstje p{
	text-transform:none
}
img#portret{
	
}
img#cake{
	position: absolute;
	right:140px;
	top:225px;
}
div#tekstje a{
	text-decoration:underline
}
div#tekstje a:hover{
	text-decoration:none
}
div#tekstje h2{
	margin-top:40px;
}
/*************
	CREDITS
*************/
div.credits{
	margin: 10px 0px 20px 0px;
	width:760px;
}
div.credits a span{
	display:none
}
div.credits a{
	display:block;
	float:left
}
div.credits a#zoe{
	background-image:url(../images/logos/zoe.jpg);
	width:200px;
	height:55px;
}
div.credits a#bvb{
	background-image:url(../images/logos/bvb.jpg);
	width:273px;
	height:55px;
}
div.credits a#dw{
	background-image:url(../images/logos/dewyngaert.jpg);
	width:108px;
	height:55px;
}
div.credits a#sellinos{
	background-image:url(../images/logos/sellinos.jpg);
	width:140px;
	height:50px;
}
div.credits a#vidisquare{
	background-image:url(../images/logos/vidisquare.jpg);
	width:204px;
	height:50px;
	margin-left:50px;
}
div.credits img{
	margin-left:40px;
}

/************
	CONTACT
**************/
div#contactDiv{
	margin: 30px 220px;
}
div#contactDiv p input.email{
	width:200px;	
}
div#contactDiv p input.submitter{
	background-color:#000000;
	color:#FFFFFF;
	/*
	height:26px;
	padding: 0px 8px;	
	border:1px solid #ffffff;
	*/
	width:60px;
	/*
	position:relative;
	top:3px;
	*/
}
div#message{
	margin-bottom:25px;
}


div.navigation{
	margin:40px 0 20px 0;
}
div.navigation a{
	font-size:12px;
	text-transform:lowercase;
	margin: 2px 0 2px 0;
	padding: 0;
}
div.navigation a:hover{
	text-decoration:underline
}
div.alignright{
	text-align:right;
}