/* Mechatronik Kner 2005*/

/* ************** LIGHTBOX 2 *****************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/fileadmin/mechatronik/template/layout/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/fileadmin/mechatronik/template/layout/images/next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* *******************************************/
*{
  border:0;
  margin:0;
  padding:0;
 }

/* *************** CONTENT *******************/
div#content ul{
   padding-left:20px;
}
div#content p{
   padding-left:20px;
}

div#content h1,h2,h3{
   color:#0080C0;
}
div.csc-frame-frame1{
   border:#C6FFFF solid  1px;
   background-color:#E6FFFF;
   margin:3px;
   padding:3px;
   
}
div.csc-header{
   font-size:12px;
   background-color:#DDDDFF;
   margin:3px;
   padding:3px;
}

/* *************** Tutti *******************/

html{
	height: 99%;
}
body{
    font-size: 1em;
  height:100%;
  font-family: Helvetica,Arial,sans-serif;
  background-color:#eee;
  text-align:center;
  width:1000px;
  margin:0 auto;
  position:relative;
}
div#mainFrame{
  position:relative;
  height:100%;
  width:1000px;
  margin:0 auto;
  overflow : visible;
}
div#mainFrame2{
  position:absolute;
  top:5px;
  left:0;
}
/************************************ INHALT ************************************/
div#Inhalt1{
  border:solid 1px #0080C0;
 }
div#content {
   height:100%;
   min-height:600px;
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   padding: 5px;
   background: #fff;
   border:1px solid silver;
   position:relative;
   top:0;
   margin-left:230px; 
   width:755px;
   z-index:0;
   
  }
/* **************************************** menuMain ********************** */
div#menuMain{
  padding-left:1em;
  height: 50px;
  background-color: #0080C0;
  overflow: visible;
  position:relative;
  z-index:10;
 }


ul#menuTop {
  padding-top:5px; 
  float: left;
  text-align: center;
  height:50px;
  width:982px;
  background: url("/fileadmin/mechatronik/template/layout/topbanner1.jpg") no-repeat bottom right;
}

/* ******************************************************************************* */

div#header div {
    clear: both;
}

#header1 {
    margin:  0px;
    padding: 0;
  }
   /* ********************  menu Left ******************** */

  ul#navigationLeft {
  width: 210px;
  margin: 0;
  margin-left:3px;
  padding: 0.2em;
  padding-right:7px;
  border-bottom: 1px solid #cecad6;
  border-left: 1px solid #cecad6;
  border-right: 1px solid #cecad6;
  line-height: 1.1em;
}
  * html ul#navigationLeft {  /* Korrekturen fuer IE 5.x */
    padd\ing-right:0.2em;
  }
  ul#navigationLeft li {
   list-style: none;
   margin: 0.1em;
  }

  ul#navigationLeft li ul {
   margin: 0 0 0 1em;
   padding: 0;
  }
  ul#navigationLeft li ul li {
   margin: 0;
   padding:0;
  }
  * html ul#navigationLeft li ul li {  /* Korrektur fuer IE 5.x */
    margin-left:  0;
    ma\rgin-left: 0;
  }

  ul#navigationLeft a {
  display: block;
  margin-top:1px;
  padding-left: 0.1em;
  text-decoration: none;
  font-weight: bold;
  font-size:0.9em;
  border: 1px solid #7D9980;
  width: 100%;
}
  * html ul#navigationLeft a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 100%;  /* Breitenangabe fuer IE 6 */
  }
  * html ul#navigationLeft li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 100%;  /* Breitenangabe fuer IE 6 */
  }
  ul#navigationLeft a:hover {
  width: 100%;
/*  border-color: #DDDCE2;
  border-left-color: #575F64;
  border-top-color: #575F64;
  color: #DDDCE2;
  background-color: #918B9A;
*/
}

  .invisible{
    position: absolute;
    top: -6000px;
    left: -6000px;
    height: 1px;
    width: 1px;
    margin:0;
    padding:0;
  }

/* menuGlobal  * * * * * * * * * * * * * * * * * * * * * */
#menuGlobal{
    position:relative; 
    top:5px;
    left:640px;
    width:22em;
    font-size: 1em;
    margin:2px;
   padding: 2px;
}

