/* body */

body {
  background-image: url('http://www.meisch.ch/images/design/bg.png');
  background-repeat: repeat-x;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  margin: 0px;
  padding: 0px;
  padding-bottom: 20px;
}

/* site elements */

div#logo { 
  float: left;
  height: 150px;
  margin: 0px;
  padding: 0px;
  width: 210px;
}

div#header { 
  height: 150px;
  margin: 0px;
  margin-left: 210px;
  padding: 0px;
  width: 690px;
}

div#logo img, div#header img { 
  vertical-align: bottom;
}

div#yah { 
  font-size: 8pt;
  padding: 0px;
  padding-left: 225px;
}

div#lang { 
  border-right: 1px solid #DEDEDE;
  clear: both;
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  text-align: center;
  width: 210px;
}

div#yah a, div#lang a { 
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

div#lang a { 
  margin: 0px;
  margin-right: 8px;
  padding: 0px;
  padding-left: 4px;
}

div#yah a:hover, div#yah a:active, div#yah a:focus,
div#lang a:hover, div#lang a:active, div#lang a:focus
{ 
  border-top: 5px solid #BDDEFF;
}

div#yah img { 
  vertical-align: middle;
  margin: 0px 5px;
}

div#lang img { 
  vertical-align: baseline;
}

div#content { 
  margin: 0px;
  margin-left: 210px;
  padding: 5px 20px;
  width: 650px;
}

div.error {
  background-color: #FFDADA;
  border: 1px solid #FF0000;
  color: #FF0000;
  font-weight: bold;
  margin: 0px;
  margin-left: 230px;
  margin-right: 20px;
  padding: 5px 20px;
  text-align: center;
  width: 610px;
}

div#content div.error {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
}

div#footer { 
  border-top: 1px solid #DEDEDE;
  clear: both;
  float: left;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  padding-left: 205px;
  padding-top: 5px;
  width: 511px;
}

div#footer em { 
  color: #BDDEFF;
  font-size: 16pt;
  font-style: normal;
  font-weight: bold;
  padding-right: 5px;
}

div#std { 
  border-top: 1px solid #DEDEDE;
  float: left;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  padding-top: 5px;
  width: 184px;
}

div#std img { 
  margin: 0px 2px;
  vertical-align: middle;
}

/* content */

h2 {
  font-size: 18pt;
  font-style: italic;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 12px;
  margin-top: 15px;
  padding: 0px;
}

h3 {
  font-size: 12pt;
  font-style: normal;
  margin: 0px;
  margin-bottom: 5px;
  margin-top: 15px;
  padding: 0px;
  padding-left: 5px;
  text-align: left;
}

div#content img.icon {
  margin-right: 5px;
  vertical-align: middle;
}

/* links */

div#content a { 
  color: #005A9C;
  text-decoration: none;
}

div#content a:link, div#content a:visited { 
  border-bottom: 1px solid #005A9C;
}

div#content a:hover, div#content a:active, div#content a:focus { 
  border-bottom-width: 0px;
}

/* tables */

div#content table {
  border-collapse: collapse;
  margin-bottom: 5px;
}

div#content table.border td,
div#content table.border th {
  border: 1px dotted #BDDEFF;
}

div#content table.border td {
  padding: 3px 4px;
}

div#content table.border th {
  text-align: left;
}

div#content th {
 padding: 2px 4px;
}

div#content td {
  padding: 3px 0px;
  vertical-align: top;
  font-size: 9pt;
}

/* Blog */
div.blog {
  overflow: hidden;
}

div.blog h3 {
  margin-top: 30px;
  margin-bottom: 0px;
  padding-bottom: 2px;
  border-left: 2px #BDDEFF solid;
}

div.blog h3 a {
 color: #000000 !important;
}

div.blog hr {
 border: none;
 border: 1px solid #DEDEDE;
}

div.blog div.time {
 font-style: italic;
 font-size: 8pt;
 padding-left: 5px;
 border-left: 2px #BDDEFF solid;
}

