/* Body */
body {
  font-family:Verdana, sans-serif;
  font-size:11px;
  line-height:13px;
  font-weight:500;
  background-color:#FFFFFF;
  background-attachment:scroll;
  color:#000000;
  margin:0px;
  scrollbar-face-color:#F4F0E8;
  scrollbar-shadow-color:#F4F0E8;
  scrollbar-arrow-color:#666666;
  scrollbar-darkshadow-color:#F4F0E8;
  scrollbar-highlight-color:#F4F0E8;
  scrollbar-3dlight-color:#F4F0E8;
  scrollbar-track-color:#FFFFFF;
}

a:link, a:visited, a:active, a:focus {
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:11px;
  font-weight:bold;
  color:#333333;
  text-decoration:underline;
}

a:hover {
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:11px;
  color:#888888;
  text-decoration:none;
}

/* Top logo */
div.TopLogo {
  position:absolute;
  top:0px;
  left:0px;
  width:990px;
  height:70px;
  vertical-align:top;
  background-repeat:no-repeat;
  background-position:left top;
  z-index:1;
}

/* Flaggs */
div.Flaggs {
  position:absolute;
  top:12px;
  left:12px;
  width:148px;
  height:58px;
  z-index:2;
}

/* Login area */
div.Login {
  position:absolute;
  top:134px;
  left:12px;
  width:160px;
  height:97px;
  z-index:2;
  font-size:9px;
  line-height:12px;
  color:#FFFFFF;
}

/* Input fields */
.Button {
  font-family:Verdana, Sans-Serif;
  font-size:9px;
  font-weight:500;
  color:#000000;
  background-color:#EEEEEE;
  border:black 1px solid;
  margin:1px;
  vertical-align:middle;
  height:18px;
  width:500px;
}

input.Check {
  border-width:0px;
  width:20px;
  height:20px;
}

textarea.Button {
  font-family:Verdana, Sans-Serif;
  font-size:9px;
  font-weight:500;
  color:#000000;
  background-color:#EEEEEE;
  border:black 1px solid;
  margin:1px;
  vertical-align:middle;
  height:150px;
  width:500px;
}

/* Submit Buttons fields */
.Submit {
  font-family:Verdana, Sans-Serif;
  font-size:9px;
  font-weight:500;
  color:#000000;
  background-color:#EEEEEE;
  border:black 1px solid;
  margin:1px;
  vertical-align:middle;
  height:18px;
  width:80px;
}

.SubmitFlash {
  font-family:Verdana, Sans-Serif;
  font-size:9px;
  font-weight:500;
  color:#000000;
  background-color:#FF9900;
  border:black 1px solid;
  margin:1px;
  vertical-align:middle;
  height:18px;
  width:80px;
}

.SubmitFlashDark {
  font-family:Verdana, Sans-Serif;
  font-size:9px;
  font-weight:500;
  color:#000000;
  background-color:#EEEEEE;
  border:black 1px solid;
  margin:1px;
  vertical-align:middle;
  height:18px;
  width:80px;
}

.Submit:hover {
  font-family:Verdana, Sans-Serif;
  font-size:9px;
  font-weight:500;
  color:#000000;
  background-color:#FF9900;
  border:black 1px solid;
  padding:1px;
  margin:1px;
  vertical-align:middle;
  height:18px;
  width:80px;
}

input[type="text"]:focus {
  background-color:#E8E8E8;
}

textarea:focus {
  background-color:#E8E8E8;
  cursor:text;
}

input[type="button"]:hover {
  background-color:#FF9900;
}

div.Preview {
  color:#000000;
  background-color:#EEEEEE;
  border:black 1px solid;
  margin:1px;
  vertical-align:middle;
  height:400px;
  width:500px;
  overflow:auto;
}

/* Headings */
h1 {
  font-family:Arial, Verdana;
  font-weight:bold;
  color:#888888;
  font-size:16px;
  margin-top:12px;
  margin-bottom:12px;
}

h2 {
  font-family:Arial, Verdana;
  font-weight:bold;
  color:#888888;
  font-size:14px;
  margin-top:12px;
  margin-bottom:12px;
}

h3 {
  font-family:Arial, Verdana;
  font-weight:bold;
  font-size:13px;
  line-height:15px;
  color:#000000;
  margin:0px;
}

/* Menu layers */
div.TopMenuLeft {
  position:absolute;
  top:70px;
  left:0px;
  width:164px;
  height:30px;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:28px;
  font-weight:bold;
  text-decoration:none;
  background-color:#999999;
  color:#FFFFFF;
}

