body {
	font-family: Sans-serif;
	color: black;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	height:100%;
}

.highlight {
  background-color: #FFFFA3;
}

img {
  border:0px;
}

img.world_img {
  position:absolute;
  top:100px;
  right:15px;
}

img.preview {
  background:url(img/zp.png) top right no-repeat;
}


#smallcopyr {
  font-size:0.4em;
  color:#AAAAAA;
}


span.wanted {
  text-decoration:blink;
  color:#FF0000;
  font-weight:bold;
}


table.main {
  outline:0px solid #ff0000;
  background-color:#FFFFFF;
  background-image:url(img/bg.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position: top center;

  font-family: Sans-serif;
	color: black;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border: solid 0px #000000;
	table-layout:fixed;
	empty-cells:show;
	min-height:95%;
	min-width:900px;
}

table.standard {
  vertical-align: middle;
  outline:0px solid #101011;
  font-family: Sans-serif;
	color: black;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border: 1px solid #101011;
	empty-cells:show;
	width:114px;
}

th.standard {
  padding:2px;
  font-size:0.9em;
  text-align:left;
  background-color:#CCCCCC;
  border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #999999;
}
th.wanted {
  padding:2px;
  font-size:0.9em;
  text-align:left;
  text-decoration:blink;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#FF0000;
  border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #999999;
}



tr.standard { 
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background-color;
  -o-transition-duration: 0.3s;
  background-color: transparent;
}


tr.standard:hover { 
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.1s;
  -o-transition-property: background-color;
  -o-transition-duration: 0.1s;
  background-color:#C8FF09; 
}

img.brands{
  -moz-transition-property: background-color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color;
  -o-transition-duration: 1s;
  background-color: transparent;
  padding:15px;
  margin:5px;
  border:1px solid #999999;
}

img.brands:hover {
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.1s;
  -o-transition-property: background-color;
  -o-transition-duration: 0.1s; 
  background-color:#C8FF09; 
}

td.standard {
  padding:2px;
  font-size:1.0em;
  text-align:left;
  border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}

td.unknown {
  color:#AAAAAA;
  padding:2px;
  font-size:1.0em;
  text-align:left;
  border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}

table.candata {
	vertical-align: top;
  outline:0px solid #101011;
  font-family: Sans-serif;
	color: black;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border: 0px solid #101011;
	empty-cells:show;
}
td.candata {
  border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #999999;
  border-right: 0px solid #999999;
	padding-bottom:4px;
	padding-top:4px;
}


table.cans {
  vertical-align: middle;
  outline:0px solid #ff0000;
  /*background-color:white;*/
  font-family: Sans-serif;
	color: black;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border: solid 0px #000000;
  border-right: solid 1px #AAAAAA;
	empty-cells:show;
	width:114px;
	-moz-transition-property: background-color, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 1s;
  background-color: transparent;
}

table.cansset {
  vertical-align: middle;
  outline:0px;
  /*background-color:white;*/
  font-family: Sans-serif;
	color: black;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border: 0px;
  border-right: 0px;
	empty-cells:show;
	width:50px;
}

table.cansset:hover {
  background-color:#C8FF09; 
  color: black;
  cursor:pointer; 
}

table.cans:hover { 
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 0.1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 0.1s; 
  background-color:#C8FF09; 
  color: black;
  cursor:pointer; 
}


td.canstd { 
  padding-bottom: 0px; 
  padding-top: 0px;
}


table.mainlogo {
  outline:0px solid #ff0000;
  font-family: Sans-serif;
	color: black;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border: solid 0px #000000;
	table-layout:fixed;
	empty-cells:show;
}

th.cans_year_year {
  padding-top:3px;
  padding-left:5px;
  background-image:url(img/cans_year.png);
  background-repeat:repeat-x;
  background-attachment:scroll;
  font-size:1.0em;
  text-align:left;
}
th.cans_year_info {
  padding-top:3px;
  padding-right:5px;
  background-image:url(img/cans_year.png);
  background-repeat:repeat-x;
  background-attachment:scroll;
  font-size:0.7em;
  text-align:right;
}

td.mainlogomainrow {
  background-image:url(img/bg_head.png);
	background-repeat:repeat-x;
	background-attachment:scroll;
}	
td.mainbody { 
  padding:5px;
  vertical-align: top;
  overflow:scroll;
}
td.mainmenu {
  background-image:url(img/mainmenubg.gif);
	background-repeat:repeat-x;
	background-attachment:scroll;
  height:31px;
  width:880px;
}

td.leftshadow {
	background-image:url(img/left.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	width:8px;
}
td.rightshadow {
	background-image:url(img/right.jpg);
	background-repeat:repeat-y;
	background-position:right;
	background-attachment:scroll;
	width:8px;
}
td.bottomshadow {
	background-image:url(img/shadow_bottom.gif);
	background-repeat:repeat-x;
	background-attachment:scroll;
	height:10px;
}
td.leftbottomshadow {
	background-image:url(img/shadow_l.gif);
	background-repeat:repeat-y;
	background-attachment:scroll;
	height:10px;
	width:8px;
}
td.rightbottomshadow {
	background-image:url(img/shadow_r.gif);
	background-repeat:repeat-y;
	background-attachment:scroll;
	height:10px;
	width:10px;
}
td.mainfooter {
  text-align: center;
  vertical-align: middle;
  color:#888888;
  font-size:0.8em;
  background-image:url(img/footer.gif);
	background-repeat:repeat-x;
	background-attachment:scroll;
	height:32px;
}
td.mainlogocell {
	width:288px;
}
td.langselect {
  text-align: right;
  vertical-align: bottom;
  color:#000002;
  font-size:1em;
}

/* Dosen-Tabelle */ 
tr.canlist_tr {
  vertical-align: middle;
}

th.canlist_th {
  font-size:0.7em;
  text-align:left;
  background-color:#CCCCCC;
}

th.canlist_flag {
  font-size:0.7em;
  text-align:right;
  background-color:#CCCCCC;
}

td.canlist_content {
  padding-left:3px;
  font-size:0.7em;
  text-align:left;
  background-color:#CCCCCC;
}
td.canlist_wanted {
  text-decoration:blink;
  color:#FFFFFF;
  font-weight:bold;
  padding-left:3px;
  font-size:0.7em;
  text-align:center;
  background:url(img/bgcr.png) repeat-x top;
}
td.canlist_soon {
  text-decoration:blink;
  color:#000000;
  font-weight:bold;
  padding-left:3px;
  font-size:0.7em;
  text-align:center;
  background:url(img/bgcg.png) repeat-x top;
}

td.canlist_mat {
  font-size:0.7em;
  text-align:center;
  background-color:#CCCCCC;
}
td.canlist_manuf {
  font-size:0.7em;
  text-align:right;
  background-color:#CCCCCC;
  padding-right:3px;
}

/* Ende Dosen-Tabelle */

html>body {
	/*background: url(img/bg_head.png) fixed repeat-x;*/
  background-color:#E3E4E6;
}

h1 {
	color: black;
  font-size:1.2em;
  font-weight : bold; 
  text-decoration:underline;
}
h2 {
	color: black;
  font-size:1.2em;
  font-weight : bold; 
  text-decoration:underline;
}

h1.country {
	color: black;
  font-weight : bold; 
  text-decoration:none;
  text-align:center;
}


a {font-size: 1em; text-decoration: none;font-weight : bold; outline: none;}
a:link {color:#5174FF}
a:visited {color:#5174FF}
a:active {color:#5174FF}
a:hover{color: #ff0000;}

a.white {font-size: 1em; text-decoration: none;font-weight : bold; outline: none;}
a.white:link {color:#FFFFFE}
a.white:visited {color:#FFFFFE}
a.white:active {color:#FFFFFE}
a.white:hover{color: #00FF00;}


a.cans {font-size:1em;text-align:left;background-color:#CCCCCC; text-decoration: none;font-weight : bold; outline: none;}
a.cans:link {color:#000000;}
a.cans:visited {color:#000000}
a.cans:active {color:#0000FF}
a.cans:hover{color: #0000FF;}

a.cans_nbold {font-size:1em;text-align:left;background-color:#CCCCCC; text-decoration: none;font-weight : normal; outline: none;}
a.cans_nbold:link {color:#000000;}
a.cans_nbold:visited {color:#000000}
a.cans_nbold:active {color:#0000FF}
a.cans_nbold:hover{color: #0000FF;}


a.inline {color:#800000;font-size:1em;text-align:left;text-decoration: none;font-weight : normal; outline: none; border-bottom: 1px dotted black;}
a.inline:link {color:#800000; border-bottom: 1px dotted black;}
a.inline:visited {color:#800000; border-bottom: 1px dotted black;}
a.inline:active {color:#800000; border-bottom: 1px dotted black;}
a.inline:hover{color: #FF0000; border-bottom: 1px dotted red;}

a.inline_ext {color:#800000;font-size:1em;text-align:left;text-decoration: none;font-weight : normal; outline: none; border-bottom: 1px dotted black; padding-right: 20px; background: url(img/alink.png) no-repeat right center;}
a.inline_ext:link {color:#800000; border-bottom: 1px dotted black;}
a.inline_ext:visited {color:#800000; border-bottom: 1px dotted black;}
a.inline_ext:active {color:#800000; border-bottom: 1px dotted black;}
a.inline_ext:hover{color: #FF0000; border-bottom: 1px dotted red;}

a.mainfootertxt {
  color:#888888;
}


/* Formulare */
.formitude_form table, .formitude_entries table
{
	font-family: sans-serif;
	font-style: normal;
	font-size: small;

	color: black;
	background-color: rgb(202, 202, 202);

	border: 1px solid black;
	padding: 2px;

	text-align: left;
}
.formitude_action {
	color: white;
	background-color: rgb(100, 100, 100);
}
.formitude_status, .formitude_error {
	color: red;
	background-color: rgb(190, 190, 190);
}
.formitude_status {
	font-weight: bold;
	text-align: center;
}
.formitude_action {
	text-align: right;
}
.formitude_error { font-weight: bold; }

.formitude_caption {
	color: black;
	background-color: rgb(170, 170, 170);
	padding: 0.3em 0.5em;
	text-align: center;
}

.formitude_value {
	color: black;
	background-color: white;
}

.formitude_label { width: 9em;
vertical-align:top; 
}
.formitude_field { width: 27em; }

.formitude_caption h1, .formitude_caption h2, .formitude_caption h3,
.formitude_caption h4, .formitude_caption h5, .formitude_caption h6
	{ margin: 0.1em;
    font-size:1.5em; 
  }

.formitude_field input, .formitude_field select, .formitude_field textarea {
	width: 100%;
	font: inherit;
}

/* Datenbank-Bearbeitung;*/
.bd {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }
.tbl {
    background-color: #FFFFFF;
    border: 1px solid #101011;
  }
/* gerade / ungerade Zeilen: */  
.dr {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  }
.sr {
    background-color: #EEEEEE;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    border-left: 0px solid #999999;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  }

a.EditImage { float:left; width:15px; height:15px; background:url(img/edit.png) 0px 0px no-repeat }
a.ShowImage { float:left; width:15px; height:15px; background:url(img/show.png) 0px 0px no-repeat }
a.DeleteImage { float:left; width:15px; height:15px; background:url(img/delete.png) 0px 0px no-repeat }

a.sortUp { float:left; width:9px; height:9px; margin-top:5px; background:url(img/sortup.gif) 0px 0px no-repeat }
a.sortUpActive { float:left; width:9px; height:9px; margin-top:5px; background:url(img/sortup_active.gif) 0px 0px no-repeat }
a.sortDown { float:left; width:9px; height:9px; margin:5px 4px 0px 0px; background:url(img/sortdown.gif) 0px 0px no-repeat }
a.sortDownActive { float:left; width:9px; height:9px; margin:5px 4px 0px 0px; background:url(img/sortdown_active.gif) 0px 0px no-repeat }

/* Accordeon: */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(img/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(img/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(img/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(img/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(img/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(img/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(img/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(img/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(img/accordion-right-act.png); }

.webfx-tree-container {
	margin: 0px;
	padding: 0px;
	/* font: icon; */
	white-space: nowrap;
}

.webfx-tree-item {
	padding: 0px;
	margin: 0px;
	/* font: icon; */
	color: WindowText;
	white-space: nowrap;
	height: 1.2em;
}

.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
	margin-left: 3px;
	padding: 0px 2px 1px 2px;
}

.webfx-tree-item a {
	color: black;
	text-decoration: none;
}

.webfx-tree-item a:hover {
	color: blue;
	text-decoration: underline;
}

.webfx-tree-item a:active {
	background: highlight;
	color: highlighttext;
	text-decoration: none;
}

.webfx-tree-item img {
	vertical-align: middle;
	border: 0px;
}

.webfx-tree-icon {
	width: 16px;
	height: 16px;
}

/* Auto-Vervollständigung: */

div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;   
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}


/*   TABs ============================================================ */



.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

	width:				100px;
	height:				20px;
	background-image:	url( "img/tab.png" );
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		4px 0px 0px 0px;
	border:			0;

	z-index:		1;
	/*font:			12px Tahoma;*/
	white-space:	nowrap;
	text-align:		center;
	text-decoration:none;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				104px !important;
	height:				21px !important;
	background-image:	url( "img/tab.active.png" ) !important;
	background-repaet:	no-repeat;

	border-bottom-width: 0;
	z-index:		3;
	padding:		4px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	/*font:				12px Tahoma;*/
	text-decoration:none;
	font-weight:bold;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				12px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	/*font:				12px Tahoma;*/
	width:				100px;
	height:				20px;
	background-image:	url( "img/tab.hover.png" );
	background-repaet:	no-repeat;
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		rgb( 252, 252, 254 );
	z-index:		2;
	position:		relative;
	top:			-2px;

	/*font:				12px Tahoma;*/
	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	
	/*244, 243, 238*/
	/* 145, 155, 156*/
	
	padding: 10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}


/*==============================================================================================================================
Länderlisten-Elemente
--Column Styles--   */
ul.columns {
	width: 100%;
	font-size: 0.8em;
	list-style: none;
	text-align:center;
	margin: 0 auto; padding: 0;
}
ul.columns li.columnsli {
	width: 128px;
	height: 158px;
	font-weight: bold;
	float: left; display: inline;
	margin: 0px; padding: 0;
	position: relative;
}
ul.columns li.columnsli:hover {z-index: 99;}

/*--Thumbnail Styles--*/
ul.columns li.columnsli img {
	position: relative;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*--IE8 Specific--*/
}

img#clh {
  position: relative;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}

img#clh:hover {
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

ul.columns li.columnsli:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--Details Style--*/
ul.columns li.columnsli .info {
	position: absolute;
	left: -40px; top: -10px;
	padding: 138px 10px 10px;
	width: 188px;
	display: none;
	background: #C8FF09;
	font-size: 1.1em;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
ul.columns li.columnsli:hover .info {
  display: block;   
}

ul.columns li.columnsli h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
}
ul.columns li.columnsli p {padding: 0; margin: 0; font-size: 0.9em;}

/*==============================================================================================================================*/
/*  Slide-Effekt für Sondernachrichten */
.spezialbox {
  text-align: center;
}

.spezialbox a {
  display: inline-block;
  overflow: hidden;
  text-decoration:none;
  width:200px;
  height: 300px;
  margin: 20px auto;
  background: #C7051B;
  background:-moz-radial-gradient(center, #FD415C, #C7051B); /* FF3.5+ */
  background:-webkit-gradient(radial, 50% 50%, 50, 50% 50%, 200, from(#FD415C), to(#C7051B)); /* Saf3.1+, Chrome */
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.spezialbox a img {
  margin:56px auto;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
} 

.spezialbox div {
  margin: 40px auto;
  color: #ffffff;
  font-size: 30px;
  font-weight:bold;
  text-shadow:#C0E00C 1px 1px 3px;
  opacity: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
}

.spezialbox a:hover {
  -moz-border-radius: 40px;
  border-radius: 40px;
}

.spezialbox a:hover div {
  opacity: 1;
}

.spezialbox a:hover img {
  margin-top:-230px;
  opacity: 0;
} 



/*==============================================================================================================================*/