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

body { overflow-y: scroll; }

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

body { 
  height: 100%;
  background: #ffffff url(../images/background.jpg) no-repeat top center; }
}

a { color: #1B1C20; }
a:active,
a:visited,
a:link      { text-decoration: underline; }
a:hover     { text-decoration: underline; }

.header1,
h1 { font-size: 16px; margin: 0px; margin-bottom: 10px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; padding-bottom: 5px; }
div#full h2 { font-size: 18px; }
hr { height: 1px; border: 0px; background-color: #C9C9C9; width: 440px; float: left;  }
.header1  { clear: both; float: left; }


fieldset { border: 1px solid #c9c9c9; }
legend   { font-weight: bold; }
textarea,
input    { width: 290px; border: 1px solid #c9c9c9; margin-bottom: 5px;  }
input.checkbox, input.radio { width: 20px; margin: 0px; padding: 0px; }
textarea { height: 100px; }
button   { float: left; background-color: #f4f4f4; border: 1px solid #c9c9c9;}
/*button   { float: left; margin-left: 225px; background-color: #f4f4f4; border: 1px solid #c9c9c9; }*/

div#googleMap { margin-top: 10px; margin-left: 40px; }

table thead td { font-weight: bold; }
table td       { vertical-align: top; }

img         { border: 0px; }
form        { padding: 0px; margin: 0px; }
button      { cursor: pointer; }

p { margin: 0px; }

.clear      { clear: both; }
.left       { float: left; }
.right      { float: right; }
.relative   { position: relative; }
.pt10                  { padding-top: 10px; }
.pt20                  { padding-top: 20px; }

div#main    { width: 845px; margin: 0 auto; position: relative; text-align: left; }
div#topheader  { float: right; text-align: right; clear: both; width: 700px; height: 65px; vertical-align: bottom; margin-top: 20px; }
div#header  { float: right; clear: both; width: 700px; height: 175px; margin-bottom: 10px; background: #ffffff url(../images/slideshow1.jpg) no-repeat top left; margin-bottom: 20px; }
div#full    { margin: 0 auto; width: 1061px; text-align: left;  }

div#left    { float: left; clear: left; width: 100px; text-align: left; }
div#right   { float: right; clear: right; width: 700px; margin-left: 0px; padding-top: 0px; text-align: left; margin-right: 0px; height: 850px; overflow-y: auto; }
div#footerLogo { position: absolute; left: 10px; bottom: 0; background: transparent url(../images/logo.jpg) no-repeat top left; width: 175px; height: 140px;}

div#main              { min-height: 100%; }
* html div#main       { height: 100%; }
div#footer { position: relative; margin-top: -150px; }

div.GalleryNavigation ul,
ul#menu            { list-style-type: none; margin: 0px; padding-left: 10px; }
ul#menu li         { float: left; clear: both; padding: 2px 0 2px 0; width: 100px; }
ul#menu li a       { font-size: 12px; color: #222; text-decoration: none; font-weight: bold; }
ul#menu li a.last  { font-style: italic; }

div.contentFull { padding-bottom: 15px; }

div.GalleryNavigation ul { padding: 0px; }
div.GalleryNavigation ul { height: 20px; float: left; margin-right: 5px; }
div.GalleryNavigation li { float: left; margin-right: 5px; }

div.GalleryNavigation a { padding: 3px; text-decoration: none; }
div.GalleryNavigation a.selected { color: #ffffff; background-color: #000; width: 45px;}
div.GalleryContainer { clear: both; float: left; position: relative; overflow: hidden; width: 100%; text-align: center; }
div.GalleryContainer { background: transparent url(../images/ajax-loader.gif) center center no-repeat; }
div.GalleryContainer img { position: absolute; top: 0px; left: 0px; }

div.gallerySmall div.GalleryNavigation li { margin-right: 2px; }
div.order                   { padding-top: 30px; }
div.order span.required     { color: #ff0000; }
div.order textarea,
div.order input             { width: 303px; }
div.order input.checkbox    { width: 15px; }
div.order input#firstname   { width: 80px; }
div.order input#name            { width: 131px; }
div.order input#street          { width: 200px; }
div.order input#street_nr       { width: 50px; }
div.order input#street_nr_add   { width: 47px; }
div.order input#zipcode         { width: 80px; }
div.order input#city            { width: 220px; }

span.required, span.error { color: #CE0808; font-weight: bold; }
.message { color: #0808CE; font-weight: bold; }
span.required { width: 7px; float: left; }
label.validationError { color: #CE0808; }
input.validationError {
  background-color: #F7BB9B;
  color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #F7BB9B; color: #000; border: 1px solid #EC5E14; z-index: 1000; }

div.msgBox        { border: 1px solid #000; margin-bottom: 10px; font-weight: bold; }
div.msgBox div.container {padding: 5px;  } 
div#msgSuccess    { background-color: #DFF2BF; border-color: #4F8A10; color: #4F8A10; } 
div#msgSuccess td { color: #4F8A10; }
div#msgNotice     { background-color: #BDE5F8; border-color: #00529B; color: #00529B; } 
div#msgNotice td  { color: #00529B; }
div#msgWarning    { background-color: #FEEFB3; border-color: #9F6000; color: #9F6000; }
div#msgWarning td { color: #9F6000; }
div#msgError      { background-color: #FFBABA; border-color: #D8000C; color: #D8000C; }
div#msgError td   { color: #D8000C; }

div.homeBlockLeft { float: left; width: 460px; }
div.homeBlockRight { float: right; width: 250px; }

form#contactForm label { clear: both; float: left; width: 225px; }
form#contactForm span.required { float: none; }