body {
  margin: 0;
  padding: 0;
	background-color: #eee;
  font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: left;
	background-image: url(../images/mainLayout/mainBg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

a:focus {
  outline: none; /* remove dotted border */
}

p {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pagetext > p:first-child {
  margin-top: 4px;
}

.intro {
  font-family: Georgia;
  font-size: 140%;
  line-height: 140%;
  font-style: italic;
  text-indent: 1.5em;
  color: black;
  background-color: lightyellow;
  padding: 3px;
}

.textblock {
  margin-bottom: 16px;
}

strong {
	font-weight: bold;
}

strong.black {
	color: #000;
	font-weight: bold;
}

img {
	border: none;
}

a {
	color: #bf0000;
	text-decoration: none;
  font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

a.btnReadMore {
	display: block;
	margin: 17px 0;
}

a.orange {
  color: #ed7100;
}

a.black {
	color: black;
	text-decoration: underline;
  font-weight: normal;
}

a.blue {
  color: #005288;
  font-weight: normal;
}

a.grey {
	color: #4d4d4d;
	text-decoration: none;
  font-weight: normal;
}
a.grey:hover {
	color: #000;
}

a.darkgrey {
	color: #4d4d4d;
	text-decoration: none;
  font-weight: normal;
}
a.darkgrey:hover {
	color: #000;
	text-decoration: underline;
}

a.block { 
	width: 219px; 
	display: block; 
	color: #4d4d4d;
	text-decoration: none;
  font-weight: normal;
}
a.block:hover {
	background-color: #4e321a; 
	color: #fff;
	font-weight: bold;
  text-decoration: none;
}
a.tag {
  text-decoration:none;
  font-weight: normal;
}
a.tag:hover {
  text-decoration: underline;
}

a.biglink {
  font-size: 120%;
}

.morelink {
  margin-top: 12px;
  margin-bottom: 2px;
  display: block;
  clear: both;
}

.big {
  font-size: 130%;
}

.red {
  color: #bf0000;
}

.underlined {
	text-decoration: underline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.title {
	/*margin-bottom: -18px;*/
	padding: 0;
	height: 17px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .title {
    margin-bottom: 0px;
  }
}

h5 {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h3 {
	text-indent: -9999px;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

h2 {
	text-indent: -9999px;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h2 a {
	text-indent: -9999px;
	display: block;
} 

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

hr {
	padding: 0;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #808080;
	height: 1px;	
	clear: both;
	margin-bottom: 4px;
}

hr.dotted {
	margin-top: 12px;
	margin-bottom: 12px;
	border-top-style: dashed;
	border-top-color: #ccc;
}
hr.dottedmini {
	margin-top: -2px;
	margin-left: 0px;
	margin-bottom: 8px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	width: 220px;
	clear: right;
}
#rosteritem hr.dottedmini {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	width: 180px;
	clear: right;
}

hr.bluesolid {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #005288;
	margin-bottom: 16px;
}

dl {
 	margin-left: 0;
	margin-bottom: 16px;
}

dt {
  clear: left;
}

dd {
  margin: 0;
  margin-bottom: 16px;
}

dl.case {
  width: 204px;
  float: left;
}
dl.case-margin {
  margin-right: 16px;
}
dl.case dd {
  margin: 0;
}
dl.case a {
	color: #4d4d4d;
	text-decoration: none;
  font-weight: normal;
}
dl.case a:hover {
	color: #4d4d4d;
	text-decoration: underline;
}
dd.caseitem p {
  margin-top: 0;
  margin-bottom: 2em;
  color: #777;
  margin-left: 1em;
}

/* -------------------------------------------
------------------ MAIN DIVS------------------
--------------------------------------------*/
#maindiv {
	background-image: url(../images/mainLayout/mainShade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
	width: 876px;
	float: left;
	clear: both;
	padding-left: 4px;
}

#maincontent {
	margin: 12px;
	height: 100%;
	width: 400px;
	float: left;
}

#extracontent {
	margin: 12px;
	width: 220px;
	float: left;
}

#searchcontent {
	float: left;
	width: 180px;
	margin-top: -10px;
	margin-bottom: 12px;
	margin-left: -4px;
}
#leftcontent {
	margin: 12px;
	height: 100%;
	width: 400px;
	float: left;
}

#rightcontent {
	float: left;
	width: 400px;
	margin-top: -22px;
	margin-bottom: 12px;
	margin-left: 12px;
}
#wrapper {
	width: 185px;
	text-align: right;
	margin-left: 15px;
	margin-bottom: 29px;
}

#footerdiv {
	color: #CCCCCC;
	clear: both;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 12px;
	z-index: 999;
}

