/* Styles fuer Messedaten  */

/* Intentive hat mal wieder geändert... */
#content-c1 {
    float:none;
}

#utd_main{
    width: 1000px;
    padding:0px;
    margin: 0px;
}
#utd_menue{
    width: 20%;
    float:left;
    padding:0px;
    margin: 0px;
    z-index:2;
}
#utd_menue label{
    font-size:12px !important;
}
#utd_content {
    width: 790px;
    float:right;
    padding:0px;
    margin: 0px;
    z-index:1;
}

#utd_content td.contentField_left,
#utd_content td.contentField_ical,
#utd_content td.contentField,
#utd_content td.detail_content_td,
#utd_content td.detail_content_td_ical,
#utd_content td.detail_content_right_td,
#utd_content table#event_table,
#utd_content table#combi_search_table,
#utd_content td.contentField p {
    font-size:0.92em !important;   /* füer FF */
}

#utd_content td.top_control_td p,
#utd_content td.top_control_td span {
    *font-size:0.7em; /* geaendert von 9.27px */
}

.clear{
    clear: both;
    padding:0px;
    margin: 0px;
}

option.gray {
    background-color:#EFEFEF;
}

/* Damit auch PNGs transparent sind */
/* Blos weg!!! Lähmt den IE7!!! */
/* img { */
/*  */
/*     behavior: url(pngbehavior.htc); */
/*  */
/* } */
/* table#event_table{ */
/*     table-layout:fixed; */
/* } */


p, span {
    line-height:1.4em;
}

input[type="radio"] {
    margin: 3px 0 0 0;
}

#utd_content a {
    font-size: 1em; /* geaendert von 11px */

    color: #000000;
    text-decoration: underline;
}

#utd_content a:hover {
    color: #EC7406;
}

#navigation form, 
#utd_content form{ 
    margin:0px 0px 11px 0px;
    padding: 0px;
}

#utd_content .fair-button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* geaendert von 11px */
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
/* Hinzugefuegt von JPK */
#utd_content #combi_search_table .fair-button {
    font-size: 1.1em !important;    /* fuer FF */
    *font-size: 0.9em !important; /* fuer IE */
}

/*
 * Menuetabelle
 */
#navigation {
}
/*
 * Menuepunkt ist aktiv
 */
#navigation li.menu_active,
#navigation li.menu_active a {
    color: #EC7406;
}

#navigation li.menu_active label{
    color: #000000;
}

/*
 * Menuepunkt mit Trennbalken
 */
#navigation li.menu_delimiter {
    border-bottom: 1px solid #EC7406;
}
#navigation .groundBorder{
    padding: 0px 0px 3px 4px;
}
/*
 * Menuepunkt: Selectbox
 */
#navigation .menu_select {
    width: 184px;
    font-size:0.75em; /* geaendert von 10px */

}


.inputdesc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em !important; /* fuer normale browser */
  *font-size: 0.85em; /* fuer IE, geaendert von 12px */
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  text-align: left; 
}

div.main_content_wrapper {
    width: 780px;
}
/*
 * Seitentitel
 */
#pagetitle {
    font-size: 1.15em; /* geaendert von 11pt */

}

div#top_control_container {
    height: 80px;
}

td.top_control_td {
    padding: 0px 0px 0px 5px;
    white-space: nowrap;
}

td#top_control_topRight {
    border-left: 1px dotted #ababab;
}

td#top_control_topRight p {
    *margin-left: 3px;
}

td#top_control_bottomLeft {
    position: relative;
    border-top: 1px dotted #ababab;
    padding-right: 26px;
    padding-top: 3px;
}

td#top_control_bottomRight {
    border-top: 1px dotted #ababab;
    border-left: 1px dotted #ababab;
    vertical-align: middle;
    padding-right: 0px;
    padding-top: 2px;
}

td#top_control_bottomRight p {
    position: relative;
    top: 0px;
}

td#top_control_bottomLeft span {
    position: relative;
    top: -2px;
    left: 16px;
    
}
/*
 * Die Legende
 */