div.TopMenuRight {
  position:absolute;
  top:70px;
  left:164px;
  width:825px;
  height:30px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height:28px;
  font-size:14px;
  text-decoration:none;
  background-color:#CCCCCC;
  color:#888888;
}

div.SubMenuLeft {
  position:absolute;
  top:100px;
  left:0px;
  width:164px;
  height:24px;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background-repeat:repeat-y;
  background-color:#FF9900;
}

div.SubMenuRight {
  position:absolute;
  top:100px;
  left:164px;
  width:825px;
  height:24px;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  color:#FFFFFF;
  background-repeat:repeat-y;
  background-color:#FF9900;
}

/* Menu links */
a.Menu:visited, a.Menu:link, a.Menu:active, a.Menu:focus {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;     
  color:#333333;
}

a.Menu:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#888888;
}

a.Menu2:visited, a.Menu2:link, a.Menu2:active, a.Menu2:focus {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#FFFFFF;
}

a.Menu2:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#DDDDDD;
}

a.Menu3:visited, a.Menu3:link, a.Menu3:active, a.Menu3:focus {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color:#FFFFFF;
  margin-left:12px;
}

a.Menu3:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color:#DDDDDD;
  margin-left:12px;
}

/* Content area */

td.Left3 {
  font-size:9px;
  line-height:12px;
  font-weight:500;
  color:#FFFFFF;
  width:164px;
  text-align:left;
  vertical-align:top;
  background-color:#999999;
}

th.Left3 {
  width:164px;
  background-color:#999999;
}

/* Footer */
div.Footer {
  width:990px;
  height:24px;
  background-color:#FF9900;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:28px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
}

td.FooterLeft {
  width:164px;
  background-color:#FF9900;
}

td.FooterRight {
  width:826px;
  height:24px;
  background-color:#FF9900;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:28px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
}

a.Footer:visited, a.Footer:link, a.Footer:active, a.Footer:focus {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#DEDEDE;
  text-decoration:none;
}

a.Footer:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
}

/* Table */
table {
  margin:0px;
  border-spacing:0px;
  padding:0px;
  border:0px;
  width:990px;
  border-right-width:1px;
  border-right-color:#eeeeee;
  border-right-style:solid;
}

td.Spacer {
  width:100px;
}

td.Spacer50 {
  width:50px;
}

tr.Grey0 {
  background-color:#FFFFFF;
}

tr.Grey1 {
  background-color:#EEEEEE;
}

th {
  color:#666666;
  text-align:left;
  font-weight:500;
  font-size:9px;
  height:20px;
  background-color:#DDDDDD;
}

td {
  vertical-align:top;
  line-height:20px;
  border:0px solid green;
  font-family:Verdana,sans-serif;
  font-size:9px;
  line-height:12px;
}

td.Funktion {
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:20px;
  width:100px;
  text-align:right;
  color:#000000;
}

td.FunctionHuge {
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:20px;
  width:150px;
  text-align:right;
  color:#000000;
}


.Aktion {
  font-family:Verdana, sans-serif;
  font-size:9px;
  text-decoration:none;
  width:100px;
  vertical-align:bottom;
  text-align:center;
  background-color:#cccccc;
}

td.Orange {
  background-color:#FF9900;
  height:24px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  color:#FFFFFF;
  vertical-align:middle;
}

td.OrangeLeft {
  width:164px;
  background-color:#FF9900;
  height:24px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  color:#FFFFFF;
  text-align:right;
  vertical-align:middle;
}

td.OrangeDisclaimer {
  background-color:#FF9900;
  height:24px;
  line-height:22px;
  font-weight:bold;
  text-align:right;
}

td.GreyRight {
  border-right:1px;
  border-right-color:#eeeeee;
  border-right-style:solid;
}

img {
  border-width:0px;
}

img.Icon {
  margin-top:2px;
  margin-right:0px;
  border-width:0px;
}

img.IconButton {
  margin-top:2px;
  margin-right:0px;
  border-width:0px;
  cursor:pointer;
}

/* Warning and info boxes */

p {
  line-height:13px;
  margin-top:8px;
  margin-bottom:8px;
  font-family:Arial, Verdana;
  font-size:12px;
  line-height:16px;
}

p.Warning {
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  background-color:#FFCC00;
  color:#000000;
  padding:6px;
  margin-top:4px;
  margin-bottom:4px;
  width:490px;
}

p.BannerWarning {
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  background-color:#FFCC00;
  color:#000000;
  margin:0px;
  padding:6px;
  width:714px;
}

