/** Style Guide
 * Grey: 87898c
 * Lila: bca6d0
 */
 * {
    border:0px;
    margin:0px;
    padding:0px;
    outline:0px;
}

#bg, #bg table, #bg td {
    width:100%;
    height:100%;
    overflow:hidden;
}

#bg div {
    position:absolute;
    width:200%;
    height:200%;
    top:-50%;
    left:-50%
}

#bg td {
    vertical-align:middle;
    text-align:center
}

#bg img {
    min-height:50%;
    min-width:50%;
    margin:0 auto
}

html, body {
    width:100%;
    height:100%;
    overflow:hidden;
    line-height:150%;
}
h1 {
	font-size:13px;
    font-weight:bold;
    margin-bottom:12px;
}
body.organizations h1 {
    margin-left:12px;
    cursor:hand;
}
body.organizations a.heading-link {
    text-decoration:none;
    color: #87898c;
}
h2 {
	font-size:12px;
    font-weight:bold;
}
body.recipe h2 {
    margin-bottom:10px;
}
body.home h2,
body.page h2 {
    padding-top: 10px;
    margin-bottom:10px;
}

#wrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
}

.wrapper-1024 {
    overflow-y:auto;
}

.wrapper-800 {
    overflow-y:auto;
}

.wrapper-640 {
    overflow-y:auto;
}

.wrapper-height-600 {
    overflow-y:auto;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    cursor:default;
    /*color:#87898c;
	color: rgb(111, 111, 111);*/
	color: rgb(127, 127, 127);
}

img {
    display:block;
}

a {
    color:#000;
    text-decoration:none;
    outline-style:none;
}

a:hover {
    text-decoration:none;
	color:#bca6d0;
}

#logo {
    margin-top:24px;
    margin-bottom:30px;
}

a#logo {
    display:block;
    width:203px;
    height:130px;
    background-image:url(../images/logo.png);
}

a#logo:hover {
    background-image:url(../images/logo-over.png);
    cursor:pointer;
}

a#logo img {
    display:none;
}

#main a#logo:hover {
    cursor:pointer;
}

#main {
    position:relative;
}

#main .inside {
    position:relative;
    margin-left:50px;
}

#main .box {
    position:absolute;
    right:400px;
}

#main .box-640 {
    position:absolute;
    left:50px;
}

#main .box-800 {
    position:absolute;
    left:100px;
}

/**
 * Homepage
 * Default
 */
body.page ul,
body.home ul {
	margin-bottom: 20px;
}
body.page li,
body.home li {
	margin-bottom: 4px;
}
body.page #main .content,
body.home #main .content {
    background-image:url(../images/backgrounds/opaque70.png);
    padding:12px 185px 12px 12px;
    width:280px;
    height:auto;
    margin-left:30px;
    position: relative;
}

body.page #main p,
body.home #main p {
    margin-bottom:12px;
}

body.home #main .recent {
	position: absolute;
	top: 24px;
	right:12px;
	z-index:2;
}

body.home #main .recent ul {
	width: 133px;
	display:block;
	list-style:none;
}
body.home #main .recent li {
	height: 100px;
	width: 133px;
	display:block;
	margin-bottom: 6px;
}
/**
 * Favoriet Recept
 */
body.recipe #main .content {
    background-image:url(../images/backgrounds/opaque70.png);
    padding:12px 12px 12px 12px;
    width:453px;
    height:auto;
    margin-left:30px;
    position:relative;
}
body.recipe #main table {
	table-layout:fixed;
}
body.recipe #main td {
	vertical-align:top;
	width:50%;
}
body.recipe p {
    margin-bottom:12px;
}
body.recipe ul {
	display:block;
	margin-bottom:12px;
}

/* image */
body.recipe #main #recipe-image {
    padding:15px;
    /*background-image:url(../images/backgrounds/DS_254x168.png);
    background-repeat:no-repeat;
    width:254px;
    height:168px;*/
}

body.recipe #main br {
    display:none;
}




/**
 * Opdrachtgevers
 *
 * Thumbnail width:133 px
 * Thumbnail height:100 px
 * Dropshadow width 143 px
 * Dropshadow height 140 px
 */
body.organizations .content {
    position:relative;
    background-image:url(../images/backgrounds/trans.png);
    width:477px;
    /*height:1000px;*/
    margin-left:30px;
    padding-top:12px;
}
/* holder */
#organizations {

}

/**
 * Pagination Opdrachgevers
 */
