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

    Stanrdard stylesheet for MOC Company TYPO3 site

     @AUTHOR: Jan-Erik Revsbech <jer@moccompany.com>

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

body {
 background-color: white;
 font-family: Verdana,Arial,Sans-Serif;
}
a img {
 border: 0px;
}
div,p,ul,li,td {
  font-family: Verdana,Arial,Sans-Serif;
  font-size: 12px;
}
/* ##########################################
     Styles for various flexform elements.
########################################### */

/* ********* Two cols - equal width ****** */
.two-equal-width-cols{
  width:100%;
}
.two-equal-width-cols .left-col{
  float:left;
  width:48%;
}
.two-equal-width-cols .right-col{
  width:48%;
  float:right;
}
/* ******** Two cols - narrow left ******** */
.two-cols-narrow-left{
  width:100%;
}
.two-cols-narrow-left  .left-col{
  width:32%;
  float:left;
  margin-right:5%;
}
.two-cols-narrow-left  .right-col{
  width:60%;
  float:right;
}

/* ******** Two cols - narrow right ********* */
.two-cols-narrow-right{
  width:100%;
}
.two-cols-narrow-right .left-col{
  width:60%;
  float:left;
  margin-right:5%;
}
.two-cols-narrow-right .right-col{
  width:32%;
  float:left;
}

/* ********* Three cols - equal width ****** */
.three-equal-width-cols{
  width:100%;
}
.three-equal-width-cols .left-col{
  float:left;
  width:32%;
}
.three-equal-width-cols .middle-col{
  width:32%;
  float:left;
}
.three-equal-width-cols .right-col{
  width:32%;
  float:right;
}

/* ###########################################
                   Menu styles
   ########################################### */

/* ************* LEVEL 1 ********************* */
div.level-1-no,div.level-1-act, div.level-1-cur {
  padding-left: 0px;
  color: black;
}
div.level-1-act, div.level-1-cur {
  font-weight: bold;
}
div.level-1-no A,div.level-1-act A, div.level-1-cur A {
  color: black;
  text-decoration: none;
}
div.level-1-no A:hover,div.level-1-act A:hover, div.level-1-cur A:hover {
  color: black;
  text-decoration: underline;
}

/* ************* LEVEL 2 ********************* */
div.level-2-no,div.level-2-act, div.level-2-cur {
  padding-left: 10px;
  color: black;
}
div.level-2-act, div.level-1-cur {
  font-weight: bold;
}
div.level-2-no A,div.level-2-act A, div.level-2-cur A {
  color: black;
  text-decoration: none;
}
div.level-2-no A:hover,div.level-2-act A:hover, div.level-2-cur A:hover {
  color: black;
  text-decoration: underline;
}

/* ************* LEVEL 3 ********************* */
div.level-3-no,div.level-3-act, div.level-3-cur {
  padding-left: 10px;
  color: black;
}
div.level-3-act, div.level-3-cur {
  font-weight: bold;
}
div.level-3-no A,div.level-3-act A, div.level-3-cur A {
  color: black;
  text-decoration: none;
}
div.level-3-no A:hover,div.level-3-act A:hover, div.level-3-cur A:hover {
  color: black;
  text-decoration: underline;
}