#show_event_legend {
    float:left;
    margin:16px 0px;
    width:561px;
}

#utd_content table#show_event_legend a, #utd_content table#show_event_legend p {
    display: inline;
    text-decoration: none;
}

#utd_content .arrow_unchecked {
    position: relative;
    top: 5px;
    width: 13px;
    height: 13px;
    background-image: url(./pix/arrow_unchecked.png);
}
/*
 * Der Schieberegler
 */
#slide_box {
    position: relative;
    background-color: #ffffff;
    width: 196px;
    height: 47px;
    background-image: url(./pix/slider_background.png);
    background-repeat: no-repeat;
    float: right;
    font-size: 11px;
}

ul#slide_list {
    position: relative;
    list-style: none;
   *margin-top: 13px;
   *margin-left: 0px;
    padding-left: 0px;
}

div#slide_list_div {
    position: relative;
    top: 0px;
    left: 5px;
}

div#slide_box .slider_title {
    position: relative;
    top: 1px;
    height: 2px;
    width: 100%;
    text-align: center;
    color: #EC7406;
}

#slide_list li.first_elem {
}

#slide_list div.first_elem {
    position: relative;
    width: 5px;
    height: 20px;
    background-image: url(./pix/slider_button_small.png);
}

#slide_list li.elem {
    display: inline;
}

#slide_list div.elem {
    position: relative;
    width: 60px;
    height: 20px;
    text-align: center;
    cursor: pointer;

    background-image: url(./pix/slider_button.png);
}

#slide_list div.elem p {
    position: absolute;
    top: 2px;
    width: 100%;
    left: 0px;
    margin: 0;
}

#utd_content p.passive {
    color: #ababab;
}

#utd_content p.active {
    position: relative;
    color: #EC7406;
}

#slide_list p#elem_1 {
    position:absolute;
}

#slide_list div#elem_2 {
    position:absolute;
    top: 0px;
    left: 5px;
}

#slide_list div#elem_3 {
    position:absolute;
    top: 0px;
    left: 65px;
}

#slide_list div#elem_4 {
    position:absolute;
    top: 0px;
    left: 125px;
}

#utd_content .sliding_rail {
    position: absolute;
    top: 35px;
    /*top: -75px;*/
    left: 3px;
    width: 186px;
    height: 11px;
    background-image: url(./pix/slider_tile.png);
    background-repeat: repeat-x;
}

#utd_content .slide {
    width: 11px;
    height: 11px;
    background-image: url(./pix/slider.png);
    background-repeat: no-repeat;
    position: absolute;
    cursor: w-resize;
}
/** table header*/
#utd_content .header_first_td {
    background-color: #acadad;
    border-right: 1px solid #acadad;
    width: 4%;
    padding:0px;
    margin:0px;
}

#utd_content .header_td {
    background-color: #acadad;
    border-right: 1px solid #FFF;
    text-align: left;
    text-decoration: none;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 22%;
}
#utd_content .header_td_ical {
    background-color: #acadad;
    border-right: 1px solid #FFF;
    text-align: left;
    text-decoration: none;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 30%;
}
#utd_content .header_td_double {
    background-color: #acadad;
    border-right: 1px solid #FFF;
    text-align: left;
    text-decoration: none;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 44%;
}

#utd_content .headerLink {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em !important; /* geaendert von 11px */
    color: #FFFFFF !important;
    margin: 0px;
}

#utd_content img.headerLink_image {
    position: relative;
    top: 2px;
    border: none;
}
/* table row -> country */
#utd_content .country_row {
    background-color: #d2d0d1;
    color: #000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* geaendert von 11px */

    padding: 3px 5px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#utd_content .year_row {
    background-color: #dbd9da;
    background-image: url(./pix/year_gradient.png);
    background-repeat: no-repeat;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* geaendert von 11px */

    padding: 3px 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#utd_content .darkHeaderLink {
    color: #000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* geaendert von 11px */

}