p.Success {
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  background-color:#00CC00;
  color:#000000;
  padding:6px;
  margin-top:12px;
  width:490px;
}

p.Help {
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:12px;
  margin-left:12px;
  margin-right:12px;
  margin-top:0px;
  margin-bottom:6px;
}

span.OrangeText {
  color:#FF9900;
}

/* start page */

th.Start {
  background-color:#FFFFFF;
  vertical-align:bottom;
  height:262px;
  background-repeat:no-repeat
}

div.Start {
  font-family:Verdana;
  color:#FFFFFF;
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  margin-left:70px;
  margin-bottom:10px;
  width:120px;
}

div.StartText {
  width:250px;
}

span.Hint {
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:12px;
  color:#888888;
  margin-top:0px;
  margin-bottom:0px;
}

/* Calendar */
table.Calendar {
  width:126px;
  border-width:1px;
  border-style:solid;
  border-color:#696969;
  empty-cells:show;
  border-collapse:collapse;
}

th.CalendarButton {
  line-height:12px;
  font-family:Verdana, sans-serif;
  font-size:9px;
  height:16px;
  width:18px;
  cursor:pointer;
  text-align:center;
  background-color:#FF9900;
  
}

th.CalendarMonth {
  line-height:12px;
  font-family:Verdana, sans-serif;
  font-size:9px;
  height:16px;
  text-align:center;
  background-color:#FF9900;
}

th.CalendarDay {
  line-height:12px;
  font-family:Verdana, sans-serif;
  font-size:9px;
  height:16px;
  width:18px;
  text-align:center;
  font-weight:bold;
  background-color:#FFFFFF;
  color:#000000;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#696969;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#000000;
}  

td.CalendarDay {
  line-height:12px;
  font-family:Verdana, sans-serif;
  font-size:9px;
  height:16px;
  width:18px;
  cursor:default;
  text-align:center;
  font-weight:normal;
  background-color:#FFFFFF;
  color:#000000;
}

td.CalendarDaySelected {
  background-color:#888888;
  color:#FFFFFF;
}

td.CalendarDayActive {
  padding:0px;
  cursor:pointer;
}

div.Content {
  position:absolute;
  top:124px;
  left:0px;
  width:990px;
}


/* panoma page */

/* Product area, panoma page */
div.Products {
  position:absolute;
  top:124px;
  left:0px;
  width:164px;
  height:700px;
  z-index:2;
  font-size:9px;
  line-height:12px;
  color:#FFFFFF;
  background-color:#888888;
}

div.ProductUnderline {
  width:163px;
  height:25px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#BBBBBB;
}

h2.SubMenu {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color:#FFFFFF;
  margin-left:12px;
  margin-bottom:4px;
  margin-top:8px;
}

div.PanomaContent {
  position:absolute;
  top:124px;
  left:180px;
  width:810px;
  height:700px;
  overflow:auto;
  border-right-width:1px;
  border-right-color:#eeeeee;
  border-right-style:solid;
}

div.FooterLeft {
  position:absolute;
  top:824px;
  left:0px;
  width:164px;
  height:24px;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background-repeat:repeat-y;
  background-color:#FF9900;
}

div.FooterRight {
  position:absolute;
  top:824px;
  left:164px;
  width:826px;
  height:24px;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  text-align:right;
  color:#FFFFFF;
  background-repeat:repeat-y;
  background-color:#FF9900;
}

table.PanomaContent {
  width:784px;
  border-right-width:0px;
}

table.Info {
  margin:0px;
  margin-bottom:12px;
  border-spacing:0px;
  padding:0px;
  width:175px;
  border-width:2px;
  border-color:#eeeeee;
  border-style:solid;
}

table.InfoBig {
  margin:0px;
  margin-bottom:12px;
  border-spacing:0px;
  padding:0px;
  width:384px;
  border-width:4px;
  border-color:#eeeeee;
  border-style:solid;
}

table.InfoHuge {
  margin:0px;
  margin-bottom:12px;
  border-spacing:0px;
  padding:0px;
  width:567px;
  border-width:4px;
  border-color:#eeeeee;
  border-style:solid;
}

th.Info {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color:#FFFFFF;
  background-repeat:no-repeat;
}

td.Info {
  background-repeat:no-repeat;
  background-position:bottom;
  text-align:right;
}

/* flash messages */ 

div.BannerMessage {
  position:absolute;
  top:0px;
  left:164px;
  width:726px;
  height:70px;
  vertical-align:top;
  background-repeat:no-repeat;
  background-position:left top;
  z-index:2;
}