div.blog p {
  text-align: justify;
}

div.blog ul.imgs {
  padding: 0px;
  margin: 9px 0px 9px 0px;
  overflow: hidden;
}
div.blog ul.imgs li {
  float: left;
  padding: 0px;
  margin: 0px 7px 0px 0px;
  list-style: none;
}
div#content div.blog ul.imgs li a {
  border-bottom: none;
}
div.blog ul.imgs li a img {
  border-style: solid;
  border-width: 5px 5px 20px 5px;
  border-color: #DEDEDE;
}

div.blog ul.imgs li a img:hover {
  border-color: #BDDEFF;
}

/* Forms */
div#content input {
  border: 1px solid #DEDEDE;
  margin-bottom: 3px;
  height: 16px;
  width: 130px;
}

div#content input:hover,
div#content input:active,
div#content input:focus {
  border-color: #BDDEFF;
}

div#content input.button {
  height: 20px;
  width: auto;
  background-color: #F2F2F2;
}

div#content input.checkbox {
  height: auto;
  width: auto;
}

div#content label {
  width: 120px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 5px;
}

/* group manager specific */
.group_ass {
  background-color: #BDDEFF;
}

/* downloads */

ul.downloads li {
  background-image: url('http://www.meisch.ch/images/icons/empty.png');
  background-repeat: no-repeat;
  height: 32px;
  list-style-type: none;
  margin: 0px;
  margin-bottom: 3px;
}
ul.downloads li a {
  float: left;
  margin-left: 40px;
  margin-top: 8px;
}
ul.downloads li a span {
  font-size: 8pt;
  font-style: italic;
}

ul.downloads li.pdf {
  background-image: url('http://www.meisch.ch/images/icons/pdf.png');
}
ul.downloads li.jar {
  background-image: url('http://www.meisch.ch/images/icons/jar.png');
}
ul.downloads li.link {
  background-image: url('http://www.meisch.ch/images/icons/link.png');
}


/* menu */

ul#menu, ul#menu ul { 
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul#menu { 
  border-right: 1px solid #DEDEDE;
  clear: both;
  float: left;
  font-size: 8pt;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-top: 20px;
  width: 200px;
}

ul#menu ul { 
  border-left: 1px dotted #DEDEDE;
  margin-left: -15px;
  padding-left: 5px;
}

ul#menu a { 
  color: #000000;
  display: block;
  font-style: normal;
  font-weight: bold;
  height: 15px;
  padding: 0px;
  padding-top: 3px;
  text-decoration: none;
}

ul#menu li { 
  margin: 0px;
  padding: 0px;
  padding-left: 24px;
}

ul#menu li.parent0 {   
  background-image: url('http://www.meisch.ch/images/design/pfeil-klein-up.png');
  background-repeat: no-repeat;
}

ul#menu li.parent0 ul { 
  display: none;
}

ul#menu li.parent1 { 
  background-image: url('http://www.meisch.ch/images/design/pfeil-klein.png');
  background-repeat: no-repeat;
}

ul#menu li.account { 
  background-image: url('http://www.meisch.ch/images/design/kuser.png');
  background-repeat: no-repeat;
}

ul#menu li.account span.accname {
  font-weight: normal;
}

ul#menu li.final { 
  height: 18px;
}

ul#menu a.sel { 
  border-right: 17px solid #DEDEDE;
}

ul#menu a:hover, ul#menu a:active, ul#menu a:focus { 
  border-right: 17px solid #BDDEFF;
}

ul#menu li em { 
  font-style: normal;
  font-weight: normal;
}

/* IE(v<7) hacks */

* html body ul#menu { 
  width: 210px;
}

* html body div#footer { 
  width: 716px;
}

* html body div#std { 
  margin-left: 0px;
  position: relative;
  left: -3px;
}

* html body ul#menu a { 
  height: 18px;
}