#footerdiv .navigation {
	margin-top: -60px;
	float: right;
}
#footerdiv .copyright{
	float: right;
	margin-right: 28px;
}
#footerdiv .sitemapicon {
	margin: 6px;
}
#footerdiv .emailicon {
	margin: 6px;
	margin-bottom: 3px;
}
#footerdiv .jamicon {
	margin: 6px;
}
#footerdiv .moreright {
	margin-right: 58px;
}
.normalwidth {
	width: 240px;
}
.morewidth {
		width: 475px;
}
#flyloaderdiv {
	background-color: #FFF;
	visibility: hidden;
	height: 24px;
	text-align: center;
	position: absolute;
	z-index:999999;
}

/* EINDE MAIN DIVs */

.highlight {
  background-color: lightyellow;
}

.pagetext {
  height: 100%;
  /*padding-bottom: 1px;*/
}

.pagetext h3 {
	margin-top: 8px;
	margin-bottom: 8px;
	text-indent: 0px;
}

.pagetext ul {
	margin-top: -4px;
}

.pagetext li {
	margin-left: -8px;
	line-height: 17px;
}

.pagetext ul.pagesContentDownloads {
  list-style-image: url(../images/icons/pdf.png);
}

.distributiontextcontainer {
  width: 400px;
  clear: left;
}

.distributiontextcontainer .imgleft {
  float: left;
	clear: none;
	margin-right: 16px;
  margin-bottom: 16px;
}

.distributiontextcontainer .text {
  float: left;
	clear: none;
	width: 296px;
  margin-bottom: 16px;
}

.lightgrey {
  color: #aaa;
}

.grey {
  color: #4d4d4d;
}

#headdiv {
	background-color: #005288;
	height: 96px;
	width: 880px;
	clear: both;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
  background-image: url(../images/headImages/headTitle.gif);
}

#headdiv.promotion {
	background-image: url(../images/headImages/headPromotion.gif);
}
#headdiv.bookings {
	background-image: url(../images/headImages/headBookings.gif);
}
#headdiv.design {
	background-image: url(../images/headImages/headDesign.gif);
}

#headdiv.clients {
	background-image: url(../images/headImages/headClients.gif);
}

#headbeam {
	background-color: #096BAC;
	background-repeat: no-repeat;
	background-position: right top;
	height: 8px;
	width: 880px;
	clear: both;
	float: left;
  background-image: url(../images/headImages/headBeam.gif);
}

#headbeam.citydogs {
	background-image: url(../images/headImages/headBeam.gif);
}

#headbeam.bookings {
	background-image: url(../images/headImages/headBeamBookings.gif);
}
#homelink {
	position:absolute;
	width:76px;
	height:56px;
	z-index:999;
	left: 774px;
	top: 18px;
	border: none;
}
/* -------------------------------------------
--------------------- TAGS -------------------
--------------------------------------------*/
#tags {
  margin: 8px 0;
}

.tagscontainer {
  margin: 8px 0;
}

.tagscontainer.nomargin {
  margin: 0;
}

.tagscontainer.roster {
  margin: 0;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}

.tagscontainer.services {
  margin: 0;
	line-height: 20px;
	margin-top: -4px;
 	width: 224px;
 	height: 45px;
 	overflow: hidden;
}

/* -------------------------------------------
---------------- DEFAULT S ---------------
--------------------------------------------*/
 {
  margin: 0;
  padding: 0;
  border: 0;
}

.grouped {
  margin: 0;
  padding: 0;
  border: 0;
}

.grouped fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  clear: both;
}

.grouped fieldset .block {
  width: 400px;
  padding: 6px 0;
  clear: both;
}

.grouped fieldset .blockradio {
  width: 300px;
  padding: 6px 0;
  clear: both;
  padding-left: 108px;
}

.grouped fieldset legend {
  color: black;
	font-weight: bold;
	margin: 0;
  padding: 10px 0;
	font-size: 110%;
}

