/* --- Metanavigation ausblenden --- */

div#Metanavigation { display: none; }


/*  ----------------- Korrekturen ------------------- */

div#navigation li a span.login,
div#navigation li li a span.login{
  padding-right: 15px;
  background:url(/static/all/images/secure-area.gif) no-repeat center 50%;
} 

div#hauptinhalt div.beitrag h3.ordnerindex {
  border-left: 1px solid #cfcfd1;
  border-bottom: 1px solid #cfcfd1;
  padding-left:5px;
}


tr.optional_usr_data {
  height: 3em; 
  vertical-align:bottom;
}

div#header div#flashhead {
  margin-left: -9px;
}

img { border:0px; }
div#hauptinhalt div.beitrag h3 { margin-bottom:7px; }

div#hauptinhalt div#beitrag_box div.beitrag,
div#hauptinhalt div#beitrag_box div.beitrag_oben {
    border:none;
}

div#hauptinhalt div#beitrag_box_oben {
    border-top: 1px solid #CFCFD1; 
}

div#hauptinhalt div#beitrag_box p.abstract_over_content,
div#hauptinhalt div.beitrag p.abstract_over_content {
   font-weight: bold;
   padding-bottom: 5px;
   font-size: 1em;
}

div#hauptinhalt div#beitrag_box p.abstract_over_content span.date,
div#hauptinhalt div.beitrag p.abstract_over_content span.date {
   display:block;
   text-align: right;
   font-weight: bold;
}

div#hauptinhalt div.beitrag span.copyright {
    font-size:0.8em;  
    font-style: italic;
   display:block;
   margin-bottom:5px;
}


div#navigation li span.title_neu {  color: red; font-weight: bold; }
h2.rubrik span.title_neu {  display:none; }

div#hauptinhalt a.titlelink { text-decoration: none !important; color: #000 !important; }
div#hauptinhalt a.titlelink:hover { text-decoration: underline !important; color: #E41584 !important; }
div#hauptinhalt img { border: 0px none; }


/*  ----------------- @it spezifisches ------------------- */

div#hauptinhalt  div.append_bottom {
  padding-bottom: 0px !important;
}
div#hauptinhalt  div.append_top {
  padding-top: 0px !important;
}

div#hauptinhalt div.beitrag div.bannerbox {
  text-align: center;
}
div#hauptinhalt div.beitrag div.bannerboxende {
  clear: both;
}
div#hauptinhalt div.beitrag div.bannerbox div.bannerboxitem {
  float:left; 
  width: 31%;
  padding: 3px;
}
div#hauptinhalt div.beitrag div.bannerbox div.bannerboxitem h4{
  height: 4em;
}


/* Newsimport */
div#hauptinhalt div#beitrag_box div.chapter {
    padding-left: 10px;
}


table.choose_cat_lang td {
   vertical-align:top;
    width:50%;
}

div#hauptinhalt div#relatedtopics ul,
div#hauptinhalt div.beitrag p table ul#CategoryBox,
div#hauptinhalt div.beitrag p table ul#LanguageBox {
    margin-left:-11px;  
}

div#hauptinhalt div#relatedtopics li,
div#hauptinhalt div.beitrag ul#CategoryBox li,
div#hauptinhalt div.beitrag ul#LanguageBox li {
    list-style-type:none;
    margin:0px;
    list-style-position:outside;

}

div#hauptinhalt div#relatedtopics {
  margin-top: 10px;
}

h2.rubrik {
  font-size: 1.2em;
}

div#zusatzinfo h2 {
 font-weight: bold;
text-transform: none;
font-size:1em;
}

/*
div#zusatzinfo {
  padding-top: 5px;
}
*/
div#hauptinhalt div.beitrag_suche {
    background:url() #e5edeb repeat-y top right;
    margin:0px 3px;
    padding:11px 6px;
    border:1px solid #CFCFD1;
    line-height:1.3em;
}

div#hauptinhalt div.beitrag_suche a.mehr{
  background-image: none;
}

div#hauptinhalt div.beitrag_suche label {
        color: #333;
}

div#hauptinhalt div.beitrag_suche form {
        padding: 5px;
}

/* Layouttabelle */
div#hauptinhalt div.beitrag_suche form table {
        border-collapse: collapse;
}

div#hauptinhalt div.beitrag_suche form table td {
	/*border-bottom: 1px solid white;*/
	padding: 1px 4px;
}
div#hauptinhalt div.beitrag_suche p.newsabo_message {
  font-weight: bold;
}

