/* stylesheet - fairtrade  */
/* MWE:
	klassen für fairtrade-seiten mit ...-fairtrade, klassen für messe-seiten mit ...-exhibition, allgemeine klassen ohne
*/

/****** colors  *******/

/*
Blau (z.B. für Trennerlinien + Navi): #294790
Gruen: #50B75F  für A-tags: #00822B;
Grau-hell (als HG fuer content): #F4F4F4
Grau-mittel (z.B. fuer kl. Kaestchen): #E5E5E5
Grau-dunkel (fuer Text im content): #3C3A3B
*/
/* styles fuer tt_news modul*/
@import url(tt_news.css);

body { 
	background: transparent;
	font: 12px Arial, Verdana, Helvetica, sans serif;
	color: #3C3A3B; 
   border: none;
	padding: 0px;
	margin: 0px;	
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-track-color: #EEEEEE;
	height: 100%;	
	overflow:auto;
}
.important {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	padding-bottom: 20px;
	margin: 0px;
}

h1,h4,h6 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	padding-bottom: 20px;
	margin: 0px;
}
h5{
	font-size: 10px;
	font-weight: normal;
}
.csc-firstHeader {
		font: bold 16px Arial, Helvetica, sans-serif;
}

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #808080;
}

h3,div.content-body-teaser-left-exhibition h1,div .content-body-teaser-right-exhibition h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	padding: 0px;
	margin: 25px 0px 5px 0px;
}

h3.csc-firstHeader{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	padding: 0px;
	margin: 25px 0px 5px 0px;
}
 a,
