/*############################################################################*/
/*# 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;
}

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

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

body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
  font:                        normal 12px tahoma;
}

h1 {
  margin:                      0px 0px 20px 0px;
  padding:                     0px;
  font-weight:                 normal;
  font-size:                   22px;
}

h2 {
  margin:                      0px 0px 5px 0px;
  padding:                     10px 0px 5px 0px;
  font-weight:                 bold;
  font-size:                   15px;
  color:                       #128be0;
  border-bottom:               1px solid #e2e2e2;
}

h3 {
  margin:                      0px 0px 5px 0px;
  padding:                     10px 0px 5px 0px;
  font-weight:                 bold;
  font-size:                   13px;
  color:                       #128be0;
  border-bottom:               1px solid #e2e2e2;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
  color:                       #999999;
  font-weight:                 bold;
  margin-bottom:               28px;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #e2e2e2;
}


/*# /SITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE CSS */

div#fullscreen {
  position:                     absolute;
  width:                        100%;
  height:                       100%;
  text-align:                   center;
  background:                   #FFFFFF url(../images/background_gradient.jpg) top repeat-x;
}

div#site {
  width:                        922px;
  min-height:                   100%;
  margin:                       0 auto;
  text-align:                   left;

}

/*# HEADER */
div#header {
  height:                        123px;
}

  div#header div#logo {
    width:                       337px;
    height:                      123px;
    display:                     block;
    position:                    absolute;
  }
  
  div#header span.slogan {
	position: 					 absolute;
	color: 						 #000000;
	font-size: 					 18px;
	font-weight:				 bold;
	text-transform:				 uppercase;
	margin: 					 55px 0px 0px 350px;
  }
  
/*# BREADCRUMB */
div#breadcrumb {
  position:                     absolute;
  width:                        500px;
  margin:                       97px 0px 0px 405px;
  height:                       20px;
  line-height:                  20px;
  text-align:                   right;
  font-size:                    11px;
}
div#breadcrumb img {
  margin:                       0px 10px 0px 10px;
  height:                       7px;
  width:                        8px;
}
div#breadcrumb .item {
  text-align:                   right;
  color:                        #2f7fb6;
}
div#breadcrumb .selected {
  background-color:             #57b6f7;
  text-decoration:              none;
  color:                        #ffffff;
  padding:                      2px 3px 2px 3px;
}

/*# MAIN MENU */
div#menu {
  float:                        left;
  width:                        238px;
}

ul.mainmenu {
  height:                       25px;
  margin:                       0px;
  padding:                      16px 0px 0px 15px;
}

ul.mainmenu li {
  margin:                       0px;
  padding:                      0px 0px 10px 0px;
  list-style-type:              none;
  text-align:                   left;
}

a.mainitem, a.mainitem:hover, a.mainitem_on, a.mainitem_selected {
  height:                       25px;
  padding:                      6px 8px 5px 8px;
  font-size:                    12px;
  font-weight:                  bold;
  text-decoration:              none;
  line-height:                  25px;
  color:                        #FFFFFF;
  background-color:             #57b6f7;
  text-transform:               uppercase;
}
a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover, a.mainitem_selected, a.mainitem_selected:hover {
  background-color:             #b0ddfb;
  color:                        #128be0;
}

ul.mainmenu li:hover ul.submenu {
  left:                         auto;
  margin:                       0px;
}

/* Sub levels */
ul.submenu, ul.subsubmenu {
  margin:                       0px;
  padding:                      0px;
}
ul.subsubmenu {
}

ul.submenu li, ul.subsubmenu li {
  width:                        100%;
  margin:                       0px;
  padding:                      0px 0px 0px 7px;
  list-style:                   none;
}

a.subitem, a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  display:                      block;
  width:                        100%;
  height:                       25px;
  line-height:                  25px;
  font-size:                    12px;
  font-weight:                  bold;
  text-decoration:              none;
  white-space:                  nowrap;
  margin-left:                  16px;
  color:                        #128be0
}