#utd_content a.year {
    color: #FFFFFF;
    text-decoration: none;
}
/*
 * Tabelle mit Veranstaltungen
 */
table#event_table {
    position: relative;
    width: 781px;
    top: 0px;
}
/*
 * Tabellenzeile auf-/zugeklappt
 */
 
#utd_content .toggle_col {
    padding: 0px;
}

#utd_content .toggle_details {
    cursor: pointer;
}

#utd_content .toggle_details:hover {
    color: #ec7308;
}

#utd_content tr.toggle_details_hidden, tr.toggle_details_shown {
    vertical-align: top;
    border-top: 1px solid #acadad;
    background-color: #acadad;
}
/*
 * Tabellenspalte auf-/zugeklappt
 */
#utd_content td.toggle_details_hidden, td.toggle_details_shown {
    vertical-align: top;
    background-color: #f1eff0;
    border-top: 1px solid #acadad;
    border-right: 1px solid #acadad;
    width:4% !important;
}
#utd_content td.toggle_details_hidden img, td.toggle_details_shown img {
    margin-bottom: 3px;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 2px;
    padding:0px;
}

/* name of the expo td*/
#utd_content .contentField {
    background-color: #fef4f2;
    padding-top: 5px;
    padding-bottom: 3px;
    border-top: 1px solid #acadad;
    padding-left: 5px;
    border-right: 1px solid #acadad;
}

#utd_content .contentField_left {
    background-color: #fef4f2;
    padding-top: 5px;
    padding-bottom: 3px;
    border-top: 1px solid #acadad;
    padding-left: 5px;
    border-right: 1px solid #acadad;
    width:22%;

}

#utd_content .contentField_ical {
    background-color: #fef4f2;
    border-right: 1px solid #acadad;
    border-top: 1px solid #acadad;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 5px;
    width:30%;

}

#utd_content .contentField_right {
    background-color: #fef4f2;
    border-right: 1px solid #FFF;
    border-top: 1px solid #acadad;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 5px;
    font-size: 1.1em !important; /* FF */
    *font-size: 1em !important;  /* IE */
    width:44%;

}
/*compact content*/
#utd_content .compact_content_td {
    width:96% !important;
}
/*detail content*/
#utd_content .detail_content_td {
    border-right: 1px solid #acadad;
    width:23%;
}
#utd_content .detail_content_td_ical {
    border-right: 1px solid #acadad;
    width:29%;
}
#utd_content .details_row {
    border-top: 1px dotted #acadad;
}


#utd_content .detail_content_right_td {
    border-right: none;
    width:23%;
    
}
/*
 * Ueberschrift innerhalb der Tabelle
 */
#utd_content div.show_event_table_headline {
    background-color: #f1eff0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    
    font-weight: bold;
}
#utd_content div.show_event_table_headline_noLine {
    background-color: #f1eff0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    font-weight: bold;
}

#utd_content .show_event_detail_content {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
/*
 * hr innerhalb der Tabelle
 */
#utd_content hr.show_event_table {
    background-color: red;
}
/*
 * Div um die Kalenderlinks
 */
#utd_content .ical_links {
    display: inline;
}

#utd_content div.compact_field{
    border-top: 1px dotted #acadad;
    padding: 3px 5px;
}
#utd_content div.compact_field{
    border-top: 1px dotted #acadad;
    padding: 3px 5px;
}


/* Öffnungszeiten */
ul.opening {
    list-style-type: none;
    margin: 0;
    padding: 2px;
}

/* Kartenpreise */
table.admission,
table.event_data {
    border: none;
    margin: 0px;
    padding: 0px;
}
table.admission *,
table.event_data * {
    margin: 0px;
    padding: 0px;
}
table.admission th,
table.event_data th {
    text-align: left;
}
table.admission td,
table.event_data td {
    padding: 0px 15px 0px 0px;
}
table.admission td.right,
table.event_data td.right {
    text-align: left;
}

