/* Onderstaande css moet je niet op letten. Dit is om browserbugs te voorkomen */

/* Hier resetten we de browsers standaard opmaak. Dit verschilt namelijk per browser... = frustratie */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, fieldset, pre, button { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a:link, a:visited, a:hover { text-decoration: none; }
body	{ line-height: 1px; color: black; background: white; }
ol, ul	{ list-style: none; }
.clear	{ clear: both;}
.right {float: right;}
.left {float: left;}
body {font-size: 62.5%;}
strong	{ font-weight: bold}
em {font-style: italic;}
/*-- End Reset --*/

/**
 * Deze hack zorgt ervoor dat een niet-floatend element met daarin een floatend element, wel een hoogte heeft.
 */
/* clearing space fix \*/
div:after, ul:after	{ content: "."; display: block; position: relative; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html div	{ height: 1%; }
div			{ display: block; }
/* End hide from IE-mac */

/* css voor globale elementen */
body {
	width: 100%;
	line-height: 1.3em;
	font-size: 70%;
	text-decoration: none;
}

pre,
body {
	font-family: Verdana, Arial, sans-serif;
}

ul {
	float: left;
	list-style: disc;
	width: 98%;
}

h1, h2, h3, h4 {
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
	margin-bottom: 2px;
}

h1 {
	font-family: AvantGarde, Verdana, Arial, sans-serif;
	clear: both;
	width: 90%;
	font-size: 28px;
	color: #57554f;
	padding-bottom: 13px !important;
	padding: 7px 0 0 0;
}
h2 a:link,
h2 a:visited,
h2 {
	color: #ec008c;          /*magenta*/
	font-size: 110%;
	line-height: 110%;
}
h3 {
	color: #ef70b1;          /*lichtroze*/
	line-height: normal;
}
h4 {
	color: #716969;          /*grijs*/
}
h2 a, a:link, a:visited {
	color: #3e3f40;
	text-decoration: underline;
}
pre, p {
	float: left;
	display: block;
}



/**
 * sIFR Global CSS
 */

.sIFR-flash {
	float: left;
	clear: both;
	visibility: visible !important;
	margin: 0;
}
.sIFR-active h1 {
	visibility: visible !important;
}
.sIFR-hasFlash .content h1 {
	visibility: hidden;
	clear: both;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/**
 * L I G H T B O X
 */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	/*overflow: auto;*/
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}



/**
 * A L G E M E E N
 */

img.small		{ width: 120px; }
img.medium		{ width: 300px; }
img.big			{ width: 550px; }
img.autoSmall	{ max-width: 150px; max-height: 150px; }

.container {
	margin: 0 auto;
	width: 1004px;
}

div#header {
	position: absolute;
	top: 0;
	width: 1004px;
	float: left;
	/*background: #fdf url(../img/layout/logo_tica_696x143.jpg) no-repeat top left;*/
	height: 143px;
}

div.content {
	float: left;
	width: 632px;
	padding: 10px;
}

/**
 * H E A D E R
 */
h1#title,
h1#title a	{
	position: absolute;
	display: block;
	height: 143px;
	width: 696px;
	padding: 0 !important;
	margin: 0;
}
h1#title span {
	display: none;
}
.vlaggen,
#menu_top {
	float: right;
	width: 308px;
}
.vlaggen {
	/*background: #fdf url(../img/layout/achtergrond_vlaggen_308x95.jpg) no-repeat top left;*/
	height: 95px;
	list-style: none;
}

.vlaggen li			{ float: right; }
.vlaggen a span		{ display: none; }
.vlaggen a			{ float: left; width: 28px; background-repeat: no-repeat; height: 18px; margin: 5px 5px 0 0; border: 1px solid #767676; }
.vlaggen a#lang_en	{ background-image: url(../img/layout/engels_n.gif); }
.vlaggen a#lang_nl	{ background-image: url(../img/layout/nederlands_n.gif); }
.vlaggen a#lang_fr	{ background-image: url(../img/layout/frans_n.gif); }
.vlaggen a#lang_du	{ background-image: url(../img/layout/duits_n.gif); }

#menu_top {
	clear: both;
	/*background: #fdf url(../img/layout/achtergrond_knoppen_contact_308x48.jpg) no-repeat top left;*/
	height: 48px;
}
#menu_top ul {
	list-style: none;
	margin-top: 24px;
	padding-left: 4px;
}
#menu_top li {
	float: left;
}
#menu_top li a {
	padding: 0px 7px;
	font-size: 12px;
	/*color: #dcdcdc;*/
	font-weight: bold;
	text-decoration: none;
}
#menu_top li a:hover,
#menu_top li.current a {
	/*color: #fff;*/
}

