body {
	font-family: Arial, Helvetica, sans-serif; 
		background-color: #001c4b;
		 background-image: url(BGVerlauf5.png); 
		 background-attachment: scroll;
		/* background-image: none; */
}

#page {
 	background-color: transparent; 
/* 	background-color: #fcf98c; */
	border-color: transparent;
	/* background-image: url(BGMain3.jpg); 
	background-repeat: no-repeat; */
	border-bottom: none;
	width: 1000px; min-width: 1000px; max-width: 1000px;
}


h1, h2, h3, h4, h5, h6, a {
	color: #001c4b;
}

.upper, .lower{
	background-color: transparent;
	background-image: none;
}

#header {
height: 231px;
color: #ffffff;
background-color: transparent;
	background-image: url(/fileadmin/MikadoFoods/BannerBilder/Banner6.jpg); background-position: center bottom; background-repeat: no-repeat; 
 overflow: hidden;
}

#pageUID-23 #header {
		background-image: url(/fileadmin/MikadoFoods/BannerBilder_Start/Startbanner6.jpg); background-position: center bottom; background-repeat: no-repeat; 

}

#header #topnav
{
position: absolute;
/* top: 15px; */
right: 15px;
z-index:101;
  background-image: url(T70prozWhitegray.png);
  padding:2px 0px 1px 4px ;
}

#nav {
visibility: hidden;
	height: 0px;}


#topnav img {
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonFace;
	border-left-color: ButtonFace;
}
#topnav a {
filter:alpha(opacity=50); /* IE */
-moz-opacity: 0.50; /* Mozilla */
opacity: 0.50; /* Opera */
}
#topnav a:hover {
filter:alpha(opacity=100); /* IE */
-moz-opacity: 1.00; /* Mozilla */
opacity: 1.00; /* Opera */
}

#teaser{
	border-bottom: solid;
	border-bottom-width: 10px;
	border-bottom-color: #001c4b;
	background-color: white;
	height: 44px;
	}
#teaser .ischmidt{
	color: black;
	text-transform: uppercase;
	float:right; 
	margin:25px 15px 0 0;
}
#teaser .MikadoRoxx {
	float: left;
	width: auto;
	margin:0;
}

.MikadoRoxx h2 {	
	color: black;
	text-transform: uppercase;
	font-size:200%;
	margin:10px;
	}

#footer {
	background-color: #001c4b;
	border: none;
	color: #dfebff;
	text-transform: uppercase;
	 font-size: 88%;
}
#footer a, #footer a:visited, #footer a:active {
color: white; text-decoration: none; font-weight: normal;
}
#footer a:hover { color: #dfebff; text-decoration: none;
}

#header img.headImg2 { 
position: absolute;
left:auto;
right: 15px;
top: 63px;
z-index: 9;
} 
#teaser .rootline { 
padding: 10px 0 6px 15px;
color: black; 
font-size: 96%; 
font-weight: bold;
}
#teaser .rootline a, #teaser .rootline a:visited {
	color: black; 
}
#teaser .rootline a:hover {
	color: #808080; 
}

table.csc-menu-4 { }

table.csc-menu-4 tr{
background-color: #DFEBFF; border: 2px solid white; color: black; font-size: 96%; 
margin:0; padding:0; }

table.csc-menu-4 td {
margin:0; padding:2px; }

table.csc-menu-4 a,table.csc-menu-4 a:visited {
	padding-left: 22px; background-image: url(info-i2.gif); background-position: left center; background-repeat: no-repeat; background-position: 4px; font-weight: bold; text-decoration: none; width:100%;
}
table.csc-menu-4 a:hover {
 /* color:white; background-color: #001c4b; */
 color: black; text-decoration: underline;
}

table.csc-menu-4 td.itemdetail { 
padding-right: 8px; text-align: right; padding-left:6px;
}

#submenu {
	border-top:none;
}

/* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%;
    padding: 1px 0px 1px 10%;
    font-weight: bold;
    color: #001c4b;
    background-color:#fff;
    border-bottom: none;
	  }
  
  
  #submenu a, #submenu strong {

}

  #submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #001c4b;  font-weight: bold;}
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#dfebff; color: black; }

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 85%; padding-left: 15%; 
   background-image: url(listpunkt.gif); background-repeat: no-repeat; 
  background-position: left center;  background-position: -24px; 
}

  #submenu li ul li a { background-color:#DFEBFF; 
  color: #001c4b; 
  background-image: url(stanzloch.png); background-repeat: no-repeat; 
  background-position: left center;  background-position: -24px; 
  border-bottom-color: #fff;
  }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#001c4b; color: #dfebff; }

/* Artikeltabellen */
	
table#ASB {
	width: 910px; min-width: 910px; max-width: 910px; margin-left:50px;
}

table.contenttable td {
	font-size: 120%; color: black; padding: 2px; margin:0; height:auto;	
}

table.contenttable tr.tr-even {background: #DFEBFF;}

table.contenttable tr.tr-0 td {
	font-weight: bold;
}
table.contenttable td.td-0 {
	text-align: right; padding-right: 3px; width: 11em;
}

table.contenttable td.td-1 {
	font-weight: bold; padding-left: 3px;
}


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border-top-color: #607598; border-left-color: #607598; border-right-color: #001c4b; border-bottom-color: #001c4b;
}



#col3_content {
	padding-top: 50px;
}

.tx-dropdownsitemap-pi1 li {
	list-style-type: none;
}

.tx-dropdownsitemap-pi1 div.expAll {
	background: transparent; border: none;
}

.news-latest-item p{
 background-image: url(kroenchen.png);
 background-position: 10px 22px;
}
/* pageUID-23 = Startseiten-Sonderformate */

#pageUID-23 #header {
  height: 430px; 
  }
#pageUID-23 #header img.headImg1 { 
position: absolute;
left:auto;
right: 15px;
top: 63px;
z-index: 9;
}

#pageUID-23 .NewsHeader {
	  background-image: url(T70prozWhitegray.png);
  	position: absolute;
	top: auto;
	bottom: 15px;
	left: 15px;
	width:300px;
	padding: 10px;
	color: black;
	  }

.NewsHeader iframe {
	position: absolute;
	right:  -655px;
	bottom: 0;
}


#pageUID-23 .news-latest-item p 
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
background-color: transparent;
background-image: none;
padding:0;
}

#pageUID-23 .news-latest-morelink 
{
padding:0;
background-color: transparent;
background-image: none;
text-align: right;
}

#pageUID-23 #main {
	/* background-color: #fcf98c;
	background-image: none; */
}

#pageUID-23 #teaser{
	/* border-bottom: none; */
}

#pageUID-23 .REboxBlue{
	width: 210px;
}

#pageUID-23 .REboxBlue h1 {
	text-align: center;
}
#pageUID-23 .REboxBlue a {
	text-decoration: none;
	color: white;
}

#pageUID-23 .REboxBlueContent {display:block; background:#001c4b; border-left:1px solid #00003d; border-right:1px solid #00003d; padding:0.5em 1em 0.5em 1em; height:1%; overflow:hidden;}
#pageUID-23 .rBline2, #pageUID-23 .rBline3, #pageUID-23 .rBline4 {background:#001c4b; border-left:1px solid #00003d; border-right:1px solid #00003d;}
#pageUID-23 .rBline1 {margin:0 5px; background:#00003d;}
#pageUID-23 .csc-frame-indent{
	padding-left:50px;
}
#pageUID-23 .frame50 embed {
 width: 180px; max-width: 180px; margin-top:-4px;
 height: 162px; min-height: 162px; max-height: 162px;
}
#pageUID-23 .frame51 img {
 margin-top:-5px; margin-left: -7px; margin-bottom: -3px;
}
div.frame52 {
 float: left; width:85px; height:22px; background-color: #001c4b; font-weight: bold; color: white; margin: 2px; border: solid white 2px; text-align: center; padding-top: 4px; border-left-width: 20px;
margin-left: 4px; }
div.frame52 a, div.frame52 a:visited {
	color: white; text-decoration: none; 
}

div.frame52 a:hover {
	color: #dfebff; text-decoration: underline; 
}

.artikelseitenlinks {
	background-color: white; width: 100%; height: 44px; border-bottom: solid #001c4b 5px;
	}