.grouped fieldset .dateselect {
	width: 292px;
	float: right;
}

 .std {
	width: 280px;
	float: right;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
  padding: 3px;
  margin-right: 4px;
  overflow: auto;
}

 .processing {
  color: #aaa;
}

 .list {
	width: 288px;
}

 .radiolabel {
	margin-top: -16px;
	float: left;
	clear: none;
  padding-left: 20px;
  width: 270px;
}

 .radio {
	float: left;
	clear: left;
}

 .w2digits {
	width: 20px;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
  padding: 3px;
  margin-right: 4px;
}
 .w4digits {
	width: 35px;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
  padding: 3px;
  margin-right: 4px;
}

.grouped fieldset input.error {
  border: 1px solid #bf0000;
}

.errormsg {
	width: 280px;
	float: right;
  padding: 3px;
  background-color: lightyellow;
  margin-right: 4px;
}
.errormsg img {
  margin: 6px 3px 0 2px;
}

.grouped .light {
  color: #bbb;
}
.grouped .required {
  color: #888;
}

.grouped fieldset #errorheader {
  margin: -5px 0 3px 0;
  font-weight: bold;
  color: #bf0000;
}

.grouped fieldset #errorheader.alt {
  margin: 5px 0;
}

.grouped fieldset label {
  display: block;
  clear: both;
  float: left;
}

.grouped fieldset div.response {
  color: #000;
  display: block;
}

.grouped fieldset div.response.ajaxloading {
  padding: 5px 0 10px 0;
	background: url(../images/icons/loader_big.gif) no-repeat center;
  min-height: 32px;
}

/*.grouped fieldset div.response.active, */
.grouped fieldset div.response.complete {
  background-color: #ffffdd;
  padding: 5px;
}

.grouped fieldset div.response .errorheader,
.grouped fieldset div.response.error {
  font-weight: bold;
  color: #ec1c24;
  margin-bottom: 0px;
}

.grouped fieldset .checkboxcontainer .head {
  display: block;
  clear: both;
  float: left;
}
.grouped fieldset .checkboxcontainer .container {
  width: 400px;
  padding: 6px 0;
  clear: both;
}
.grouped fieldset .checkboxcontainer .container .block {
  margin: 0;
  padding: 0;
  float: right;
  width: 296px;
}
/*
.grouped fieldset .checkboxcontainer .container .block .checkbox {
  float: left;
  margin-right: 4px;
}
.grouped fieldset .checkboxcontainer .container .block label {
  clear: right;
  float: left;
}
*/
.grouped fieldset .checkboxcontainer .checkbox {
  display: inline;
  float: left;
  clear: none;
  margin-right: 4px;
}
.grouped fieldset .checkboxcontainer label {
  display: inline;
  float: left;
  clear: none;
}
.grouped fieldset .checkboxcontainer .container .block {
  margin-bottom: 16px;
}
.grouped fieldset .checkboxcontainer .container .block .checkbox {
  clear: both;
	float: left;
}
.grouped fieldset .checkboxcontainer .container .block .info {
	width: 292px;
	float: right;
  padding: 2px 2px 2px 4px;
  background-color: #f3f7f9;
  /*height: 35px;*/
  height: auto;
  overflow: hidden;
  /*cursor: hand;*/
}

.grouped fieldset .checkboxlabel {
  display: block;
  clear: both;
  float: right;
}

.grouped fieldset .hiddendiv {
	height: 0px;
	overflow: hidden;
	clear: both;
}

.grouped fieldset .indentcheckbox {	
	margin-left: 108px;
}

.button {
  padding: 0;
  margin: 0;
  margin-right: 5px;
  border: 0;
  cursor: pointer;
  cursor: hand;
  float: right;
}

.button.verstuur {
  width: 68px;
  height: 18px;
  text-indent: -9999px;
  background: url(../images/buttons/Verstuur.gif) center top no-repeat;
  overflow: hidden;
}

.button.send {
  display: block;
  width: 41px;
  height: 18px;
  text-indent: -9999px;
  background: url(../images/buttons/Send.gif) center top no-repeat;
  overflow: hidden;
}

.button.next {
  display: block;
  width: 41px;
  height: 18px;
  text-indent: -9999px;
  background: url(../images/buttons/Next.gif) center top no-repeat;
  overflow: hidden;
}

.button.previous {
  display: block;
  width: 65px;
  height: 18px;
  text-indent: -9999px;
  background: url(../images/buttons/Previous.gif) center top no-repeat;
  overflow: hidden;
}
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(../images//checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(../images//checkbox.gif) no-repeat left bottom;
}
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}
/* -------------------------------------------
------------------- CLIENTS ------------------
--------------------------------------------*/
#clientlogos {
	width: 470px;
	height: 280px;
	overflow: hidden;
}