/**
 * C O N T E N T
 */
div.body p {
	padding-bottom: 16px;
}
div.content pre p {
	margin: 0;
	padding: 0;
	width: inherit;
	clear: none;
	float: none;
	display: inline;
}

/*div.content pre,*/
div.content ul {
	padding-bottom: 0;
	margin-bottom: 9px;
}
div.content ul li {
	margin-left: 25px;
}

#innerBodyHolder {
	width: 1004px;
	margin-top: 143px;
	margin-left: -207px;
	margin-right: -145px;
}
#menu_links {
	position: relative;
	left: 0;
	float: left;
	width: 207px;
	height: 520px;
	min-height: 620px;
}
/* left pink box with text about tica */
#menu_links p {
	float: left;
	width: 187px;
	height: 156px;
	
	background-image: url(../img/layout/c_van_tica_207x4.png) !important;
	background: #ec008c url(../img/layout/c_van_tica_207x4.gif) no-repeat top left;
	padding: 10px;
	
	font-size: 13px;
	line-height: 1.5em;
	/*color: #fff;*/
}
/* main menu */
#menu_links ul {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5em;
	padding: 7px 0 0 25px;
	width: 172px;
}
#menu_links li {
	width: inherit;
	clear: both;
}
#menu_links li a {
	color: #fff;
	text-decoration: none;
}
/*#menu_links li a:hover,
#menu_links li.current,
#menu_links li.current a,
#menu_links li:hover {
	color: #ffc4e0;
}*/
#menu_links li ul {
	width: 140px;
}
#menu_links address,
#menu_links address a {
	font-size: 11px;
	line-height: 1.3em;
	color: #100E1E;
	font-style: normal;
}
#menu_links address {
	float: left;
	padding: 10px;
	padding-left: 25px;
}
p.intro,
div.column,
div.intro {
	width: 316px;
	clear: both;
	float: left;
	margin-bottom: 10px;
}
div.column {
	width: 310px;
	clear: none;
	margin-right: 6px;
}
div.column img {
	margin: 0 8px 10px 0;
}

div.body {
	float: left;
	width: 100%;
}
div img {
	float: left;
}
.content div p {
	width: 98%;
	float: left;
}

div.error h1 {
	margin: 0;
}

/**
 * FORM STYLING
 */

.form {
	padding: 5px 0;
	width: 100%;
	float: left;
}

.form fieldset,
.form .error,
.results {
	border: 1px solid #666;
	width: 95%;
	float: left;
	padding: 5px 10px;
	margin: 0 0 10px;
}
.results {
	color: #2A63A0;
	background-color: #D8EBFF;
	border-color: #2A63A0;
	font-weight: bold;
	font-size: 1.3em;
}

.form fieldset fieldset {
	border-color: #aaa;
}

.form fieldset h2 {
	font-weight: bold;
	font-size: 120%;
	padding: 10px 0;
	width: 100%;
}


.form .error {
	color: #999;
	background: #fff;
}
.form fieldset .error {
	color: #2A63A0;
	background-color: #D8EBFF;
	border-color: #2A63A0;
	font-weight: bold;
}


.form div {
	width: 99%;
	padding: 2px 0;
	float: left;
}

.form div label {
	width: 138px;
	float: left;
	clear: left;
}

.form div input,
.form div textarea {
	float: left;
}

.form div.text input,
.form textarea,
.form div select {
	font: inherit;
	padding: 2px;
}
.form textarea,
.form div fieldset,
.form div.text input {
	width: 66%;
}

