/* --------------------------------------------------------------------------------	*/
/* Verwendete Farben															 	*/
/* --------------------------------------------------------------------------------	*/
/* BLAU:		Basis 			dunkel			mittel			hell			 	*/
/*				#003c7e			#002662			#0055a6			#3573b4				*/
/*								  0, 38, 98		0 85 166		53 155 180			*/
/* ROT:			aus Logo															*/
/* 				#B40035																*/
/*				180 0 53															*/
/* GRÜN:		aus Logo															*/
/* 				#008b6c																*/
/* ENN                                                                              */
/* Grün hell    #a2c024                                                             */
/* Grün         #557826                                                             */
/* HELLBLAU AUS LOGO			dunkel			mittel			hell				*/
/*								#9acbee			#c7dff4			#dbeaf8				*/
/*								154 203 238     199 223 244                         */
/* ORGANGE       WEB hell #ff9900  dunkel #FF6600 // #F58700  #FA8A00               */
/* ********************************************************************************	*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
    box-sizing: border-box;
}
html, body { 
    height: 100%;
}
html    {
    background-color: #ffffff;
	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-color: #3573b4;
    background-image: linear-gradient(#9acbee 30%, #3573b4 100%);
    color: #eeeeee;
    display: block;
    margin: auto;
    max-width: 78em;
    overflow: hidden;
    padding: 10px;
    position: relative;
    min-height: 280px;
}
.headerWrapper {
    background-color: #0055a6;
    background-image: linear-gradient(#0055a6 30%, #002662 100%);
    margin: auto;
    padding-bottom: 10px;
    width: 100%;
}

.pageWrapper {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    height: 100%;
    height: auto !important;
    margin: 0 auto;
    max-width: 78em;
    min-height: 100%;
    position: relative;
    top: 0;
}
.pageWrapper.overlay {
    background-color: #999999;
    opacity: 0.3;
    z-index: 0;    
}

.main {
    overflow: hidden; 
    padding-bottom: 0em;
}

.mainContent {
    border-top: none; 
    background-color: transparent;
    float: left; 
	font-size: 0.875em;
    padding: 0 0 0 0; 
    width: 75%; 
}
.mainContent.full { 
    width: 100%; 
}
aside {
    background-color: #ffffff; 
    height: 100%;
    margin-left: 74%;
	margin-bottom: -99999px !important;
    padding: 0 0 0 1em;
	padding-bottom: 99999px !important;
    width: 25%;
}
footer {
	bottom: 0 !important;
	width: 100%;
}

/* ********************************************************************************	*/
/* Allgemeine tags																	*/
/* ********************************************************************************	*/

/* links */
a   {
    color: #B40035;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #008b6c;
    text-decoration: underline;
}
.ui-widget-content a {
    color: #008b6c;
    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;
}
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  {
    margin: 0;
    padding: 0; 
}
p.teasertext {
    color: #F58700;
    font-size: 1.5em; 
    font-weight: bold;
    line-height: 1.5em;
    padding: 20px 0 20px 0px;
    text-align: center;
}

.small {
    font-size: 0.75em;
    text-align: left;
    line-height: 1.3;
}
/* ********************************************************************************	*/
/* Details zum Header 																*/
/* ********************************************************************************	*/
.banner { 
    height: 15em; 
    max-height: 15em; 
    width: 33%; 
}
.banner.left 
{ 
    padding: 0px; 
}
.bannerText {
	bottom: 0 !important;
	font-size: 0.8125em;
	font-weight: 800;
    line-height: 1.7;
	margin: 0;
	padding: 0 5% 25px 0;
	position: absolute;
	text-align: left;
	width: 75%;
}
.bannerText h1{
    display: block;
	padding: 0;
	font-size: 1.6em;
	text-shadow: 0.1em 0.1em #333;
	display: block;
	text-align: left;
}
.bannerText p {
	line-height: 0.5;
	display: block;
}
.logo {
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin: 1em 0 0em 0;
}
.logoCC {
    text-align: right;
}
.logoB2fair {
	text-align: right;
    padding-top: 1em;
}
/* Navigation */
nav {
    color: #efefef;
    font-size: 0.8125em;
	margin: 0;
    overflow: hidden;
	position: relative;
	z-index: 0;
}
nav ul {
    text-align: center; 
}
nav ul li { 
    list-style: none; 
}
nav ul > li	{ 
	float: left;
    font-size: 0.875em;
    font-weight: 600;
	height: 8em;
  	line-height: 1.2;
    margin: 0.5em;
    width: 8em;
    border: transparent;
	-webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.7);
}
nav ul > li > a, nav ul > li > p {
    display: table-cell;
    height: 8em;
    padding: 3px 0 0 0;
    vertical-align: middle;
    width: 8em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

nav ul a:link { 
    text-decoration: none; 
}
nav a.txbbasis:link { 
    color: #003c7e; 
}
nav a.txbbasis:hover { 
    color: #ffffff; 
}
nav a:hover { 
    background-color: #B40035; 
    color: #ffffff;
}
/* social */
.socials { 
	clear: both;
    text-align: right;
}
    .socials  ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
    }
        .socials ul li  {
	        display: inline-block;
	        margin: 0 0 0 0;
	        padding: 0;
        }
        .socials a:hover img{
            background-color: #B40035;
        }

