html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: center;}

body, table, tr, td, pre {
  font-family: arial, verdana, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;
}

body { background: #fff url(../images/body.bg.jpg) repeat-x top left; }

a:active,
a:visited,
a:link      { text-decoration: none; }
a:hover     { text-decoration: underline; }

div#main    { margin: 0 auto; text-align: left; width: 1000px; }
div#menu    { clear: both; padding: 0px; margin: 0px; padding-top: 10px; }
div#content { margin: 0px; padding: 10px; border: 1px solid black; background-color: #E9ECEF; }
div#footer  { background-color: #ff0000; }

div#site        { min-height: 100%; }
* html div#site { height: 100%; }

div.clear { clear: both; }

fieldset            { background-color: #F6F7F9; margin: 0px; padding: 0px; border: 1px solid #56616D; }
fieldset div.header { 
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  border: 1px solid #F6F7F9;
  padding-left: 5px;
  color: #ffffff;
  background-color: #A0ADBD;
}

fieldset div.content { padding: 10px; }

div.icon    { float: left; width: 13px; height: 13px; background: transparent url(../icons/page.gif) no-repeat top left; }

table      { cell-spacing: 0px; }
table.edit { border: 1px solid #222; }
thead tr   { background-color: #CAD3DA; }
thead td   { font-weight: bold; }
td         { padding-left: 5px; padding-right: 5px; }
td.noPadding { padding: 0px; }
tr.odd     { background-color: #EEEFF1; }
tr.even    { background-color: #E4E7E4; }
tr.select  { background-color: #CAD3DA; cursor: pointer; }

img.icon   { border: 0px; }

a             { color: #555E69; }
fieldset hr   { border: 0px solid #777; border-top: 1px; color: #777; background-color: #777; height: 1px; }

textarea      { font-size: 12px; height: 60px; }
textarea,
input         { width: 300px; border: 1px solid black; background-color: #F6F7F9; padding-left: 5px; font-family: arial; }
input.button  { width: 150px; background-color: #CAD3DA; padding: 0px; margin-bottom: 5px; }
input.small   { width: 100px; }
input.checkbox  { width: auto; border: 1px; margin: 0px; }
select        { border: 1px solid black; background-color: #F6F7F9; }
select.normal { width: 300px; }
button        { width: 100px; background-color: #CAD3DA; }

textarea.big  { height: 100px; }

input#street        { width: 144px; }
input#street_nr     { width: 25px; }
input#street_nr_add { width: 25px; }
input#zipcode       { width: 78px; }
input#city          { width: 119px; }
input#country       { width: 200px; }

.error { color: #CE0808; font-weight: bold; }
label.validationError { color: #CE0808; }
input.validationError {
  background-color: #ABB7C5; /* transparent url(../icons/validationError.gif) top right no-repeat; */
  color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #ABB7C5; color: #000; border: 1px solid #000; }



div#blogEmbedOriginal textarea { float: left; clear both; margin-bottom: 5px; }

div.contentLeft, div.contentRight { float: left; width: 50%; }
div.options { margin: 10px;  }
div.item { background-color: #eee; margin: 10px; border: 1px solid black; }
div.itemHeader { border-bottom: 1px solid black; padding: 0px; float: left; height: 20px; padding-top: 3px; background-color: #CAD3DA; width: 100%; }
div.itemTitle { float: left; width: 200px; font-weight: bold; margin-left: 10px; display: inline; }
div.itemOptions { float: right; margin-right: 5px; display: inline; }
div.itemContent { padding: 10px; overflow: auto;}

div#calendar.jsComponentPopup div.popupContainer { 
  width: 235px;
  height: 230px;
}