.form div textarea		{ height: 80px; }
.form .richtextarea textarea	{ height: 200px; float: right; }
.form .toolbar			{ float: right; width: 100%; text-align: right; margin: 15px 15px 0 0; }
.form .toolbar button	{ float: right; border: 1px solid #aaa; padding: 2px; background: #fff; }

/** dropdownlists, checkboxes and radiobuttons */
.form div fieldset label,
.form div.checkbox label	{
	float: left;
	clear: none;
	width: 50%;
}
.form div fieldset input	{
	width: auto;
}
.form input.radio		{ width: auto; }
.form div fieldset 		{ float: left; height: 50px; clear: none; height: auto; }
.form div fieldset div	{ width: 25%; float: left; }
.form div#zipcode input	{ text-transform: uppercase; }
.form div.color input	{ width: auto; }

.form div select			{ padding: 0; }

.form div.text input,
	.form div.textarea textarea,
	.form div select,
	.form div.file input,
	.form div.list select	{ border: 1px solid #ed008c; background: #eee; }
	
.form div:hover label		{ color: #ed008c; }

.form div.text:hover input,
.form div.text:active input,
.form div.text:focus input,
.form div.countrylist:hover select,
.form div select:hover,
.form div select:focus,
.form div select:active,
.text input:focus,
.text input:hover,
.text input:active,
.form div textarea:focus,
.form div textarea:hover,
.form div textarea:active		{ background-color: #fff; }

.small_form div textarea		{ height: 150px; width: 68%; }
.small_form div label			{ width: 30%; }

.form div.search label {
	display: none;
}

.form div.image input,
.form div.linked_image input { font-size: 9px; }
.form div.linked_image input { width: 20px; }
/**
 * B U T T O N S
 */

/* manage menu at the top of the page */
.content .manage {
	float: right;
	width: auto;
	margin-bottom: -28px;
}
/* par in manage menu */
.content div.manage p {
	float: right;
	padding: 0;
	width: auto;
	position: relative;
}

a.button, 
.button,
#content_exhibitors_login div p a, 
a.button:link,
a.button:visited,
a.button:active {
	border: none;
	background: #ed008c;
	display: block;
	float: left;
	
	margin: 2px;
	padding: 4px;
	cursor: pointer;
	
	font-weight: bold;
	color: #fff;
	text-decoration: none !important;
}

button.button {
	line-height: 17px;
}

.manage .button:hover,
#content_exhibitors_login div p a:hover,
.button:hover {
	background-color: #aaa;
	text-decoration: none;
}

li .manage,
div .manage {
	visibility: hidden;
}
li:hover>.manage,
div:hover>.manage {
	visibility: visible;
}

/** form buttons */
form button img			{ margin: 0; }

form .buttons button,
div.submit button,
form .toolbutton		{ float: right; }

div.submit				{ display: inline; float: right; }

/** buttons with images instead of text */
#advertisements .manage a.btn_delete,
#advertisements .manage a.btn_edit,
#content_exhibitors_login .manage a.btn_edit,
#content_exhibitors_login .manage a.btn_edit_external1,
#content_exhibitors_login .manage a.btn_edit_external2,
.content .body a.btn_edit,
/*.content .body a.btn_create,*/
.content .body a.btn_delete {
	width: 20px;
	height: 20px;
	background: #fff no-repeat center;
	
	border: 1px solid #000;
	padding: 1px;
	margin: 0 2px;
}
#advertisements .manage a.btn_delete:hover,
#advertisements .manage a.btn_edit:hover,
#content_exhibitors_login .manage a.btn_edit:hover,
#content_exhibitors_login .manage a.btn_edit_external1:hover,
#content_exhibitors_login .manage a.btn_edit_external2:hover,
.content .body a.btn_edit:hover,
.content .body a.btn_create:hover,
.content .body a.btn_delete:hover {
	background-color: #eee;
}

#advertisements .manage a.btn_delete span,
#advertisements .manage a.btn_edit span,
#content_exhibitors_login .manage a.btn_edit_external1 span,
#content_exhibitors_login .manage a.btn_edit_external2 span,
.content .body a.btn_edit span,
/*.content .body a.btn_create span,*/
.content .body a.btn_delete span {
	display: none;
}

#advertisements .manage a.btn_delete,
.content .body a.btn_delete		{ background-image: url(../img/btn_delete.gif); }

#advertisements .manage a.btn_edit,
#content_exhibitors_login .manage a.btn_edit,
#content_exhibitors_login .manage a.btn_edit_external1,
#content_exhibitors_login .manage a.btn_edit_external2,
.content .body a.btn_edit		{ background-image: url(../img/btn_edit.gif); }
/*.content .body a.btn_create		{ background-image: url(../img/btn_create.gif); }*/

/**
 * M O D U L E S
 */
#content_vacatures h2	{ text-transform: uppercase; }
#content_contact h3		{ color: #716969; }

/**
 * V O O R P A G I N A
 */
div#content_home #kop h1 {
	font-size: 55px;
	margin: 13px 0 -18px 15px !important;
	margin-bottom: -50px;
	padding-bottom: 2px;
}
div#content_languages h2.contentHead,
div#content_home #kop h2 {
	font-size: 14px;
	font-weight: bold;
	float: right;
	margin-right: 31px;
	width: auto;
}
div#content_home {
	padding: 0;
	width: 652px;
}
#trendfotos {
	float: left;
	background: #c3c3c3 url(../img/layout/tica_trends_home_652x128.jpg) no-repeat bottom left;
	width: 100%;
	height: 176px;
}

