/*
    orange              #ec7d22 #ea8700 #c37000     schatten #f7c47f
    braun               #a6761c #8b6318     schatten #d4bc8e
    grün hell           #adc403 #8ea202     schatten #d8e481
    grün Dunklel        #5c821b #4c6c17     schatten #aec28d
    blau hell           #60b2dc #5095b7     schatten #b1dcf1
    blau dunkel         #005f8e #005f8e     schatten #7fb0c9
    blau hell aus banner     #4095bb
    blau dkl aus banner     #0070a0
    orange b2fair   #FA8A00
*/

*, *:before, *:after {
    -webkit-box-sizing: border-box; 			/* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; 				/* Firefox, andere Gecko-Browser */
	-o-box-sizing: border-box; 					/* Opera 9.5 */
    box-sizing: border-box; 					/* Opera/IE 8+ */
}
html, body { 
    height: 100%;
}
html    {
    background-color: #ffffff;
    background: url(../images/een/eenHTML.png) repeat-x;  
	background-attachment: fixed;
	font-size: 1em;
}
body {
    background-color: transparent;
    color: #333333;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.5em; /* 24px */
	text-align: left;
}
/* --------------------------------------------------------------------------------	*/
/* Aufbau Seite 																	*/
/* --------------------------------------------------------------------------------	*/
header {
    background: url(../images/een/eenHeader.png) no-repeat center top;  
    background-color: #ffffff;
    color: #ffffff;
    max-height: 280px;
    margin: auto;
    max-width: 78em;
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.headerWrapper {
    margin: auto;
    width: 100%;
}

.pageWrapper {
    background-color: #ffffff;
    border: 1px solid #999999;
    height: 100%;
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    top: 0;
    max-width: 78em;
}

.pageWrapper.overlay {
    background-color: #ffffff;
    opacity: 0.3;
    z-index: 0;    
}

.main {
    overflow: hidden; 
    padding-bottom: 4em;
}
.mainContent {
    background-color: transparent;
    border-top: none; 
    float: left; 
	font-size: 0.875em;
    padding: 0 0 0 0em; 
    width: 75%; 
}

.mainContent.full { 
    width: 100%; 

}

aside {
    background-color: #ffffff; 
    height: 100%;
    margin-left: 74%;
    width: 25%;
    /* gleich lange Spalten */
    margin-bottom: -99999px !important;
    padding: 0 0 0 1em;
    padding-bottom: 99999px !important;

}

footer {
	/* für immer unten */
	bottom: 0 !important;
	position: absolute;
	width: 100%;
}
/* ********************************************************************************	*/
/* Allgemeine tags																	*/
/* ********************************************************************************	*/

/* links */
a   {
    color: #60b2dc;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #005f8e;
    text-decoration: underline;
}
.Normal a, .Normal a:link {
    color: #333333;
    text-decoration: none;
}
.Normal a:hover, .Normal a:focus, .Normal a:active {
    color: #333333;
    text-decoration: none;
}

.left {
	float: left;
}
.right {
	float: right;
}

section {
    padding: 0;
	overflow: auto;
}
article {
    margin: 0;
    border-bottom: 1px solid rgba(250, 250, 250, 0); /* verhindert das margin-Collapse nach unten */
	width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}

h1, h2, h3  {
    font-weight: bold;
	text-align: left;
}
h1  {
    font-size: 1.3em; 
    margin: 0.6em 20px;
}
h2  {
    font-size: 1.3em;
    margin: 0.6em 20px;
}
h3  {
    font-size: 1.2em; 
}

ul, ol {
    padding: 0;
    margin: 0 0 0.625em 20px;
}
li {
	list-style-type: square;
}

p  {
    line-height: 1.6;
    margin: 0;
    padding: 0; 
}

p.teasertext    {
    color: #60b2dc; 
    font-size: 1.5em; /* 19px */
	text-align: center;
	font-weight: bold;
    padding: 20px 0 20px 0px;
    line-height: 1.5em;
}

/* ********************************************************************************	*/
/* Details zum Header 																*/
/* ********************************************************************************	*/
/* banner */
.banner
{ 
    height: 280px; 
    width: 30%; 
}
.banner.right
{ 
   height: auto; 
   width: 40%; 
   margin-top: 8%;
   max-height: 100px;
}

.bannerText {
    clear: both;
	position: absolute;
    top: 150px;
	font-size: 1em;
	font-weight: 800;
	line-height: 1.7;
	margin: 0;
    color: #ffffff;
    text-align: center;
}
.bannerText h1{
	padding: 0;
	font-size: 1.5em;
	text-shadow: 0.1em 0.1em #333;
    text-align: center;
}

.bannerText p {
	line-height: 0.5;
    text-align: center;
}

.banner.nav {
    position: absolute;
    top: 240px;
    background-color: #ffffff;
    width: 100%;
    margin: 0 0 0 -10px;
    padding: 0;
    height: 30px;
}
nav ul { 
    text-align: left; 
    font-size: 0.8725em;
    margin: 0;
    padding-top: 10px;
}
nav ul li 					{ list-style: none; }
nav ul > li	{ 
	float: left;
	width: 16.66%;
    height: 30px;
	line-height: inherit;
	font-weight: 400;
	margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 0 0 10px;
}
nav ul > li:last-child { 
    width: 16.67%
}
li.NavHome{
    background: url(../images/een/top-nav-orange-bg.gif) 0 0 repeat-x;  
    color: #ffffff;
}
li.NavInformation, li.NavKonzept {
    background: url(../images/een/top-nav-brown-bg.gif ) 0 0 repeat-x;
}
li.NavAnmeldung, li.NavPartner {
    background: url(../images/een/top-nav-light-green-bg.gif ) 0 0 repeat-x;
}
li.NavKatalog, li.NavEvent {
    background: url(../images/een/top-nav-dark-green-bg.gif ) 0 0 repeat-x;
}
li.NavMyB2fair, li.Navb2fair {
    background: url(../images/een/top-nav-light-blue-bg.gif ) 0 0 repeat-x;
}
li.NavBecomeAPartner{
    background: url(../images/een/top-nav-dark-blue-bg.gif ) 0 0 repeat-x;
}
li.size10, li.NavHome:hover, li.NavKonzept:hover, li.NavInformation:hover, 
        li.NavPartner:hover, li.NavAnmeldung:hover, li.NavKatalog:hover, li.NavEvent:hover,
        li.NavMyB2fair:hover, li.Navb2fair:hover,  li.NavBecomeAPartner:hover, li.NavAboutus:hover {
    background: url(../images/een/top-nav-bgHover.gif) 0 0 repeat-x;  
    color: #ffffff;
}
.mainNav a.txhmittel, .mainNav a.txhdunkel, .mainNav a.txhhell, .mainNav a.txbdunkel, .mainNav a.txbmittel, .mainNav a.txbhell {
    color: #ffffff;
}

.logoCC {
    text-align: right;
    position: relative;
    top: -10px;
}

.socials {
    display: none;
}

/* clock */
#clock {
		background-color: #adc403; 
		clear: both;
		font-size: 0.8125em;
		overflow: hidden;
		position: absolute;
        top: 10px;
        right: 0;
		width: 20%;
        text-align: right;
        height: 4em;
}
#clock p { 
    line-height: 1; 
    margin: 0; 
    padding: 5px;
}
#clock span {
    background-color: #5c821b; 
    border: 2px solid #adc403;
	color: #ffffff; 
	float: left;
	font-weight: 600;
	text-align: center;
	width: 25%;
    height: 2em;
    padding-top: 0.2em;
}
#clock .text{
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #ffffff; /*#c7dff4;*/
	font-size: 0.8125em;
	padding-top: 2px;
	font-weight: normal;
}