ul.subsubmenu a.subitem, ul.subsubmenu a.subitem:hover,
ul.subsubmenu a.subitem_on, ul.subsubmenu a.subitem_on:hover {
  font-weight:                  normal;
  color:                        #000000;
}
a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  text-decoration:              underline;
}
ul.subsubmenu a.subitem:hover,
ul.subsubmenu a.subitem_on, ul.subsubmenu a.subitem_on:hover {

}

/*# CONTENT */
div#content {
  padding:                      22px 50px 28px 265px;
  background-color:             #FFFFFF;
  line-height:                  20px;
}

  div#content ul {
    margin-left:                15px;
    padding:                    0px;
  }

  div#content ul li {
    list-style-image:           url(../images/list_bullet.gif);
    list-style-type:            none;
    margin-bottom:              3px;
    line-height:                16px;
  }


  div#content fieldset ul li {
    list-style-type:            none;
    list-style-image:           none;
  }

  div#content fieldset li,
  div#content fieldset ul {
    list-style:                  none;
    list-style-type:             none;
    margin:                      0px 0px 5px;
    padding:                     0px;
  }

  div#content a {
    color:                      #128be0;
    text-decoration:            underline;
  }
  div#content a:hover {
    color:                      #57b6f7;
  }

/*# FOOTER */
div.footerfixer {
  clear:                        both;
  line-height:                  140px;
}

div#footer {
  clear:                        both;
  width:                        100%;
  height:                       140px;
  margin:                       -140px auto 0px auto;
}

  .footer_position {
    margin:                     0 auto;
    width:                      952px;
  }

  div#footer_info {
    height:                     87px;
    background-color:           #7e8184;
    text-align:                 left;
    background:                 url(../images/footer_info_background.gif) left center repeat-x;
  }

  div#footer_info_left {
    background-color:           #8d8f91;
    width:                      240px;
    height:                     63px;
    float:                      left;
    margin-top:                 10px;
    margin-left:                18px;
    background:                 url(../images/footer_info_inside_background.gif) left center repeat-x;
  }

  div#footer_info_right {
    background-color:           #8d8f91;
    width:                      515px;
    height:                     63px;
    margin-left:                9px;
    float:                      left;
    margin-top:                 10px;
    background:                 url(../images/footer_info_inside_background.gif) left center repeat-x;
  }

  div#footer_info_flames {
    height:                     86px;
    width:                      150px;
    background:                 url(../images/footer_flames.jpg) right center no-repeat;
    float:                      left;
  }

  div#footer_info_right table {
    margin:                     7px 0px 0px 30px;
  }

  div#footer_info_right table td {
    background:                 url(../images/footer_bullet.gif) left center no-repeat;
    font-size:                  11px;
    color:                      #ffffff;
    padding-left:               20px;
    vertical-align:             middle;
  }
  td.col1,
  td.col2 {
    width:                      133px;
    height:                     23px;
  }
  td.col3 {
    width:                      175px;
    height:                     23px;
  }


  div#footer_copyright {
    height:                     24px;
    line-height:                24px;
    color:                      #2f7fb6;
    background:                 url(../images/footer_background.gif) left center repeat-x;
    font-size:                  10px;
    text-align:                 left;
    padding-left:               28px;
    letter-spacing:             1px;

  }
    div#footer_copyright a {
      color:                      #2f7fb6;
      text-decoration:            none;
    }
    div#footer_copyright a:hover {
      color:                      #2f7fb6;
      text-decoration:            underline;
    }

  div#footer_white {
    padding-right:              40px;
  }
  div#footer_white,
  div#footer_white a {
    height:                     24px;
    line-height:                24px;
    color:                      #999999;
    background-color:           #ffffff;
    font-size:                  10px;
    text-decoration:            none;
    text-align:                 right;
    letter-spacing:             1px;
  }
  div#footer_white a:hover {
    text-decoration:            underline;
  }

.contentblock { /* class for editor body */

}

/*# /TEMPLATE CSS */
/*############################################################################*/

/*############################################################################*/
/*# 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:                       220px;
  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:                       224px;
  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;
  margin-right:                10px;
}

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

textarea.textarea {
  width:                       220px;
  height:                      70px;
  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:                       370px;
  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#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       133px;
}

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 */
/*############################################################################*/