/* Link zum Ticketshop */
#utd_content a.url_ticketshop {
    background:  url(./pix/onlineshop.png) no-repeat center left;
    color: #EA7303;
    padding: 3px 0px 3px 24px;
    display:block;
    text-decoration: none;
}

/* Link zum Reminder */
#utd_content a.url_reminder {
    background:  url(./pix/reminder.png) no-repeat center left;
    color: #EA7303;
    padding: 3px 0px 3px 24px;
    display:block;
    text-decoration: none;
}

/* Link zum KATI */
#utd_content a.url_kati {
    background:  url(./pix/kati.png) no-repeat center left;
    color: #EA7303;
    padding: 3px 0px 3px 24px;
    display:block;
    text-decoration: none;
}

/* Link zum Strukturdaten */
#utd_content a.url_structure_data {
    background:  url(./pix/structure_data.png) no-repeat center left;
    color: #EA7303;
    padding: 3px 0px 3px 24px;
    display:block;
    text-decoration: none;
}

/* Main menu on the left side */


/*Wrapper around the calendar and the calendar items*/

#navigation div.menu_md a{
    background: none;
    display: inline;
    padding: 0px 4px 0px 0px;
    *padding: 0px 8px 0px 0px;
    position: relative;
}
#navigation div.menu_md a p{
    font-size:11.9px !important;
}

#navigation div.menu_md {
    position: relative;
/*     height: 5em; */
/*     padding: 0px 0px 0px 4px; */
}

#navigation li.calendarItem{
	position: relative;
	text-decoration: none;
	margin: 2px;
}

#navigation .calendarImagePassive {
	border: none;
}
#navigation p.calendarText {
	color: black;
	font-weight: normal;
	text-decoration: none;
	position:absolute;
	left: 1px;
	*left: 0px;
        margin:0px;
	top: -13px;
	*top: 6px;
}


.status_1{

    color: #AAAAAA;

}

#detail_content_td_1{

    width: 178px;

}

#detail_content_td_2{

    width: 178px;


}

#utd_content td.details_row {
    
    border-top: none;

}

#utd_content #fair_logo {
    float:left;
}

#utd_content #no1_utd_logo {
    float:right;
    margin-top:4px;
}
.show_event_detail_content p {
    width: 165px;
}

#utd_content .content_list {
    margin: 0;
    padding: 0px 0px 0px 11px;
}


/*
 * Terminservice
 */

#utd_content div.reminder_options {
    padding: 0;
    margin: 5px;
}

#utd_content #reminder_div td,
#utd_content #reminder_div span {
    font-size:1em !important;     /* FF geaendert von 12px */
    line-height:normal;
}
#utd_content #reminder_div td p {
    font-size:1em;     /* FF geaendert von 12px */
    line-height:normal;
}
#utd_content #reminder_div table tr td.desc {
    color:#555555;
    font-size:0.85em; /* geaendert von 12px */
    *font-size:0.841em;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif
}

#utd_content #reminder_div td p {
    color: #000000;
    margin: 0px 0px 15px 0px;
}

#utd_content #reminder_div form {
    margin: 0px;
}

/*
 * Dropdown-Layer
 */
div.dropdown_select {
    background: #F6F6F6 url(http://www.messe-duesseldorf.de/md-files/img/bg-con-pg-nav.png) repeat-x scroll left center;
    border: 1px solid #ADADAD;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px !important;
    height:16px;
    overflow:none;
    width: 181px;
    position: relative;
}
div.dropdown_text {
    float: left;
}
div.input_text {
    margin: 0px 0px 0px 0px;
}

div.input_text input.text{
    background-color: #FFFFFF;
    width: 157px;
    *width: 158px;
    height:14px;
    *height:13px;
    border-top: 1px solid white;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size:12px !important;
    line-height:14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}