body.organizations .pagination {
    width:453px;
    margin:0px 12px;
    position:absolute;
    top:12px;
    z-index: 5000;
}
body.organizations .pagination p {
    float:left;
    display:none;
}
body.organizations .pagination ul {
    float:right;
    list-style:none;
    margin:0px;
    padding:0px;
    display:block;
}
body.organizations .pagination li {
    float:left;
    padding:0px;
    margin:0px 0px 0px 2px;
    text-align:right;
}
body.organizations .pagination li a {
	display: block;
	padding: 0 2px;
}
body.organizations .pagination li.current a {
    color: #bca6d0;
    background: #fff;
    text-decoration:none;
}

/* @group Opdrachtgevers */

/**
 * Thumbs Opdrachtgevers
 */
body.organizations ul.thumb {
    display:block;
    float:left;
    list-style:none;
    margin:0px 6px;
    padding:0px;
    line-height: 120%;
}
body.organizations ul.thumb li .cover h2 {
	font-size: 10px;
}

body.organizations .content ul.thumb li {
    display:block;
    float:left;
    position:relative;
    width:143px;
    height:140px;
    background-image:url(../images/backgrounds/DS_133x100.png);
    background-repeat:no-repeat;
    margin-right:6px;
    margin-left:6px;
}


body.organizations ul.thumb li a {
	display:block;
	width:133px;
    height:100px;
    position:relative;
    text-decoration:none;
    overflow:hidden;
    margin:5px;
}

body.organizations ul.thumb li a:hover {
	color: #000;
}

body.organizations ul.thumb li img {
    width:133px;
    height:100px;
    position:absolute;
    left:0;
    top:0;
    border:none;
}
body.organizations ul.thumb li img.no-url {
    margin:5px;
}
body.organizations ul.thumb li a:hover img {
    opacity: 0.5;
    border:none;
    padding:0;
    margin:0;
}
body.organizations ul.thumb li .cover {
    position:absolute;
    left:0;
    top:100px;
    z-index: 2;
    font-size: 10px;
    cursor: pointer;
}

body.organizations ul.thumb li .boxcaption {
	float: left;
	position: absolute;
	background: #fff;
	height: 70px;
	width: 123px;
	opacity: .8;
	padding:5px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
body.organizations ul.thumb li .boxcaption p {
	color: rgb(63, 63, 63);
}
body.organizations ul.thumb span {
    font-size:11px;
    display:block;
    position:absolute;
    top:110px;
    left:12px;
}
body.organizations ul.thumb .item-link {
	color: rgb(127, 127, 127);
}
body.organizations ul.thumb .item-link:hover {
	color: rgb(127, 127, 127);
	background: #fff;
}

/* @end */





/**
 *
 * Slideshow
 *
 * Image width:400 px
 * Image height:300 px
 * Thumbnail width:40 px
 * Thumbnail height:30 px
 * Dropshadow width:450 px
 * Dropshadow height:350 px
 */
body.photo-gallery #main .content {
	background-color: transparent;
    background-image:url(../images/backgrounds/trans.png);
    padding:12px 12px 12px 12px;
    width:453px;
    height:auto;
    margin-left:30px;
    position:relative;
}
body.photo-gallery #main .content p.desc {
	display:none;
}


#slideshow {
    width:450px;
    position:relative;
    background-image:url(../images/backgrounds/DS_400x300.png);
    background-repeat:no-repeat;
    margin-bottom: 20px;
}

/*
* -----------------------------------------------
* From:
* URL: http://coffeescripter.com/code/ad-gallery/
* -----------------------------------------------
*/
#slideshow .ad-gallery {
	width:450px;
	margin:0;
	padding:0;
	position: relative;
}

#slideshow .ad-gallery .ad-image-wrapper {
	height:300px;
	margin-left:25px;
	overflow:hidden;
	position:relative;
	/*top:25px;*/
	width:400px;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-loader {
	border:1px solid #CCC;
	left:48%;
	position:absolute;
	top:48%;
	z-index:10;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-next {
	cursor:pointer;
	display:block;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:25%;
	z-index:100;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-prev {
	cursor:pointer;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:30px;
	z-index:100;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-prev,
#slideshow .ad-gallery .ad-image-wrapper .ad-next {
	/* Or else IE will hide it */
      background: url(non-existing.jpg)\9
}

#slideshow .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
#slideshow .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background:url(../images/icons/ad_prev.png);
	display:none;
	height:30px;
	left:0;
	position:absolute;
	top:47%;
	width:30px;
	z-index:101;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background:url(../images/icons/ad_next.png);
	height:30px;
	left:auto;
	right:0;
	width:30px;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-image {
	height:300px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:400px;
	z-index:9;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background-color:transparent;
	background-image:url(../images/backgrounds/opaque.png);
	bottom:0;
	color:#fff;
	font-size:11px;
	left:0;
	padding:7px;
	position:absolute;
	text-align:left;
	width:100%;
	z-index:2;
}

* html #slideshow .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/images/backgrounds/trans.png');
}


#slideshow .ad-gallery .ad-controls {
	height:25px;
	margin-left:25px;
	width:400px;
}