/*gekleurde vlakjes boven de trendfoto's van Tica:*/
.vlakje {
	float: left;
	width: 25%;
	height: 48px;
}

#vlakje_1 { background: #c3c3c3 url(../img/layout/a_van_tica_163x4.gif) no-repeat top left; }
#vlakje_2 { background: #9a8c8c; }
#vlakje_3 { background: #ec008c; }
#vlakje_4 { background: #716969; }

.vlakje p {
	float: left;
	
	margin-top: 19px;
	padding: 0;
	
	font-size: 13px;
	text-indent: 9px;
	color: #fff;
	font-weight: bold;
}

#content_home .manage {
}
#content_home .column {
	margin: 20px 8px;
	padding: 0px;
	float: left;
	width: 306px;
}
* html #content_home .column {
	margin: 20px 6px;
}
#content_home .column img {
	margin-bottom: 0;
}

#content_home .exposant.body {
	margin-bottom: 7px;
}
#content_home #noviteiten img{
	margin: 0 auto auto 8px;
	padding: 0px;
	float: right;
}
/*#content_home #workshops {
	float: right;
}*/
#content_home #workshops p {
	padding: 0;
}
#content_home #workshops img {
	float: right;
	margin-left: 8px;
	max-width: 150px;
	_width: 150px;
}
#content_home #workshops .body {
	padding-bottom: 16px;
}
#content_home #noviteiten .btn_create {
	display: none;
}

#content_home .manage {
	margin-top: 176px;
	margin-bottom: -204px;
}
#content_home div .manage {
	margin-top: 0;
}

#content_home #exposanten img {
	max-width: 157px;
	_width: 157px;
}

#content_home #exposanten p,
#content_home #workshops p,
#content_home #workshops h4 {
	max-width: 140px;
	width: auto;
}
#content_home #workshops p {
	clear: left;
	width: 140px;
}

#content_home h2 a {
	text-decoration: none;
}

/**
 * O V E R   T I C A
 */

div.over_tica_links  p,
div.over_tica_links  pre {
	width: auto;
}

#content_about .column pre {
	padding-bottom: 16px;
}


div.over_tica_links img{
	margin: 0 8px 0px 0;
	padding: 0px;
	float: left;
}
div.over_tica_rechts {
	width: 296px;
}

/**
 * N I E U W S
 */
#content_news .body {
	width: 466px;
}

div.message {
	margin: 0 0 10px 0;
	padding: 0px;
	float: left;
	width: 100%;
}


#content_news .message h2 {
	width: 100%;
}
.content .message h2,
.content .message h3,
.content .message h4,
.content .message p {
	width: 301px;
	padding: 1px 0;
}

#content_news .message .manage p {
	width: auto;
}
#content_news .message .btn_create {
	display: none;
}

.content .message h3 a {
	text-decoration: none;
	font-weight: bold;
	color: #EF70B1;
}

#content_news .exposant {
	clear: left;
}

/**
 * N O V I T E I T E N
 */

div.noviteit {
	position: relative;
	width: 148px;
	height: 200px;
	float: left;
	margin: 3px 2px;
	padding: 2px;
	overflow: visible !important;
	overflow: hidden;
}
div.noviteiten img {
	float: right;
	max-width: 148px;
	max-height: 146px;
	
	margin-left: 8px;
}
* html div.noviteiten img {
	_height: 146px;
	_width: 148px;
}
div.noviteit p {
	padding-bottom: 0;
}
* html div.noviteit {
	height: 219px;
}
div.noviteit .manage p {
	margin-bottom: 0;
}

/**
 * S E R V I C E
 */
#content_service .column {
	float: right;
	width: 300px;
}
* html #content_service .column {
	margin: 0;
	margin-right: -10px;
}
#content_service h2 {
	margin-top: 15px;
}
#content_service .column p {
	width: 100%;
}
#content_service .column img {
	display: block;
	position: relative;
	margin-left: -170px;
}

