body, p, td, li, input, textarea, a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.7em;
	color: #000;
}
html, body {
	background: #fff;
	color: #000;
	line-height: 1em;
	
	
}
p {
	margin: 0.5em 0em 1em;
	padding: 0;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cf2473;
	font-weight: normal;
	font-size: 19px;
	
	margin: 2em 0em 1em;
}
a {
	color: #cf2473;
}

img {
	border: 0;
}

#wrapper { 
	top: 50%;
	left: 50%; 
	width: 970px; 
	height: 570px;
	display: block;
	margin-top: -285px;
	margin-left: -485px; 
	position: absolute;
	background: url(images/wrapper_bg_met_logo.png) no-repeat;
	
}
#maincontent {
	position: absolute;
	top: 220px;
	width: 970px;
}
#homelink {
	position: absolute;
	display: block;	
	width: 112px;
	height: 91px;
	left: 97px;
	top: 27px;
	background: url(images/marielle_vos_kostuum_styling_hl.png) -1000px 0 no-repeat;
}
#homelink:hover {
	background: url(images/marielle_vos_kostuum_styling_hl.png) 0px 0px no-repeat;
}
#homelink b {
	position: absolute;
	left: -9999px;
}

#mainmenu {
	position: absolute;
	left: 319px;
	top: 96px;
	margin: 0px;
	z-index:10;
}
#mainmenu ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
#mainmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	width: 139px;
	
}
#mainmenu li a.toplink {
	background: url(images/mainmenu_bg.png) 0px 0px no-repeat;
	display: block;
	width: 139px;
	height: 18px;
	z-index: 15;
}
#mainmenu li a b {
	display: none;
}
#mainmenu li div {
	display: none;
	position: absolute;
	top: 28px;
	margin-top: 0px;
	z-index: 15;
}
#mainmenu li a:hover divvv {
	display: block;
}
#mainmenu li#mmlink_3 a:hover, #mainmenu li#mmlink_3 a.over {
	background-position: 0px -20px;
}
#mainmenu li#mmlink_4 a {
	background-position: -139px 0px;
}
#mainmenu li#mmlink_4 a:hover, #mainmenu li#mmlink_4 a.over {
	background-position: -139px -20px;
}
#mainmenu li#mmlink_5 a {
	background-position: -278px 0px;
}
#mainmenu li#mmlink_5 a:hover, #mainmenu li#mmlink_5 a.over {
	background-position: -278px -20px;
}
#mainmenu li#mmlink_6 a {
	background-position: -417px 0px;
}
#mainmenu li#mmlink_6 a:hover, #mainmenu li#mmlink_6 a.over {
	background-position: -417px -20px;
}

#mainmenu li div span {
	display: block;
	width: 20px;
	height: 20px;
	bottom: 20px;
	position: relative;
	float: right;
	cursor: pointer;
}

a#biomail, a#contactmail1, a#contactmail2 {
	position: absolute;
	display: block;
	width: 101px;
	height: 18px;
	top: 349px;
	left: 114px;
}
a#contactmail1 {
	top: 41px;
	left: 9px;
}
a#contactmail2 {
	left: 68px;
	width: 119px;
}



#mmlink_3 .licontent {
	width: 260px;
	height: 361px;
	overflow-y: auto;
	background: #fff;
	padding: 4px 10px;
	border-left: 1px solid #988165;
	font-size: 10px;
	line-height: 1.3em;
	color: #666;
	
}
#mmlink_3 .licontent p {
	margin: 0;
	font-size: 10px;
	line-height: 1.3em;
	color: #666;
}
#mmlink_3 span.closer {
	background: url(images/closer.png) no-repeat 50% 50%;
	position: absolute;
	bottom: 5px;
	right: 5px;
}






/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 150px;
    height: 272px;
}












/* Homepage
----------------------------------------------------------------------*/
.page1 #homelink {
	display: none;
}
.page1 #maincontent {
	position: absolute;
	top: 220px;
	width: 930px;
	margin: 0px 13px 0px 27px;
	overflow: visible;
}
ul#homecarousel {
	width: 900px;
	height: 350px;

}
ul#homecarousel li, ul#homecarousel a {
	width: 150px;
	height: 242px;
}
ul#homecarousel .bijschrift {
	margin: -45px 0 0 20px;
	display: none;
}

.terugknop, .jcarousel-prev, .jcarousel-next, .terugknoptwee {
	position: absolute;
	background: transparent url(images/icn_vorige.png) 50% 50% no-repeat;
	width: 28px;
	height: 28px;
	display: block;
	top: 110px;
	cursor: pointer;
	left: -17px;
	z-index: 3;
}
.terugknop, .terugknoptwee {
	z-index: 9;
}
.jcarousel-next, .terugknoptwee {
	left: auto;
	right: -7px;
	background: transparent url(images/icn_volgende.png) 50% 50% no-repeat;
}
.terugknoptwee {
	background: transparent url(images/icn_sluit.png) 50% 50% no-repeat;
	
	top: -9999px;
}







/* Detailpagina
----------------------------------------------------------------------*/
#settxt {
	position: absolute;
	left: 0px;
	top: 227px;
	z-index: 2;
}

body#hfdstkid2  .jcarousel-nextnot {
	left: 20px;
	width: 970px;
	height: 252px;
	top: 0px;
	background: transparent url(images/icn_volgende.png) 98.7% 50% no-repeat;
}

body#hfdstkid2 .jcarousel-prev {
	z-index: 5;
	left: 10px;
}

body#hfdstkid2 .jcarousel-prev-disabled  {
	display: none;
	left: -9999px;
}
body#hfdstkid2 .jcarousel-next-disabled {
	display: none;
	left: -9999px;
}
.terugknop {
	z-index: 3;
	left: 10px;
}





/* Mainmenu carousels
----------------------------------------------------------------------*/
#inspiratiecarousel, #perscarousel {
	/*display: none;*/
	width: 970px;
	height: 96px;
	position: absolute;
	top: 124px;
	top: -9999px;
}
#inspiratiecarousel ul, #perscarousel ul {
	width: 970px;
	height: 96px;
	position: absolute;
	background: #fff;
	margin: 0;
	padding: 0;
}
#inspiratiecarousel li, #perscarousel li {
	width: 96px;
	height: 96px;
	background: #fff;
	margin: 0;
	padding: 0;
}