a:link,
a:visited {
	color: #00822B;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a:hover,
a:active {
	text-decoration: none;	
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.main-exhibition {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.main-fairtrade {
	min-height: 400px; 
}

.start-content {

	background: #FFF;
	position: relative;
	height: 57.7%;
	overflow: visible;
	border: 1px;
	top: -50px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	min-height: 140px;
}

*html .start-content {
	top: 120px;
}
/* text */

.paragraphtext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
}
/* -------------------- content elemente -------------------- */
.logo-fairtrade  {
	height: 75px;
	padding-top: 15px;
	padding-bottom: 10px;}
/* SEN rausgenommen */
/*
.logo-fairtrade  {
	height: 75px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;	
	left:0px;
}

.logo-link {
	position: relative;
	top: 63px;
}
*/

.pic-header-fairtrade {
	background: #FFF;
	height: 175px;
	text-align: left;
	position: relative;
	top: 0px;
	overflow: hidden;
}

* html .pic-header-fairtrade {
	width: 995px;
}

.content-fairtrade {
	background: #FFF;
	overflow: visible;
	position: relative;
	left: 335px;
	width: 650px;
}
* html .content-fairtrade {
	position: absolute;
	height: 81.3%;
	padding-bottom: 20px;
}
.exhibition-content-fairtrade {
	background: #FFF;
	position: relative;
	left: 335px;
	width: 600px;
}

.exhibition-pic-fairtrade {
	position: relative;
	left: 0px;
	float: left;
}

.exhibition-text-fairtrade {
	position: relative;
	left: 25px;
	vertical-align: middle;
	padding-left: 25px;
}

.header-exhibition {
	background: #FFF;
	height: 75px;
	position: relative;
	top: 0px;
}

.header-pic-exhibition {
	background: transparent;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 75px;
	width: 825px;
	padding: 0px;
	margin: 0px;
}
.header-pic-exhibition img {
	border: none;
}


* html .header-pic-exhibition {
	width: 805px;
}

.exhibition-finder-exhibition {
	background: #E5E5E5;
	position: absolute;
	top: 105px;
	left: 5px;
	width: 160px;
	height: 20px;
	padding: 5px;
}

.content-exhibition {
	background: #F6F6F6;
	border: 1px solid #2A4386;
/*	border-right: 0;*/
	width: 670px;
	height: 380px;
	position: absolute;
	top: 110px;
	left: 185px;
	padding: 0px;
	margin: 0px; 
}

* html .content-exhibition {
	/*height: 81.3%;*/
	width: 649px;
	border:1px solid #2A4386;
	/*background: Red;*/
}

.content-header-exhibition {
	height: 110px;
	position: relative;
	margin: 40px 20px 0px 10px;
	padding: 0px;
}
* html .content-header-exhibition{
	margin-top: 20px;
}
.content-header-pic-exhibition{
	width: 315px;
}
.content-header-text-exhibition{
	width: 315px;
	position: absolute;
	left: 290px;
	top: 0px;
}
.content-header-text-exhibition h1{
	font: bold 16px Arial, Helvetica, sans-serif;
}

.content-body-exhibition {
	background: #F6F6F6;
	position: relative;
	left:-1px;
	padding:0;
	margin: 0;
	width:670px;
	min-height:70%;
/*	height: 80%;*/
	border:1px solid #2A4386;
	border-top: 3px dotted #CCC;
	padding-top: 10px;
	overflow: auto;	
/*	background-color: #22ff55;*/
}

* html .content-body-exhibition {
/*	position: relative;*/
	width:649px;

	left:0px;
	border:0;
/*	height: 58.7%;
	overflow: auto;*/
}

.content-body-text-exhibition {
	position: relative;
	top: 0px;
	left:0px;	
	padding: 25px 15px 10px 20px;
/*	width: 610px;
	height: auto;*/
	/*background-color: #2222ff;*/
}
* html .content-body-text-exhibition {
/*	position: absolute;*/
	padding: 25px 10px 10px 10px;
	width: 580px;
	/*min-height: 200px;
	height: 85%;*/
}


.content-body-teaser-left-exhibition {
	width: 300px;
	float:left;
	height: 100%;
	padding: 0px 0px 0px 10px;
}

* html .content-body-teaser-left-exhibition {
	width: 285px;
}

.content-body-teaser-right-exhibition {
	width: 315px;
	float: right;
	height: 100%;
	padding: 0px 15px 0px 0px;
}

* html .content-body-teaser-right-exhibition {
	width: 285px;
}

.teaser-exhibition {
	width: 285px;
	padding: 5px 0px 10px 0px;
}

.sponsor-exhibition {
	background: #FFF;
	position: absolute;	
	top: -1px;
	left: 671px;
	border-top: 1px solid #2A4386;
	border-right: 1px solid #2A4386;
 	border-bottom: 1px solid #2A4386;
	width: 150px;
	min-height: 429px;
}

* html .sponsor-exhibition {
	left: 649px;
	/*height: 100%;*/
	border-left: 1px solid #2A4386;
} 

.sponsor-content-exhibition {
	padding: 25px 15px 10px 10px;
	margin:0;
	margin-left: -1px;
	height: 90%;
	border-left: 1px solid #2A4386;
}

*html .sponsor-content-exhibition {
	padding: 20px 5px 10px 10px;	
}

*html .sponsor-content-exhibition img {
	/*padding: 10px 0px 10px 0px;*/
	margin: 0px;
	border: 0px;
}

/* exhibition-finder-exhibition */

.exhibition-finder-exhibition select {
	font: 10px Arial, Helvetica, sans-serif;
	width: 160px;
	border: 1px solid #808080;
}

/* -------------------- navi elemente -------------------- */

.top-navi-fairtrade {
	background: #FFF;
	height: 25px;
	position: absolute;
	top: 300px;
	left: 335px;
}

*html .top-navi-fairtrade {}

.top-navi-exhibition {
	background: #FFF;
	height: 25px;
	width: 640px;
	position: relative;
	top: 10px;
	left: 190px;
	float: left;
}

* html .top-navi-exhibition {
	background: #FFF;
	height: 25px;
	width: 640px;
	position: absolute;
	top: 85px;
	left: 190px;
}

.left-navi-exhibition {
	position: absolute;
	top: 145px;
	left: 5px;
	width: 185px;
	padding: 0px;
	margin: 0px;
}

* html .left-navi-exhibition {
	position: absolute;
	top: 145px;
	left: 0px;
	width: 185px;
	padding: 0px;
	margin: 0px;
}
.icon-navi-exhibition {
	position: absolute;
	left: 835px;
	top: 85px;
	height: 25px;
	width: 150px;
}

* html .icon-navi-exhibition {
	position: absolute;
	left: 805px;
	top: 85px;
	height: 25px;
	width: 150px;
}

.icon-navi-print-exhibition {
	background: #FFF;
	height: 25px;
	width: 30px;
	position: absolute;
	left: 0px;
	top: 3px;
}

.icon-navi-lang-exhibition {
	position: absolute;
	left: 35px;
	top: 3px;
}

.icon-navi-imprint-exhibition {
	position: absolute;
	left: 100px;
	top: 3px;
}


.footer-fairtrade {
	background: #FFF;
	height: 15px;
	width: 200px;
	padding-left: 10px;
	z-index: 5001;
	position: relative;
	top: 50px;
}

* html .footer-fairtrade {
	position: relative;
	top: 300px;
}

.exhibition-navi-fairtrade {
	background: transparent;
	position: absolute;
	top: 300px;
	width: 335px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	min-height: 335px;
	height: 335px;
	clear: both;
}
/* top-navi-fairtrade/ top-navi-exhibition */

ul.top-navi-link {
	background: #FFF;
	padding: 0px;
	margin: 0px;
	list-style: none;
	font: 12px Arial, Helvetica, sans-serif;
}
li.top-navi-link {
	background:  url(layout/bg_navi_no-fairtrade.gif) no-repeat right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
	padding: 0px;
	float: left;
	list-style: none;
	vertical-align: top;
}

li.top-navi-link a,
li.top-navi-link a:link,
li.top-navi-link a:visited {
	background:  url(layout/bg_navi_no-fairtrade.gif) no-repeat right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
	padding: 14px 28px 5px 0px;
	list-style: none;
	vertical-align: top;
}

li.top-navi-link a:hover,
li.top-navi-link a:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
	padding: 14px 28px 5px 0px;
	background:  url(layout/bg_navi_cur-fairtrade.gif) no-repeat right;
	list-style: none;
	vertical-align: top;
}

li.top-navi-link-cur {
	background:  url(layout/bg_navi_cur-fairtrade.gif) no-repeat right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
	padding: 0px;
	float: left;
	list-style: none;
	vertical-align: top;
}


li.top-navi-link-cur a,
li.top-navi-link-cur a:link,
li.top-navi-link-cur a:visited,
li.top-navi-link-cur a:hover,
li.top-navi-link-cur a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
	padding: 14px 28px 5px 0px;
	background: url(layout/bg_navi_cur-fairtrade.gif) no-repeat right;
	list-style: none;
	vertical-align: top;
}