/* clock */
#clock {
    background-color: #3573b4; 
    float: right;
    font-size: 0.875em;
    padding: 0.25em;
    width: 65%;
}
.clock {
    border: 1px solid #3573b4;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#clock p { 
    line-height: 1; 
    margin: 0.5em; 
}
#clock span {
    font-weight: 600;
    text-align: center;
    float: left;
    width: 25%;
    display: inline-block;
    border: 1px solid rgba(0, 85, 166, 0.2); 
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);	
}
#clock .text {
    background-color: transparent;
    font-size: 0.6125em;
	padding-top: 1px;
	box-shadow: none;
}
/* language */
.language {
    font-size: 0.875em;
    line-height: 1;
    position:relative;
    text-align: right;
    top: 10px;
}	
.language span {
    text-transform: uppercase;
    color: #999999;
}	
.language span a {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
}	
.language span a:hover
{ 
    color: #B40035; 
}	
div.currentLogin {
    margin: auto;
    top: 0px;
    font-size: 1em;
    text-align: right;
    width: 78em;
    min-width: 78em;
    max-width: 78em;
    color: #999999;
    background-color: transparent;
    padding: 5px 15px 5px 5px;
}
div.currentLogin p {
    color: #999999;
    font-size: 0.8725em;
}
div.currentLogin a:link {
    color: #3573b4;
    font-size: 0.8725em;
}
/* --------------------------------------------------------------------------------	*/
/* Details zu mainContent															*/
/* --------------------------------------------------------------------------------	*/
.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); 
    background-color: #fafafa;
    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: #B40035;
    border: solid 1px #B40035;
}
.box h3 {
    background-color: #a2c024;
    border: solid 1px #a2c024;
}
.box h4 {
    background-color: #3573b4;
    border: solid 1px #3573b4;
}
.box h5 {
    background-color: #9acbee;
    border: solid 1px #9acbee;
}

.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;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	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;
    -o-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    height: 5em;
    width: auto;
}

    .box.partner.menu a {
        font-size: 0.9375em;
    }

.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;
    -o-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    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;
    -o-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    height: 5em;
    width: auto;
}
#areaMyB2fair .right.myB2fair { width: 25%;}
#areaMyB2fair .left.myB2fair { width: 75%;}
#areaMyB2fair .left.ap{ float: left; width: 30%}
#areaMyB2fair .left.firma{ float: left; width: 40%}
#areaMyB2fair .upload {float: right; width: auto; right: 50px;}



.tabs {
}
.size10 {
    transform: scale(1.05,1.05);
}
.clear                  { clear: both;}
.center                 { text-align: center;}
.intro                  { font-size: 0.875em; line-height: 1.2;}
.bold                   { font-weight: 600; }

.Required               { color: #B40035; }
.OrderingCustomer {
    color: #FA8A00
}

.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;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
    .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 					{  }
#navAside ul  				{ margin-left: 0; }
#navAside ul > li	{
		line-height: 1.7;
		list-style: none;
		margin: 10px 10px 20px 0px;
		text-align: center;
		padding: 5px;
        min-height: 3em;
        width: 100%;
        background-color: #003c7e;
}
#navAside ul > li:hover		{ background-color: #B40035; 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: 1.2em;
		text-align: center;
		padding: 5px;
		color: #FFFFFF;
        min-height: 3em;
        text-transform: uppercase;
	}

/* partnerSlider, rslidesBox */
.partnerSlider {
    margin: 10px; 
    text-align: center;
}
.partnerSlider h3 {
    background-color: #002662;
    color: #FFFFFF;
}
.rslidesBox {
  position: relative;
  width: 100%;
  min-height: 250px;
}
div.rslidesBox {
	padding: 0px;
}
.rslidesBox h3{
    min-height: 3em;
	padding: 10px;
    text-align: center;
	font-size: 1.2em;
	color: #ffffff;
    text-transform: uppercase;
}
.rslidesBox h3:hover { 
    background-color: #B40035; 
    color: #FFFFFF; 
}
.rslidesBox h3 a {
	color: #ffffff;
}
.rslidesBox h3 a:hover {
        text-decoration: none;
}