/* language */
.language {
    font-size: 0.875em;
    line-height: 1;
    position: relative;
    text-align: right;
}	
.language span {
    text-transform: uppercase;
    color: #ffffff;
}	
.language span a {
    color: #dd0000;
    font-weight: 800;
    text-decoration: none;
}	
.language span a:hover
{ 
    color: #ec7d22; 
}	


/* 
--------------------------------------------------------------------------------
Aktuelle Anmeldung
--------------------------------------------------------------------------------
*/
div.currentLogin {
    margin: auto;
    top: 0px;
    font-size: 1em;
    text-align: right;
    width: 78em;
    min-width: 78em;
    max-width: 78em;
    color: #333333;
    background-color: #ffffff;
    padding: 5px 15px 5px 5px;
}
div.currentLogin p {
    color: #999999;
    font-size: 0.8725em;
}
div.currentLogin a:link {
    color: #FA8A00;
    font-size: 0.8725em;
}

/* --------------------------------------------------------------------------------	*/
/* Details zu mainContent															*/
/* --------------------------------------------------------------------------------	*/
/*  box float */
.zeile {
  display: -ms-flex-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; 
  flex-direction: row; 
  -webkit-flex-basis: 31%;
  flex-basis: 31%;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.box {
    border-bottom: 1px solid rgba(250, 250, 250, 0); /* verhindert das margin-Collapse nach unten */
    background-color: #ffffff;
    margin: 10px;
    min-width: 30%;
	padding: 10px;
    text-align: justify;
}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
    color: #ffffff;
    font-size: 1.2em;
   	margin: -10px -10px 0px -10px;
    min-height: 3em;
	padding: 10px;
    text-align: center;
	vertical-align: middle;
}
.box h1 {
    background-color: #F58700;
    border: solid 1px #F58700;
}
.box h2 {
    background-color: #DD0000;
    border: solid 1px #DD0000;
}
.box h3 {
    background-color: #a2c024;
    border: solid 1px #a2c024;
}
.box h4 {
    background-color: #0070a0;
    border: solid 1px #0070a0;
}
.box h5 {
    background-color: #4095bb;
    border: solid 1px #4095bb;
}

.box h6 {
    background-color: #008b6c;
    border: solid 1px #008b6c;
}
.box.full {
	padding: 0px;
    margin: 0%;
    min-width: 1%;
    text-align: left;
    background-color: transparent;
}
    .box.full:hover {
        background-color: transparent;
    }

