/* 13up CSS styles */

/* globals */
html, body{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*background-color: #0B3D77;*/
  background-image: url(pics/bg_pattern.png);
}

a, a:hover, a:visited{
  text-decoration: none;
  color: black;
}

img{
  border: 0px;
}

html.nostyle, body.nostyle {
  background-color: #009cac;
  background-image: url();
  color: black;
}

/* page layout */
#page{
  width: 880px;
  height: 632px;
  /*background-color: #F28E00;*/
  text-align: left;
  font-size: 8pt;
  position: absolute;
  margin: -279px 0px 0px -440px;
  top: 50%; 
  left: 50%;
}
#page td{
  vertical-align: top;
}
#contact{
  margin-left: 22px;
  margin-top:  12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1B1E64;
  font-size: 9pt;
}
#contact a, #contact a:hover, #contact a:visited{
  text-decoration: none;
  color: #1b1e64;
}


#footer{
  margin-left: 24px;
  margin-top: 0px;
  font-size: 8pt;
  color: black;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  /*background-color: #0B3D77;*/
}
/*#footer a, #footer a:hover,#footer  a:visited{*/
#footer a{
  text-decoration: none;
  color: black;
}

#impragb{
  padding: 5px 2px 5px 5px;
  height: 390px;
  width: 240px;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: black; 
}
#impragb b{
  font-size: 9pt;
}


/* subpage elements */

#banner_area_left {
  position: absolute;
  left: 0px;
  top: -74px;
  width: 140px;
  height: 90px;
}

#banner_area_main {
  position: absolute;
  left: 140px;
  top: -74px;
  width: 728px;
  height: 90px;
}

#banner_area_right {
  position: absolute;
  left: 868px;
  top: -74px;
  width: 12px;
  height: 90px;
}

#shadow_right {
  position: absolute;
  right: 0px;
  top: 49px;
  width: 12px;
  height: 555px;
  background-image: url(pics/sub-frame_right.png);
}

#shadow_bottom {
  position: absolute;
  right: 0px;
  bottom: 16px;
  width: 880px;
  height: 12px;
  background-image: url(pics/sub-frame_bottom.png);
}

#footer_new {
  position: absolute;
  left: 24px;
  bottom: 4px;
  font-size: 8pt;
  color: black;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;

}

#footer_new a {
  text-decoration: none;
  color: black;
}

#sub_frame_top {
  position: absolute;
  width: 880px;
  height: 49px;
  background-image: url(pics/sub-frame_top.png);
}

#sub_frame_left {
  position: absolute;
  top: 49px;
  width: 20px;
  height: 555px;
  background-image: url(pics/sub-frame_left.png);
}

#sub_logo {
  position: absolute;
  left: 20px;
  top: 49px;
  width: 114px;
  height: 73px;
  background-image: url(pics/sub-logo.png);
}

#sub_banner_top {
  position: absolute;
  left: 134px;
  top: 49px;
  width: 734px;
  height: 73px;
  background-image: url(pics/sub-banner_top.jpg);
}

#sub_banner_bottom {
  position: absolute;
  left: 20px;
  top: 122px;
  width: 848px;
  height: 112px;
  background-image: url(pics/sub-banner_bottom.jpg);
}

#sub_content_main {
  position: absolute;
  left: 20px;
  top: 234px;
  width: 848px;
  height: 370px;
  background-color: #009cac;
}

#sub_claim {
  position: absolute;
  left: 595px;
  top: 314px;
  width: 234px;
  height: 42px;
  background-image: url(pics/sub-claim.png);
}

.sub_content_pic {
  position: absolute;
  left: 595px;
  top: 0px;
  width: 247px;
  height: 297px;
}

#sub_title_box {
  position: absolute;
  left: 25px;
  top: 0px;
  width: 546px;
  height: 46px;
}

#sub_title_box .termine {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f3cbf7;
}

#sub_title_box .pics {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #faf6d6;
}

#sub_title_box div#title {
  margin-top: 20px;
  text-align: center;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
}

#sub_content_area_termine {
  position: absolute;
  left: 25px;
  top: 55px;
  width: 546px;
  height: 297px;
  background-image: url(pics/sub-content_area_termine.png);
}

#sub_content_area_pics {
  position: absolute;
  left: 25px;
  top: 55px;
  width: 546px;
  height: 297px;
  background-image: url(pics/sub-content_area_pics.png);
}

#sub_content_area_pics_full {
  position: absolute;
  left: 25px;
  top: 0px;
  width: 546px;
  height: 352px;
  background-image: url(pics/sub-content_area_pics_full.png);
}