#slideshow .ad-gallery .ad-info {
	float:left;
}

#slideshow .ad-gallery .ad-slideshow-controls {
	float:right;
	font-size:11px;
}
#slideshow .ad-gallery .ad-slideshow-controls span {
	display:block;
}

#slideshow .ad-gallery .ad-slideshow-controls .ad-slideshow-start,
#slideshow .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	cursor:pointer;
	padding-left:5px;
	overflow:hidden;
	float:left;
}

#slideshow .ad-gallery .ad-slideshow-controls .ad-slideshow-start {
	background-image:url(../images/icons/ad_scroll_forward.png);
    background-repeat:no-repeat;
	background-position: center right;
	cursor:default;
    height:16px;
    width:16px;
	cursor:pointer;
}

#slideshow .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	background-image:url(../images/icons/stop-active.png);
    background-repeat:no-repeat;
    background-position: center right;
	cursor:pointer;
    height:16px;
    width:16px;
}
* html #slideshow .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/images/icons/stop.png');
}

#slideshow .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	font-size:11px;
	position:absolute;
	top: 0px;
	left: 375px;
}

#slideshow .ad-gallery .ad-slideshow-running .ad-slideshow-start {
	background-image:url(../images/icons/ad_scroll_forward.png);
    background-repeat:no-repeat;
    background-position: center right;
	cursor:pointer;
    height:16px;
	overflow:hidden;
    width:16px;
}
* html #slideshow .ad-gallery .ad-slideshow-running .ad-slideshow-start {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/images/icons/play-active.png');
}


#slideshow .ad-gallery .ad-nav {
	left:25px;
	position:relative;
	width:400px;
	margin-top:10px;
}

#slideshow .ad-gallery .ad-forward,
#slideshow .ad-gallery .ad-back {
	height:36px;
	position:absolute;
	top:0;
	z-index:10;
}

#slideshow .ad-gallery .ad-back {
    background-image:url(../images/icons/ad_scroll_back.png);
    background-position:center left;
    background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	left:-25px;
	width:20px;
}

#slideshow .ad-gallery .ad-forward {
	background-image:url(../images/icons/ad_scroll_forward.png);
	background-position:center right;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	right:-25px;
	width:20px;
}

#slideshow .ad-gallery .ad-nav .ad-thumbs {
		overflow:hidden;
		width:100%;
}

#slideshow .ad-gallery .ad-thumbs .ad-thumb-list {
	float:left;
	list-style:none;
	width:9000px;
}

#slideshow .ad-gallery .ad-thumbs li {
	float:left;
	padding-right:5px;
}

#slideshow .ad-gallery .ad-thumbs li a img {
	border:3px solid #CCC;
	display:block;
}

#slideshow .ad-gallery .ad-thumbs li a.ad-active img {
	border:3px solid #87898c;
}

/* Can't do display none, since Opera won't load the images then */
#slideshow .ad-preloads {
	left:-9000px;
	position:absolute;
	top:-9000px;
}

#slideshow .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title,
#slideshow .ad-gallery .ad-thumbs li a {
	display:block;
}

/* ---------------------------------------- */

span img{
	display:block;
	border:none;
}


.info{
	width:400px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
}
.info h4{
	font-size:12px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}
#main .404 .ce_text ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#main .404 .ce_text li {
	list-style-type:none;
}

#contact .image_container {
	position: absolute;
	top: 12px;
	right:12px;
}
#contact .formbody .mandatory sup {

}
#contact .formbody .type-text {
	margin-bottom: 5px;
}
#contact .formbody label {
	display:block;
	font-weight: bold;
}
#contact .formbody input {
	color: #87898c;
	font-size: 10px;
	padding: 2px;
}
#contact .formbody textarea {
	color: #87898c;
	font-size: 12px;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 130%;
}
#contact .formbody input.submit {
	font-weight:bold;
	background: #bca6d0;
	color: #fff;
}
#contact .formbody strong.message {
	background: #bca6d0;
	color: #fff;
	padding: 2px;
}
ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
#admin {
	position:absolute;
	top: 0;
	right:0;
	background:#00AD70;
	height: 30px;
	line-height:30px;
	padding: 10px;
	display:none;
}
#admin a {
	color: #fff;
	font-weight:bold;
	font-size: 20px;
}
.zp_editable_album_desc {
	display:none;
}