.box.full h1{
	padding-top: 0.5em;
    text-align: center;
	border: 1px solid transparent;
	vertical-align: middle;
    color: #0055a6;
    font-size: 1em;
    min-height: 2.5em;
    background-color: #c7dff4;
}
.deaktiviert            { opacity: 0.5;}
.box.menu { 
    width: 10em; 
    height: 5em; 
    min-width: 6em; 
    text-align: center; 
    padding-top: 1em; 
    font-size: initial; 
    color: #999999; 
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.box.menu:hover         { 
    background-color: #008b6c;
    border-color: #008b6c;
    transform: scale(1.05,1.05);
    box-shadow: 3px 3px 3px 2px rgba(155,155,155,0.7);
}
.box.menu a             { color: #ffffff; text-decoration: none; padding: 0;}
.zeile.menu  { 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    color: #DD0000;
}

.box.partner.menu       { 
    width: 17em; 
    height: 5em; 
    min-width: 12em; 
    text-align: left; 
    padding-top: 1em; 
    font-size: initial; 
    color: #999999; 
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    display: -moz-box;
    line-height: 1.2;
}
.no-flexbox #areaOrganiser .zeile {
    float: left;
    display: table-cell;
}

.no-flexbox .box.partner.menu:nth-of-type(5) {
    float: left;
}
.no-flexbox .box.partner.menu:nth-of-type(9) {
    float: left;
}

.box.partner.menu:hover { }

.box.partner.menu img { 
    margin: -1.05em 1em 0 -1em;
    height: 5em;
    width: auto;
}

.box.partner.exit { 
    padding-bottom: 0;
}

.box.partner.exit a{ 
    color: #ffffff;
    padding-left:1em;
}

.box.partner.exit img {
    float: left; 
    margin: -0.75em 0 0 -1em;
    height: 4em;
    width: auto;
}

.box.myB2fair.menu      { width: 19em; height: 5em; min-width: 12em; text-align: left; padding-top: 1em; font-size: initial; color: #999999; }

.box.myB2fair.menu img { 
    margin: -1.05em 1em 0 -1em;
    height: 5em;
    width: auto;
}
.tab 				    { font-size: 1em; line-height: 1.5em; }

.clear                  { clear: both;}
.center                 { text-align: center;}
.intro                  { font-size: 0.875em; line-height: 1.2;}
.bold                   { font-weight: 600; }

.Required               { color: #DD0000; }

.imgButton              { float: left; margin-right: 25px;}
.imgUpload              {float: left; padding: 0px; height: 2.5em; width: auto;
        -o-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}

.LayoutTitle {
    background-color: #F58700;  
    margin: -10px -50px 10px -10px;
    padding: 10px;
    color: #ffffff;
    text-align: left;
}
    .LayoutTitle p {
        background-color: transparent;
        margin: 0 10px 0 0;
        padding-top: 2px;
        padding-bottom: 0;
        text-align: left;
        font-weight: bold;
        font-size: 1.3em;
    }
     .LayoutTitle p a {
            background-color: transparent;
            color: #FFF;
            padding: 10px 20px 10px 0;
            border-right: dotted 1px #FFF;
            margin-right: 20px;
            text-decoration: none;
            font-size: 1.4em;
        }
            .LayoutTitle h1 a:hover,
            .LayoutTitle h1 a:focus,
            .LayoutTitle h1 a:active {
                text-decoration: none;
            }
/* --------------------------------------------------------------------------------	*/
/* navAside                                                                         */
/* --------------------------------------------------------------------------------	*/
#navAside { 
    margin: 0; 
    padding: 0;
}
#navAside ul { 
    margin-left: 0; 
}
#navAside ul > li	{
        background-color: #005f8e;
        height: 2.5em; 
		line-height: 1.7;
		list-style: none;
		margin: 0 0 10px 0; 
        min-height: 3em;
        padding: 1% 5px 5px 5px;
		text-align: center;
        width: 100%;
}
#navAside ul > li:hover { 
    background-color: #FA8A00; 
    color: #FFFFFF; 
}
#navAside a {
	color: #ffffff; 
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
#navAside  a:hover 			{ color: #FFFFFF; }

.rechts 						{ width: 100%; height: 100%; }
.rechts h3{
		font-size: 0.9em;
		text-align: center;
		padding: 5px;
		color: #FFFFFF;
        min-height: 3em;
        text-transform: uppercase;
	}
/* partnerSlider, rslidesBox */
.partnerSlider {
    margin: 10px 10px 10px 10px; 
    text-align: center;
    width: auto;        
}
.partnerSlider h3 {
    background-color: #4095bb;
    color: #FFFFFF;
}
.rslidesBox {
  position: relative;
  width: 100%;
  height: 250px;
}
div.rslidesBox {
	padding: 0px;
}
.rslidesBox h3{
    min-height: 3em;
	padding: 10px;
    text-align: center;
	font-size: 0.9em;
	color: #ffffff;
    text-transform: uppercase;
}
.rslidesBox h3 a {
	color: #ffffff;
}
.rslidesBox li {
    list-style: none;
    display: block;
    overflow: hidden;
    height: 100%;
    margin: 10px 0 0 0;
}
.rslidesBox  li img{
	width: 40%;
	max-width: 40%;
	height: auto;
	display: inline-block;
	float: none;
}
.rslidesBox li p.partnerText {
	font-size: 0.675em;
	display: block;
	line-height: 1.2;
	font-weight: 600;
	color: #008b6c;
    padding: 10px;
}
/* organiser  und support */
.Y, .X {
    margin: 5px;
    padding: 10px;
}
.organiser, .support { 
    border: solid 1px #cccccc;
    padding: 10px;
    text-align: center; 
    clear: both;
}
.support { 
    margin-top: 25px;
}
.organiser img, .support img  { overflow: hidden; }
.organiser h3, .support h3  {
    background-color: #5c821b;
    border: solid 1px #5c821b;
    font-size: 0.9em;
    min-height: 3em;
    text-transform: uppercase;
}
.support h3 {
   background-color: #adc403;
    border: solid 1px #adc403;
 }

