/* 
styleName::		community.css
development info
editor::	Rech, Jonas [jr]
date:::		2009-01
project::	
update info:
$updateInfo$
*/

#container_tabelle {
width: 98%;
/* padding: 10px 0px 0px 0px; */
/* argin-left: 10px; */
}
.column3_1 {
width: 22%;
padding: 4px 0px 0px 0px;
margin-top: 4px;
float: left;
background: #F2F2F2;
}
.column3_2 {
width: 25%;
padding: 4px 0px 0px 0px;
margin-top: 4px;
margin-left: 1%;
float: left;
background: #F2F2F2;
}
.column3_3 {
width: 50%;
padding: 4px 0px 0px 0px;
margin-top: 4px;
margin-left: 1%;
float: left;
background: #F2F2F2;
}

.column5A {
width: 680px;
padding: 5px 0 5px 0;
margin: 5px 0 5px 5px;
min-height:65px; height:auto!important; height:65px;}

.column5B {
width: 680px;
padding: 5px 0 5px 0;
margin: 5px 0 5px 5px;
min-height:65px; height:auto!important; height:65px;}

.column5A .column5_1 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:45px; height:auto !important; height:45px; }
.column5A .column5_2 {width: 230px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:45px; height:auto !important; height:45px; }
.column5A .column5_3 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:45px; height:auto !important; height:45px; }
.column5A .column5_4 {width: 120px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:45px; height:auto !important; height:45px; }
.column5A .column5_5 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:45px; height:auto !important; height:45px; }

.column5B .column5_1 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:45px; height:auto !important; height:45px;}
.column5B .column5_2 {width: 230px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:45px; height:auto !important; height:45px;}
.column5B .column5_3 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:45px; height:auto !important; height:45px;}
.column5B .column5_4 {width: 120px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:45px; height:auto !important; height:45px;}
.column5B .column5_5 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:45px; height:auto !important; height:45px;}

.column5A .column4_1 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:80px; height:auto !important; height:80px; }
.column5A .column4_2 {width: 220px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:80px; height:auto !important; height:80px; }
.column5A .column4_3 {width: 230px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:80px; height:auto !important; height:80px; }
.column5A .column4_4 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#FFFFFF; min-height:80px; height:auto !important; height:80px; }