div#hauptinhalt div.beitrag div.index_suche {
	
	padding: 5px 4px 10px 4px;
        border-bottom: 1px solid white;
	color: #333;
	font-weight: bold;
}



/* line_2 und line_3 sind aus Jobmarkt, hier klappt input.text nicht?! */
div#hauptinhalt div.beitrag_suche input#line_3, 
div#hauptinhalt div.beitrag_suche input#line_2, 
div#hauptinhalt div.beitrag_suche input.text, 
div#hauptinhalt div.beitrag_suche textarea  {
        width: 220px;
}


div#hauptinhalt div.beitrag_suche input.button,
div#hauptinhalt div.beitrag_suche p a,
div#hauptinhalt div.beitrag_suche a,
div#hauptinhalt div.beitrag_suche form input.button,
div#hauptinhalt div.beitrag form input.button,
div#hauptinhalt div.beitrag div.seitenwechsel a,
div#hauptinhalt div.beitrag div.index_suche form input.button,
input.button {
       background-color: #FFF;
 	border-top: 1px solid #fff;
 	border-bottom: 1px solid #fff;
 	border-bottom: 1px solid #000;
 	border-right: 1px solid #000;
        color: #333;
        margin: 0px;
        padding: 0px;
	font-weight: bold;
        text-align: center;
        font-family:verdana, arial, Arial,"Trebuchet MS",sans-serif;
        text-decoration: none;
}



div#hauptinhalt div.beitrag_suche table#login {
  width: 100%;
  border-spacing: 5px; 
}

div#hauptinhalt div.beitrag_suche table#login th {
  background-color:#CFCFD1;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 4px 1px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

div#hauptinhalt div.beitrag_suche table#login td {
/*  border: 1px solid #CFCFD1;
  border-right: 1px solid black;
  border-bottom: 1px solid black;*/
  padding: 4px 1px;
  vertical-align: bottom;
}

div#hauptinhalt div.beitrag_suche input.button {
  margin-top: 10px;
  display: block;
}

div#hauptinhalt table#login input {
  width: 170px;
}

div#hauptinhalt div.beitrag_suche table#login td.error {
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}

div#hauptinhalt div.beitrag p.newssource {
  margin: 2px 0px 4px 0px;
  padding-bottom: 0px;
}
div#hauptinhalt div#edit_news {
  padding:5px;
  margin-bottom:10px;
}
div#hauptinhalt div#edit_news p{
  text-align: center;
  padding:0px;
  margin: 0px;
}

div#hauptinhalt div.beitrag p.newsabstract span.edit_news_links{
  display: block;
  padding: 4px;
  border: 1px solid #CFCFD1;
  width: 100%;
  background-color: #e5edeb;
  margin-top:5px;
}

div#navigation ul li#concept {
    margin-top: 6px;
}

div#zusatzinfo a.linkimg {
    background:none;
    padding-left:0px;
    border: 0px;
}

div#zusatzinfo a img {
    border: 0px;
}

/* Newstickerlinks; Muss man mit !important erzwingen, sonst keine Auswirkung */
marquee a {
    text-decoration:none !important;
    color:#A20000 !important;
}
marquee dd {
  background:url(http://www.messe-duesseldorf.de/compamed_ca/images/arrow.gif) transparent no-repeat 0px 50%;
  padding-left:15px !important;
}

/* Texteingabefelder dürfen keine an den Font gebundene Größe haben, sondern müssen
    idealerweise so breit sein, wie die rechte Spalte */
div#zusatzinfo input[type="text"], div#zusatzinfo input[type="password"] {
  width: 98%;
}

.error {
  font-weight: bold;
  color: #ff0000 !important;
}


#fensterkategorien {
  background: #fff;
  margin: 5%;
  padding:5% 5% 5% 5%;
}


div#fensterkategorien a.mehr {
    background:url(http://www.messe-duesseldorf.de/compamed_ca/images/arrow.gif) transparent no-repeat 0px 50%;
    padding-left:12px;
    text-decoration:none;
    white-space: nowrap;
    color:#0A3A78;
  display:block;
 }


/* Veranstaltungen */
/*div#hauptinhalt div.beitrag div#eventsearch_result */
div.eventheadline{
  font-weight: bold;
}

/*div#hauptinhalt div.beitrag */
div#eventsearch_result th{
  vertical-align: top;
}