/* contact */
.contact  {
		position: relative;
		height: 100%;
		text-align: left;
        border: solid 1px #cccccc;
        padding: 10px;
        padding-bottom: 20px;
}
.contact h3 {
    background-color: #005f8e;
    border: solid 1px #005f8e;
    font-size: 0.9em;
    min-height: 3em;
}
.contact p {
		font-size: 0.625em;
		line-height: 1.2;
		margin: 0;
		display: block;
}
.contactName p {
		font-size: 0.625em;
		line-height: 1.2;
		margin: 0;
		display: block;
}
.contactName { 
    font-weight: 600; 
    font-size: 1.825em; 
}
.contactImg img { 
    float: left; 
    width: 30%; 
    text-align: center;
}
.contact img { 
    height: auto;	
    margin: 1em 1em 1em 0; 
    width: 25%; 
}
.contact ul { 
    margin: 0; 
    font-size: 0.625em; 
    line-height: 1.1; 
    text-align: center; 
}
.contact li { 
    list-style: none;	
}
.contact li::before {
	width: 25px;
	height: 20px;
	display: inline-block; 
	padding: 0px;
	content: "";	
}
.contact li.phone::before 	    { background: url(../images/Phone.png) no-repeat 0px 10px;  background-size: 50% 50%; }
.contact li.fax::before 		{ background: url(../images/Fax.png) no-repeat 0px 10px;  background-size: 50% 50%; }
.contact li.email::before 	    { background: url(../images/Email.png) no-repeat 0px 10px;  background-size: 50% 50%; }

/* --------------------------------------------------------------------------------	*/
/* footer                                                                           */
/* --------------------------------------------------------------------------------	*/