/**
 * E X P O S A N T E N
 */
 
#content_exhibitors .body dd,
#content_exhibitors .body dt,
#content_exhibitors .exposant,
#content_exhibitors .column {
	width: 306px;
	float: left;
	list-style: none;
}
#content_exhibitors .exposant p {
	padding: 0;
}
#content_exhibitors .column li {
	padding: 0;
	margin: 0;
}
#content_exhibitors .exposant p a,
#content_exhibitors .column li a {
	color: #f16eb4;
	line-height: 20px;
	font-weight: normal;
}
#content_exhibitors .body dd {
	margin: 1px 10px;
	font-weight: bold;
}
#content_exhibitors .body dt {
	margin: 1px 5px 1px 0;
	width: 150px;
	clear: left;
}
#content_exhibitors .body img {
	margin: 10px 0;
}

/* search form */
#searchForm fieldset	{ border: 0; padding: 0; }
#searchForm button {
	float: left;
	padding: 2px 4px;
	margin: 0 4px;
}
.section {
	padding: 10px 0;
	border: 0 solid #000;
	border-width: 1px 0 0;
}


/**
 * A S S O R T I M E N T
 */
#content_assortiment .body img {
	margin: 0;
}
#photolist {
	list-style: none;
}
#photolist li {
	margin: 0;
	float: left;
	margin-bottom: 5px;
}
#photolist li img {
	min-height: 60px;
}
#photolist li,
#photolist li span {
	display: block;
	width: 87px;
	height: 60px;
	overflow: hidden;
}
#photolist li .manage span {
	display: none;
}

#exhibitors #ticaXS {
	width: 475px;
	float: right;
}
#exhibitors #ticaXS .exposant {
	width: auto;
}

#content_assortiment .body .message img, 
div.message img {
	width: 157px;
	margin: 3px 8px auto 0 ;
}

#imageDetails {
	display: none;
}


/**
 * K L A N T   W O R D E N
 */
 
#content_become_exposant .form,
#content_customer .form { 
	width: 490px;
	border: 1px solid #666;
}
#content_become_exposant .form fieldset,
#content_become_exposant .form .error,
#content_customer .form fieldset,
#content_customer .form .error {
	border: 0;
}

#content_become_exposant .form fieldset fieldset,
#content_customer .form fieldset fieldset {
	border: 0;
}


#field_sex fieldset {
	width: 50%;
	padding: 0;
	margin: 0;
}
#field_sex fieldset div {
	width: 50%;
}

.form div.telnr input,
.form div.zipcode input,
#field_tel input,
#field_fax input,
#field_tussenvoegsel input,
#field_voorletters input {
	width: auto;
}
.form div.telnr span { 
	float: left;
	margin: 0 4px;
}



#content_customer .form #field_voorletters          { float: left; width: auto; }
#content_customer .form #field_sex					{ float: right; width: 110px; }

#content_customer .form #field_sex fieldset			{ width: 100%; }

/** verberg de titel van de heer/mevrouw, maar niet de labels zelf **/
#content_customer .form #field_sex label			{ display: none; }
#content_customer .form #field_sex fieldset label	{ display: block; }

#content_customer .form #field_postAdresStraat,
#content_customer .form #field_vestigingsAdresStraat,
#content_customer .form #field_afleverAdresStraat { 
	width: 361px;
}
#content_customer .form #field_postAdresStraat input,
#content_customer .form #field_vestigingsAdresStraat input,
#content_customer .form #field_afleverAdresStraat input { 
	width: 213px;
}

#content_customer .form #field_postAdresNr,
#content_customer .form #field_vestigingsAdresNr,
#content_customer .form #field_afleverAdresNr { 
	width: 100px;
}

#content_customer .form #field_postAdresNr label,
#content_customer .form #field_vestigingsAdresNr label,
#content_customer .form #field_afleverAdresNr label { 
	width: 30px;
}

#content_customer .form #field_postAdresNr input,
#content_customer .form #field_vestigingsAdresNr input,
#content_customer .form #field_afleverAdresNr input { 
	width: 50px;
}


#content_customer .form #field_how label,
#content_customer .form #field_how fieldset {
    padding: 5px 0;
	width: 461px;
}

#content_customer .form #field_how fieldset label {
    width: 50%;
    padding:0;
}


/* Make the filefield overlay transparant. */
div.file {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0;
	left: 137px;
	z-index: 1;
}

div.file input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