#clientlogos .logo {
	clear: none;
	float: left;
	width: 155px;
	height: 76px;
  margin: 8px 0;
}

#progress {
	border: #CCCCCC 1px solid;
	width: 200px;
	margin-left: 100px;
	padding: 2px;
	height: 18px;
	visibility: hidden;
}

#progressbar {
	width: 0px;
	background-color: #999999;
	height: 18px;
}

.selectie {
  color: #aaa;
	float: left;
	width: 400px;
	clear: both;
	padding-top: 24px;
}

/*--------------------------------------------
------------------ COWPATH -------------------
--------------------------------------------*/
#cowpathdiv {
	margin-bottom: -4px;
	font-size: 9px;
	color: #808080;
	width: 600px;
	margin-left: 12px;
	margin-top: 16px;
	clear: both;
}

#cowpathdiv a {
	color: #808080;
	text-decoration: none;
  font-weight: normal;
}

#cowpathdiv a:hover {
	color: #808080;
	border-bottom: #bbb 1px solid;
}

#cowpathdiv .current {
	border-bottom: #bbb 1px solid;
}

/*--------------------------------------------
------------------ DOWNLOADS------------------
--------------------------------------------*/
#downloadstitlename, #downloadstitledate{
	font-weight: bold;
}
#downloadstitlename {
	width: 340px;
	margin-bottom: 12px;
}
#downloadstitledate {
	float: right;
}
.downloadsmaincategorydiv, .downloadssubcategorydiv{
	width: 100%;
	display: block;
	height: 30px;
	clear: both;
	background: url(../images/icons/folder.jpg) 12px top no-repeat;
	cursor: pointer;
}
.downloadssubcategorydiv {
	width: 388px;
	clear: left;
	height: 30px;
	margin-bottom: -4px;
}
#directoryarrow {
	margin-right: 30px;
}
.downloadsmaincategorydivcontent {
	overflow: hidden;
	width: 388px;
	margin-left: 12px;
	height: 0px;
}
.downloadssubcategorydivcontent {
	overflow: hidden;
	height: 0px;
	width: 378px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.downloadsfileicon {
	margin-right: 12px;
}
.downloadsfileicon.small {
	margin-right: 8px;
}
.downloadsfileupdate {
	float: right;
	color: #666;
}
#downloadsfilediv {
	height: 30px;
	padding-bottom: 0px; /*padding works better for auto height correction than margin*/
}
#downloadsfilediv a{
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#downloadsfilediv a:hover{
	text-decoration: underline;
	background-color: #e9e9e9;
}
/*
#downloadstitlename, #downloadstitledate{
	font-weight: bold;
}
#downloadstitlename {
	float: left;
	margin-bottom: 12px;
}
#downloadstitledate {
	float: right;
}
.downloadsmaincategorydiv, .downloadssubcategorydiv{
	width: 400px;
	height: 24px;
	float: left;
	clear: both;
	background: url(../images/icons/folder.jpg) 10px top no-repeat;
}
.downloadssubcategorydiv {
	margin-left: 10px;
}
#directoryarrow {
	margin-right: 20px;
}
.downloadssubcategorydivcontent {
	overflow: hidden;
	height: 0px;
	width: 400px;
}
.downsloadsmaincategorydivcontent {
	overflow: hidden;
	width: 400px;
	height: 0px;
}*/
/* -------------------------------------------
-------------- ARTIESTEN PAGINA --------------
--------------------------------------------*/
#biography {
  height: 145px;
  overflow: hidden;
}
#spaceslogos {
	margin-top: 210px;
	float: right;
}
/* -------------------------------------------
-------------- FLYERBAG AGENDA  --------------
--------------------------------------------*/
#maincontentwide {
	margin: 12px;
	height: 100%;
	width: 644px;
	float: left;
}

#flyerbagevent {
	margin-right: 24px;
	width: 400px;
	float: left;
}

#flyerbageventinfo {
	width: 220px;
	float: left;
}

#schedule {
	font-size: 90%;
	line-height: 12px;
	margin-bottom: 16px;
}