#double_arrows_left {
  position: absolute;
  width: 24px;
  height: 17px;
  background-image: url(pics/double_arrows_left.png);
}

#double_arrows_right {
  position: absolute;
  width: 24px;
  height: 17px;
  background-image: url(pics/double_arrows_right.png);
}

#sub_content_area_termine #double_arrows_left,
#sub_content_area_pics #double_arrows_left {
  left: 485px;
  top: 9px;
}

#sub_content_area_pics_full #double_arrows_left {
  left: 491px;
  top: 14px;
}

#sub_content_area_termine #double_arrows_right,
#sub_content_area_pics #double_arrows_right {
  left: 512px;
  top: 9px;
}

#sub_content_area_pics_full #double_arrows_right {
  left: 514px;
  top: 14px;
}

#sub_content_area_kontakt {
  position: absolute;
  left: 25px;
  top: 0px;
  width: 546px;
  height: 352px;
  background-image: url(pics/sub-content_area_kontakt.png);
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size: 11px;
}

/* Page "TERMINE" */

.arrow_small {
  width: 28px;
  height: 24px;
  background-image: url(pics/arrow_small.png);
}

.termin_container {
  position: relative;
  width: 546px;
  height: 92px;
}

.termin_container .arrow_small {
  position: absolute;
  left: 57px;
  top: 72px;
}

.termin_container .letter_small {
  position: absolute;
  left: 516px;
  top: 79px;
  width: 17px;
  height: 13px;
  background-image: url(pics/letter_small.png);
}

.termin_container .teaser_pic_small {
  position: absolute;
  left: 92px;
  top: 18px;
  width: 101px;
  height: 77px;
}

.termin_container .teaser_text {
  position: absolute;
  left: 202px;
  top: 79px;
  height: 18px;
  color: black;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size: 11px;
}

.termin_detail_container {
  position: relative;
  width: 546px;
  height: 297px;
  background-image: url(pics/sub-content_area_termin_details.png);
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size: 11px;
}

#termin_detail_location {
  position: absolute;
  left: 165px;
  top: 30px;
}

#termin_detail_date {
  position: absolute;
  left: 165px;
  top: 59px;
}

#termin_detail_info {
  position: absolute;
  left: 165px;
  top: 88px;
}

/* Page "KONTAKT" */

#kontakt_detail_who {
  position: absolute;
  left: 165px;
  top: 39px;
}

#kontakt_detail_where {
  position: absolute;
  left: 165px;
  top: 68px;
}

#kontakt_detail_phone {
  position: absolute;
  left: 165px;
  top: 126px;
}

#kontakt_detail_fax {
  position: absolute;
  left: 165px;
  top: 155px;
}

#kontakt_detail_email {
  position: absolute;
  left: 161px;
  top: 179px;
  width: 317px;
  height: 34px;
  background-image: url(pics/sub-kontakt_email.png);
}

/* Page "PICS" */

#sub_content_area_pics_full .arrow_small {
  position: absolute;
  left: 11px;
  top: 12px;
}

#sub_content_area_pics_full #label {
  position: absolute;
  left: 50px;
  top: 17px;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size: 11px;
}

.pics_row {
  position: relative;
  width: 546px;
  clear: left;
  padding: 0px 0px 5px 48px;
}

.placeholder .pics_row {
  height: 40px;
  border: 0px;
}

.pic_small {
  float: left;
  width: 101px;
  padding-right: 13px;
  padding-bottom: 16px;
}

.pic_small img {
  width: 101px;
  height: 77px;
  border: 0px;
  background-color: black;
}

.pic_subtitle {
  width: 101px;
  text-align: center;
  color: black;
  font-family: Courier;
  font-size: 10px;
}

#pic_full_display {
  position: absolute;
  left: 48px;
  top: 46px;
  width: 374px;
  height: 285px;
  background-color: black;
}

#pic_full_subtitle {
  position: absolute;
  left: 50px;
  top: 332px;
  font-family: Courier;
  font-size: 10px;
}

/* Page "SERVICE" (FAQ) */

#faq_title {
  padding: 25px 0px 0px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.faq_container {
  position: relative;
  padding-top: 10px;
  width: 546px;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
}

.faq_container .arrow_small {
  float: left;
  margin: 0px 5px 0px 5px;
}

.faq_container .question, .faq_container .answer {
  float: left;
  margin-left: 10px;
  width: 450px;
}