html, body
{
  height:100%;
  margin:0pt auto;
  padding:0pt;
}

body
{
  background-color:  #763668; 
  font-family:Arial,helvetica,sans-serif;
  font-size:  90%;
  line-height:130%;
  text-align:center;
  /*background-image: url(../images/bodybg.png);
  background-repeat: repeat-x;*/
}

form
{
  margin:0pt;
  padding:0pt;
}

a
{
  color: #763668;
  text-decoration:none;
  font-weight: bold;
}

a:hover
{
  text-decoration:underline;
}

img
{
  border:none;
}

h1, h1.wh-heading1
{
  font-size: 120%;
  color: #753768;
}

#container
{
  background-image: url(../images/bg.gif);
  background-repeat: repeat-y;
  padding: 0px;
  margin:10pt auto;
  position:relative;
  width:988px;
  height: 100%;
}

#container td
{
  height: 100%;
  margin-bottom: -200px;
  vertical-align: top;
  text-align:left;
}

#header
{
  background-image: url(../images/header1.png);
  background-repeat: no-repeat;
  text-align: left;
  height: 181px;
  /*border-bottom: 3px solid #b1b1b1;*/
}

#logo
{
  margin-top: 45px;
}

#mainmenu
{
  background-color: #000000; /*#d2001b;  #cac9c7; */
  padding: 5px 115px 5px 180px;
  text-align: left;
  font-weight: bold;
  color: #000000; /* #365750; */
}

#submenu
{
  background-color: #ffffff;
  padding: 10px 15px 10px 20px;
  text-align: right;
	font-weight: bold;
  color: #000000;
  border-bottom: 1px dotted #75376a;
}

#mainmenu a
{
  color: #ffffff; /* #365750; */
}

#mainmenu a.selected
{
  color: #e2001a;
}

#firstcol
{
  width: 244px;
}

#secondcol
{
  width: 560px;
  padding: 20px 10px 10px 20px;
}

td#thirdcol
{
  width: 220px;
  text-align: center;
}

#thirdcol img.banner
{
  border: none;
  margin: 10px 0;
}

#twentehallen
{
  margin-top: 180px;
  margin-left:7px;
}

#leftmenu
{
  height: 900px;
  background-image: url(../images/homebg.gif);
  background-repeat: repeat;
  position: relative;
}

#payoff
{
  /*height: 900px;*/
  background-image: url(../images/zone_bottomline.png);
  background-repeat: no-repeat;
  position: relative;
}


.bol
{
  height: 92px;
  width: 92px;
  background-image: url(../images/bol.png);
  background-repeat: no-repeat;
  position: absolute;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.bol a
{
  color:white;
  margin: 14px 2px;
  display: block;
  padding: 22px 0;
}

#bol0
{
  left: 75px;
  top: 16px;
}

#bol1
{
  left: 157px;
  top: 102px;
}

#bol2
{
  left: 193px;
  top: 219px;
}

#bol3
{
  left: 157px;
  top: 336px;
}

#bol4
{
  left: 75px;
  top: 422px;
}

/* Webpack item title */
.whwp .whwp-title
{
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #ff4900;
  font-size: 110%;
}

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover
{
  width: 100px;
  background-color: #753768;
  text-align: center;
  color: #FFFFFF;
  border: outset 1px;
  border-right-color: #000000;
  border-bottom-color: #000000;
  margin: 3px 3px 3px 0px;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover
{
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-family: arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup
{
  border: 1px #000000 solid;
  padding: 10px;
  margin: 20px 0px;
  background-color: #FFFFFF;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label
{
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.whwp .whwp-entry
{
  border: 1px solid #000000;
  margin: 10px 0px;
}

.whwp .whwp-entry .whwp-header
{
  background-color: #D0D0D0;
  font-weight: bold;
  padding: 4px;
}

.whwp .whwp-entry .whwp-message
{
  padding: 4px;
}

.whwp .whwp-entry .whwp-message blockquote
{
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp .whwp-entry .whwp-footer
{
  padding: 5px;
}

.whwp table.whwp-table
{
  border: solid 1px #000000;
  border-collapse: collapse;
  width: 100%;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

.whwp table.whwp-table th
{
  text-align: left;
  padding: 2px 5px;
  background-color: #D0D0D0;
  vertical-align: top;
  white-space: nowrap;
  color: #000000;
}

.whwp table.whwp-table td
{
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp .whwp-odd
{
  background-color: #EEEEEE;
}

.whwp .whwp-even
{
  background-color: #FFFFFF;
}

.whwp .whwp-errors
{
  color: #FF0000;
}

.whwp table.whwp-attachments
{
  font-size: 100%;
}

/* End of the standard webpack CSS definitions */