div.dropdown_arrow {
    background: transparent url(http://www.messe-duesseldorf.de/md-files/img/list-arrow-down.gif) no-repeat scroll 168px 7px;
    padding: 0px 21px 1px 5px;
/*     width: 131px; */
    white-space: nowrap;
}
div.dropdown_arrow_combi {
    padding: 0px 21px 0px 3px;
}
div.dropdown_arrow img {
    display:none;
}
div.dropdown_layer {
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-left: 2px solid #BCBCBC;
    border-right: 1px solid #000000;
    border-top: 1px solid #9D968E;
    height: 142px;
    overflow:auto;
    position: absolute;
    z-index:99;
    width: 180px;
}
span.dropdown_text {
    display:block;
    width:155px;
}

#navigation li div.dropdown_layer li a {
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}

#navigation div.dropdown_layer li {
    border-top: 1px solid #ADADAD;
}
#navigation div.dropdown_layer li.grey {
    background-color: #F4F2F3;
}
#navigation div.dropdown_layer li:hover {
    background-color: #CFCFCF;
}

div.dropdown_layer_content {
    margin-right:1px;
}

#navigation li div.dropdown_layer ul {
    margin:0px;
}

#navigation li div.dropdown_layer a {
    text-decoration: none;
    background:none;
    color: #000000;
    margin: 0px;
    font-family: verdana,arial,sans-serif;
    font-weight: normal;
    padding: 4px;
    display:block;
}
#navigation li div.dropdown_layer a.gray {
    background-color: #EFEFEF;
}
#navigation li div.dropdown_layer a.selected {
    color: #EA7303;
}
#navigation li div.dropdown_layer a:active,
#navigation li div.dropdown_layer a:focus,
#navigation li div.dropdown_layer a:hover {
    background-color: #CFCFCF;
}

/*
 * Autocompleter
 */

div.autocomplete {
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-left: 2px solid #BCBCBC;
    border-right: 1px solid #000000;
    border-top: 1px solid #9D968E;
    color: #000000;
    height: auto !important;
    margin:0px;  
    overflow:auto;
    padding: 0px;
    position:absolute;
    white-space: nowrap;
    z-index:99;
    width: auto !important;
    min-width: 162px;
}

div.autocomplete ul {
    margin:0px 8px 3px 3px !important;
    padding:0px;
    list-style-type:none;
}

div.autocomplete ul li.selected { 
    background-color:#FFFFFF;
    color: #EA7303;
}

div.autocomplete ul li:hover { 
    background-color: #CFCFCF;
}

div.autocomplete ul li {
    margin:0;
    padding:2px;
    display:block;
    list-style-type:none;
    cursor:pointer;
}

@media screen{
  img#printmode_headline{
    display:none;
  }
  
div#utd_main td {
font-size:1em !important;
}

html>body div#utd_main table#show_event_legend,
html>body div#utd_main table#show_event_legend * {
font-size:11px !important;
}
}

@media print{
  body *{
    font-size:10pt !important;
  }
  body {
    font-size:10pt !important;
  }

  div#metanavigation,
  div#head,
  a#print_page_link,
  ul#footer,
  div#utd_menue,
  ul#breadcrumb,
  div#top_control_container,
  table#event_table img.headerLink_image,
  table#event_table tr td.header_first_td,
  table#event_table tr td.toggle_details_hidden,
  table#event_table tr td.toggle_details_shown,
  table#event_table tr td div.ical_links {
    display:none;
  }
  
  div#utd_content {
    float: none;
  }
  
  table#event_table {
      border-collapse: collapse !important;
      margin: 0 !important;
      width: 80% !important;
  }

  html>body table#event_table {
      width: 100% !important;
  }
  
  table#event_table tr th,
  table#event_table tr td {
      border: 1px solid #CECECE !important;
  }
  
  
  table#event_table tr td.year_row {
      color: #EC7406 !important;
  }
  table#event_table tr td.year_row * {
      color: #EC7406 !important;
  }
  
  
  table#event_table tr td.country_row {
      color: #EC7406 !important;
  }
  table#event_table tr td.country_row * {
      color: #EC7406 !important;
  }
  
  body a,
  body a:after,
  body a:link:after,
  body a:visited:after { 
      text-decoration: none !important;
      content: "" !important;
  }
}

