/* SVN $Id: main.css 104 2009-06-12 11:34:28Z peter $ */
/* SVN $URL: file:///T:/SOURCE_SVN/Start_Website/httpdocs/css/main.css $ */

/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS (http://developer.yahoo.com/yui/reset/) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
  width:                       100%;
  height:                      100%;
  cursor:                      default;
}

.hidden {
  display:                     none;
}


strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  text-decoration:             underline;
  cursor:                      pointer;
  outline:                     none;
}

a:hover {
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}
.clear {
  clear:                       both;
}

/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# SITE BASIC CSS */
body {
  font:                        normal 12px arial, sans-serif;
  line-height:                 16px;
  color:                       #666666;
}
h1 {
  margin:                      0px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   18px;
  color:                       #68AEDF;
}
h2 {
  margin:                      32px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
  color:                       #68AEDF;
}
h3 {
  margin:                      32px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   13px;
  color:                       #666666;
}
h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
}
h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}
h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}
hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #000000;
}
p {
  margin-top:                  16px;
}
a {
  color:                       #00AEEF;
}
/*# /SITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE_FULLHEIGHT */
body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
}
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
  background-color:            #FFFFFF;
}
div#header_print {
  display:                     none;
}
div#site {
  width:                       952px;
  min-height:                  100%;
  margin:                      0 auto;
  text-align:                  left;
  background:                  #FFFFFF url('../images/site_bg.gif') repeat-y;
}
div#sidebar_left {
  float:                       left;
  width:                       192px;
  margin-top:                  3px;
  background-color:            #F3F3F3;
}
div#content {
  float:                       left;
  width:                       757px;
  margin:                      3px 0px 0px 3px;
}
div#content div.top {
  width:                       757px;
  height:                      25px;
  margin-bottom:               3px;
  background:                  #66ADDE;
}
/* #### HEADER #### */
div#content div.header {
  width:                       757px;
  height:                      272px;
}
div.header div.left {
  float:                       left;
  width:                       562px;
  height:                      272px;
  margin-right:                3px;
}
div.header img.right {
  float:                       left;
}
div.header div.left img.overlay {
  display:                     inline-block;
  position:                    absolute;
}
/* #### CONTENT #### */
div#content div.innercontent {
  float:                       left;
  width:                       506px;
  padding:                     44px 28px 0px 28px;
  margin-right:                3px;
}
div.content_print {
  display:                     none;
}
.contentblock { /* For the editor */
  width:                       506px;
  margin:                      0px 28px 0px 28px;
}
div#content div.sidebar_right {
  float:                       left;
  width:                       192px;
  background-color:            #F3F3F3;
}
div#content div.sidebar_right_empty {
  height:                      280px;
  width:                       192px;
}
/* #### FOOTER #### */
div.footerfixer {
  clear:                       both;
  width:                       952px;
  height:                      100px;
  line-height:                 10px;
}
div#footer {
  width:                       952px;
  height:                      86px;
  margin:                      -86px auto 0px auto;
}
div#footer div#innerfooter {
  margin:                      0 auto;
  width:                       952px;
  height:                      86px;
  background:                  url('../images/footer_bg.jpg') no-repeat;
}
div#footer div#innerfooter a:link, div#footer div#innerfooter a:visited, div#footer div#innerfooter a:hover, div#footer div#innerfooter a:active {
  margin:                      0 auto;
  width:                       35px;
  height:                      15px;
  float:                       right;
  text-align:                  right;
  display:                     block;
  padding:                     6px 220px 0 10px;
  background:                  url('../images/print_icon.gif') 0 8px no-repeat;
  color:                       #004684;
}
/* #### SPECIAL PART FOR THE FOOTER SIDES #### */
div#sides_holder {
  width:                       952px;
  height:                      1px;
  margin:                      -1px auto 0px auto;
}
/* ### LEFT SIDE #### */
div.left_holder {
  float:                       left;
  width:                       192px;
  height:                      334px;
  margin:                      -334px auto 0px auto;
  text-align:                  left;
}
div#footer_left {
  float:                       left;
  width:                       192px;
  height:                      274px;
  line-height:                 10px;
}
div#footer_left div.sitemap {
  float:                       left;
  text-align:                  center;
  margin-top:                  34px;
  width:                       192px;
}
div#footer_left div.sitemap a {
  text-decoration:             none;
  color:                       #666666;
}
div#footer_left div.sitemap a:hover {
  text-decoration:             underline;
  color:                       #666666;
}
/* #### RIGHT SIDE #### */
div.right_holder {
  float:                       right;
  width:                       192px;
  height:                      284px;
  margin:                      -284px auto 0px auto;
  text-align:                  right;
}
div#footer_right {
  float:                       right;
  width:                       192px;
  height:                      198px;
  line-height:                 10px;
}
div#innerfooter_right {
  width:                       192px;
  height:                      198px;
  background:                  url('../images/sidebar_right.png') no-repeat top;
  text-align:                  left;
}
div#innerfooter_right table {
  width:                       149px;
  margin:                      0px 0px 0px 30px;
}
div#innerfooter_right table td {
  height:                      24px;
  vertical-align:              middle;
  letter-spacing:              1.6pt;
}
div#innerfooter_right table td.day {
  width:                       38px;
}
div#innerfooter_right table td.time {
  width:                       111px;
}
div#footer_right div.powered {
  float:                       right;
  margin-top:                  60px;
  width:                       192px;
  color:                       #999999;
  font-size:                   11px;
  text-align:                  center;
}
div#footer_right div.powered a,
div#footer_right div.powered a:hover {
  text-decoration:             none;
  color:                       #999999;
}