/* left-navi-exhibition */
ul.left-navi-link-exhibition {
	background: #FFF;
	padding: 0px;
	margin-left: 15px;
	color: #3C3A3B;
}

* html ul.left-navi-link-exhibition {
	background: #FFF;
	padding: 0px;
	margin: 0px;
	color: #3C3A3B;
}

li.left-navi-link-exhibition {
	text-decoration: none;
	color: #3C3A3B;
	list-style: outside url(layout/list_item_left_navi.gif);
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 18px;
}
* html li.left-navi-link-exhibition {
	list-style: inside url(layout/list_item_left_navi.gif);
	height: 18px;
}

li.left-navi-link-cur-exhibition {
	text-decoration: none;
	color: #3C3A3B;
	list-style: outside url(layout/list_item_left_navi_cur.gif);
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 18px;
}
* html li.left-navi-link-cur-exhibition {
	list-style: inside url(layout/list_item_left_navi_cur.gif);
	height: 18px;
}

li.left-navi-link-exhibition a, 
li.left-navi-link-exhibition a:link, 
li.left-navi-link-exhibition a:visited {
	background: #FFF;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	vertical-align: top;
	display: inline;
	margin: 0px;
	padding: 0px;
}

* html li.left-navi-link-exhibition a,* html li.left-navi-link-exhibition a:link,* html li.left-navi-link-exhibition a:visited {
	font: 12px/10px Arial, Helvetica, sans-serif;
}

li.left-navi-link-exhibition a:hover, 
li.left-navi-link-exhibition a:active {
	text-decoration: none;
	/*font: bold 12px/10px Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	color: #3C3A3B;
	vertical-align: top;
	display: inline;
	margin: 0px;
	padding: 0px;
}

* html li.left-navi-link-exhibition a:hover, 
* html li.left-navi-link-exhibition a:active {
	font: bold 12px/10px Arial, Helvetica, sans-serif;
}

li.left-navi-link-cur-exhibition a,
li.left-navi-link-cur-exhibition a:link,
li.left-navi-link-cur-exhibition a:visited,
li.left-navi-link-cur-exhibition a:hover,
li.left-navi-link-cur-exhibition a:active {
	background: #FFF;
	text-decoration: none;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	vertical-align: top;
	display: inline;
	margin: 0px;
	padding: 0px;
}

* html li.left-navi-link-cur-exhibition a, 
* html li.left-navi-link-cur-exhibition a:link, 
* html li.left-navi-link-cur-exhibition a:visited,
* html li.left-navi-link-cur-exhibition a:hover, 
* html li.left-navi-link-cur-exhibition a:active {
	font: bold 12px/10px Arial, Helvetica, sans-serif;
}



/* footer-fairtrade */

a.footer-fairtrade {
	font: 10px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
}

/* exhibition-navi-fairtrade */

.exhibition-navi-l1-fairtrade {
	background: transparent;
	padding: 52px 0px 0px 10px;
	color: #3C3A3B;
}
a.exhibition-navi-l1-fairtrade:link,
a.exhibition-navi-l1-fairtrade:visited,
a.exhibition-navi-l1-fairtrade:hover,
a.exhibition-navi-l1-fairtrade:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
}

.exhibition-navi-l2-fairtrade {
	position: relative;
	top: -55px;
	left: 140px;
	width: 150px;
	visibility: visible;
}