/* ################# ANFANG SLIDER ######################################### */

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	top:0;left:0;
	z-index: 0;
	/*top: 31px;
	 left:-1000px; */
	overflow: hidden;
}

#pageUID-6 .slideshow {
		top:0;
	left:0;
}



.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	/* display: block; */
	position: absolute;
	z-index: 10;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/


.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	/* float: left; */
	left: 0;
	 top:35px;
}


/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #dfebff !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #dfebff;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}


/* ############ ENDE SLIDER ################ */


/* ##########################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ##########
*/
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* Angepasst f�r Mikado-foods von CRNET Christian Rehkopf http://www.crnet.de  
** Fontsize in "px" ausgetauscht nach "em" / Transparenz 
*/

.menu2 { float:left; width:100%; 
 background-color:#f8f8f8; 
font-size:0.82em; position:relative; z-index:100; 
/* margin-top: 15px */  }
/* remove all the bullets, borders and padding from the default list styling */

.menu2 ul { padding:0; margin:0; list-style-type:none;   text-align: center; }
.menu2 ul ul li { padding:0; margin:0; list-style-type:none; border-left: 1px black;}
.menu2 ul ul { width:135px; text-align: left; }  /* Cell size. Divide the main width (750px) by the number of cells you need */

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 li { float:left; width:88px; position:relative; margin-left: 8px; }
/* style the links for the top level */
.menu2 a, .menu2 a:visited {
display:block;
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#000000;
width:auto;
height:30px;
border:1px solid white;
border-width:1px 0 0 0;
background-color:white;
padding-left:6px;
padding-right:6px;
line-height:30px;
text-transform: uppercase;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu2 a, * html .menu2 a:visited {
width:74px;
w\idth:73px;
}

/* style the second level background */
.menu2 ul ul a.drop, .menu2 ul ul a.drop:visited {
width:140px;
background:#F1F1F1;
font-size:1em;
color:#000000;
}

/* style the second level hover */
.menu2 ul ul a.drop:hover {
width:140px;
color:#000000;
font-size:1em;
filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70; /* Opera */
}
.menu2 ul ul :hover > a.drop {
width:140px;
background:white;
font-size:1em;
color: black;
}
/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {
width:140px;
background:#efefef;
font-size:1em;
}
/* style the third level hover */
.menu2 ul ul ul a:hover {
width:140px;
background:#E0E0E0;
font-size:1em;
color: black;
filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70; /* Opera */
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:140px;
}
/* another hack for IE5.5 */
* html .menu2 ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu2 ul ul ul {
left:160px;
top:0;
width:140px;
}

/* position the third level flyout menu for a left flyout */
.menu2 ul ul ul.left {
left:-140px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu2 table { margin:0; padding:0 0px 0px 0px; position:absolute; top:0; left:0; /*Make the container moveable*/ }

/* style the second level links */
.menu2 ul ul a, .menu2 ul ul a:visited {
background:#F1F1F1;
font-size:1em;
font-weight:normal;
color:#000000;
height:auto;
line-height:1em;
padding:5px 10px;
width:140px /* yet another hack for IE5.5 */;
}
* html .menu2 ul ul a {
width:140px;
w\idth:140px;
}

/* style the top level hover */
.menu2 a:hover {
color:#000000;
background:#F1F1F1;
font-size:1em;
 
}
.menu2 :hover > a {
color:#000000;
background:#F1F1F1;
font-size:1em;
 filter:alpha(opacity=70); /* IE */
 -moz-opacity: 0.70; /* Mozilla */
 opacity: 0.70; /* Opera */
}

.menu2 ul ul a:hover {
color:#000000;
background:#D7D7D7;
font-size:1em;
filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70; /* Opera */
}

.menu2 ul ul :hover > a {
color:#000000;
background:#D7D7D7;
font-size:1em;
filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70; /* Opera */
}
/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul, .menu2 ul a:hover ul { visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul { visibility:visible; }


/* ########################### ENDE Dropdown-FLYOUt-Menue ######################### */
/* carousel updates für Header */

.carousel,
.carousel div,
.carousel ul,
.carousel li,
.carousel img,
.jpcarousel,
.jpcarousel div,
.jpcarousel ul,
.jpcarousel li,
.jpcarousel img
 {
  margin:0 !important;
  padding: 0 !important;
}