.flyerbagschedule thead tr {
	background-color: #9facb4;
}
.flyerbagschedule thead th {
	vertical-align: bottom;
  text-transform: uppercase;
	text-align: left;
  padding: 3px;
  padding-left: 6px;
  background: #9facb4 url(../images/mainLayout/tableline.gif) right bottom no-repeat;
}
.flyerbagschedule tfoot td {
  background: #9facb4 url(../images/mainLayout/tableline.gif) right bottom no-repeat;
  height: 6px;
}
.flyerbagschedule {
  margin-bottom: 1em;
}

#schedule .data {
	vertical-align: top;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 8px;
	padding-right: 8px;
}
#schedule .second {
	background-color: #eff4f7;
}
#schedule .rollover {
	background-color: #e2ebf1;
	cursor: pointer;
}
#schedule .clicked {
	color: #BF0000;
	font-weight: bold;
}
#schedule .name {
	width: 157px;
	padding-right: -20px;
	white-space: normal;
}
#schedule .eventdate {
	width: 95px;
}
#schedule .locationinfo {
	width: 168px;
}
#schedule .nrbags {
	width: 90px;
}
#schedule .deliver {
	width: 100px;
}
#schedule .icon {
	text-align: center;
	width: 30px;
}
#schedule .rightsolidline {
	background: #9facb4 url(../images/mainLayout/tableline.gif) right bottom no-repeat;
}
#schedule .rightdottedline {
	background: url(../images/mainLayout/tablelinedotted.gif) right top no-repeat;
}
#schedule .dottedline {
	border-bottom: #757575 dotted 1px;
	border-right: #757575 dotted 1px;
}
#schedule .bottomdottedline {
	border-bottom: #757575 dotted 1px;
}
#eventinfo .eventbold {
	margin-top: 16px;
	font-weight: bold;
}
#eventinfo .eventtopmargin {
	margin-top: 16px;
}
#eventinfo .eventtopbottommargin {
	margin-top: 16px;
	margin-bottom: 16px;
}
.choosemonth {
	clear: both;
	margin-top: 8px;
	margin-bottom: 12px;
}
#month{
	font-weight: bold;
	float: left;
	text-align: left;
}
#inatie {
	margin-top: -9999px;
	position: absolute;
	z-index: 999;
	width: 400px;
}
/* -------------------------------------------
-------- LIJSTJE VERSCHILLENDE KLEUREN -------
--------------------------------------------*/
.listdivided1, .listdivided2 {
  padding: 3px;
  padding-right: 0;
	vertical-align: middle;
}
/*
.listdivided1 a {
	vertical-align: middle;
	text-decoration: none;
}
.listdivided1 a:hover {
	vertical-align: middle;
	text-decoration: underline;
}
.listdivided2 a {
	vertical-align: middle;
	text-decoration: none;
}
.listdivided2 a:hover {
	vertical-align: middle;
	text-decoration: underline;
}
*/
.listdivided2 {
	background: #eff4f7;
}
#rssfeed { 
	margin-top: 5px;
  margin-bottom: -5px;
}

#speaker { 
	margin-top:4px;
}
.sticky { 
	margin-right:4px;
}
#loaderdiv {
	background-color: #ccc;
	height: 32px;
	width: 100%;
	text-align: center;
	padding-top: 8px;
}
.linkscategorytitle {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 8px;
	text-trans: uppercase;	
}

.linksandsearchdescription {
  margin: 2px 0;
	line-height: 15px;
}

#nieuwsbriefextrainfo {
	margin-left: 109px;
	margin-top: -8px;
	font-style: italic;
	float: left;
	clear: both;
	font-size: 70%;
	color: #ED7100;
}

.containergreybackground {
  padding: 4px;
  background-color: #f6f6f6;
}

/* checkbox & radio */
#status {
  font-weight: bold;
  min-height: 35px;
}

td {
	vertical-align: middle;
}

td.check div.check {
	background-image: url(../images/icons/icon_checkbox_unchecked2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11px;
	width: 11px;
}

td.check div.selected {
	background-image: url(../images/icons/icon_checkbox_checked2.gif);
}

td.name {
	font-size: 11px;
	white-space: nowrap;
}

tr.option {
	cursor: pointer;
	color: #444;
}

table#cities div.check {
	width: 11px;
	height: 11px;
}

table#cities td.check div.check {
	background-image: url(../images/icons/icon_radio_unchecked.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11px;
	width: 11px;
}

table#cities td.check div.selected {
	background-image: url(../images/icons/icon_radio_checked.gif);
}
/* einde checkbox & radios */