.rslidesBox li {
    list-style: none;
    display: block;
    overflow: hidden;
    height: 100%;
    margin: 10px 0 0 0;
}
.rslidesBox  li img{
	width: 80%;
	max-width: 80%;
	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;
    right: 0;
}
.organiser, .support { 
    border: solid 1px #cccccc;
    clear: both; 
    padding: 10px;
    text-align: center; 

}
.support { 
    margin-top: 25px;
}
.organiser img, .support img  { overflow: hidden; }
.organiser h3, .support h3  {
    background-color: #3573b4;
    border: solid 1px #3573b4;
    font-size: 0.9em;
    min-height: 3em;
    text-transform: uppercase;
}

/* contact */
.contact  {
		position: relative;
		height: 100%;
		text-align: left;
        border: solid 1px #cccccc;
        padding: 10px;
        padding-bottom: 20px;
}
.contact h3 {
    background-color: #3573b4;
    border: solid 1px #3573b4;
    min-height: 3em;
    font-size: 0.9em;
}
.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; }
.contact img					{ height: auto;	margin: 1em 1em 1em 0; width: 25%; }
.contact ul 					{ margin: 0; font-size: 0.625em; line-height: 1.1; }
.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(#0055a6 30%, #002662 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;
	
        }


/* --------------------------------------------------------------------------------	*/
/* Layout mit runden Ecken 															*/
/* --------------------------------------------------------------------------------	*/
/* alle Seiten*/
header, .pageWrapper, .main, .box , .nbs-flexisel-inner, .rslidesBox, .organiser, .support, .contact
{
    -o-border-radius: 10px 10px 10px 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
header, .pageWrapper, .main, .box , .rslidesBox, .footerCC
{
    border: none;
}
header {
    border: 1px solid #0055a6;
}
.footerCC
{
    -o-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
article.box, .rslidesBox {
        border: 1px solid #cccccc;
}
#navAside ul > li	{
	border: 1px solid #003c7e;
    -o-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.rslidesBox h3{
	border: 1px solid #008b6c;
    font-size: 0.9em;
}
.nbs-flexisel-inner       {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
}		
/* nur oben */
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .flexslider, .rslidesBox h3
{
    margin: -10px -10px 10px -10px;
    -o-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.organiser h3, .support h3, .contact h3
{
    margin: -10px -10px 10px -10px;
    -o-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.rslidesBox h3 {
    margin: -1px;
}

/* sonderfälle*/
.flexslider {
		-webkit-border-radius: 10px 10px 0px 0px;
        		border-radius: 10px 10px 0px 0px;
}

.flexslider.home {
    -o-border-radius: 10px 0px 0px 0px;
    -ms-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}
.flexslider .slides img {
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}


.marginnein {
    margin: 0;
}

/* --------------------------------------------------------------------------------	*/
/* Farben
/* --------------------------------------------------------------------------------	*/
	.bgbbasis		{background-color: #003c7e; }
	.bgbdunkel		{background-color: #002662; }
	.bgbmittel		{background-color: #0055a6; }
	.bgbhell		{background-color: #3573b4; }
	.bgrbasis		{background-color: #B40035; }
	.bggbasis		{background-color: #008b6c; }
    .bgghell		{background-color: #99ccc1; }
	.bghdunkel		{background-color: #9acbee; }
	.bghmittel		{background-color: #c7dff4; }
	.bghhell		{background-color: #dbeaf8; }
	.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: #B40035; }
	.txgbasis		{color: #008b6c; }
	.txhdunkel		{color: #9acbee; }
	.txhmittel		{color: #c7dff4; }
	.txhhell		{color: #dbeaf8; }
    .txwhite		{color: #ffffff; }

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

.EventPartnerLand {
    background-color : #dbeaf8;
    margin: 0 0 30px 0;
}
.EventPartnerLand a {
    color : #008b6c;
    font-weight: bold;
}
.EventPartnerLand td {
    text-align: center;
    border: dotted 1px #008b6c;
}

fieldset.EventPartnerListe  {
	margin: 0;
	padding: 0;
	border-top: 1px solid #3573b4;
	border-left: 1px solid #3573b4;
	border-right: 1px solid #3573b4;
	border-bottom: 1px solid #3573b4;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
section.EventPartnerListe {margin: 10px;}
.EventPartnerListe h1 {
	margin: 0;
	padding: 10px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	min-height: 2em;
	vertical-align: middle;
	width: 100%;
	color: #ffffff;
    background-color: #3573b4;
}

.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; text-align: left;}
.EventPartnerListe span.kr {float: right; width: 30%; padding: 10px; text-align: right; color: #008b6c; font-size: 0.875em; line-height: 1.45;}

/*------------------------------------------------------------------------------
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;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

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

div.Katalogsuche {background-color: #eeeeee; }
.Katalogsuche .kg { float: left; width: 15%; padding: 10px; font-size: 0.8em; line-height: 1em;}
.Katalogsuche .kl { float: left; width: 70%; padding: 10px; font-size: 0.875em; line-height: 1.45em; line-height: 1em; text-align: center;}
.Katalogsuche .kr { float: right; width: 15%; padding: 10px; text-align: right; color: #008b6c; line-height: 1em;}
.Katalogsuche .zwei { padding: 0px 10px 0 10px;}
.Katalogsuche .kg.Result { width: 15%; }
.Katalogsuche .kl.AtoZ { width: 70%; font-size: 1.0em; font-weight: bold; line-height: 1.1}
.Katalogsuche .kr.Suche { width: 15%; }
.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;}
.Katalog p.branche {}


a.LinkInKatalog { font-size: 1.2em; color: #008b6c;}

.followup.box h2 {
        background-color: transparent;
        border: none;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        color: #FA8A00;
        font-size: 1.5em;
    }

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

/* 
--------------------------------------------------------------------------------
Statistiken
--------------------------------------------------------------------------------
*/

h4.flexsliderStatistic  {
    background-color: #DD0000;
    border: solid 1px #DD0000;
    background-image: none;
}

.flexsliderStatistic {
    padding: 10px 10% 10px 10%;
    margin: -10px -10px -10px -10px;
    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;
}


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

#headerWrapper.fixed{
			position: fixed;
			z-index: 50;
			background: transparent;
}
header.fixed {
	padding: 5px;
	height: 110px;
    min-height: 110px;
	background-color: #0055a6;
	/* background-image: linear-gradient(#0055a6 50%, #002662 100%);*/
    border: none;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;

}
header.fixed .banner  		    { width: auto; height: auto;}
header.fixed .logo       		{ float: left; margin: 10px 0 0 0; width: 60%; }
header.fixed .logoCC            { float: right; width: 40%; text-align: right;}
header.fixed .logoB2fair		{ margin: 0px 10px 0 0; float: right;}
header.fixed .logoB2fair img	{ text-align: right; width: 50%; margin: 0; padding: 0;}
header.fixed .language          { padding: 0; margin: 0; top: -12px;}
header.fixed .bannerText  {
        position: fixed;
        font-size: 0.875em;
        top: 0em;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 0;
        height: 40px;
}
header.fixed .bannerText h1 	{ display: inline; margin: 0; text-shadow: none; padding: 0 10px 0 0; font-size: 0.875em; }
header.fixed .bannerText p 	    { display: inline; margin: 0;}
header.fixed .socials 		    { display: none; }

/* fixed Navigation */
nav.fixed  {
        position: fixed;
        top: 2em;
        left: 0;
        width: 100%;
        text-align: center;
}
#navMain.fixed {
    display: inline-block;
    margin: 0;
}
nav.fixed  ul > li {
	height: 4.0em;
	width: 8.0em;
    font-size: 0.8125em;
}

nav.fixed ul > li > a, nav ul > li > strong, nav.fixed ul > li > p {
	font-weight: 600;
	height: 4.5em;
	width: 9.25em;
    font-size: 0.875em;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
}
nav.fixed ul > li, nav.fixed a:hover {
	-webkit-border-radius: 0;
    border-radius: 0;
		-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
        border-radius: 0;
		box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
}
/* fixed Clock */
.clock.fixed {
    -webkit-border-radius: 0;
    border-radius: 0;
}

#clock.fixed {
		display: block;
		width: 40%;
		margin: -4px;
		line-height: 0.65em;
		padding: 0px;
		-webkit-border-radius: 0;
        border-radius: 0;
}
	#clock.fixed span {
		border-left: 1px solid #002662;	
		text-align: center;
		font-size: 0.65em;
		color: #ffffff; 
		padding: 2px;
		margin: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
    #clock.fixed span:nth-of-type(1) 	{ border-left: none; }
	#clock.fixed p { margin: 0; }
	#clock.fixed .text {	display: none; 	}



#accordionKoop h3 { color: #ffffff; }
#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:nth-of-type(5) { background: rgba(53, 115, 180, 0.5);  }
#accordionKoop h3.aktiv { font-weight: bold; color: #dd0000;}

#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;
}

/* --------------------------------------------------------------------------------	*/
/* 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;
 }
 
.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; }

#areaDataTable img {
    max-width: initial;
}

/* ********************************************************************************	*/
/* 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;
    }
    .logo {
        max-width: 240px;
    }
    .main {
        padding: 0 5px 0 5px;
    }
    .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: auto;
        text-align: left;
        font-size: 0.875em;
    }
    .footerCC {
        font-size: 0.6em;
    }
    p.teasertext {
        font-size: 1.2em; 
    }
    .organiser img, .support img  { overflow: hidden; }
        .organiser h3, .support h3, .contact h3  {
    font-size: 0.6em;
    }
    .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.left {
        width: 30%;
    }
    .banner.left.nav {
        width: 40%;
    }
    .banner.right {
        width: 30%;
    }
   .box.partner.menu  { 
        font-size: 0.875em; 
    }
}
@media only screen and ( max-width: 800px ) {
    div.currentLogin {
        font-size: 0.8125em;
    }
    header {
        max-height: 12em;
        min-height: 5em;
    }
    nav {
	    position: absolute;
        top: 8em;
        left: 0;
    }
    nav ul {
        margin: 0;
    }
    nav ul > li	{ 
        font-size: 0.65625em;
	    height: 6em;
        margin: 0.5em;
        width: 8em;
    }
    nav ul > li > a, nav ul > li > p {
        height: 6em;
    }
    .banner{
        max-height: 12em;
    }
    .banner.left {
        width: 25%;
        _height: auto
    }
    .bannerText {
	    position: relative;
        padding: 2% 0 0 0;
    }
    .bannerText h1{
        font-size: 1.2em;
    }
    .bannerText p{
        font-size: 0.875em;
    }

    #clock {
        position: absolute;
        top: 0px;
        right: 0;
        width: 180px;
        font-size: 0.8125em;
        font-weight: 600;
    }
    .clock {
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    #clock .text {
        background-color: transparent;
        font-size: 0.5625em;
    }
    .banner.right {
        position: absolute;
        right: 0;
        top: 0;
    }
    .logo {
        max-width: 160px;
    }
    .logoB2fair {
        float: right;
        max-width: 180px;
        padding: 30px 20px 0 0;
    }
    .socials { 
        max-width: 250px;
    }
    .socials ul li  {
	    margin: 10px 0 0 0;
        max-width: 30px;
    }

    #boxFee.boxgebuehr 
    {
        position: absolute;
        width: 22%;
    }
    .mainContent {
        font-size: 0.6em;
    }
    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: 95%;
        font-size: 0.7em;
    }
    .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.5em;
    }
   .support h3, .organiser h3, .contact h3 {
        font-size: 0.5em;
    }
   .contact p {
		font-size: 0.5em;
    }
    
    header.fixed {
        height: auto;
    }
    #navMain.fixed {
        display: block;
        width: 100%;
    }
    nav.fixed {
        top: 5em;
    }
    nav.fixed  ul > li {
	    height: 2.0em;
        display: block;
        margin: 0;
    }
    nav.fixed ul > li > a {
	    height: 2.0em;
	    width: 16%;
        font-size: 0.8125em;
        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  {
        position: fixed;
        display: block;
        width: 50%;
        left: 25%;
        font-size: 0.8125em;
        text-align: left;
}
    header.fixed .bannerText h1 	{ display: block; }
    header.fixed .bannerText p 	    { display: block; }
    header.fixed .logoB2fair { margin: 0;}
    header.fixed .logoB2fair img		{ width: 100%; }
   .box.partner.menu  { 
        font-size: 1.0em; 
    }
      .Katalogsuche button.b2fBlue {margin: 10px; font-size: 1.2em; width: auto; padding: 5px 10px 5px 10px;} 
}
/* 768 */
@media only screen and (max-width: 768px) {
   .box.partner.menu  { 
        font-size: initial; 
    }

}
/* 750 */
@media only screen and (max-width: 750px) {

    .Katalogsuche .kl span { display: inline; }
    .Katalogsuche .kl span:nth-of-type(3):after {
            content: "\A";
            white-space: pre;
        }
    .Katalogsuche button.b2fBlue {margin: 10px; font-size: 1.3em; width: auto;} 
    
}
/* 640 */
@media only screen and (max-width: 640px) {
    body {
        line-height: 1.3;
    }

    header {
        max-height:initial;
        height: auto;
        margin: 0;
        padding: 0;
    }
   .banner {
        height: auto;
    }
    .banner.left.nav {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
 .bannerText {
	font-size: 0.6875em;
    left: 20px;
}
 .bannerText p {
	line-height: 1;
}
.logoB2fair {
    float: right;
    max-width: 100px;
    padding: 0;
}

 nav {
     position: relative;
     top: 0;
 }
    nav ul > li	{ 
	    height: 2.5em;
        margin: 0em;
        width: 14.5%;
        padding: 0;
      	-webkit-border-radius: 0;
        border-radius: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
    }
    nav ul > li > a, nav ul > li > p {
        height: 2.5em;
        padding: 0;
        width: 14.5%;
        -webkit-border-radius: 0;
        border-radius: 0;
        z-index: 90;
}
#clock {
        position: absolute;
        top: 0px;
        right: 0;
        width: 100px;
        font-size: 0.725em;
        font-weight: normal;
    }
    #clock .text {
        display: none;
    }
#clock p {
    margin: 0;
    font-size: 0.725em;
}
#clock span {
    font-weight: normal;
    border: 1px solid rgba(0, 85, 166, 0.2); 
    box-shadow: none;	
}
    .socials { 
        display: none;
    }
    .language {
        font-size: 0.8em;
        top: 5px;
    }	
   div.currentLogin {
       position: relative;
       max-width: 40em;
       display: inline;
       line-height: 1em;
       height: auto;
       padding: 0;
    }
    div.currentLogin p
    {
        padding: 5px 20px 5px 20px;
    }
    p.teasertext {
        font-size: 0.875em; 
    }

    #anmeldung div.inner {
        width: 100%; 
        clear: both; 
        margin-top: 100px;
    }
    #anmeldung div.inner.right {
        position: absolute; 
        width: 100%; 
        padding-left: 20px; 
        margin: 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.1em;
    }
    #EventPartnerView img  {
        width: 60%;
        height: auto;
    }
    #anmeldung .boxgebuehr textarea.textleft{
        line-height: 0.8em;
        padding: 0;
        margin: 0;
    }
    #anmeldung .boxgebuehr input.textright {
        line-height: 0.8em;
        padding: 0;
        margin: 0;
    }
    #accordionAP div.left{
        clear: both;
        width: 100%;
    }
    .chosen-container{ 
        font-size: 11px;
    }
    .chosen-container .chosen-results li {
        padding: 2px;
    }
    fieldset.Katalog div.zeile {
    display: inline-block;
    margin: 10px;
    padding: 0px;
    }
    fieldset.Katalog div.zeile article{
        margin: 0 0 10px 0;
        padding: 10px;
        height: 100%;
    }

    div.Katalogsuche {
        font-size: 0.8125em;
    }
    .Katalogsuche .kl.center { text-align: left;}
    #nhdataTableList th { padding: 2px; }
    #nhdataTableList td { padding: 2px; word-wrap:break-word;}
    #nhdataTableList img {width: 75%; height: auto;}
    footerCC {
        font-size: 0.55em;
    }
    .footerCC p.NH { 
    font-size: 0.75em; 
    }
    .footerCC p.NHLeft { 
        font-size: 0.75em; 
    }

    #areaDataTable {
        font-size: 0.7125em;
        line-height: 1.2;
        margin: 0;
        padding: 5px;
        width: 100%;
    }

    .Katalogsuche .kl span { display: inline; }
        .Katalogsuche .kl span:nth-of-type(3):after {
            content: "\A";
            white-space: pre;
        }
    .Katalogsuche button.b2fBlue {margin: 5px; font-size: 1.3em; width: 100px;  padding: 5px 10px 5px 10px;} 
    
}

/* 480 */
@media only screen and (max-width: 480px) {
    header {
        max-height: 8em;
        min-height: 3em;
    }
    #clock {
        width: 100px;
        font-size: 0.6em;
    }
    #clock p { 
        margin: 0.1em; 
    }
    #clock .text { 
        display: none;
    }
    .bannerText {
        font-size: 0.6em;
        left: 10px;
    }
    .bannerText p {
        line-height: 1;
    }
    .logoB2fair {
        max-width: 80px;
        padding: 0 0 5px 0;
    }
    nav ul > li	{ 
        font-size: 0.5em;
    }
    p.teasertext {
        font-size: 0.75em; 
    }
    header.fixed {
        height: 80px;
    }
    header.fixed .bannerText{
        font-size: 0.5em;
        margin: 10px 30px 30px 30px;
    }
    nav.fixed  ul{
        font-size: 0.6em;
        font-weight: normal;
        line-height: 1;
    }
    nav.fixed  ul > li > a{
        font-weight: normal;
    }

    #anmeldung div.tabs {
        padding: 0;
    }
    #anmeldung .ui-tabs .ui-tabs-panel {
        margin: 0;
        padding: 0;
    }
    #anmeldung fieldset {
        margin:0;
        padding: 5px;
        left: 0;
        right: 0;
    }
    #anmeldung input[type="text"].T300 {
        width: 220px !important;
        width: 220px !important;
    }
   .box.partner.menu  { 
        font-size: 1.2em; 
    }
    .Katalogsuche .kl span { display: block; }
    .Katalogsuche button.b2fBlue {width: 100%; margin: 2px; font-size: 1.5em;}

    .Katalog div.kl {width: 75%;}
    .Katalog div.kr {width: 100%; float: left; padding: 0;}

    #areaMyB2fair .right.myB2fair { width: 100%;}
    #areaMyB2fair .left.myB2fair { width: 100%;}

    #areaMyB2fair .left.myB2fair { clear:both;}
    #areaMyB2fair .left.ap{ clear:both; width: 100%}
    #areaMyB2fair .left.firma { clear:both; width: 100%;}
    #areaMyB2fair .right myB2fair upload {clear: both; width: 100%}
    #areaMyB2fair .right.myB2fair { clear: both;}
    #areaMyB2fair .box.myB2fair.menu.bgbmittel {width: 15em; font-size: 12px; padding-top: 5px;}
    #areaMyB2fair .box.myB2fair.menu.bgbmittel img {padding-top:10px; padding-left: 5px;}
    #areaMyB2fair .box.myB2fair.menu {width: 12em;}
    #areaMyB2fair .box.partner.menu.bggbasic.bgorange {width: 16em; font-size: 12px; padding-top: 5px;}
    #areaMyB2fair .box.partner.menu.bggbasic.bgorange img {padding-top:10px; padding-left: 5px;}

}
/* 320 */
@media only screen and (max-width: 320px) {
    nav ul > li	{ 
        width: 33%;
        max-width: 34%;
        overflow: hidden;
    }
    nav ul > li:nth-of-type(3) { width:34%; }
    nav ul > li:nth-of-type(6) { width:34%; }
    nav ul > li	{ 
        width: 33%;
    }
    .mainContent .zeile {
        display: inline-block;
        margin: 0;
        width: 90%;
    }
        p.teasertext {
        font-size: 0.6em; 
    }

    .X {
        width: 40%;
    }
    .support {
        margin-bottom: 20px;
    }
    .Y .contact {
        width: 40%;
    }
     .rslidesBox  {
         min-height: 150px;
     }
    .rslidesBox h3 {
        font-size: 0.4em;
    }
    .rslidesBox li p.partnerText {
	    font-size: 0.4em;
    }
   .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;
      }
}