div#hauptinhalt table.eventsearch_result { margin:10px 0px 20px 0px; padding: 2px;}
div#hauptinhalt table.eventsearch_result th { vertical-align: top; text-align:right; padding-right:10px; }



div#hauptinhalt div.eventheadline { 
  font-weight:bold; 
  border-top:1px solid #CFCFD1; 
  font-size: 1.1em; 
  padding:5px 0px 5px 2px; 
}


span.search_highlight {
  color: #f29400;
  font-weight: bold;
}


/*  ----------------- NL-Weiterempfehlung ------------------- */

div.contactinvitation_person {
  margin-top: 7px !important;
}
div.contactinvitation_person  label {
  display:block;
float:left;
width: 80px;
}


/*------------------------------------------
  Suchbox und Loginform
  ------------------------------------------*/
div#zusatzinfo form#searchform input#fulltext {
  width: 90px;
  margin: 3px 3px 3px 0px;
}
div#zusatzinfo form#loginbox input {
  width: 90px;
}
div#zusatzinfo form#loginbox input.button {
  width: 50px;
}
div#zusatzinfo form#loginbox div#login_usr,
div#zusatzinfo form#loginbox div#login_exh {
  background:none;
}

div#zusatzinfo form#loginbox div.spezial_1 {
  padding: 5px 5px 5px 5px!important;
}
div#zusatzinfo div.logindesc {
  background-color: #fff;
}
div.login_info {
  height: 20px; 
}
div.login_info input {
  float: left;  
}
div#login_exh div.login_info a {
  display: block; text-decoration: none; margin-top:3px;
}
div#login_exh a, div#login_exh a:hover {
  background: url(); padding-left:0px;
}
div#exh_login_info h5 {
  color: #f00; 
} 

/* --------- Menü-Pfeile -------------- */
div#navigation li#pfeil_wellness a { background-image: url(/static/beauty/icons/Wellness_18x18.png) !important; background-position: 1px}
div#navigation li#pfeil_fuss a { background-image: url(/static/beauty/icons/Fuss_18x18.png) !important; background-position: 1px}
div#navigation li#pfeil_kosmetik a { background-image: url(/static/beauty/icons/Kosmetik_18x18.png) !important; background-position: 1px}
div#navigation li#pfeil_nail a { background-image: url(/static/beauty/icons/Nail_18x18.png) !important; background-position: 1px}
/*------------------------------------------
  Seitenwechsel news
  ------------------------------------------*/
div#hauptinhalt div.beitrag div.seitenwechsel{
  float: left;
}
div#hauptinhalt div.beitrag div.seitenwechsel_oben{
  margin-top: 10px;
  margin-bottom: -10px !important;
}
div#hauptinhalt div.beitrag div.seitenwechsel_unten{
}

div#hauptinhalt div.beitrag div.seitenwechsel ul{
  list-style-type:none;
  margin: 0px;
  width: 390px;
}

div#hauptinhalt div.beitrag div.seitenwechsel ul li{
  list-style-type:none;
  float: left;
  margin: 0px 4px 0px 0px;
}
div#hauptinhalt div.beitrag div.seitenwechsel ul li a{
  text-decoration: none;
  display: block;
  padding: 0px 2px !important;
}
div#hauptinhalt div.beitrag div.seitenwechsel a {
        background: none;
        color: #000;
        background-color:#e5edeb;
}

/* --------- DISCLAIMER -------------- */

/* privacy-policy */
div#policy table {
border-collapse: collapse;
}

div#policy th,
div#policy td {
  border: 1px solid #000;
  text-align: left;
  vertical-align:top;
  padding: 2px;
}
div#policy td.col3 {
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
}

form#disclaimer_form {
  margin:10px;
}

div#hauptinhalt form#disclaimer_form select.selectlist,
div#hauptinhalt form#disclaimer_form input.text  {
   width:250px;
   background-color:#F7FBFF;
   border:1px solid #999;
   height: 1.5em;
}

div#hauptinhalt form#disclaimer_form span.label {
  width: 100px;
  font-weight: bold;
  display: block;
  float: left;
}

div#hauptinhalt form#disclaimer_form div.fieldset {
  border:0px;
  padding: 10px 5px;
}


div#hauptinhalt form#disclaimer_form div.inputrow {
  clear: left;
  margin:3px;
}

div#hauptinhalt form#disclaimer_form span.musthave {
  width: 20px;
  color: #f00;
  display: block;
  float: left;
}