/* LOGIN TEMP */
.login  .std {
	width: 120px;
	float: right;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
  padding: 3px;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  overflow: auto;
}

.login fieldset label {
  display: block;
  font-weight: bold;
  padding-top: 5px;
  clear: left;
  float: left;
}

.login fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  clear: both;
}

.login .small {
  width: 100px;
}

.loginbutton {
  width: 13px;
  height: 21px;
  padding-top:-4px;
  margin-top: 2px;
	margin-left: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
	background-color: #ed7100;
  border: none;
  cursor: pointer;
}

.login {
	background: url(../images/mainLayout/loginbg.png) left top no-repeat;
  color: #fff;
  height: 52px;
  padding: 4px 4px 2px 8px;
}
.loginbg {
	background: url(../images/mainLayout/loginbg.png) left top no-repeat;
  color: #fff;
  width: 181px;
	height: 50px;
	padding: 2px;
	padding-bottom: 6px;
}


/* -------------------------------------------
------------------ User Interface-------------
--------------------------------------------*/
#usericons {
	clear: both;
	float: right;
	margin-right: 3px;
	margin-top: 8px;
}

#usericons a {
	color: #FFFFFF;
	font-weight: normal;
}
	

#usericon {
	margin: 0px 2px 0px 4px;
}

/* -------------------------------------------
--------------- CLIENTS LOGIN ----------------
--------------------------------------------*/
#usermenu {
	padding: 8px;
	width: 175px;
	margin-left: 8px;
	background-color: #eff4f7;
}
.loginblock {
	text-align: right;
	width: 175px;
}
.loginblock .std {
	width: 165px;
	float: right;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
  padding: 3px;
  overflow: auto;
	clear: both;
}
.userbutton {
  padding: 0;
  margin: 0;
  margin-right: 5px;
  border: 0;
  cursor: pointer;
  cursor: hand;
  float: right;
	display: block;
  text-indent: -9999px;
  overflow: hidden;
}
#usernameloggedin {
	width: 150px;
	float: left;
	clear: both;
	text-align: left;
	margin-top: 6px;
	text-trans: capitalize;
}
.login {
  text-indent: -9999px;
	margin-top: 8px;
  width: 68px;
  height: 18px;
  background: url(../images/buttons/inloggen.gif) center top no-repeat;
}
.logout {
  text-indent: -9999px;
	margin-top: 8px;
  width: 72px;
  height: 18px;
  background: url(../images/buttons/uitloggen.gif) center top no-repeat;
}

/* -------------------------------------------
----------------- Foto Controle --------------
--------------------------------------------*/
.directory {
	clear: both;
	width: 100%;
	display: block;
	float: left;
	height: 23px;
	background: url(../images/icons/folder.jpg) 4px no-repeat;
	text-indent: 25px;
	font-weight: bold;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 4px;
	cursor: hand;
}

.directory:hover{
	background: url(../images/icons/folder.jpg) #eff4f7 4px no-repeat;
	cursor: pointer;
}

.orderprocessing {
	background: url(../images/loader.gif) 4px no-repeat;
}

.orderprocessing:hover{
	background: url(../images/loader.gif) #eff4f7 4px no-repeat;
	cursor: pointer;
}

.ordernotstarted {
	background: url(../images/icons/folderinacitve.jpg) 4px no-repeat;
}

.ordernotstarted:hover{
	background: url(../images/icons/folderinacitve.jpg) #eff4f7 4px no-repeat;
	cursor: pointer;
}

.inactive {
	color: #CCC;
}

.file {
	height: 92px;
	width: 92px;
	margin: 2px;
	border: #CCCCCC 1px solid;
	float: left;
}

.file:hover {
	border: #d50000 1px solid;
	cursor: hand;
}

.filepic {
	margin: 6px 0 0 6px;
}


.fileinvisible {
	overflow: hidden;
	width: 0px;
	height: 0px;
	position: absolute;
	z-index: 999;
	border: none;
}

#picpreview {
	position: absolute;
	background-color: #CCCCCC;
	cursor: pointer;
	z-index: 1;
	visibility: hidden;
}

.location {
	color: #000;
	border: #bbb 1px solid;
	float: left;
	clear: none;
	margin: 2px;
	text-align: center;
	width: 100px;
	padding-top: 2px;
	background-color: #fff;
}

#locationcontainer {
	width: 103px;
	clear: none;
	float: left;
}