a.exhibition-navi-l2-link-fairtrade:link,
a.exhibition-navi-l2-link-fairtrade:visited {
	background: transparent;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3C3A3B;
	text-decoration: none;
}

.exhibition-navi-l2-fairtrade a:hover,
.exhibition-navi-l2-fairtrade a:active {
	background: transparent;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3C3A3B;
}

/* -------------------- print styles -------------------- */

/* exhibition sites*/

.print-body {

}

.logo-fairtrade-print  {

}

.main-exhibition-print {
	width: 19cm;
	page: auto;
	page-break-after: always;
	padding: 1cm 0cm 0cm 1cm;	
}
.content-exhibition-print {
	width: 18cm;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	vertical-align: top;
}

.content-exhibition-print .content-header-exhibition {
	background: #FFF;
	border-bottom: 0.25em dotted #CCC;
	padding: 0.5cm 0cm 0.5cm 0cm;
	margin: 0px;
}


.content-exhibition-print .content-header-exhibition .content-header-pic-exhibition {
	float: left;
	padding-right: 1.5cm;
	margin: 0px;
	width: 4cm;
}

.content-exhibition-print .content-header-exhibition .content-header-text-exhibition {
	position: absolute;
	left: 6.5cm;
	padding: 0.5cm 0cm 0.5cm 0cm;
}

.content-body-exhibition-print {
	padding-top: 0cm;
	width: 18cm;
}

.content-body-exhibition-print .content-body-teaser-left-exhibition {
	width: 5.5cm;
	padding-right: 0.5cm;
	margin: 0px;
}

.content-body-exhibition-print .content-body-teaser-right-exhibition {
	vertical-align: top;
	padding: 0px;
	margin: 0cm 0.5cm 0cm 0cm;
	width: 6cm;
	float:left;
}

.content-body-exhibition-print .content-body-teaser-left-exhibition .teaser-exhibition {
	width: 5.5cm;
	padding: 0px;
	margin: 0px;
	
}
.content-body-exhibition-print .content-body-teaser-right-exhibition .teaser-exhibition {
	width: 5.5cm;
	padding: 0px;
	margin: 0px;
}

.content-body-exhibition-print .content-body-text-exhibition {
	width: 12cm;
	margin: 1cm 0cm 0cm 0.5cm;
	padding: 0cm;
}

.sponsor-exhibition-print {
	background: #FFF;
	width: 4cm;
	float: right;
	vertical-align: top;
	margin: 0.5cm 0cm 0cm 0cm;
	padding: 0cm;
}

html>body .sponsor-exhibition-print {
	width: 3cm;
}

.sponsor-exhibition-print .sponsor-content-exhibition {
	width: 4cm;
	padding: 0cm;
	margin: 0cm; 
	background: #FFF;
	vertical-align: top;
}

/* -------------------- RTE elemente -------------------- */

p.align-center {
	text-align: center;
}

p.align-left {
	text-align: left;
}

p.align-right {
	text-align: right;
}

/* -------------------- CSS STYLED CONTENT -------------------- */
.csc-textpic-image .csc-textpic-firstcol .csc-textpic-lastcol {
	padding: 0px;
	margin:0px;
	text-align: left;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
/* -------------------- tx-slideshow-pi1 -------------------- */

*html .tx-slideshow-pi1 {
	width: 805px;
	overflow: hidden;
}

/*--------------------- mailformplus ------------------------*/
.mailformplus_error{
	color: Red;
}

/*---------------------sp_directory--------------------------*/
.spDirectoryItem{
	margin-top: 10px;
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	border-bottom: 1px solid #2A4386;
	text-align: right;
}
.atoz a{
	
}
.atoz {
	
}
.atoz_active {
	display:inline;
	font-weight: bold;
}
.sp_directoryListInfos{
margin-left: 290px;
	/*display: inline;*/
	/*width: 70%;*/
	/*float:left;*/
	text-align: left;
}
.sp_directoryListImage{
	width: 30%;
	/*margin-top: 50px;*/
	vertical-align: middle;
	text-align: left;
	float:left;
}

.sp_directoryListInfos h2{
display: inline;
	
}
.sp_directoryListDetails{
	width:100%;
	text-align: right;
}
p.keinAbstand{
	margin-top: 0px;
}
table,td,th{
	vertical-align:top;
}
table.vertikalmittig,.vertikalmittig,table.vertikalmittig td,table.vertikalmittig th{
	vertical-align:middle;
}
.vertikalmittig{
	vertical-align:middle;
}
@media print{
	.exhibition-navi-fairtrade,.top-navi-fairtrade{
		visibility: hidden;
	}
	.content-fairtrade {
	
	left: 10px;
	width: 640px;
	}
	
}