/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 
 margin-left: 6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 
}



.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
  background:transparent url(http://www.presale.nl/image/box/box.png) top right; 
  background-repeat: no-repeat;
  color: #404040;
}


.dialog .content {
 position:relative;
 padding:0px 12px 0px 0px;
}


.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

/* green */
.dialog.green .content,
.dialog.green .t,
.dialog.green .b,
.dialog.green .b div {
 background:transparent url(http://www.presale.nl/image/box/boxgroen.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.green .b,
.dialog.green .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.green .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}

.dialog.green .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.green .b,
.dialog.green .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.green .b {
 background-position:bottom right;
}

.dialog.green .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}


/* pink */
.dialog.pink .content,
.dialog.pink .t,
.dialog.pink .b,
.dialog.pink .b div {
 background:transparent url(http://www.presale.nl/image/box/boxroze.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.pink .b,
.dialog.pink .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.pink .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}
.dialog.pink .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.pink .b,
.dialog.pink .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.pink .b {
 background-position:bottom right;
}
.dialog.pink .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

/* red */
.dialog.red .content,
.dialog.red .t,
.dialog.red .b,
.dialog.red .b div {
 background:transparent url(http://www.presale.nl/image/box/boxrood.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.red .b,
.dialog.red .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.red .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}
.dialog.red .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.red .b,
.dialog.red .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.red .b {
 background-position:bottom right;
}
.dialog.red .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

/* purple */
.dialog.purple .content,
.dialog.purple .t,
.dialog.purple .b,
.dialog.purple .b div {
 background:transparent url(http://www.presale.nl/image/box/boxpaars.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.purple .b,
.dialog.purple .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.purple .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}
.dialog.purple .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.purple .b,
.dialog.purple .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.purple .b {
 background-position:bottom right;
}
.dialog.purple .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

/* orange */

.dialog.orange .content,
.dialog.orange .t,
.dialog.orange .b,
.dialog.orange .b div {
 background:transparent url(http://www.presale.nl/image/box/boxoranje.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.orange .b,
.dialog.orange .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.orange .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}
.dialog.orange .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.orange .b,
.dialog.orange .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.orange .b {
 background-position:bottom right;
}
.dialog.orange .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}


/* yellow */
.dialog.yellow .content,
.dialog.yellow .t,
.dialog.yellow .b,
.dialog.yellow .b div {
 background:transparent url(http://www.presale.nl/image/box/boxgeel.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.yellow .b,
.dialog.yellow .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.yellow .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}
.dialog.yellow .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.yellow .b,
.dialog.yellow .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.yellow .b {
 background-position:bottom right;
}
.dialog.yellow .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}


/* blue */
.dialog.blue .content,
.dialog.blue .t,
.dialog.blue .b,
.dialog.blue .b div {
 background:transparent url(http://www.presale.nl/image/box/boxblauw.png) top right; 
 background-repeat: no-repeat;
 color: #404040;
 }
.dialog.blue .b,
.dialog.blue .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.blue .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 background-position:top left;
}
.dialog.blue .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog.blue .b,
.dialog.blue .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog.blue .b {
 background-position:bottom right;
}
.dialog.blue .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}


.boxtitle{ 
    padding-top:4px;
    padding-bottom:4px;
		font-size: 12px;
		font-weight: bold;
		color: #333;
		/* color: #000; */
		
		/*
		color: #3E5F6E;
		border-bottom: 1px solid #fff;
		*/
}

.noboxtitle{ 
   font-size: 12px;
	 font-weight: bold;
	 color: #fff;
	 color: #3E5F6E;
}

.balletje
{ padding: 0px 10px 0px 10px;
  cursor: pointer;
}

.published
{ font-size: 7px;
  padding-right:6px;
  float:right;
  position:relative;
  top:-9px;
  color: #808080;
  

}