/*# /TEMPLATE_FULLHEIGHT */
/*############################################################################*/
/*# SNIP_LISTMENU */
ul.mainmenu {
  margin:                      70px 0px 0px 0px;
  padding:                     0px;
}
ul.mainmenu li {
  width:                       192px;
  height:                      25px;
  margin:                      0px 0px 9px 0px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  right;
  background:                  url('../images/menu_side.gif') no-repeat top right;
}
a.mainitem, a.mainitem:hover, a.mainitem_on, a.mainitem_selected {
  display:                     block;
  height:                      25px;
  padding:                     0px 12px 0px 12px;
  font:                        normal 12px verdana,sans-serif;
  text-decoration:             none;
  line-height:                 25px;
  text-transform:              lowercase;
  letter-spacing:              3pt;
  color:                       #666666;
  white-space:                 nowrap;
}
a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover, a.mainitem_selected, a.mainitem_selected:hover {
  background:                  #DCEAF9 url('../images/menu_side.gif') no-repeat top right;
}
ul.mainmenu li:hover ul.submenu {
  left:                        auto;
  margin:                      -25px 0px 0px 192px;
  padding-left:                3px;
}
ul.submenu, ul.subsubmenu {
  position:                    absolute;
  clear:                       both;
  left:                        -9999px;
  width:                       120px;
  margin:                      0px;
  padding:                     0px;
  background:                  url('../images/spacer.gif');
}
ul.subsubmenu {
  padding-left:                1px;
}
ul.submenu li, ul.subsubmenu li {
  float:                       left;
  display:                     block;
  width:                       238px;
  height:                      25px;
  margin:                      0px;
  padding:                     0px;
  list-style:                  none;
}
a.subitem, a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  display:                     block;
  width:                       100%;
  padding-left:                16px;
  height:                      24px;
  line-height:                 24px;
  font-size:                   12px;
  font-weight:                 normal;
  text-align:                  left;
  text-decoration:             none;
  text-transform:              lowercase;
  color:                       #666666;
  white-space:                 nowrap;
  background-color:            #F3F3F3;
  border-bottom:               1px solid #FFFFFF;
  border-left:                 1px solid #FFFFFF;
  border-right:                1px solid #FFFFFF;
}
a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  background:                  #E8E8E8 url('../images/submenu_side.gif') no-repeat top left;
}
ul.submenu li:hover ul.subsubmenu {
  left:                        auto;
  margin:                      -25px -25px 0px 255px;
}
ul.subsubmenu a.subitem, ul.subsubmenu a.subitem:hover,
ul.subsubmenu a.subitem_on, ul.subsubmenu a.subitem_on:hover {
  font-weight:                 normal;
  background:                  #E8E8E8;
}
ul.subsubmenu a.subitem:hover,
ul.subsubmenu a.subitem_on, ul.subsubmenu a.subitem_on:hover {
  background:                  #F3F3F3 url('../images/submenu_side.gif') no-repeat top left;
}

ul.menu1 {
  margin-top:                  43px;
}
/*# /SNIP_LISTMENU */
/*############################################################################*/
/*############################################################################*/
/*# Form CSS */

fieldset {
  border:                      0px;
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       150px;
  line-height:                 18px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       280px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       284px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       284px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #000000;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       280px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.multilinein {
  margin-left:                 150px;
}

li.buttons {
  clear:                       both;
  width:                       435px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 150px;
  margin-top:                  4px;
  height:                      20px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}
input#surname {
  margin-left:                 5px;
  width:                       173px;
}
select#gender {
  width:                       100px;
}
input#street {
  width:                       133px;
}

input#housenr,
input#zip {
  width:                       80px;
}
input#addition,
input#city {
  width:                       193px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

div#requiredtext {
  float:                       left;
}

/*# Form CSS */
/*############################################################################*/