div.fakefile .button {
    margin: 0 2px;
    padding: 1px 4px;
}



/**
 * E X P O S A N T E N   W O R D E N
 */


/**
 * W O R K S H O P S
 */
#content_workshops h3 {
	font-size: 100%;
	color: #716969;          /*grijs*/
}
#content_workshops h2 {
	font-size: 100%;
	color: #EF70B1;          /*roze*/
}
#content_workshops .message div.text {
	float: left;
	width: 301px;
}
#content_workshops .intro p {
	width: 475px;
}

/**
 * A D V E R T E N T I E S
 */

#advertisements {
	right: 0;
	position: relative;
	float: right;
	width: 145px;
}
#advertisements .ad {
	float: left;
	color: #666;
	width: 100%;
}
#advertisements .ad object,
#advertisements .ad embed,
#advertisements .ad img {
	float: none;
	display: block;
	margin: 3px auto;
}
#advertisements p {
	margin-left: 10px !important;
	margin: 3px 5px;
	padding: 0;
	color: #5b5b5b;
}
#advertisements .manage p {
	margin: 0 !important;
}

/**
 * M A G A Z I N E
 */

div.magazine {
	width: 154px;
	float: right;
	padding: 0px;
}
div.magazine p {
	width: 100%;
}
div.magazine img{
	float: right;
	width: 154px;
	padding: 0px;
}

#content_vacatures div.column {
	margin-right: 4px;
}

#searchhints,
#colorpicker {
	display: none;
	top: 0;
	left: 0;
	position: absolute;
	width: 306px;
	background: #fff;
	padding: 3px;
	border: 1px #ccc solid;
}
#searchhints ul,
#colorpicker ul {
	width: 100%;
}

#colorpicker li {
	width: 16px;
	height: 16px;
	float: left;
	list-style: none;
	margin: 1px 1px 0 0;
}
#colorpicker li:hover {
	margin: 0 0 -1px -1px;
	border: 1px solid #000;
}
#colorpicker li span {
	display: none;
}

.form .colorDisplay {
	float: left;
	display: block;
	width: 20px;
	height: 15px;
	border: solid 1px #000;
	margin: 0 3px;
}
#searchhints {
	margin: 10px -1px 0;
	max-height: 100px;
	overflow: auto;
}
#searchhints li {
	list-style: none;
	margin: 1px 1px 0 0;
	padding-left: 3px;
}
#searchhints li:hover {
	background: #ddd;
	border: 1px solid #aaa;
	margin: 0 0 -1px -1px;
}



/**
 * E X P O S A N T E N   L O G I N
 */

#content_exhibitors_login .body {
	width: 490px;
}
.announcement {
	float: left;
	width: 100%;
	margin-top: -1px;
	padding: 15px 5px;
	
	border: #939499 solid 1px;
}
#content_exhibitors_login .announcement img {
	margin-right: 10px;
}
#content_exhibitors_login .announcement h3, 
#content_exhibitors_login .announcement h4, 
#content_exhibitors_login .announcement p {
	width: 308px;
	margin-right: 10px;
	float: right;
}

/** hide top edit button, but display the buttons on every announcement **/
#content_exhibitors_login .manage .btn_edit			{ display: none; }
#content_exhibitors_login .body .manage .btn_edit	{ display: block; }
#content_exhibitors_login .announcement .manage p	{ width: auto; }


/**
 * D A T A   T A B L E
 */
/* tnx to  http://www.imaputz.com/cssStuff/bigFourVersion.html */
.datalist						{ float: left; overflow: auto; /*height: 400px;*/ width: 100%; border: 1px dashed #000; }
html>body div.datalist 			{ overflow: hidden; }
.datalist table					{ width: 90%; border-collapse: collapse; }
html>body .datalist table		{ width: 100%; }
.datalist thead tr				{ position: relative; }			/* IE: will translate to 'fixed' */
/*html>body .datalist thead tr	{ display: block; }*/
html>body .datalist tbody		{ overflow: auto; width: 100%; /*height: 370px;*/ }
.datalist table tbody			{ padding-top: 5px; }
.datalist table th				{ background: #283969; color: #fff; padding: 4px 0; font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, sans-serif; }
.datalist tr.alternate td		{ background: #eee; }
.datalist tbody tr:hover td		{ background: #d1e0f8; }
.datalist td,
	.datalist th				{ border: 0 solid #aaa; padding: 3px; margin: 0; }