td.chosen-required {
       border: solid 0.01em #dd0000;
}


@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;}
}

.color1 {color: #eb4b4a; }
.color2 { color: #cb4240; }
.color3 { color: #a83836;}
.color4 { color: #1db7c2; }
.color5 { color: #1a97a0; }
.color6 { color: #08577c; }
.color7 { color: #004364; }
.color8 { color: #01324a; }


.bgcolor1 { background-color: #eb4b4a; }
.bgcolor1Icon { background: #eb4b4a; border-color: #eb4b4a; }
.bgcolor1:hover { background-color: #a23432; }
.bgcolor1Icon:hover { background: #a23432; border-color: #a23432; }

.bgcolor2 { background-color: #cb4240; }
.bgcolor2Icon { background: #cb4240; border-color: #cb4240;}
.bgcolor2:hover { background-color: #802827;}
.bgcolor2Icon:hover { background: #802827; border-color: #802827;}

.bgcolor3 { background-color: #a83836; }
.bgcolor3Icon { background: #a83836; border-color: #a83836; }
.bgcolor3:hover { background-color: #5a201f; }
.bgcolor3Icon:hover { background: #5a201f; border-color: #5a201f; }

.bgcolor4 { background-color: #1db7c2; }
.bgcolor4Icon { background: #1db7c2; border-color: #1db7c2; }
.bgcolor4:hover { background-color: #157d84; }
.bgcolor4Icon:hover { background: #157d84; border-color: #157d84; }

.bgcolor5 { background-color: #1a97a0; }
.bgcolor5Icon { background: #1a97a0; border-color: #1a97a0;}
.bgcolor5:hover { background-color: #125a5f; }
.bgcolor5Icon:hover { background: #125a5f; border-color: #125a5f; }

.bgcolor6 { background-color: #08577c; }
.bgcolor6Icon { background: #08577c; border-color: #08577c; }
.bgcolor6:hover { background-color: #073d57; }
.bgcolor6Icon:hover { background: #073d57; border-color: #073d57; }

.bgcolor7 { background-color: #004364; }
.bgcolor7Icon { background: #004364; border-color: #004364; }
.bgcolor7:hover { background-color: #046da2; }
.bgcolor7Icon:hover { background: #046da2; border-color: #046da2; }

.bgcolor8 { background-color: #01324a; }
.bgcolor8Icon { background: #01324a; border-color: #01324a; }
.bgcolor8:hover { background-color: #025279; }
.bgcolor8Icon:hover { background: #025279; border-color: #025279; }


.nichtvorhanden {  opacity: 0.5; }

/* 
--------------------------------------------------------------------------------
Togglebox
--------------------------------------------------------------------------------
*/
div.datatableTogglebox {
}
h1.datatableToggleboxHeader,
h1.datatableToggleboxHeaderDisabled {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 5.2em;
    min-height: 0px;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    background-image: none;
    font-weight: bold;
    text-transform: none;
}
h1.datatableToggleboxHeader {
    cursor: pointer;
}
.datatableToggleboxHeaderIcon {
    position: absolute;
    left: -0.5em;
    top: 50%;
    margin-top: -8px;
}

div.datatableToggleboxContent{
    padding: 0 0 0 0.5em;
    margin: 0;
}
    div.datatableToggleboxContent table {
        margin: 0;
        width: 100%;
    }
        div.datatableToggleboxContent table td {
            padding: 0;
            font-size: 0.8em;
            line-height: 1.3;
            padding-bottom: 0.5em;
        }


/* -----------------------------------------------------------------------------------------------------*/
/* #areaAdmin                                                                                           */
/* -----------------------------------------------------------------------------------------------------*/
#areaAdmin .zeile{
    display: inline-block;
    margin: 0;
    width: 100%;
    align-items: baseline;
    justify-content: center;
}
#areaAdmin fieldset {
}
#areaAdmin legend {
    margin: auto;
    margin-bottom: 40px;
    font-size: 1.2em; 
    color: #44c5cc;
    padding: 20px;
    text-transform: uppercase
}
.no-flexbox #areaAdmin .zeile {
    float: left;
}

.box.index3  { 
    display: -moz-box;
    display: block;
    font-size: initial; 
    line-height: 1.2;
    margin: 10px;
    padding: 20px;
    text-align: center; 
    text-transform: uppercase;
    width: 100%;
}

.box.index3 a { 
    text-decoration: none; 
    display: inline;
}

.box.index3.aktiv		{ }
.box.index3.inaktiv	    { }

.sechseck {
    width: 140px;
    height: 80px;
    position: relative;
    margin: auto;
    margin-bottom: 50px;
}

.sechseck:before, .sechseck:after  {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
}

.sechseck:before {
    top: -40px;
    border-bottom-width: 40px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
}
.sechseck:after {
    bottom: -40px;
    border-top-width: 40px;
    border-top-style: solid;
    border-top-color: inherit;
}

.indexmitte {

}
.inaktiv {

}
.aktiv {

}

/* neues Layout wegen Icons */
@media screen and (min-width: 600px) {
    #areaAdmin .zeile {
        display: -ms-flexbox;   /* TWEENER - IE 10 */
        display: -webkit-flex;  /* NEW - Chrome */
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
        display: flex;          /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: row; 
        flex-direction: row; 
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        -webkit-align-items: stretch;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content:flex-start;
    }
    .box.index3 {
        min-width: 23%;
        width: 23%;
        border: none;
    }
    #areaAdmin legend {
        margin: inherit;
    }
}

@media screen and (min-width: 800px) {
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1280px) {
}


/* --------------------------------------------------------------------------------	*/
/* no-flex für IE 9.0                                                               */
/* --------------------------------------------------------------------------------	*/
 .no-flexbox .zeile{
     border-spacing: 10px;
 }
 .no-flexbox article{
        width: 100%;
 }
 .no-flexbox article.ohneBox{
        display: block;
        width: 100%;
 }
 .no-flexbox .flexsliderEvent article {
        display: block;
        width: inherit;
 }

#cookiehinweis {
    background-color: #dddddd;
    color: #ffffff;
	padding: 10px;
	height: auto;
	position: fixed;
	z-index:99;
	max-width: 78em;
    width: 100%;
    line-height: 2;
}
    #cookiehinweis span.left {
        float: left;
    }
	#cookiehinweis span.right {
		float: right;
	}
    #cookiehinweis span.right a {
	    background-color: #1c4375;
        color: #FFFFFF;
        padding: 2px 10px 2px 10px;
		text-decoration: none;
	}
	#cookiehinweis span.right a:hover {
		text-decoration: underline;
	}
	
	#cookiehinweisClose {
		margin-left: 20px;
		background: #0055a6; 
		padding: 2px 8px 2px 8px;
		text-decoration: none;
		border-top:1px solid white; 
		border-left:1px solid white; 
	}