/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style form lists */
ol, ul { list-style: none; }

/* Klikrandjes weghalen */
a:focus, div:focus, img:focus { outline: 0; }
a:active, div:active, img:active { outline: 0;}


/* start layout.css */

html { text-align: center; }

body {
	position: relative;
	top: 50px;
	width: 950px;
	height: 610px;	
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 15px;
}

/* eerst koppen */
.wf-inactive { display: none; }
.wf-loading { visibility: hidden; }
.wf-active { visibility: visible; }
.wf-active h1 { visibility: visible; }
h1, h2, h3, h4, h5, h6 { font-family: "nimbus-sans", Arial, sans-serif; font-weight: 400; }
h1 { font-size: 30px; line-height: 28px; padding-bottom: 15px; }
h2 { font-size: 26px; line-height: 24px; padding-bottom: 14px; }
	h2.kleiner { font-size: 20px !important; line-height: 18px !important; margin: -10px 0 -8px 0 !important; }
	h2.kleiner2 { font-size: 20px; line-height: 22px; }
h3 { font-size: 15px; line-height: 16px; }
h4 { font-size: 13px; line-height: 14px; font-weight: 700; }
h5 { font-size: 15px; line-height: 18px; padding-bottom: 10px; }
h6 { font-size: 10px; text-transform: uppercase; }