.footerCC{
	position: relative;
	background-color: #0055a6;
	background-image: linear-gradient(#60b2dc 30%, #4095bb 100%);
	color: #ffffff;
	padding: 10px;
	font-size: 0.8125em;
}
.footerCC a { color: #F58700;}
.footerCC p					{ padding: 0; margin: 0; line-height: 1.2em; }
.footerCC p.CC 				{ font-size: 0.6725em; text-align: right; }
.footerCC p.NH 				{ font-size: 0.6725em; text-align: right; }
.footerCC p.NHLeft          { font-size: 0.6725em; text-align: left; }

/* particpants */
section.particpants         { }
.particpants h3             { margin: 0 0 0 1em; }
.footerParticipants         { position: relative; padding: 5px; margin: 20px; }
.footerParticipants li		{ list-style: none; }
        /* ********************************************************************************	*/
        /* https://github.com/9bitStudios/flexisel/ 										*/
        /* ********************************************************************************	*/
        .nbs-flexisel-container {
            position:relative;
            max-width:100%;
        }
        .nbs-flexisel-ul {
            position:relative;
            width:9999px;
            margin:0px;
            padding:0px;
            list-style-type:none;   
            text-align:center;  
        }
        .nbs-flexisel-inner {
            overflow:hidden;
            float:left;
            width:100%;
            background:#ffffff;
            background: #ffffff -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
            background: #ffffff -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
            background: #ffffff -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
            background: #ffffff -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Opera11.10+ */
            background: #ffffff -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* IE10+ */
            background: #ffffff linear-gradient(top, #ffffff 0%, #ffffff 100%); /* W3C */
            border:1px solid #ccc;
	        margin-bottom: 20px;
        }
        .nbs-flexisel-item {
            float:left;
            margin:0px;
            padding:0px;
            cursor:pointer;
            position:relative;
            line-height:100px;
        }
        .nbs-flexisel-item img {
            width: 100%;
            cursor: pointer;
            position: relative;
            margin-top: 0px;
            margin-bottom: 0px;
	        width: auto;
	        height: auto;
           max-width: 80px;
           max-height: 100%;
           vertical-align: middle;
	
        }

/* alle Seiten*/
header, .pageWrapper, .main, .box , .rslidesBox, .footerCC
{
    border: none;
}
article.box, .rslidesBox {
        border: 1px solid #cccccc;
    }
    .box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .flexslider, .rslidesBox h3 {
        margin: -10px -10px 10px -10px;
    }

.organiser h3, .support h3, .contact h3 {
    margin: -10px -10px 10px -10px;
}
.rslidesBox h3 {
    margin: -1px;
}

.marginnein {
    margin: 0;
}

/* 
--------------------------------------------------------------------------------
EventPartnerliste
--------------------------------------------------------------------------------
*/

.EventPartnerLand {
    background-color : #e5f1f6;
}
.EventPartnerLand a {
    color : #60b2dc;
    font-weight: bold;
}
.EventPartnerLand td {
    text-align: center;
    border: dotted 1px #005f8e;
}

fieldset.EventPartnerListe  {
	margin: 0;
	padding: 0;
	border: 1px solid #4095bb;
	margin-bottom: 10px;
}
section.EventPartnerListe {margin: 10px;}
.EventPartnerListe h1 {
	margin: 0;
	padding: 10px;
	text-align: center;
	min-height: 2em;
	vertical-align: middle;
	width: 100%;
	color: #ffffff;
    background-color: #4095bb;
    border: 1px solid #4095bb;
}

.EventPartnerListe span.kg {float: left; width: 20%; padding: 10px; }
.EventPartnerListe span.kl {float: left; width: 50%; padding: 10px; font-size: 0.875em; line-height: 1.45em;}
.EventPartnerListe span.kr {float: right; width: 30%; padding: 10px; text-align: right; color: #008b6c;}

/* 
    bis hier bereinigt
--------------------------------------------------------------------------------
Katalog
--------------------------------------------------------------------------------
*/
fieldset.Katalog  {
	margin: 10px;
	padding: 0;
	border-top: 1px solid #3573b4;
	border-left: 1px solid #3573b4;
	border-right: 1px solid #3573b4;
	border-bottom: 1px solid #3573b4;
	margin-bottom: 10px;
}

section.Katalog {margin: 10px;}
.Katalog h1 {
	margin: 0;
	padding: 5px;
	text-align: center;
	border: 1px solid #3573b4;
	min-height: 2em;
	vertical-align: middle;
	width: 100%;
	color: #ffffff;
}
.Katalog a   {
    color: #F58700;
}

div.Katalogsuche {background-color: #eeeeee; }
.Katalogsuche .kg { float: left; width: 17%; padding: 10px; font-size: 0.8em; line-height: 1em;}
.Katalogsuche .kl { float: left; width: 65%; padding: 10px; font-size: 0.875em; line-height: 1.45em; line-height: 1em; text-align: center;}
.Katalogsuche .kr { float: right; width: 17%; padding: 10px; text-align: right; color: #008b6c; line-height: 1em;}
.Katalogsuche .zwei { padding: 0px 10px 0 10px;}
.Katalogsuche .kg.Result { width: 25%; }
.Katalogsuche .kl.AtoZ { width: 40%; font-size: 1.2em; font-weight: bold;}
.Katalogsuche .kr.Suche { width: 25%; }
.Katalogsuche .Suche, .Katalogsuche .Suche input { padding: 2px; font-size: 0.8em; margin: 0;}
.Katalogsuche .kg.Auswahl { width: 60%; }
.Katalogsuche .kr.Reset { width: 30%; padding: 0px 10px 0 10px;}
.Katalog p.Branche { line-height: 1.1; font-size: 0.825em; color: #008b6c; font-weight: bold;}



.Katalog div.kg {float: left; width: 20%; padding: 10px; }
.Katalog div.kl {float: left; width: 50%; padding: 10px; font-size: 0.875em; line-height: 1.45em; }
.Katalog div.kr {float: right; width: 30%; padding: 10px; text-align: right; color: #008b6c; }

.Katalog p.titel {color: #3573b4; font-weight: bold;}

a.LinkInKatalog { font-size: 1.2em; color: #008b6c;}
fieldset.Katalog div.small {
    text-align: left;
}


/* 
--------------------------------------------------------------------------------
flexslider
--------------------------------------------------------------------------------
*/
    .flexslider .slides img {
    width: 100%;
}


/* --------------------------------------------------------------------------------	*/
/* Farben
/* --------------------------------------------------------------------------------	*/
/* --------------------------------------------------------------------------------	*/
/* Farben
/* --------------------------------------------------------------------------------	*/
/*

        orange              #ec7d22 #ea8700 #c37000     schatten #f7c47f
    braun               #a6761c #8b6318     schatten #d4bc8e
    grün hell           #adc403 #95b301     schatten #d8e481
    grün Dunklel        #5c821b #40640f     schatten #aec28d
    blau hell           #62b5df #459ed7     schatten #b1dcf1
    blau dunkel         #005f8e #005f8e     schatten #7fb0c9

*/
	.bgbbasis		{background-color: #ec7d22; }
	.bgbdunkel		{background-color: #a6761c; }
	.bgbhell		{background-color: #adc403; }

    .bghdunkel		{background-color: #5c821b; }
	.bghmittel		{background-color: #60b2dc; }
	.bghhell		{background-color: #005f8e; }


    .bgbmittel		{background-color: #0055a6; }
	.bgrbasis		{background-color: #DD0000; }
	.bggbasis		{background-color: #008b6c; }
    .bgghell		{background-color: #99ccc1; }
	.bggrey			{background-color: #CCCCCC; }
	.bggreyhell		{background-color: #fafafa; }
	.bgwhite		{background-color: #ffffff; }
    .bgorange       {background-color: #FA8A00; }

	.txbbasis		{color: #003c7e; }
	.txbdunkel		{color: #002662; }
	.txbmittel		{color: #0055a6; }
	.txbhell		{color: #3573b4; }
	.txrbasis		{color: #DD0000; }
	.txgbasis		{color: #008b6c; }
	.txhdunkel		{color: #9acbee; }
	.txhmittel		{color: #c7dff4; }
	.txhhell		{color: #dbeaf8; }
    .txwhite		{color: #ffffff; }

/* --------------------------------------------------------------------------------	*/
/* FIXED                                    										*/
/* --------------------------------------------------------------------------------	*/
/* fixed Header */
.pageWrapper.fixed { top: 12em;}

#headerWrapper.fixed{
			position: fixed;
			z-index: 50;
			background-color: transparent;
			width: 100%;
			margin: 0;
			padding: 0;
            top: 0;
}
header.fixed {
    background: url(../images/een/eenHeaderFixed.png) no-repeat center top;      
	position: relative; 
	margin: auto;
	padding: 0;
	width: 78em;
	max-width: 78em;
	text-align: center;
	padding: 5px;
	height: 120px;
	background-color: #4095bb;
}
header.fixed .banner  		    { width: auto; }
header.fixed .logoEvent   		{ float: left; margin: 0px 0 0 0; width: 50%; }
header.fixed .language          { padding: 0; margin: 0}
header.fixed .bannerText  {
	font-size: 1em;
	font-weight: 800;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0 0 0 -150px;
	text-align: center;
    bottom: inherit;
    padding: 5px 0 0 0;
}
header.fixed .bannerText h1 	{ display: block; font-size: 1em; }
header.fixed .bannerText p 	    { display: block; }

    header.fixed .banner.nav {
        position: absolute;
        background-color: transparent;
        top: 70px;
        width: 100%;
        margin: 0 0 0 -5px;
    }
    .mainNav.fixed{
        padding: 0;
        width: auto;
        height: auto;
    }
/* fixed Navigation */
nav.fixed  ul > li {
	height: 2.5em;
    font-size: 0.8125em;
    padding: 3px 0 0 10px;
    margin: 0;
}

#clock.fixed {
        top: 0px;
        right: 0px;
		width: 15%;
        text-align: right;
        height: 2.5em;
}
#clock span {
	width: 25%;
    height: 1.7em;
    padding: 0.2em;
}
#clock.fixed .text {	display: none; 	}

/* MARTINA */
#accordionKoop h3 { color: #EFEFEF; }
#accordionKoop h3:nth-of-type(1) { background: rgba(53, 115, 180, 1); }
#accordionKoop h3:nth-of-type(2) { background: rgba(53, 115, 180, 0.9); }
#accordionKoop h3:nth-of-type(3) { background: rgba(53, 115, 180, 0.8); }
#accordionKoop h3:nth-of-type(4) { background: rgba(53, 115, 180, 0.7); }
#accordionKoop h3:nth-of-type(5) { background: rgba(53, 115, 180, 0.6);  }
#accordionKoop h3.aktiv { font-weight: bold; color: #ffffff;}

#accordionAP h3:nth-of-type(1) { background: rgba(53, 115, 180, 1); color: #FFFFFF; }
#accordionAP h3:nth-of-type(2) { background: rgba(53, 115, 180, 0.8); color: #FFFFFF; }
#accordionAP h3:nth-of-type(3) { background: rgba(53, 115, 180, 0.6); color: #FFFFFF; }


/* für die Formulare */
span.JaNein             { width: 100px;}
.JaNein                 {display: inline-block; width: 10%; padding-left: 20px;}

.disabled{
    background-color : transparent;
    border: none;
    width: auto;
}
.displayOnly {
    line-height: 1em;
}

.ui-corner-all {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-widget-content a {
    color: #4095bb;
    text-decoration: underline;
}



/* --------------------------------------------------------------------------------	*/
/* no-flex für IE 9.0                                                               */
/* --------------------------------------------------------------------------------	*/

 .no-flexbox .zeile{
     border-spacing: 10px;
 }
 .no-flexbox article{
        display: table-cell;
        width: 30%;
    }
 .no-flexbox article.ohneBox{
        display: block;
        width: 100%;
    }
 .no-flexbox .flexsliderEvent article {
        display: block;
        width: inherit;
 }
/* 
--------------------------------------------------------------------------------
Statistiken
--------------------------------------------------------------------------------
*/

.flexsliderStatistic {
    padding: 10px 10% 0 10%;
    margin: -10px -10px -10px -10px;
    __background-color: #c7dff4;
    background-image: linear-gradient(#dbeaf8 30%, #9acbee 100%);
}
.flexsliderStatistic li{
    list-style: none;    
}
.flexsliderStatistic .slides > li  {
    background-image: none;
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flexsliderStatistic table {
    font-size: 0.8125em;
    line-height: 1.2em;
    color: #003c7e;
    vertical-align:middle;
}

.flexsliderStatistic hr {
    border: solid 0.1em #eeeeee;
}
.flexsliderStatistic tr.borderbottom {
    padding: 2px 0 2px 0;
    border-bottom: solid 0.05em #eeeeee;
}
 
.Grafik.Laender  { clear: both; text-align: left; width: 100%; padding: 0px; margin: 5px 0px 20px 0px; }
						.Grafik.Laender #chartwrapper 			{ position: relative; }
    .Grafik.Laender #canvas1 {
    width:100%; height:300px;

    }
						.Grafik.Laender #datascreen				{ position:absolute; top: 0; width: 100%; height: 600px; z-index: 20; }
						.Grafik.Laender #titel 	 				{ position:absolute; top: 0; width: 100%; height: 600px; z-index: 10; }
						.Grafik.Laender #beschriftung			{ position:absolute; top: 0; width: 100%; height: 600px; z-index: 10; }			
						.Grafik.Laender ul 						{ list-style-type: none; }
						.Grafik.Laender ul li 					{ width: 20px; margin-right: 10px; float: left; background-color: #DDD; text-align: center; }
						.Grafik.Laender img 					{ border: none; }
						.Grafik.Laender hr		{ border: none; }
								.Grafik.Laender #titel div, .Grafik.Laender #beschriftung div {
											position: absolute;
											padding: 2px 0px 0px 0px;
											text-align: center;
											font-family: Arial, Helvetica, sans-serif;
											text-transform: uppercase;
											font-size: 9px;
											background-color: #DDD;
											border: 1px solid #FFF;
											height: 20px;
											width: 16px;
											opacity: .70;
											filter:alpha(opacity=70);
											filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
											}
								.Grafik.Laender #beschriftung div 	{ height: auto; }
								.Grafik.Laender #titel div 		{ margin-top: -20px; background-color: transparent; color: #FFFFFF; border: none; font-weight: bold;}

                                						#Statistiken.Grafik #Branchen { 
										float: right; 
										position: relative; 
										margin: 5px 0px 20px 0px; 
										display: block; 
										text-align: left;
										border: none;
										width: 400px;
										height: 100%;
										padding: 0px;
										background-color: #CCCCCC;
								}
						.Grafik #GrafikRund 				{ width: 200px; height: 200px; float: left;}
						.Grafik #Legende 				{ float: left; width: 250px; margin-left: -50px;}	
				.Grafik table th 							{ padding: 3px 5px; background-color: rgb(221, 221, 221); }
				.Grafik table td 							{ background-color: rgb(238, 238, 238); }
				.Grafik table td.Right 					{ text-align: right; }


/* ********************************************************************************	*/
/* MEDIA																			*/
/* ********************************************************************************	*/
/* BREITE																			*/
/* Phone		ist die Basis -- von gross --> klein								*/
/* Tablet		750px 	/ 16px/em = 46.875em                           				*/
/* Desktop		1248px 	/ 16px/em = 78em 											*/
/*             	1024px 	/ 16px/em = 64em                             				*/
/* HÖHE																				*/
/* iPhone4		320 px			  = 20em											*/
/* iPhone4		480 px			  = 30em											*/
/*				640 px			  = 40em											*/
/* ********************************************************************************	*/

@media only screen and (max-width: 1024px) {
    body {
        line-height:1.5;
    }
    nav {
        font-size: 0.8125em;
    }
    .logoB2fair {
        float: right;
        max-width: 250px;
        display: none;
    }
    .logo {
        max-width: 240px;
    }
    .mainContent {
        font-size: 0.8125em;
    }
    .box h1, .box h2, .box h3, .box h4, .box h5, .organiser h3, .support h3, .contact h3 {
        font-size: 0.875em;
        line-height: 1.3;
    }
    .rslidesBox h3 {
        font-size: 0.6875em;
        line-height: 1.3;
    }
    div.currentLogin {
        width: 100%;
        text-align: left;
        font-size: 0.875em;
        min-width: 1%;
        display: inline-block;
        position: relative;
        margin: 0;
        top: 0;
        padding: 0 5px 0 5px;
    }
    .footerCC {
	    font-size: 0.9em;
    }
    p.teasertext {
        font-size: 1.2em; 
    }
    .organiser img, .support img  { 
        overflow: hidden; 
    }
    .organiser h3, .support h3, .contact h3 .contact h3 {
        font-size: 0.8125em;
    }
    #navAside a {
	    font-size: 0.875em;
    }

    .Katalogsuche button.b2fBlue { margin-bottom: 10px; }
   .box.partner.menu  { 
        font-size: 0.9375em; 
    }
   table.dataTable.display tbody tr {
       word-break: break-all;
   }
}
@media only screen and ( max-width: 980px ) {
    .banner
    { 
        height: auto; 
    }
    .banner.left {
        width: 100%;
    }
    .banner.right {
        width: 30%;
        height: auto;
        max-height: 1%;
    }
   .box.partner.menu  { 
        font-size: 0.875em; 
    }
   .bannerText {
        top: 150px;
	    line-height: 1;
    }
    .language {
        position: absolute;
        left: 0;
        top: 50px;
        clear: both;
    }	
}
@media only screen and ( max-width: 800px ) {
    html    {
        background-color: #ffffff;
        background: none;  
    }

    div.currentLogin {
        font-size: 0.8125em;
    }
    header {
        background-size: 800px auto;
        height: 150px;
    }
    .banner.nav {
        top: 110px;
    }
    .logo {
        max-width: 140px;
    }
    .bannerText
    {
        top: 80px;
        font-size: 0.8em;
    }
    .bannerText h1 {
        display: inline;
    }
    .bannerText p {
        display: inline;
    }
    #clock {
        width: 150px;
        top: 0;
        font-size: 0.8125em;
        height: auto;
        padding: 0px 5px 5px 5px;
    }
        #clock .text {
            display: none;
        }

    #boxFee.boxgebuehr 
    {
        position: absolute;
        width: 22%;
    }
    .mainContent {
        font-size: 0.875em;
    }
    p.teasertext {
        font-size: 1em; 
    }
    .mainContent  {
        width: 100%;
    }
    aside {
        margin-left: 0;
        position: relative;
        clear: both;
        width: 100%;
    }
    .partnerSlider   {
        float: right;
        width: 45%;
    }
    .Y {
        margin: 0;
        padding: 0;
    }
    .Y ul  {
        clear: left;
        width: 92%;
        font-size: 0.875em;
    }
    .X {
        float: left;
        width: 48%;
        margin: 0;
        padding: 0;

    }
    .support {
        margin-bottom: 20px;
    }
    .Y .contact {
        float: right;
        width: 46%;
        margin: 20px 5px 0 15px;
    }
    .rslidesBox  {
         min-height: 150px;
     }
     .rslidesBox li p.partnerText {
	    font-size: 0.7125em;
    }
   .support h3, .organiser h3, .contact h3 {
        font-size: 0.7125em;
    }
   .contact p {
		font-size: 0.7125em;
    }
    header.fixed {
        background-size: 800px auto;
        width: 100%;
        height: 100px;
    }
    #navMain.fixed {
        display: block;
        width: 100%;
    }
    nav.fixed  ul > li {
	    height: 2.0em;
        display: block;
        margin: 0;
    }
    nav.fixed ul > li > a {
	    height: 2.0em;
	    width: 16%;
        padding: 3px;
    }
    nav.fixed ul > li, nav.fixed a:hover {
	    -webkit-border-radius: 0;
        border-radius: 0;
	    -webkit-box-shadow: none;
        border-radius: 0;
	    box-shadow: none;
    }
    header.fixed .bannerText {
        top: 50px;
        font-size: 0.825em;
        text-align: center;
        margin: 0;
    }
    header.fixed .bannerText h1 { 
        display: inline; 
    }
    header.fixed .bannerText p { 
        display: inline; 
    }

    header.fixed .logo {
        width: 120px;
        height: auto;
    }

    header.fixed .banner.nav {
        top: 80px;
    }
    #clock {
        font-size: 0.7125em;
    }
   .box.partner.menu  { 
        font-size: 1.0em; 
    }
}
/* 768 */
@media only screen and (max-width: 768px) {
   .box.partner.menu  { 
        font-size: initial; 
    }
}
/* 750 */
@media only screen and (max-width: 750px) {

}
/* 640 */
@media only screen and (max-width: 640px) {
    body {
        line-height: 1.3;
    }
    .box {
        font-size: 0.875em;
    }
    nav ul > li {
       padding: 5px 2px 5px 5px;
    }
    
    nav ul > li > a {
            font-size: 0.74em;
            display: inline;
    }
    .bannerText {
        font-size: 0.7125em;
    }
    fieldset.Katalog {
        font-size: 0.875em;
    }
    fieldset.Katalog h1 {
        font-size: 0.875em;
    }
    div.Katalogsuche {
        font-size: 0.8125em;
    }
    fieldset.Katalog div.small {
        font-size: 0.8125em;
    }
    #anmeldung {
        font-size: 0.875em;
    }
    #anmeldung input[type="checkbox"]{
        width: 20px;
    }
    #anmeldung div.inner {
        width: 100%; 
        clear: both; 
        position: relative;
    }
    #anmeldung div.inner.right {
        position: absolute; 
        width: 100%; 
        padding-left: 20px; 
        margin: 0 0 10px 0;
    }
    #boxFee.boxgebuehr 
    {
        width: 90%;
        padding: 5px;
        margin: 0;
        left: 0;
    }
    #boxFee.boxgebuehr h6 {
        margin: -5px -5px 0px -5px;
        padding: 5px;
        height: auto;
        min-height:initial;
        font-size: 1.4em;
        line-height: 1;
    }
    #boxFee table, #boxFee tbody tr td {
        line-height: 1;
    }
    #anmeldung .boxgebuehr textarea.textleft, #anmeldung .boxgebuehr input.textright{
        color: #dd0000;
        margin: 0;
        padding: 0;
        height: 1.3em;
    }
    #EventPartnerView img  {
        width: 60%;
        height: auto;
    }
    #accordionAP div.left{
        clear: both;
        width: 100%;
    }
    .chosen-container{ 
        font-size: 11px;
    }
    .chosen-container .chosen-results li {
        padding: 2px;
    }
}
/* 480 */
@media only screen and (max-width: 480px) {
    header, header.fixed {
        background: url(../images/een/eenHeader.png) no-repeat center top;  
        background-size: 480px auto;
        height: 100px;
        background-color: #ffffff;
    }
    #clock, #clock.fixed {
        width: 100px;
        font-size: 0.6em;
        margin: 0;
        padding: 0;
    }

    #clock p, #clock.fixed p {
        margin: 2px;
        font-size: 0.875em;
    }
   header .logo, header.fixed .logo  {
        width: 100px;
        height: auto;
    }
   .bannerText, header.fixed .bannerText{
        top: 40px;
        font-size: 0.65em;
        text-align: center;
        margin: 0;
    }
   .bannerText h1, header.fixed .bannerText h1{
        display: none;
    }
   .mainNav {
       padding: 0;
   }
    .banner.nav, header.fixed .banner.nav  {
        top: 61px;
        padding: 0;
        height: auto;
    }
    nav ul > li, nav.fixed ul > li	{ 
        width: 33%;
        max-width: 34%;
        overflow: hidden;
        margin: 0;
        height: 18px;
        padding: 2px;
    }
    nav ul > li, nav.fixed ul > li		{ 
        width: 33%;
    }
    
    nav ul > li:nth-of-type(3), nav.fixed ul > li:nth-of-type(3) { width:34%; }
    nav ul > li:nth-of-type(6), nav.fixed ul > li:nth-of-type(6) { width:34%; }

    .mainContent {
                text-align: center;
                margin: 0;
                padding: 0;
    }
    .mainContent .zeile {
        display: inline-block;
        margin: 0;
        width: 90%;
    }
    .mainContent .zeile .box {
        width: auto;
    }
    
        p.teasertext {
        font-size: 0.6em; 
    }

}
/* 320 */
@media only screen and (max-width: 360px) {
    header, header.fixed {
        background: url(../images/een/eenHeader.png) no-repeat center top;  
        background-size: 360px auto;
        height: 100px;
        background-color: #ffffff;
    }
   header .logo, header.fixed .logo  {
        width: 80px;
        height: auto;
    }
   .bannerText, header.fixed .bannerText{
        top: 35px;
        font-size: 0.7em;
        text-align: center;
        margin: 0;
    }
    aside {
        text-align: center;
        width: 90%;
    }
    .X, .Y {
        clear: both;
        width: 100%;
        text-align: center;
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
    }
    .partnerSlider{
         clear: both;
         width: 90%;
     }
    .organiser, .support  {
        margin-bottom: 20px;
        width: 100%;
    }
    .contact {
        clear: both;
        width: 90%;
    }
    .rslidesBox h3 {
        font-size: 0.4em;
    }
    .rslidesBox li p.partnerText {
	    font-size: 0.4em;
    }
    .navAside {
        width: 100%;
        text-align: center;
    }

    #navAside ul {
        width: 100%;
    }

   .support h3, .organiser h3, .contact h3 {
        font-size: 0.4em;
    }
   .contact p {
		font-size: 0.4em;
    }
      .box.partner.menu  { 
        display: block;
        font-size: 1.2em; 
    }
      #areaOrganiser span.right.b2fBlue {
          padding: 5px;
      }
      p.buttonTop span button.b2fBlue {
          margin: 5px;
      }
}

@media print { 
    html, body, .pageWrapper, .main, .mainContent, .mainContent.full, section { overflow-x: hidden; }
    .headerWrapper {
        display: none;
    }
    aside, nav { 
        display: none; 
    }
    aside, nav { 
        display: none; 
    }
    .main {
        width:100%;
    }

    .mainContent {
        width: 100%;
        margin: 0;
        float: none;
        left: 0;
        right: 0;
    }
    .footerCC a {
        display: none;
    }
    .currentLogin {display: none;}

    .Katalogsuche {display: none;}
    .flexslider {display: none;}
}