/*
// design.css Stylesheet fuer die Inhaltsseiten
Customized for Maihiro GmbH by Matthias Wiemann - http://matthias.wiemann.name
*/

/*Standardformatierungen*/




div      {margin:0px;padding:0px;font-family:arial, sans-serif;font-size:11px;color:#000000;line-height:150%;}
p        {margin:0px;padding:0px;padding-left:1px;font-family: arial, sans-serif;font-size:11px;color:#646464;line-height:150%;}
 span     {margin:0px;padding:0px;padding-left:1px;font-family:arial, sans-serif;color:#646464;line-height:150%;} 
form     {margin:0px;padding:0px;font-family:arial, sans-serif;font-size:11px;color:#000000;line-height:150%;}
td       {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #646464;line-height:150%;}

/*Links*/
a        {font-family:arial, sans-serif;font-size:11px;color:black;text-decoration:none;}
a:hover  {font-family:arial, sans-serif;font-size:11px;color:#FF5A00;text-decoration:underline;}

img {border: none;}
ul { list-style-type:square; padding:0px; margin:0px; margin-left:15px; };
li { list-style-type:square; padding:0px; margin:0px; };
/* list-style-image: url(http://www.maihiro.com/maihiro/img/maihiro/bullet.gif) */

/*Eingabefelder*/
input    {font-size:11px; font-family:arial, sans-serif; font-weight:normal; color:#000000;}
select   {font-size:11px; font-family:arial, sans-serif; font-weight:normal; color:#000000;}
textarea {font-size:11px; font-family:arial, sans-serif; font-weight:normal; color:#000000;}

/*Horizontale Linien*/
hr       {background-color:#C0C0C0;color:#C0C0C0;height:1px;border-style:none;}


/*################################ Ueberschriften ################################*/

h1 {margin:0px;padding:0px;font-size:15px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h2 {margin:0px;padding:0px;font-size:14px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h3 {margin:0px;padding:0px;font-size:13px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h4 {margin:0px;padding:0px;font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h5 {margin:0px;padding:0px;font-size:9px;  font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h6 {margin:0px;padding:0px;font-size:7px;  font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}


/*################################ Texte ################################*/

.text                {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#646464;}/*Text*/
.textBold            {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#000000;}/*Text fett*/
.textInvert          {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;}/*Text negativ*/
.textBoldInvert      {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;}/*Text fett negativ*/

.textSmall           {font-size:6px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#000000;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;}/*Kleiner Text fett negativ*/

.textLarge           {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}/*Großer Text*/
.textLargeBold       {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#000000;}/*Großer Text fett*/
.textLargeInvert     {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;}/*Großer Text fett negativ*//

*################################ Elemente ################################*/

.elementHeadline         {padding:8px;}/*Überschrift*/
.elementStandard         {padding:8px;}/*Standard*/
.elementFormular         {padding:8px;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:12px;padding:8px;}/*Leerzeile*/

.elementRightStandard    {padding:8px;}/*Standard im rechten Bereich*/
.elementRightInclude     {padding:0px;}/*Include im rechten Bereich*/

.elementLeftStandard     {padding:8px;}/*Standard im linken Bereich*/
.elementLeftInclude      {padding:0px;}/*Include im linken Bereich*/
.elementLeftNavigation   {padding:0px;}/*Navigation im linken Bereich*/

.elementTopStandard      {padding:0px;}/*Standard im oberen Bereich*/
.elementTopInclude       {padding:0px;}/*Include im oberen Bereich*/
.elementTopNavigation    {padding:0px;margin:0px;padding-left:158px;background-color:#B3C8DC;height:24px;border-bottom-style:solid;border-top-style:solid;border-width:1px;border-color:#FFFFFF;}/*Navigation im oberen Bereich*/
.elementTopSystemNavigation {position:absolute;top:10px;width:758px;text-align:right;}

.elementBottomStandard  {padding:4px;text-align:center;}/*Standard im unteren Bereich*/
.elementBottomInclude   {padding:8px;}/*Include im unteren Bereich*/

/*################################ Bloecke ################################*/


/* ################# maihiro Config starts here - Matthias Wiemann ##################################*/
.ContentTableLeftpart { width: 355; margin:0px; padding:0px; color: #646464};
.ContentTableRightpart{ width: 215; };
.ContentHeadlineTable { width: 570;};
.ContentTable { width: 570; };

.blockHeadline           {background-color: White; font-size: 18px; color: #646464; font-weight: bold; letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif;} /*Gesamter Bereich*/
.blockIntro          { font-weight:bolder; font-family: Arial, Helvetica, sans-serif;} /*IntroContent- text*/
.blockMain           { font-family: Arial, Helvetica, sans-serif;} /*MainContent- text*/

.sitemapLevel1 {margin-left:0px;line-height:200%;}
.sitemapLevel2 {margin-left:0px;line-height:200%;}
.sitemapLevel3 {margin-left:20px;line-height:200%;}
.sitemapLevel4 {margin-left:40px;line-height:200%;}
.sitemapLevel5 {margin-left:60px;line-height:200%;}

.blockTop            {width:768px;vertical-align:top;background-color:#a0a0a0;}/*Bereich oben*/
.blockLeft           {width:160px;height:480px;vertical-align:top;}/*Bereich links*/
.blockContent        {width:446px;vertical-align:top;}/*Inhaltsbereich*/
.blockRight          {width:160px;height:480px;vertical-align:top;background-color:#e0e0e0;}/*Bereich rechts*/
.blockBottom         {height:20px;vertical-align:top;background-color:#a0a0a0;}/*Bereich unten*/


/*################################ Fragmente ################################*/

.fragmentSpace             {height:12px;margin-bottom:2px;margin-left:8px;border-style:none;}

.fragmentPictureFloatLeft  {margin-right:8px;margin-bottom:8px;float:left;} 
.fragmentPictureFloatRight {margin-left:8px;margin-bottom:8px;float:right;} 

.fragmentTableDoubleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentTableTripleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentCellDoubleCol     {width:50%;vertical-align:top;float:left}
.fragmentCellTripleCol     {width:30%;vertical-align:top;float:left}

.fragmentLinklistFloatLeft {padding:8px;margin-right:8px;margin-bottom:8px;float:left;border-style:solid;border-color:#000000;border-width:1px;} 



    // last edit: matthias.wiemann@marketmondiale.com


    html,body {
    	padding: 0;
    	margin: 0;
    	font-family: Arial, Helvetica;
  
    	
      
    }

    #centered {
      width: 785px;
      margin-left:auto; 
      margin-right:auto;
      height: 400px;
      
    }

    #logo {
     
      margin: 26px 0 15px auto; 
      text-align:right;
    }
    img#logo {
    margin-right:0;
    right:0;
    }
    
    #mainbox {
			position: relative; /* Needed for Safari */
			margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
			text-align: left;
			width: 780;
			height:430px;
      border: 3px solid #FF5A00;
      background-color:white;
      
      }

    #footer {
    	font-family: Arial, Helvetica;
    	font-size: 11px;
      width: 780px;
      height: 20px;
      margin-top:5px;
     
    }
    
		#content {
      height:100px;
      overflow:auto;
      padding-left: 16px;
			}

    div#nav {
      width: 160px;
      float:  left;
      border-right: 2px solid #eeeeee;
      padding:0;
      margin:0;
      overflow:auto;
    }

    #footer a {
      color:black;
      text-decoration:none;
    }

    #footer .right a {
      margin-left:27px;
    }

    #footer .left a {
      margin-right:17px;
    }
    
    body {
      overflow:hidden;
      background-color: #dedede;
      background-image: url(/maihiro/img/bg.gif);
      font-family: Arial, Helvetica, sans-serif;  
      font-size: 11px; 
      color: #646464;               
      line-height:150%;
      text-align:center;
      margin:0;
      padding:0;
      behavior: url("/maihiro/wlayout/design/style/hover.htc");
    }




/*
////////////////////////////////////////////////////////////////
//
// nav.css  Stylesheet fuer die Navigation
//
// Weblication® CMS Strukturdesign Version 4.0.9
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication® Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/*
################################################################
Navigation oben
################################################################
*/
.navTopLevel1                      {padding:6px;}

/*
################################################################
Navigation links
################################################################
*/

.navLeftLevel2                     {font-weight:bolder; padding:0px;padding-left:10px;
margin-bottom:6px;
}
.navLeftLevel3                     {padding:0px;padding-left:16px;
}
.navLeftLevel4                     {padding:0px;padding-left:30px;}

/*
################################################################
Formatierung der Links in Navigation
################################################################
*/
a.aNavTopLevel                     { color:#515151}
a.aNavTopLevel:hover               {text-decoration:none;color:#808080;}

a.aNavTopLevelSelected             { color:#FF5500}
a.aNavTopLevelSelected:hover       {text-decoration:none;color:black;}

a.aNavLeftLevel                   {text-decoration:none;color:#515451;}
a.aNavLeftLevel:hover             {text-decoration:none;color:black;}

a.aNavLeftLevelSelected           {text-decoration:none; color:#FF5500;}
a.aNavLeftLevelSelected:hover     {text-decoration:none; color:black;}

a.aNavTopSystem                    {text-decoration:none;color:#FFFFFF;}
a.aNavTopSystem:hover              {text-decoration:none;color:#FFFFFF;}



.navul {
  margin: 0;
  padding: 0;
  font-size: 12px;
  display:block;
  border:none;
}

.navul li {
  padding:0;
  padding-left: 0px;
  
}

a.nav {
  

  
  }


div.firstlevel{
  padding:0;
  margin:0;
  padding-left:6px;
  background-color:#eeeeee;
  display:block;
}

.firstlevel{
  list-style-type:none;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
}

.navul a:hover{
  color:black;
  text-decoration: none;
}

li.secondlevel:hover {
  color:black;
  text-decoration:none;
  list-style-image:url(/maihiro/img/maihiro/nav2_on.gif)
}

.firstlevel ul {
  background-color:white;
}

li.secondlevel {
  padding: 0;
  font-weight:normal;
  list-style-image:url(/maihiro/img/maihiro/nav2_off.gif) 
}

li.secondlevel{
 font-size: 12px;
  padding:0;
  margin:0;
  margin-left:13px;
  padding-left: 0;
  margin-top: 8px;
  margin-bottom: 4px;
  line-height: 10px;
}

.secondlevel .on{
  color:#FF5500;
}