#menuGlobal ul {
  text-align: right;
  height:1em;
  padding: 0;
  margin: 0;
}

#menuGlobal li {
  display: inline;
  height: 0.9em;
  font-size: 70%;
  font-weight: bold;
  line-height: 100%;
  padding: 0 8px 0 12px;
  border-left: 1px solid #003366;
  float:left;
}

#menuGlobal li.erster {
  border-left: none;
}

#menuGlobal a:link,
#menuGlobal a:visited {
/*  color: #003366;*/
  text-decoration: none;
}

#menuGlobal a:focus,
#menuGlobal a:hover,
#menuGlobal a:active {
  text-decoration: underline;
}

#menuGlobal strong {
  height: 1em;
/*  color: #003366;*/
  background: url(/fileadmin/mechatronik/template/layout/pfeil_auf_weiss.gif) no-repeat 0 0.38em;
  padding: 0 4px 0 12px;
}
/* ********************************* H E A D ***************** */
div#frameHeader{
  width:1000px;
  height:70px;
  text-align:left;
  background:#0080C0 url("/fileadmin/mechatronik/template/layout/logo.jpg") top left no-repeat ;
}


div#rootLine{
  font-size: 70%;
  font-weight: bold;
  line-height: 1.2em;
  padding-bottom:4px;
  padding-left: 1em;
  text-align:left;
     border:solid 1px #0080C0;


}
div#rootLine a:link,
div#rootLine a:visited {
/*  color: #003366;*/
  text-decoration: none;
}

div#rootLine a:focus,
div#rootLine a:hover,
div#rootLine a:active {
  text-decoration: underline;
}

/* * * * * * * * *Shadow  * * * * * * * * * * * * * */
.wrap1, .wrap2, .wrap3 {
  background-color: #D4D3DA;
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/fileadmin/mechatronik/template/layout/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/fileadmin/mechatronik/template/layout/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 3px 3px 0;
  background:url(/fileadmin/mechatronik/template/layout/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  clear:left;
}
ul#menuTop li {
  float:left;
  position:relative;
  background:url("/fileadmin/mechatronik/template/layout/button.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  list-style: none;
  }

ul#menuTop li ul {
    margin: 0;padding:0;
    left:3px;
    position: absolute;

    display: none;  /* Unternavigation ausblenden */
    background-color: #C0D9F5;
    border-bottom: 1px solid #cecad6;   border-left: 1px solid #cecad6;   border-right: 1px solid #cecad6;
    background-image:none;
    width:10em;
    text-align:left;
    overflow: hidden;
    
    }
* html ul#menuTop li ul {  /* Korrektur fuer IE 5.x */
    left: 0; lef\t: 0; }

ul#menuTop li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
/*    background-color: #A5A1AD;*/
 }
ul#menuTop li ul li {
    float:none;
    display: block;
    margin-bottom: 0;
    border:solid 1px #fff;
    background-image:none;
  }


ul#menuTop a, ul#menuTop span {
  display: block;
  padding: 0.05em 1em;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  color:black;
  border:0;
}
* html ul#menuTop a, * html ul#menuTop span {
  }
ul#menuTop a:hover, ul#menuTop span, li a#aktuell {
}
* html ul#menuTop a:hover {
/*    width: 8.6em;*/   /* Breite nach altem MS-Boxmodell für IE 5.x */
/*    w\idth: 6.4em;*/  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
li a#aktuell {
  /* aktuelle Rubrik kennzeichnen */
/*  color: #343653;
  color:red;
  background-color: #F3E05D;
  background-color: red;
  border-top: solid 1px #CECAD6;
  border-left: solid 1px  #CECAD6;
  border-right: solid 1px  #CECAD6;*/

}


  ul#menuTop li ul span {
  /* aktuelle Unterseite kennzeichnen */
  /*border-color: #343653;*/
}
  li#firstMenuMain a{
/*  border-right: 1px solid #908A99;*/
}
  li#firstMenuMain a:hover{
