/* ===================================================== */
body
{
   margin: 0px;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   background-color: #dddddd;
   background-image: url('../grafik/elements/bakgrund.png');
   background-repeat: repeat-y;
}

p
{
   margin: 0px;
   font-size: 11px;
}

a
{
   font-size: 11px;
   text-decoration: none;
}

a:link, a:visited
{
   color: #cc0000;
}

a:hover
{
   color: #cc0c00;
}

a:active
{
   color: #cc0000;
}

th
{
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   background-color: #7086a9;
   border-bottom: 1px solid #000000;
}

td
{
   font-size: 11px;
}

td.line
{
   font-size: 11px;
   border-bottom: 1px solid #000000;
}

/* ===================================================== */
div.layout
{
   width: 850px;
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
   border-right: 1px solid #000000;
}

/* ===================================================== */
div.header
{
   clear: left;
}

/* ----------------------------------------------------- */
div.banner, div.submenu
{
   border-bottom: 1px solid #000000;
}

div.submenu
{
   border-top: 1px solid #000000;
}

div.banner p, div.banner img
{
   margin: 0px;
   padding: 0px;
}

/* ----------------------------------------------------- */
div.menu
{
   text-align: center;
   font-weight: bold;
   color: #ffffff;
   background-color: #7086a9;
   margin: 0px;
   padding: 6px;
}

div.menu p
{
   display: inline;
   margin: 3px;
   padding: 6px;
}

div.menu a:link, div.menu a:visited
{
   color: #ffffff;
}

div.menu a:hover
{
   color: #000000;
}

div.submenu a:link, div.submenu a:visited
{
   color: #000000;
}

div.submenu a:hover
{
   color: #7086a9;
}

div.menu p.vald a:link, div.menu p.vald a:visited
{
   color: #000000;
}

div.menu p.vald a:hover, div.submenu p.vald a:hover
{
   color: #ffffff;
}

/* ----------------------------------------------------- */
div.submenu
{
   text-align: center;
   color: #000000;
   background-color: #ffffff;
   margin: 0px;
   padding: 4px;
}

div.submenu p
{
   display: inline;
   margin: 2px;
   padding: 4px;
}

/* ===================================================== */
div.column
{
   float: left;
   width: 150px;
   text-align: left;
}

/* ----------------------------------------------------- */
div.calender
{
   margin: 1px;
}

div.calender th
{
   background-color: #8f9871;
   border-bottom: 1px solid #000000;
}

div.calender td
{
   background-color: #babfa6;
   border-bottom: 1px solid #000000;
}

/* ----------------------------------------------------- */
div.login
{
   margin: 20px 1px;
}

div.login p
{
   margin: 0px;
   padding: 0px;
}

/* ===================================================== */
div.page
{
   margin-left: 150px;
}

div.full, div.twothird, div.half, div.onethird, div.onequarter, div.threequarters
{
   float: left;
   margin: 5px;
   padding: 5px;
}

div.full
{
   width: 640px;
}

div.twothird
{
   width: 430px;
}

div.threequarters
{
   width: 480px;
}

div.half
{
   width: 325px;
}

div.onethird
{
   width: 210px;
}

div.quarter
{
   width: 160px;
}

/* ===================================================== */
div.info
{
   clear: left;
   margin-left: 150px;
   padding: 1px;
}

.info1
{
   color: #000000;
   background-color: #babfa6;
}

.info2
{
   color: #ffffff;
   background-color: #5f6449;
}

.info3
{
   color: #000000;
   background-color: #ccd4e0;
}

.info4
{
   color: #ffffff;
   background-color: #495c7a;
}

.blue
{
   color: #ffffff;
   background-color: #0077bf;
}

.green
{
   color: #ffffff;
   background-color: #00ba4c;
}

.yellow
{
   color: #000000;
   background-color: #ffd500;
}

.orange
{
   color: #ffffff;
   background-color: #ff7c00;
}

.red
{
   color: #ffffff;
   background-color: #cc0c00;
}

p.info1, p.info2, p.info3, p.info4, p.blue, p.green, p.yellow, p.orange, p.red
{
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   margin: 10px;
   padding: 5px;
   border: 2px solid #000000;
}

/* ===================================================== */
div.footer
{
   clear: left;
   margin: 0px;
   border-top: 1px solid #000000;
}

div.footer p
{
   text-align: center;
   margin: 0px;
}

div.footer a:link
{
   color: #000000
}

/* ===================================================== */
.rubrik
{
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   color: #336699;
}

.vald
{
   font-weight: bold;
   text-decoration: none;
   color: #000000;
   background-color: #ccd4e0;
}

p.vald
{
   padding: 4px;
   margin-top: 15px;
   margin-bottom: 5px;
}

p.normal
{
   font-size: 11px;
   margin-top: 11px;
   margin-bottom: 11px;
}

h1
{
   font-size: 14px;
   color: #336699;
   text-decoration: none;
   font-weight: bold
}

h2
{
   font-size: 12px;
   color: #336699;
   text-decoration: none;
   font-weight: bold
}

/* ===================================================== */

div.list table
{
   border-spacing: 0px;   
}

div.list tr.odd
{
   color: #000000;
   background-color: #ffffff;
}

div.list tr.even
{
   color: #000000;
   background-color: #babfa6;
}

div.list tr.current
{
   color: #ffffff;
   background-color: #8F9871;
}