div.privacy_policy_disclaimer_weblink {
   display:none;
   position:absolute;
   left:-10000px;
}

/*------------ Language, Sprachwahl ----------------*/

div#header div#actionbar_box_language {
	background-color:#fff;
	color:#000;
	width:128px;
	float:right;
	border:1px solid #cccccc;
}

div#header div#actionbar_box_language li {
	border-bottom:1px solid #cccccc;
	padding:0; /* war: 3px 0px 3px 12px; */
	margin:0; /* hinzugefuegt */
	width:128px; /* hinzugefuegt */
	background:url(/assets/bg_login.png) repeat-x 0px 0px;
}

div#header div#actionbar_box_language li a {color:#000;}

/*------------ Login ----------------*/

div#actionbar_ontop {
	z-index:1000;
	height: 20px;
	width: 1001px;
	background:#F1F0F0; /* hinzugefuegt */
	margin-top:5px; /*hinzugefuegt */
}
div#actionbar_ontop ul#actionbar {
	height:20px;
	float: right;
}

div#actionbar_ontop ul#actionbar li {
	float:right;
	list-style-type:none;
	padding:0 10px;
}

div#actionbar_ontop ul#actionbar li#actionbar_item_login {border-right:1px solid #999999;}
div#actionbar_ontop ul#actionbar li#actionbar_item_logout {border-right:1px solid #999999;}

div#actionbar_ontop ul#actionbar li a {
	font:13px Verdana, Arial, sans-serif;
	color:#000;
	text-decoration:none!important;
	outline:0;
}

/* div#actionbar_ontop ul#actionbar li a:focus {background:#DC021B;color:#fff;} / * war 4FC1E2 * / Style deaktiviert */
div#actionbar_ontop ul#actionbar li a:hover {color:#DC021B;background:none;} /* war 4FC1E2 */
div#actionbar_ontop ul#actionbar li a:active {color:#fff!important;background:none!important;}


div#header div#actionbar_box_login {
	position:relative;
	width:220px;
	height:auto;
	background-color:#CCC;
	margin-top:0px;
	background:url(/assets/bg_login.png) repeat-x 0px 0px #dedede;
	border:1px solid #979696;
	padding:10px 30px 10px 30px;
	float:right;
}
div#header div#actionbar_login_link {margin-top:10px;}

div#header div#actionbar_login_link a {
	font:11px Verdana, Arial, sans-serif;
	text-decoration:none!important;
	color:#000!important;
	padding-left:20px;
	background:url(/assets/arrow_grey.png) no-repeat 0px 3px;
}

div#header input#actionbar_login_username_input, div#header input#actionbar_login_password_input {
	width:130px;
	margin-bottom:5px;
}

div#header #actionbar_login_username, div#header #actionbar_login_password {margin-bottom:5px;}

div#header input#actionbar_login_username_input {
	position:absolute;
	bottom:46px;
	right:30px;
}

div#header input#actionbar_login_password_input {
	position:absolute;
	bottom:24px;
	right:30px;
}

div#header div#actionbar_login_password_input {
	float:left;
}

div#header div#actionbar_box_login input.actionbar_login {
	background:url(/assets/btn_login.png) no-repeat 0px 0px;
	width:60px;
	height:24px;
	color:#fff;
	border:none;
	padding:0px 0px 5px 0px;
	position:absolute;
	bottom:4px;
	right:26px;
}

/* --------------- Klickbarer Username zum Datenbearbeiten ----------- */

div#actionbar_ontop span#print_loginname_here {
       font-weight:bold;
       background:url(/assets/bearbeiten.png) no-repeat top right;
       color:#000;
       padding:0px 20px 0px 0px;
}

div#actionbar_ontop span#print_loginname_here:hover {text-decoration:underline;}
div#actionbar_ontop span#print_loginname_here:visited {text-decoration:none;}

div#actionbar_ontop a span.actionbar_loginname_link_comment {
        display:none;
}

div#actionbar_ontop div#actionbar_loginname a {color:#000;}

div#actionbar_ontop div#actionbar_loginname a:hover span.actionbar_loginname_link_comment {
       display:inline;
       text-decoration:none!important;
       font-size:9px;
       height:auto;
       width:auto;
}

div#actionbar_ontop div#actionbar_loginname {
      float:left;
}

div#actionbar_ontop div#actionbar_loginname {
	float:left;
}

/*------------ Fehlermeldung, Error ----------------*/

div#actionbar_box_login div#actionbar_login_incorrect {color:red;margin-bottom:3px;}

/*--------------- Bildergalerie ------------------*/

div#hauptinhalt div.imagegallery div.imagegallery_thumbnail_description {
    color: #fff;
    background-color: #666;
    font-family: Verdana, Arial, sans serif;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 50px;
    overflow: hidden;
}

div#hauptinhalt div.imagegallery a.thumbnail { }

div#hauptinhalt div.imagegallery {
    margin: 10px 10px 30px 10px;
    position: relative; 
    background-color: #666666;
    overflow: hidden;
	width: 500px;
}

div.imagegallery .coda-slider-wrapper {
    padding: 0px 0px; 
    height: auto;
    width: auto;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
div.imagegallery .coda-slider-no-js .coda-slider {
    height: 200px; 
    overflow: auto !important; 
    padding-right: 20px;
}

/* Change the width of the entire slider (without dynamic arrows) */
div.imagegallery .coda-slider-wrapper.arrows {
    border-top: 1px solid #D8D9DA;
    border-bottom: 1px solid #D8D9DA;
}

/* Change margin and width of the slider (with dynamic arrows) */
div.imagegallery .coda-slider-wrapper.arrows .coda-slider,
div.imagegallery .coda-slider-wrapper.arrows .coda-slider .panel {
    width: 500px;
	/* overflow: auto; */
}
div.imagegallery .coda-slider-wrapper.arrows .coda-slider {
    margin: 0 10px;
}
div.imagegallery .coda-slider-wrapper.arrows .coda-slider .panel { }

div.imagegallery .coda-slider .panel a img {
    border: 0;
}

/* Arrow styling */
div.imagegallery .coda-nav-left a, 
div.imagegallery .coda-nav-right a {
    padding: 0px; 
    width: 40px;
    outline: none;
}

/* inactive Arrows */
/* div.imagegallery .coda-nav-left a.inactive,
div.imagegallery .coda-nav-right a.inactive {
	background-color: #333;
} */

/* Tab nav */
div.imagegallery .coda-nav ul li a.current {
    background: #39c;
}

/* Panel padding */
div#body div.imagegallery .coda-slider .panel-wrapper {
    padding: 7px 0px 0px 0px;
    text-align: center;
    background-color: #fff;
}

/* Preloader */
div.imagegallery .coda-slider p.loading {
    margin: 40px 0 0 420px;
    padding: 0px;
    background: url(/assets/spinner.gif) no-repeat 10px 30px;
    color: #999999;
    height: 70px; 
    text-align: left;
}

/***** Don't change anything below here unless you know what you're doing *****/

/* Tabbed nav */
div.imagegallery .coda-nav ul {
	clear: both;
	display: none;
	margin: auto;
	overflow: auto; }
	
div.imagegallery .coda-nav ul li {
	display: inline;
}

div.imagegallery .coda-nav ul li a {
	display: none;
	float: left;
	margin-right: 1px;
	padding: 3px 6px;
	text-decoration: none;
}

/* Miscellaneous */
div.imagegallery .coda-slider-wrapper {
clear: both; overflow: auto;}

div#body div.imagegallery .coda-slider {
	overflow: hidden;
	margin-left:0px;
}
	
div.imagegallery .coda-slider .panel {
	display: block;
	float: left;
}
	
div.imagegallery .coda-slider .panel-container {
	position:relative;
}

div.imagegallery .coda-nav-left {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 40px;
	height: 100%;
	z-index: 40;
}
	
div.imagegallery .coda-nav-right {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 40px;
	height: 100%;
	z-index: 40;
}

div.imagegallery .coda-nav-left a {
    background: url(/assets/slideshowpfeil_left.gif) no-repeat #e7e7e8 15px center;
    display: block; 
    text-align: center; 
    text-decoration: none;
    color: #f8f8f8!important;
    position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

div.imagegallery .coda-nav-right a {
    background: url(/assets/slideshowpfeil_right.gif) no-repeat #e7e7e8 15px center;
    color: #f8f8f8!important;
    display: block; 
    text-align: center; 
    text-decoration: none;
    position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left:0px;
}
div.imagegallery .coda-nav-left a span,
div.imagegallery .coda-nav-right a span {
	display: none;
}

div.imagegallery .coda-slider-wrapper-imagebox .coda-slider .panel .panel-wrapper a {
       border: none !important;
}