.column5B .column4_1 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:80px; height:auto !important; height:80px;}
.column5B .column4_2 {width: 220px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:80px; height:auto !important; height:80px;}
.column5B .column4_3 {width: 230px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:80px; height:auto !important; height:80px;}
.column5B .column4_4 {width: 100px; float: left; margin-left: 4px; padding-top: 2px; padding-left: 2px; background-color:#F1EEE8; min-height:80px; height:auto !important; height:80px;}
/* displayRegister */

.listExhibition {
border-bottom: 1px solid;
width: 480px;
float: left;
}
.listImage {
width: 150px;
float: left;
margin-top: 15px;
}
.listText {
width: 330px;
float: left;
}
.listNotation {
width: 330px;
float: left;
}
.listDate {
width: 330px;
float: left;
}
.listDateFrom {
width: 165px;
float: left;
}
.listDateTo {
width: 165px;
float: left;
}
.listCountry {
width: 165px;
float: left;
}
.listCity {
width: 165px;
float: left;
}
.listName {
width: 330px;
text-decoration: underline;
}
.listAmbit {
width: 330px;
float: left;
}
.listCompanyNotation {
width: 165pc;
float: left;
margin-top: 15px;
}
.trademarkLogo {
width: 480px;
float: left;
}
.logo_pic {
width: 150px;
float: left;
margin-top: 18px;
}
.text {
width: 330px;
float: left;
}
.textproduct {
width: 330px;
float: left;
margin-top: 15px;
}
.trademarkPic {
width: 480px;
float: left;
border-top: 1px solid;
border-bottom: 3px solid;
padding: 0px 0px 15px 0px;
}
.container_all {
width: 480px;
float: left;
}
.listProductline {
border-bottom: 1px solid;
width: 480px;
float: left;
}
.listDescription {
width: 330px;
float: left;
}
.listImages {
width: 150px;
float: left;
}

/* Basiseinstellungen f?r Sliding-Searchbox */

.sliding_searchbox {
	width: 95%; /* Hier die Breite der Box je nach Bedarf eingeben. U.U. auch in % */
}


/* Grauer Hintergrund */

.sliding_searchbox .grau_re_o {
	background: url(../images/register/bg_grau_re_o.gif) right top no-repeat;
	margin:0;
	padding:0;
}

.sliding_searchbox .grau_li_o {
	background: url(../images/register/bg_grau_li_o.gif) left top no-repeat;
	margin:0;
	padding:0;
}

.sliding_searchbox .grau_re_u {
	background: url(../images/register/bg_grau_re_u.gif) right bottom no-repeat;
	margin:0;
	padding:0;
}

.sliding_searchbox .grau_li_u {
	background: url(../images/register/bg_grau_li_u.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}

/* Gelber Hintergrund */

.sliding_searchbox .gelb_re_o {
	background: url(../images/register/bg_gelb_re_o.gif) right top no-repeat;
	margin:0;
	padding:0;
}

.sliding_searchbox .gelb_li_o {
	background: url(../images/register/bg_gelb_li_o.gif) left top no-repeat;
	margin:0;
	padding:0;
}

.sliding_searchbox .gelb_re_u {
	background: url(../images/register/bg_gelb_re_u.gif) right bottom no-repeat;
	margin:0;
	padding:0;
}

.sliding_searchbox .gelb_li_u {
	background: url(../images/register/bg_gelb_li_u.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}

/* Diverse Inhaltselemente f?r die Searchbox */

.sliding_searchbox .sucheFeld {height: 90px; /* fixe H?he wegen Abstandsproblem von IE6 */}
.sliding_searchbox .sucheEingabe {padding: 10px 0}
.sliding_searchbox .sucheSortieren {padding: 0 0 5px 0}
.sliding_searchbox .sucheSortieren span {padding: 0 10px 0 0}

.sliding_searchbox .content {
	line-height: 17px;
	padding: 7px;
	text-align: center;
}

.sliding_searchbox .inputBox {
	border: 1px solid #898100;
	font: 12px Arial, Helvetica, Geneva, "sans serif";
	margin: 0 8px;
	padding: 2px 0 3px 3px;
	width: 250px
}


.sliding_searchbox .button {
	border: none;
}


.sliding_searchbox .sucheAuswahl {
	padding-top: 8px;
}

.sliding_searchbox .sucheAuswahl a {
	font-weight: bold;
	padding: 0 4px;
}


/*	Front-End: Listing-Ausgabe	*/
table.tbl_messeaussteller {
	background-color: #FFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0 0 0 0; /* muss im Gesamtkontext angepasst werden */
	width: 100%; /* was auch immer an Breite ben?tigt wird hier anpassen */
}

table.tbl_messeaussteller caption { display: none; }
table.tbl_messeaussteller tr.stripe { background-color: #F1EEE8; }

table.tbl_messeaussteller th, table.tbl_messeaussteller td {
/*	border-right: 1px solid #FFF; */
	border-left: 1px solid #FFF;
/*	border-bottom: 1px solid #FFF;  */
	padding: 5px 6px;
	text-align: left;
	vertical-align: top;
}

table.tbl_messeaussteller th {
	background-color: #E2DDD5 ;	
	font-weight: bold;
}

table.tbl_messeaussteller td a.tbl_link {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

table.tbl_messeaussteller td a:hover.tbl_link { color: #E10A80; }

table.tbl_messeaussteller td.column1 {width: 100px;}
table.tbl_messeaussteller td.column2 {width: 200px;}
table.tbl_messeaussteller td.column3 {width: 100px;}
table.tbl_messeaussteller td.column4 {width: 110px;}
table.tbl_messeaussteller td.column5 {width: 100px;}
 /*	/Front-End: Listing-Ausgabe	*/

 /* Showroom: Messe	*/
table.tbl_showMesse {
	background-color: #FFF;
	margin: 0 0 0 0; /* muss im Gesamtkontext bei Bedarf angepasst werden */
	width: 95%; /* was auch immer an Breite ben?tigt wird hier anpassen */
}

table.tbl_showMesse caption { display: none; }

table.tbl_showMesse th.th_left {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #E2DDD5 ;
	padding: 5px 6px;
	text-align: left;
	vertical-align: top;
}

table.tbl_showMesse th {
	background-color: #E2DDD5 ;	
	font-weight: bold;
}

table.tbl_showMesse th, table.tbl_showMesse td { 
	padding: 5px 6px;
	text-align: left;
	vertical-align: top;
}

table.tbl_showMesse .messe_detail { margin: 12px 0 0 0; }
table.tbl_showMesse p { line-height: 17px;margin: 5px 0 0 0; }
table.tbl_showMesse h3 { font-size: 13px; margin: 5px 0 5px 0; }

table.tbl_showMesse td a.tbl_link {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

table.tbl_showMesse td a:hover.tbl_link { color: #E10A80; }
table.tbl_showMesse td { border-bottom: 1px solid #E2DDD5; }
table.tbl_showMesse td.td_left { border-left: 1px solid #E2DDD5 ; border-right: 1px solid #E2DDD5 ; white-space: nowrap; }
table.tbl_showMesse td.td_right { border-right: 1px solid #E2DDD5 ; }

/* /Showroom: Messe */

/* Showroom: Sortiment	*/
table.tbl_showSortiment {
	background-color: #FFF;
	border-bottom: 1px solid #E2DDD5 ;
	margin: 0 0 0 0; /* muss im Gesamtkontext bei Bedarf angepasst werden */
	width: 450px; /* was auch immer an Breite ben?tigt wird hier anpassen */
}

table.tbl_showSortiment caption { display: none; }

table.tbl_showSortiment th, table.tbl_showSortiment td { 
	padding: 5px 6px;
	text-align: left;
	vertical-align: top;
}

table.tbl_showSortiment .messe_detail { margin: 12px 0 0 0; }
table.tbl_showSortiment p { line-height: 17px;margin: 5px 0 0 0; }
table.tbl_showSortiment h3 { font-size: 13px;margin: 5px 0 5px 0; }

table.tbl_showSortiment td a.tbl_link {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

table.tbl_showSortiment td a:hover.tbl_link { color: #E10A80; }
table.tbl_showSortiment td { border-top: 1px solid #E2DDD5 ; border-right: 1px solid #E2DDD5 ; border-left: 1px solid #E2DDD5 ; }

table.tbl_showSortiment .imgSortiment {
	float:left;
	margin: 5px 0 0 0;
/*	width: 180px; /* hier die Definitione der Bildbreite eintragen und unten anpassen */
}

table.tbl_showSortiment .imgSortiment img {
	border: 1px solid #EEE;
	padding: 5px;
}

table.tbl_showSortiment .descSortiment {
	line-height: 17px;
/*	margin: 0 0 0 190px; /* angepasst an die Breite des Bildcontainers + 10px */
/*	width: 235px; /* Muss evtl. noch angepasst werden. Leider feste weil der IE 6 ansonsten den 3-Pixel-Jog Bug zeigt */
}

/* Showroom: Sortiment */

/* verwaltung */
.trademarkDescription {margin-bottom:10px;}

.cancelButton {margin-top:10px;}

.cancelViewData {width: 500px;}
.cancelViewData dl {line-height: 17px;}
.cancelViewData dt {float: left;font-weight: bold;width: 150px;}
.cancelViewData dd {font-weight: normal;margin-left: 11em;font-size: 11px;}



