
/* utopia stylesheet
calendar layout first */






.calendar_table {
    background-color : #eae7c7;
    border : none;
    width : 180px;
    margin : 0px;
    margin-left : auto;
    margin-right : auto;
  }


.calendar_empty {
    background-color : #f2efcb;
    border : none;
    margin : 0px;
  }


.calendar_cell {
    background-color : #efebb6;
    border-style : none;
    margin : 0px;
  }


.calendar_cell_b {
    color : #ffff00;
    background-color : #9999ff;
    border-bottom-style : none;
    border-left-style : none;
    border-right-style : none;
    border-top-style : none;
    margin-bottom : 1px;
    margin-left : 1px;
    margin-right : 1px;
    margin-top : 1px;
  }


.calendar_cell_s {
    background-color : #ceceff;
    border-bottom-style : none;
    border-left-style : none;
    border-right-style : none;
    border-top-style : none;
    margin-bottom : 1px;
    margin-left : 1px;
    margin-right : 1px;
    margin-top : 1px;
  }


.calendar_cell_t {
    background-color : #666699;
    border-bottom-style : none;
    border-left-style : none;
    border-right-style : none;
    border-top-style : none;
    color : #ffff00;
    margin-bottom : 1px;
    margin-left : 1px;
    margin-right : 1px;
    margin-top : 1px;
  }


.calendar_week {
    background-color : #fcdf05;
    border : none;
    margin : 0px;
  }


.calendar_corner {
    background-color : #e8de53;
    border : none;
    margin : 0px;
  }


.calendar_head {
    background-color : #e8de53;
    border : none;
    margin : 0px;
  }


.calendar_title {
    font-weight : bold;
    background-color : #e8de53;
    border : none;
    margin : 0px;
  }

/* general layout  */








a:link {
    color : #000080;
    text-decoration : underline;
  }


a:active {
    color: #6666cc;
  }


a:visited {
    color: #0000cc;
    text-decoration: none;
  }


a:hover {
    color: #ffff00;
    background-color: #4b4b97;
    text-decoration: underline;
    border: 1pt;
  }


body {
    background-color : #ffffd9;
    color : black;
    font-family : Helvetica, sans-serif;
    font-size : 14px;
    margin-bottom : 2px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding: 0px;
  }


h1 {
    font-size: 18px;
    color: #5e8aa0;
  }


h2 {
    font-size: 18px;
  }

/* some special treatment */


ol.rund {
    list-style-type:circle;
  }


ol.latin {
    list-style-type:upper-roman;
  }


ul {
    list-style-type : circle;
    margin-left : 3px;
    padding-left : 2px;
    text-indent : 0px;
  }

ul.center {
    list-style-type : circle;
    margin-left : 15px;
    padding-left : 5px;
    text-indent : 0px;
  }


ul.deflag {
    list-style-image:url(/Flags/xs_de.png);
  }


ul.ukflag {
    list-style-image:url(/Flags/xs_uk.png);
  }



div.holon {
    width: 100%;
    vertical-align: top;
  }


div.title {
    color: #f9f400;
    height:96px;
    text-align:center;
    font-family: helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding:0;
    margin:0;
  }


div.subtitle {
    color : #171095;
    font-family : helvetica,sans-serif;
    font-size : 18px;
    font-weight : normal;
  }


img.left {
    text-align : left;
    margin-top: 2px;
    margin-right: 12px;
    margin-bottom: 2px;
    margin-left: 12px;
  }


img.right {
    text-align : right;
    margin-top: 14px;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
  }


.hide {
    visibility : hidden;
  }


.tiny {
    font-size: 10px;
  }


.alert {
    color: #c80a0e;
  }


.tbar {
    height : 130px;
    background-attachment : fixed;
    background-image : url('/Banner/banner02.jpg');
    background-repeat : no-repeat;
  }


div.left {
    float : left;
    background-color : #e6e430;
    background-image : url('/Banner/ltab.png');
    color : #002e73;
    font-size : 11px;
    margin: 0px;
    padding : 10px;
    vertical-align : top;
    width : 180px;
  }


div.right {
    background-color : #e6e430;
    background-image : url('Banner/rtab.png');
    color : #002e73;
    float : right;
    font-size : 11px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 10px;
    position : absolute;
    right: 0px;
    vertical-align : top;
    width : 180px;
  }


div.main {
    background-color : #ffffdd;
    color : #002e73;
    float : left;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    font-size : 14px;
    padding-bottom : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 10px;
    position : absolute;
    right : 200px;
    left: 185px;
    vertical-align : top;
  }