#locationcontainer:hover {
	background-color: #FFFFCC;
  cursor: hand;
}
.picitem {
	color: #CCCCCC;
	margin-left: 2px;
	font-size: 9px;
	float: left;
	width: 100px;
}

#citystatus {
	height: 23px;
	padding-top: 4px;
	border-bottom: 1px #ccc dotted;
	padding-left: 4px;
	margin-bottom: 4px;
}

#selectedcity {
	border: solid 1px #ccc;
	width: 100%;
	margin-bottom: 4px;
}

.statstitle {
	font-weight: bold;
	text-trans: uppercase;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* -------------------------------------------
----------------- CONCEPT PAGINA -------------
--------------------------------------------*/
.conceptContainer {
	height: 250px;
	overflow: hidden;
}

.conceptItem {
	width: 200px;
	height: 262px;
	background: url(../images/mainLayout/conceptV2Bg.gif) center center no-repeat;
	float: left;
	padding: 0px;
  margin: 0
}

.conceptImage {
	margin: 6px;
}

.conceptInfoContainer {
	padding: 14px;
	padding-top: 0;
}
.conceptInfoContainer hr.dottedmini {
	width: 172px !important;
}

h5.conceptName {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin-bottom: 8px;
}

#conceptdash {
	float: left;
}
#conceptartistpic {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 6px;
	color: #808080;
}
#conceptartistname {
	float: left;
	color: #000;
	width: 150px;
	clear: right;
}
#conceptartisttags {
	width: 150px;
	height: 20px;
	overflow: hidden;
	float: left;
	color: #808080;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////// ROSTER STIJLEN ////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */

/* container met foto's artiesten bookings home */
#rosterhomecontainer {
	width: 408px;
	height: 150px;
	clear: both;
	overflow: hidden;
}

.rosterhomepic {
	float: left;
	clear: right;
	width: 136px;
	height: 150px;
}

.rosterhomename {
  margin-top: 2px;
}

/* styles voor roster page */
#rosterpagecontainer {
	width: 400px;
	float: left;
	clear: both;
}

#rosteritem {
	width: 179px;
	background-image: url(../images/mainLayout/rosterBg.gif);
	height: 154px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 18px;
  margin: 0 -5px 2px -10px;
}
#rosteritemname {
	height: 14px;
	font-size: 12px;
	color: #000;
	margin-bottom: 8px;
}
#rosterpic {
	margin-top: -6px;
	margin-bottom: 2px;
}


#rostertags {
	width: 170px;
	height: 40px;
	font-size: 10px;
	overflow: hidden;
}
/* ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////// eind roster stijlen ///////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////// ARTIEST PAGINA STIJLEN //////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */
#discographycontainer {
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: -2px;
	clear: both;
	height: 158px;
	overflow: hidden;
}
#discographyextracontainer {
	margin-top: 6px;
	margin-bottom: 8px;
	clear: both;
	height: 0px;
	overflow: hidden;
}
#discographyitem { 
	float: left;
	width: 197px;
	height: 48px;
}
#discographypic {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#discographyartist {
	color: #808080;
}
#calendaritem {
 height: 100%;
 margin-left: -2px;
}
#calendardate {
	width: 50px;
	float: left;
	margin-right: 8px;
	height: 32px;
	color: #808080;
}
#calendarlocation {
	float: left;
	color: #000;
	width: 150px;
}
#calendarinfo {
	float: left;
	color: #808080;
}
#downloadcategory {
	color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
}
#downloadfile { 
	font-style: italic; 
	font-size: 9px;
	color: #000000;
	float: right;
}
#downloaddescription {
  margin-top: 16px;
  color: #808080;
}

#newfile {
	float: right;
	color: #BF0000;
	font-size: 8px;
	font-weight: bold;
}
#downloadcontainer {
	margin-top: -2px;
}
#changingheightcontainer {
	overflow: hidden;
	height: 0px;
}