p { font-size: 13px; line-height: 15px; padding-bottom: 10px; }
.padhalf { padding-top: 6px; }
.credits { font-size: 10px; line-height: 12px; }
.padkolom { padding: 16px 8px 5px 10px; }
.randarchief { border: 3px solid #879089; }
.padarchief { padding: 14px 2px 2px 7px; }
.clear { float: none; clear:both; }
.bovenboven { z-index: 20000; }
.kolomin3 { width: 31%; float: left; }
.kolomin4 { width: 22.5%; float: left; }
.kolomin3 h5, .kolomin4 h5 { font-size: 13px; line-height: 15px; padding-bottom: 1px; }
.kolomin3 p, .kolomin4 p { font-size: 11px; line-height: 13px;padding-bottom: 13px; }
.nietlaatste { padding-right: 3%; }


a {	color: #333333; text-decoration: underline; } 
p a:hover, li a:hover { color: #B8A200; } 

*:focus { outline: none; outline-width: 0; }

	
	
div#kol1, div#kol2, div#kol3, div#kol4, div#kol5, 
div#kol23, div#kol34, div#kol45, div#kol234, div#kol345, div#kol2345, div#kol23456, div#kol12345 {
	position: absolute;
	top: 0px;
	left: 30px;
	height: 558px;
	background: #FFFFFF;
	color: #000000;
}
.half { height: 250px !important; }
.kader { height: 556px !important; border: 1px solid #2F2A2B; }
.geentint { background: none !important; }
.autoh { height: auto !important; }

div#kol1, div#kol2, div#kol3, div#kol4, div#kol5 { width: 174px; } 
div#kol1.kader, div#kol2.kader, div#kol3.kader, div#kol4.kader, div#kol5.kader { width: 172px; } 
div#kol23, div#kol34, div#kol45 { width: 358px; } 
div#kol23.kader, div#kol34.kader, div#kol45.kader { width: 356px !important; } 
div#kol234, div#kol345 { width: 542px; } 
div#kol234.kader, div#kol345.kader { width: 540px !important; } 
div#kol2345 { width: 726px; } 
div#kol2345.kader { width: 724px !important; } 
div#kol12345 { width: 910px; }
div#kol23456.kader { width: 1100px; }

div#kol1, div#kol12345 { left: 30px; }
div#kol2, div#kol23, div#kol234, div#kol2345, div#kol23456 { left: 214px; }
div#kol3, div#kol34, div#kol345 { left: 398px; }
div#kol4, div#kol45 { left: 582px; }
div#kol5 { left: 766px; }

.kolbreder.kader { width: 242px !important; }



.wit { background: #FFFFFF !important; color: #000000 !important; }
.tint { border: none; background: #B2B2B2 !important; color: #000000 !important; }

div#logo { position: absolute; left: 0px; top: 8px; width: 173px; height: 65px; }
.logo-kiki { position: relative; width: 172px; height: 65px; background: url('../images/logoKiki2017b.png') no-repeat; background-position: top; background-size: 173px 130px !important; overflow: hidden; text-indent: -999px; }
a:hover .logo-kiki { background-position: bottom; }

ul#nav1 { position: absolute; top: 94px; left: -30px; }
ul#nav1.laag { top: 62px !important; }

ul#nav1 li {
	position: relative;
	display: block;
	height: 27px;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: "nimbus-sans", Arial, sans-serif;
	font-weight: 400;
}
ul#nav1 li.witregel { padding-top: 8px; }
ul#nav1 li a {
	position: relative;
	display: inline-block;
	padding: 5px 11px 6px 45px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
}
ul#nav1 li a:hover { color: #FFFFFF; background: #B8A200; }
ul#nav1 li .actief { position: relative; display: inline-block; padding: 5px 11px 6px 45px; color: #FFFFFF; background: #B8A200; }

ul#subnav1 { position: relative; padding-bottom: 14px; }
ul#subnav1 li {
	position: relative;
	height: 14px;
	font-size: 14px;
	font-family: "nimbus-sans", Arial, sans-serif;
	font-weight: bold;	
}
ul#subnav1 li a {
	padding: 0px 11px 2px 45px;
	text-decoration: none;
	background: none;
	color: #000000;
}
ul#subnav1 li a:hover { background: none; color: #CC1618; }
ul#subnav1 li .subactief { padding: 0px 11px 2px 45px; color: #CC1618; background: none; }


div#kiki2 { position: absolute; top: 332px; left: -38px; width: 177px; height: 77px; overflow: hidden; z-index: 250; }
div#kikibollen { position: absolute; top: 320px; left: -30px; width: 210px; height: 60px; overflow: hidden; z-index: 250; }
div#kikibollen.laag { top: 452px !important; }
.kiki2bol { position: relative; width: 77px; height: 77px; text-indent: -999px; background-position: top; float: left; }
.kiki2bol.actief { background-position: bottom !important; }
.kiki2bolletje { position: relative; width: 60px; height: 60px; text-indent: -999px; background-position: top; float: left; }
.kiki2bolletje.actief { background-position: bottom !important; }
.kiki2bolletje#logo-stocksalemaastricht { background: url('../images/logoStocksaleMaastricht2017b.png') no-repeat !important; background-size: 60px 120px !important; } 
.kiki2bolletje#logo-stocksaleamsterdam { background: url('../images/logoStocksaleAmsterdam2017b.png') no-repeat !important; background-size: 60px 120px !important; margin-left: 6px; } 
.kiki2bolletje#stippendoos { background: url('../images/logoStippendoos2017b.png') no-repeat; background-size: 60px 120px !important; margin-left: 6px; }
a:hover #logo-kiki2 { background-position: bottom; }
a:hover #logo-stocksalemaastricht { background-position: bottom !important; }
a:hover #logo-stocksaleamsterdam { background-position: bottom !important; }
a:hover #logo-stocksale { background-position: bottom !important; }
a:hover #stippendoos { background-position: bottom; }


div#merklijst { position: absolute; bottom: 7px; left: 10px; width: 155px; height: 175px; }
div#merklijst p { font-family: "nimbus-sans", Arial, sans-serif; font-size: 10px; line-height: 11px; }


	
ul.nav2 { position: relative; width: 225px; padding-bottom: 10px; }
ul.nav2 li { font-family: "nimbus-sans", Arial, sans-serif; font-weight: bold; height: 15px; }
ul.nav2 li a { color: #999999; text-decoration: none; }
ul.nav2 li a:hover { color: #000000; }
ul.nav2 li.actief { color: #000000; }

ul.nav2a { position: relative; width: 225px; }
ul.nav2a > li { font-family: "nimbus-sans", Arial, sans-serif; font-weight: bold; line-height: 16px; padding-bottom: 3px; }
ul.nav2a > li > a { color: #999999; text-decoration: none; font-size: 18px; }
.archief ul.nav2a > li > a { color: #555555; }
ul.nav2a > li > a:hover { color: #000000; }
.archief ul.nav2a > li > a:hover { background: none; }
ul.nav2a > li.actief > a { color: #000000 !important; }
ul.nav2a > li > ul { display: none; }
ul.nav2a > li.actief > ul { display: block; }

ul.nav2b { position: relative; padding-bottom: 7px; }
ul.nav2b > li { font-family: "nimbus-sans", Arial, sans-serif; font-weight: normal; line-height: 16px; }
ul.nav2b > li > a { color: #999999; text-decoration: none; }
.archief ul.nav2b > li > a { color: #555555; text-decoration: none; }
ul.nav2b > li > a:hover { color: #000000; }
.archief ul.nav2b > li > a:hover { background: none; }
ul.nav2b > li.actief > a { color: #000000 !important; }



/* LOOKBOOK DINGEN */
#radiobeeld { position: absolute; top: 0px; left: 0px; width: 542px; height: 558px; overflow: hidden; z-index: 50; background: #FFFFFF; }
#radio-ul { position: absolute; top: 0px; left: 0px; margin-top: 0px; width: 542px; height: 558px; height: auto; }
#radio-ul li { width: 542px; height: 558px; }
#radio-ul li p { font-size: 13px; line-height: 16px; }
#radio-ul li.luister div { width: 342px; text-align: center; padding: 226px 100px 0px 100px; }
#radio-ul li.eind div { text-align: left; padding: 206px 80px 0px 160px; }
#radiobeeld a { color: #FFFFFF; }
#radiobeeld a:hover { color: #999999; }

#radio-ul li { position: relative; width: 542px; height: 558px; padding: 0px; margin: 0px; } 
#radiocontrols {
	position: absolute;
	width: 514px;
	left: 15px; bottom: 15px; 
	z-index: 500; 
}
#radiocontrols.hoger { bottom: 85px; }
#kiki_radio { width: 100%; }



#radioprevnav { position: absolute; left: 17px; bottom: 13px; z-index: 600; }
#radioprevnav ul { position: relative; float: left; width: 250px; }
#radioprevnav li { font-family: "nimbus-sans", Arial, sans-serif; font-size: 14px; line-height: 18px; }
#radioprevnav li.actief { color: #333333 !important; }
#radioprevnav li a { color: #999999; text-decoration: none; font-weight: 400;  }
#radioprevnav li a:hover { color: #FFFFFF !important; text-decoration: underline !important; }
/* EIND LOOKBOOK DINGEN */




/* ETALAGE */
.etalage-container { overflow: hidden; }
.etalage-img { position: absolute; width: auto; left: 50%; }
.etalage-bijschrift { position: absolute; left: 15px; bottom: 15px; max-width: 482px; padding: 10px 15px 9px 15px; background: #FFFFFF; z-index: 500; }
.etalage-bijschrift h4 { font-family: "nimbus-sans", Arial, sans-serif; font-weight: 700 !important; font-size: 13px; padding-bottom: 1px; }
.etalage-knop { display: none; position: absolute; top: 250px; height: 50px; width: 50px; text-indent: -9999px; overflow: hidden; }
#etalage-prev { background: url('../images/knop-prev.png') no-repeat; left: 3px; }
#etalage-next { background: url('../images/knop-next.png') no-repeat; right: 3px; }
.etalage-knop:hover { background-position: bottom !important; }
ul.etalageops { margin-top: -10px; padding: 2px 0 10px 0; }
#etalage-sluit { position: absolute; top: 10px; right: 15px; cursor: pointer; }
#etalage-open { display: none; position: absolute; bottom: -3px; right: -3px; cursor: pointer; width: 20px; height: 20px; background: #FFF; text-align: center; }
#etalage-open > div { padding-top: 4px; }
.etalagelijst { position: absolute; bottom: 10px; }

/* EINDE ETALAGE */

/* PERS */
div.persinhoud { display: none; position: absolute; top: 0px; left: 0px; }
div.persinhoud a { color: #999999; }
div.persinhoud a:hover { color: #000000 !important; }
div.persinhoud.actief { display: block; }
div#persbeeld, div#persvideo {
	position: absolute;
	top: 16px;
	left: 10px;
	z-index: 200;
	width: 336px; height: 253px;
	overflow: hidden;
}
div#persbeeld img { width: 340px; }
div#persvideo { z-index: 201; }
div#persvideo embed { width: 336px; height: 253px; }
div#perstitel { position: absolute; top: 283px; left: 13px; width: 336px; }
div#persk1, div#persk2 {
	position: absolute;
	top: 323px;
	left: 13px;
	width: 157px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
}
div#persk2 { left: 190px; }
/* EINDE PERS */

ul.nieuwsimg { width: 160px; height: 38px; padding-left: 10px; }
ul.nieuwsimg li { float: left; padding-right: 5px; }

/* ARCHIEF */
.archief { height: 556px !important; background: #879089 !important; color: #000000 !important; border: 1px solid #879089; }

p.kolomtekstintro { padding: 8px; }

.kol1arc, .kol2arc { position: relative; float: left; margin-right: 3%; }
.kol1arc { width: 31%; }
.kol2arc { width: 65%; }
.laatste { margin-right: 0 !important; margin-bottom: 0 !important; }

.tekstrijarc { width: 65%; margin-bottom: 1em; }
.fotorijarc { width: 99%; margin-bottom: 1em; }
.fotorijarc img { width: 100%; height: auto; }

.archiefvideo iframe { border: none 0px; }
#flash, #flashheel { background: #879089; }
#flash embed { margin-top: -18px; }

/*
div#archiefvideo {
	position: absolute;
	left: 185px;
	top: 19px;
	width: 340px;
	height: auto;
	overflow: hidden;
	background: #231F20;
	visibility: visible;
	z-index: 510;
}
*/
/* EINDE ARCHIEF */

/* ROUTE */
div#tempmaastricht { position: absolute; top: 24px; left: 20px; width: 270px; z-index: 10; }
div#doos { position: absolute; top: 16px; left: 15px; width: 88%; z-index: 11; }
div#doos h3 { padding: 16px 0 10px !important; }


/* FORMULIER NIEUWSBRIEF */
.nbinvul { font-size: 13px; width: 80%; padding: 2px; margin-top: 2px; border: 0px; }

/* FORMULIER CADEAUDOOS */
.invul { font-size: 13px; width: 100%; padding: 2px; margin-top: 2px; border: 1px solid #FFF; }
.invul.fout { border: 1px solid #333; }
.invuldiv { display: block; margin-bottom: 7px; margin-right: 20px; }
.invuldiv label { display: block; positon: absolute; }
.invuldiv label.lijnrechts { text-align: right; }
.invulheel { width: 390px; float: none; }
.invulhalf { width: 185px; float: left; }
.invulkwart { width: 70px; float: left; }
.invul3kwart { width: 300px; float: left; }
.invul3kwart select.invul { width: 306px !important; }
.invuldubbel { width: 400px; }
.invulcheck { padding-top: 14px; }
select.invul { -webkit-appearance: none; -webkit-border-radius: 0px; border: 1px solid #FFF; padding: 2px; }
input[type=checkbox].invul-checkbox {
	position: absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;
}
input[type=checkbox].invul-checkbox + label.invul-label {
	padding-left: 30px;
	height: 22px; 
	line-height: 22px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 13px;
	vertical-align: bottom;
	cursor: pointer;
}
input[type=checkbox].invul-checkbox:checked + label.invul-label {
	background-position: 0 -22px;
}
label.invul-label {
	background-image:url('/images/csscheckbox.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input[type=submit] {
	width: auto;
	padding: 3px 15px 4px 15px;
	font-size: 14px;
	font-weight: 300;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #333; color: #FFF;
	border: 1px solid #333;
	cursor: pointer;
}
input[type=submit]:hover { background: #000; }



/* SOCIAL ICONS */
.social-icons a div {float: right; width:24px; height:24px; margin-bottom: 6px; overflow: hidden; }
.social-fb { background: url('../images/icoFb2017b.png') no-repeat; background-size: 24px 48px !important; }
.social-insta { background: url('../images/icoInsta2017b.png') no-repeat; background-size: 24px 48px !important; }
.social-icons a:hover div { background-position: bottom; }
.social-icons span { display: none; text-indent: -9999px!important; }
.social-contact { margin: -3px 0 18px -2px }
.social-contact a div { float: left; }