/*  border-right: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;*/
}
/*
  li#lastMenuMain a{
     border-left:solid 1px #908A99;

  }
  li#lastMenuMain a:hover{
  border-right: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;
}
  .itemMenuMain{
  border-right: 1px solid #908A99;
}
  .itemMenuMain a:hover{
  border-right: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;
}

*/
ul#menuTop a {
  white-space:nowrap;
  float:left;
  display:block;
  background:url("/fileadmin/mechatronik/template/layout/button.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#menuTop a {float:none;}
/* End IE5-Mac hack */
ul#menuTop a:hover {
  color:#333;
  }
ul#menuTop #current {
  background-image:url("/fileadmin/mechatronik/template/layout/button_a.gif");
  }
ul#menuTop #current a {
  background-image:url("/fileadmin/mechatronik/template/layout/button_a.gif");
  color:#333;
  }

ul#menuTop li ul li a:hover, ul#menuTop #current li a:hover{
  background-image:none;
  margin:0;
  padding:2px;
  color: white;

  background-color: transparent;


  border-left: 1px solid #888888;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #3A3951;
  border-right: 1px solid #3A3951;
  background-color: #0080C0;


}
ul#menuTop li ul li a, ul#menuTop #current li a{
	margin: 0;
	padding: 2px;
	background-image: none;
	border-left: 1px solid #C0D9F5;
	border-top: 1px solid #C0D9F5;
	border-bottom: 1px solid #C0D9F5;
	border-right: 1px solid #C0D9F5;
}
/* ********************************* Fusszeile ****************************/
 p#Fusszeile{
   clear:both;
   width:100%;  
   
   font-size: 0.6em;
   padding: 0.2em;
   text-align: center;
}

/***************************************** menuMain ***********************/
/*
li#firstMenuMain a{
  border-right: 1px solid #8E8897;
}
li#firstMenuMain a:hover{
  border-right: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;
}
li#lastMenuMain a{
  border-left:solid 1px #8E8897;
}
li#lastMenuMain a:hover{
  border-right: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;
}
.itemMenuMain{
  border-right: 1px solid #8E8897;
}
.itemMenuMain a:hover{
  border-right: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;
}*/
   /*********************  menu Left *********************/

ul#navigationLeft {
  background-color: #A5A1AD;
  border-bottom: 1px solid #D4D3DA;
  border-left: 1px solid #D4D3DA;
  border-right: 1px solid #D4D3DA;
  background: #A5A1AD url(/fileadmin/mechatronik/template/layout/btnNavLeft.gif);
}
ul#navigationLeft li ul  {
  color:   #A5A1AD;
}
ul#navigationLeft li ul li a {
  color: #575F64;
}


ul#navigationLeft li a {
  border: 1px solid #7D9980;
  color: #4C3132;
  background: #D4D3DA url(/fileadmin/mechatronik/template/layout/btnNavLeftBtn.gif) bottom right;
}
ul#navigationLeft li a:hover {
  border-color: #D4D3DA;
  border-left-color: #575F64;
  border-top-color: #575F64;
  color: #D4D3DA;
  background-color: #8E8897;
  background-image:none;
}
ul#navigationLeft li strong {
  color:red;
}

/************************************ INFO ************************************/
/* ********************************* Fusszeile ****************************/


/* menuGlobal  * * * * * * * * * * * * * * * * * * * * * */


#menuGlobal li {
  border-left: 1px solid #003366;
}

#menuGlobal a:link,#menuGlobal a:visited {
  color: #003366;
}

#menuGlobal a:focus,#menuGlobal a:hover,#menuGlobal a:active {
  text-decoration: underline;
}

#menuGlobal strong {
  height: 1em;
  color: #003366;
  background: url(/fileadmin/mechatronik/template/layout/pfeil_auf_weiss.gif) no-repeat 0 0.38em;

  padding: 0 4px 0 12px;
}
/* ********************************* H E A D ***************** */
#menuGlobal{
}

#Menue div{
}
#Menue a:link, a:active{
  color:gray;
}

#Menue a:visited{
  color:silver;
}
#Menue a:hover{
  color:silver;
  background-color:gray;
}
div.news-latest-item{
  background-color:transparent;
  background-image: url(/fileadmin/mechatronik/template/layout/collage1.png);
  background-position: -600px -100px;

}

img#logo{
  border:none;
  display:none;
}

/* -----------------------------------MECHATRONIK--------------------------------------- */


/* *********************************** LEFT COLUMN *************************** */
div#contentLeft{
  clear:left;
  float:left;
  min-height:100px;
  font-size: 0.9em;
  padding:0;
  margin:0;
  margin-top:3em;
  margin-bottom:1em;
  width:210px;
  }
div#contentLeft p{
  padding:10px;
  padding-top:0px;
}

/* *********************************** INFO *********************************** */
  div#Info {
  visibility:hidden;
  display:none;
}
 div#Right {
  visibility:hidden;
  display:none;
}

div#Left{
  position:absolute;
  top:180px;
  left:10px;
}


  /*********************  menu Left *********************/

ul#menuLeft {
  list-style: none;
  width: 210px;
  margin: 0;
  margin-left:3px;
  padding: 0.2em;
  padding-right:7px;
  line-height: 1.1em;
}
* html ul#menuLeft {  /* Korrekturen fuer IE 5.x */
    padd\ing-right:0.2em;
  }
ul#menuLeft li {
   list-style: none;
   margin: 0.1em;
  }


ul#menuLeft li ul {

   margin: 0 0 0 0;
   padding: 0;

  }
ul#menuLeft li ul li {
   margin: 0;
   padding:0;
  }

* html ul#menuLeft li ul li {  /* Korrektur fuer IE 5.x */
    margin-left:  0;
    ma\rgin-left: 0;
  }

ul#menuLeft a {
  display: block;
  margin-top:1px;
  padding-left: 0.1em;
  text-decoration: none;
  font-weight: bold;
  font-size:0.9em;
  border: 1px solid #7D9980;
  width: 100%;
}
  * html ul#menuLeft a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 100%;  /* Breitenangabe fuer IE 6 */
  }
  * html ul#menuLeft li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 100%;  /* Breitenangabe fuer IE 6 */
  }
  ul#menuLeft a:hover {
  width: 100%;
/*  border-color: #DDDCE2;
  border-left-color: #575F64;
  border-top-color: #575F64;
  color: #DDDCE2;
  background-color: #918B9A;
*/
}
.level1, .level1active{
  visibility:hidden;
}

.level2, .level3{
  display:block;
  visibility:visible;
}
.level3,
.level3act
{ padding-left:10px; 
  padding-right:10px;
}

.level2, .level3{
  display:block;
  visibility:visible;
}

.level2 a{
  background-color:#0080C0;
  color:#CCE6F3;
}
.level2act a{
  background-color:#04167C;
  color:#CCE6F3;
}
.level3 a{
  background-color:#CCE6F3;
  color:#04167C;
}
/* #####################################news ###################### */

.news-latest-gotoarchive{
  display:none;
}
.news-latest-item{
  border:solid 1px silver;
}
span.news-list-date{
  font-size:0.6em;
  display:none;
}
div.news-list-item img{
  float:left;
  margin:3px;
  margin-right:10px;
}
div.news-list-item {
  clear:left;;
  margin:3px;
  margin-right:10px;
  border-top:solid 1px silver;
}
.news-list-morelink{
   float:right;
  font-size:0.6em
}
div.news-single-timedata{
  display:none;
}
div.news-single-item{
}
div.csc-frame a{
   padding-left:5px;
}
div.csc-frame input{
  border:solid ;
}

li#logoM a{
	height:30px;
	width:52px;
	text-align:right;
	background: url(m_small.gif) no-repeat;
	display:block;
}

div#menuMain,div#rootLine{
  background-color:white;
  border:solid 0px red;
  border-left:solid 1px #60AFff;
  border-right:solid 1px #0080C0;
  

}
ul#menuTop{
  
}
div#Inhalt1{
  border-left:solid 1px #60AFff;
  border-top:solid 1px #60AFff;
  border-right:solid 1px #0080C0;
}


/* Einrückung */
ul#menuLeft .level3act, 
ul#menuLeft .level4act
{
  margin-left:10px;

}
ul#menuLeft .level3, 
ul#menuLeft .level4
{
  margin-left:10px;

}