#fullcalender{
padding-top: 5px;
}
#calendernavigation{
	padding-bottom: 8px;
}
.snippetdiv{
	width: 133px;
	height: 14px;
	margin-left: 50px;
}
.player{
	background-color: #FFFFFF;
	padding-top: -24px;
}
#exclusive{
	margin-top: 210px;
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
/* ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////// eind artiest pagina stijlen //////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////*/
.jamlist-tip {
    color: #808080;
    width: 220px;
    z-index: 13000;
		background-color: #fff;
		border: solid 1px #666;
}
.jamlist-title {
	margin-left: 4px;
	font-weight: bold;
}
.jamlist-text {
	margin-left: 4px;
}
#downloadtippic{
	margin-bottom: 4px;
}
.bold {
	font-weight: bold;
}
.leftminmargin{
	margin-left: -2px;
}
/*////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////// OVERIGE PRODUCTEN STIJLEN ////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */
.langebalkbg {
  width: 407px;
  height: 94px;
	margin-top: -2px;
	margin-left: -4px;
  padding-top: 12px;
  padding-left: 9px;
  background: url(../images/buttons/langeBalkBg.png) no-repeat left top;
}
.bannerbutton {
  float: left;
  margin-right: 6px;
}
.bannertext {
  width: 220px;
  float: left;
  line-height: 15px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////// eind overige producten stijlen ////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////// INDEX STIJLEN ////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */

/* // hoofd titel stijl */
#citydogslogo {
	float: right;
	margin-bottom: -2px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////// eind index stijlen ////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// FLYERBAG AGENDA STIJLEN ////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */
.flyerbagagenda {
  height: 36px;
}
/*////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////// einde flyerbag agenda ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// HOME PAGE STIJLEN //////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */
#serviceitem {
	background: url(../images/buttons/langeBalkBg.png) left top;
	width: 408px;
	height: 90px;
	margin-left: -4px;
}
.servicepiccontainer {
	width: 159px;
	height: 67px;
	margin-left: 8px;
	margin-top: 12px;
	margin-right: 6px;
	float: left;
  background-color: #f1f1f1;
}
.servicepic {
	width: 159px;
	height: 67px;
}
#serviceinfo {
	padding-top: 14px;
}
#serviceinfo p {
  margin: 0;
  padding: 0;
  color: #999;
}
#servicetitle {
	clear: right;
	margin-bottom: 6px;
}
#vacaturetekst {
	height: 100%;
}

#nieuwsbriefimage {
	margin-right: 4px;
	margin-bottom: 4px;
}
#nieuwsbriefhead {
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
#mailinglists {
	margin-top: 4px;
	color: #808080;
}
/* ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////// einde home page stijlen //////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// VACATURE PAGE STIJLEN ////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////// */
#jobtitle {
	margin-bottom: 12px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////// einde vacature page stijlen //////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////// */




ul#conceptArtists {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#conceptArtists li {
	position: relative;
	margin: 2px;
	padding: 0;
	float: left;
	display: block;
}
ul#conceptArtists li,
ul#conceptArtists li label {
	cursor: pointer;
	color: #999;
}
ul#conceptArtists li.selected {
	background-color: transparent;
}
ul#conceptArtists li.selected label {
	color: #000;
}

ul#conceptArtists li {
	width: 128px;
	height: 150px;
	background: url(../images/mainLayout/rosterBgConcepts.gif) center center no-repeat;
}
ul#conceptArtists li img {
	margin: 8px;
}
ul#conceptArtists li label {
	position: absolute;
	top: 97px;
	left: 10px;
	font-size: 12px;
}

ul#conceptArtists li div.mask {
	position: absolute;
	top: 8px;
	left: 8px;
	background-color: #fff;
	width: 112px;
	height: 85px;
	z-index: 500;
	display: block;
}

ul#conceptCalculation {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul#conceptCalculation li {
	padding: 1px 0;
}

ul#conceptCalculation li span.countryCode {
	color: #999;
}

li#calculationTotal {
	border-top: 1px solid #000;
	padding-top: 5px;
	font-weight: bold;
	margin-top: 4px;
}

.mooTipContainer {
	z-index: 900;
	background-color: #f1f1f1;
	border: 1px solid #bbb;
	padding: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}
.mooTipContainer .tip-title {
	font-weight: bold;
}

#conceptDescription {
  height: 191px;
  overflow: hidden;
}
#conceptCalculationInfoContainer {
	display: none;
}
#conceptCalculationEmptyMessage {
	display: none;
}

table.default {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
}
table.default th {
	background-color: #000;
	color: #fff;
	text-align: left;
	padding-left: 4px;
}
table.default th.textright,
table.default td.textright {
	text-align: right;
	padding-right: 4px;
}
table.default td {
	text-align: left;
	border-bottom: 1px solid #000;
	padding-left: 4px;
}
table.default td.strikethrough {
	color: #bbb;
	text-decoration: line-through;
}



/* CLEARFIX */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */