/* CSS-Anpassungen & Überschreibungen für didacta.de*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* body Hintergrund */

body {
    background: #fdee8a;
    background: transparent url(../../image_2/metropolitan_soloution/bg_all.gif) repeat scroll 0 0;
}


#cont-all-frame {
	background: transparent url(../../image_2/metropolitan_soloution/bg_verlauf.gif) repeat-x scroll 0 0;
	position: relative;
}


/* Spezifisches im Header */
/* Logo im Header */
h1#kopfbereich a.logo-messe {
    background: transparent url(../../image_2/metropolitan_soloution/messe-logo.gif) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 70px;
    text-indent: -9999px;
    margin: 0px;
	width: 60px;
}


/* Hintergrundfarbe Headerbalken */
#cont-hauptnavi {
	margin: 0px;
    padding: 0px;
    width: 980px;
    z-index: 3;
    height: 70px;
	background-color: #e40613;
}

/* Hintergrundgrafiken der Hauptnavigation anpassen */
#nav ul.navigation li {
    background: transparent url(../../../global_master/image/bg_hauptnavi-ebene2-trenner-links.gif) no-repeat scroll 0 0;
}

#nav ul.navigation li a.level-1-no {
	color: #fff;
    background: transparent url(../../image_2/metropolitan_soloution/bg_hauptnavi-ebene2-trenner-rechts.gif) no-repeat scroll top right;
}

#nav ul.navigation li #level-0-1, #nav ul.navigation li #level-0-2 {color:#ffffff !important;}
#nav ul.navigation li a.level-1-no {color:#ffffff !important;}

/* Schriftfarbe bei Mouse-Over, sollte immer weiß sein, außer spez. Anpassungen */
#nav ul.navigation li a:hover.level-1-act,
#nav ul.navigation li a.hover {
	color: #fff;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Minidashboard Grafikheader mit Messe-Namen austauschen */
.minidash .minidash-header {
	height: 116px; 
	background: #fa8a00 url(../../image_2/metropolitan_soloution/bg_minidash_header_small_metropolitansolution.gif) no-repeat scroll 0 0;
	padding: 0px;
	overflow: hidden;
}

.minidash-username {font-size:12px; font-weight:bold; color:#ffffff;}
.minidash-functions  a{text-decoration:underline; font-size:12px; color:#ffffff; margin-right:5px; }


.minidash .minidash-header .minidash-login1-pos {margin-top:165px;} /*mehr Abstand nach oben weil höhere Typo in Grafik */

.register-expli .register-expli-header {
	background: transparent url(../../image_2/metropolitan_soloution/bg_register_expli_header_metropolitansolution.gif) no-repeat scroll 0 0;
}




#mymesse-dashboard .header {
    background: url(../../image_2/metropolitan_soloution/bg_layer_header.png) no-repeat scroll left top transparent;
    height: 43px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Großes Dashboard */
/* vorher in der CSS profil_layer.css */
#header {
background:url(../../image_2/metropolitan_soloution/bg_layer_header.png) repeat scroll 0 0 #FFFFFF;
height:65px;
left:20px;
position:absolute;
top:0;
width:920px;
z-index:10;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Sammelfunktionen, Anpassungen für nur einen Eintrag */
.cont-noticebar-inlist .noticebar.print-only {
	background: none;
    float:right;
    padding-left: 0;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Footer Farbe & Logo*/
#footer-hinweis {
	color: #000;
	background:#e40613 url(../../image_2/metropolitan_soloution/bg_footer_hinweis.png) no-repeat;
    background-position:10px 0px;
}

.footertext-hinweis {color:#ffffff;}
#footer-hinweis a {color:#ffffff;}

/
/* NEW Leitmessen Startseitenmodul Ende */

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*************************Ende der Innovationsbörse **********************************/

/*-- CSS von Neoskop bzgl. der neuen Startseite vom 01.02.2013----------- -*/

/* Balken für Template 3 */
#cont-content .nsk-cols.image-teaser a span {
  background-color: #333333;
}
#nsk-stage {
  background: #eee;
  color: #ffffff;
  font-family: 'DINMedium', Arial, serif;
}
#nsk-stage .nsk-slides {
  background: url(../../../de/global_master/image/medien_neue_startseite/nsk_stage.jpg) 0 0 no-repeat;
}
#nsk-stage .nsk-slide .nsk-campaign {
  background: #333333;
}
#nsk-stage .nsk-slide .nsk-campaign .nsk-catcher {
  background: #d51400;
}
#nsk-stage .nsk-slide .nsk-teaser .nsk-claim,
#nsk-stage .nsk-slide .nsk-teaser .nsk-container {
  background-image: url(../../image_2/metropolitan_soloution/nsk_stage_container_bg_ms.png);
}
#nsk-stage .nsk-slide .nsk-teaser.has-bg-image .nsk-claim,
#nsk-stage .nsk-slide .nsk-teaser.has-bg-image .nsk-container {
  background-image: none;
  position: relative;
}
#nsk-stage .nsk-slide .nsk-teaser.has-bg-image .nsk-claim > *,
#nsk-stage .nsk-slide .nsk-teaser.has-bg-image .nsk-container > * {
  position: relative;
  z-index: 22;
}
#nsk-stage .nsk-slide .nsk-teaser.has-bg-image .nsk-claim img,
#nsk-stage .nsk-slide .nsk-teaser.has-bg-image .nsk-container img {
  top: 0;
  position: absolute;
  z-index: 20;
  margin: 0 -10px;
}
#nsk-stage .nsk-controls a {
  background: #dd0000;
  color: #ffffff;
}
#nsk-stage .nsk-controls a:hover,
#nsk-stage .nsk-controls a:focus {
  background: #333333;
}
#nsk-stage.a1 a.c1,
#nsk-stage.a2 a.c2,
#nsk-stage.a3 a.c3 {
  background: #333333;
}
#nsk-stage.a1 a.c1 .nsk-icn,
#nsk-stage.a2 a.c2 .nsk-icn,
#nsk-stage.a3 a.c3 .nsk-icn {
  border-right-color: #333333;
}
.nsk-date {
  background: #dd0000;
  color: #fff;
  font-family: 'DINLight', Arial, serif;
  display: block;
}
.nsk-date strong {
  font-family: 'DINMedium', Arial, serif;
  font-weight: normal;
}
.nsk-date p {
  font-size: 18px;
  padding: 10px 20px;
}
.nsk-date .left {
    float: left;
}
.nsk-date .right {
  float: right;
}
#nsk-login {
  background: url(../../image_2/metropolitan_soloution/bg_layer_header.png) 0 0 no-repeat;
}
#nsk-login input.error {
  color: #D81318;
}
a.nsk-button,
button.nsk-button {
  background: url(../../../global_master/image/medien_neue_startseite/nsk_button.png) center center no-repeat;
  color: #fff;
}
a.nsk-button.nsk-grey,
button.nsk-button.nsk-grey {
  background-image: url(../../../global_master/image/medien_neue_startseite/nsk_button_grey.png);
}
a.nsk-ext,
.logged-in li a {
  color: #747A80;
}

#nsk-footer h3 {
    border-bottom:  2px #8f979d solid;
}
.nsk-social li {
  background: url(../../image_2/metropolitan_soloution/nsk_social_ms.png);
}

.nsk-newsletter form button, .nsk-button-link {
  background: url(../../../global_master/image/medien_neue_startseite/nsk_arrow_btn.png) 0 0 no-repeat;
}


/* Leitmessen */
.home .color-bar-top { padding-top:0;}

.color-bar-top {padding-top:10px;background-position:left bottom; background-repeat:no-repeat; width:980px; font-family:lucida sans; color:#ffffff;}
.color-bar-top .title {color:#ffffff; line-height:18px; padding-bottom:3px; font-size:18px; margin-right:15px; margin-left:50px; vertical-align:bottom; float:left;}
.color-bar-top .claim {color:#ffffff; font-size:12px; margin-top:2px; margin-bottom:8px; float:left; max-width:600px;}
.color-bar-footer {height:8px; width:980px; background-image:none !important;}

.industrialautomation {background-image:url(http://files.messe.de/024/media/layout/image_2/metropolitan_soloution/bg_color_bar_industrialautomation.gif); background-color:#e3000c;}


/* NEW Leitmessen Startseitenmodul */

#cont-news .leitmessen-container {
    padding-bottom: 20px;
}
#cont-news .auswahldialog-list {
    border-bottom: 1px solid #DFE1E3;
    padding: 3px 0px 4px 0px;
}   
#cont-news .auswahldialog-list h3 {
    font-size: 0.8em;
    color: #F87416;
    cursor: pointer;
    padding: 0px 0px 0px 20px;
    font-weight:bold;
}

#cont-news .auswahldialog-list a :hover {text-decoration:none;}

#cont-news .auswahldialog-list .industrialautomation-img {
    background-image: url(../../image_2/metropolitan_soloution/bg_industrialautomation_hp.png); 
    background-position: left top;
    background-repeat: no-repeat;
}


#cont-content .leaders.auswahldialog-list .industrialautomation-img,
#cont-services .leaders.auswahldialog-list .industrialautomation-img,
#cont-news .leaders.auswahldialog-list .industrialautomation-img {
  background-image: url(../../image_2/metropolitan_soloution/bg_industrialautomation_hp.png);
  background-position: left top;
  background-repeat: no-repeat;
}

/* Anpassung für den 2 Bild Teaser*/

.nsk-col.two span{
background-color: #333333;
}

.nsk-col span{
background-color: #333333;
}

.nsk-col.two a span:before {
  content: "";
  position: absolute;
  background: url(../../../global_master/image/medien_neue_startseite/nsk_white_arrow.png) no-repeat 0 0;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 7px;
  margin-top: -4px;
}
.nsk-col a span:before {
  content: "";
  position: absolute;
  background: url(../../../global_master/image/medien_neue_startseite/nsk_white_arrow.png) no-repeat 0 0;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 7px;
  margin-top: -4px;
}

/* Link für Video Werbung*/
.link-position {
    background-color: #FFFFFF !important;
}