/*@import url("print.css") print;
@import url("/drgn/css/print.css") print;*/

html {
  overflow:   auto;
}

body, html {
  height:     100%;
  margin:     0;
  padding:    0;
}

body {
  text-align:   center;
  font-family:    Verdana, arial, sans-serif;
  font-size:      12px;
/*  overflow:       auto;*/
}

body.iframe-content {
  text-align:     left;
  color:          #6E6E6E;
  line-height:    20px;
/*  border:         1px solid white;*/
/*  width:          99%;*/
  margin-right:   10px;
  height:         97%;
  padding-top:    14px; /*abzugleichen mit #optionen*/
/*  font-size:      100%;*/
}

#all-wrapper {
  margin:     0 auto;
  height:     100%;
/*  background: #a00;*/
  border:     1px solid #1111a5;
  width:      900px;
  border-collapse:  collapse;
  padding:    0;
}

#all-wrapper td {
  padding:      0;
  text-align:   left;
}

#header {
  height:     192px;
/*  background: #0bf;*/
}

#iframe-and-teaser-wrapper {
  height:     100%;
/*  background: #af0;*/
}

#top-menu-wrapper {
/*  background:     #0ab;*/
  height:         60px;
  margin-top:   -15px; /* only for not IE */ 
}

body.firmengr #top-menu-wrapper {
  height:       30px !important; /* in firmengr. we never see the sub-menu, so we minimize the height */
}

.inner-padding {
  padding:      0 10px 0 10px !important;
}
.left-inner-padding {
  padding-left:       10px !important;
}
.right-inner-padding {
  padding-right:      10px !important;
}

#teaser-right-wrapper {
  vertical-align:top;
  width:        224px;
  height:       100% !important; /* needed for FF2 */
/*  background:   #f98;*/
}

#teaser-right {
  background:   #EFF7FF;
  height:       100%;
  position:     relative;
  overflow:     auto;
  width:        224px;
  outline:      none;
/*  margin:       0.3em auto;*/
/*  overflow:     auto;*/
/*  padding:      15px;*/
}

span.rz_addr1 { /*bold for the first addressline in sofortkontakt */
  font-weight:    bold;
}

#sofortkontakt_box {
  color:      #1111A5;
  font-size:  11px;
}

#sofortkontakt_box h3 {
  font-size:    12px;
}

#sofortkontakt_map_wrapper {
  text-align:   center;
}

#dzr_n_link {
  text-align:   left;
}

#teaser-right-wrapper .teaser-item {
  padding:       15px 15px 0 15px;
}

#optionen {}

#teaser-right ul,
#dropdowns ul {
  padding:          0;
  margin:           0;
  list-style-type:  none;
/*  line-height:      19px;*/
  font-size:        12px;
/*  border:           1px solid #880;*/
}

#teaser-right li {
/*  border:             1px solid green;*/
  padding:              3px 0;
  line-height:          14px;
  padding-left:         13px;
  background:           url(../des_imgs/blue_list_square.png) no-repeat;
  background-position:  0 0.7em !important; /* Das !important muss da sein, sonst rutscht der menüpkt runter */
}

#teaser-right li.main {
  padding-left:       0 !important;
  background:         none !important;
/*  border-bottom:      1px solid #efefef;*/
}


#teaser-right li.active /*,
#teaser-right li:hover*/ {
  background:           url(../des_imgs/red_list_square.png) no-repeat;
}

#teaser-right a,
#dropdowns a {
  color:            #1111A5;
  text-decoration:  none;
}

#teaser-right img {
  border:       none;
}

#gueldibaer_box {
  text-align: right;
}

#die_16_gruende_box {
  text-align: left;
}

#teaser-right a:hover,
#teaser-right .active a,
#dropdowns a.active,
#dropdowns ul a:hover {
  color:            #FF0D0D !important;
  text-decoration:  none;
}

#kontakt_ansprechpartner {
  cursor: default;
}

#dropdowns ul {
  padding:      0;
  margin:       0; /*for IE*/
  position:     absolute;
  z-index:      90;
/*  background:   #F0F4FA;*/
  border:       1px solid #afb0ef;
  border-left:  1px solid #def;
  border-top:   none;
  border-bottom:none;
/*  border:       1px solid red;*/
}

#dropdowns ul a {
  padding:          3px 5px;
  line-height:      14px;
  color:            #1111A5;
  text-decoration:  none;
/*  white-space:      nowrap;*/
  display:          block;
  text-align:       left;
}

#dropdowns ul li {
  border-bottom:  1px solid #cfceef;
  margin:         0 5px;
/*  padding:        0 5px;*/
  white-space:    normal;
}

#dropdowns .important-item a {
  font-weight:    800 !important;
  color:          #00b;
  padding-left:        0 !important;
}

#dropdown-menu-img-background,
#apo-waehlen-menu-img-background {
  margin:       0;
  padding:      0;
  position:     absolute;
  background:   url(../des_imgs/menue_hintergrund.png) repeat-y left top;
/*  border:       1px solid #080;*/
  opacity:      0.9;
  z-index:      1;
/*  visibility:   hidden;*/
}

#dropdown-abrechnung_fuer-img-background {
  margin:       0;
  padding:      0;
  position:     absolute;
  background:   url(../des_imgs/menue_hintergrund.png) repeat-y left top;
/*  border:       1px solid #080;*/
  opacity:      0.9;
  z-index:      90;
/*  visibility:   hidden;*/
}

#schleier {
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  z-index:    95;
  background:   #efefef;
  opacity:      0.5;
}

#abrechnung_fuer_dropdown {
  border:     none !important;
/*  overflow:   auto;*/
  position:   absolute;
/*  height:     400px;*/
}

#abrechnung_fuer {
  margin:     0 3px;
  padding:    0 1px !important;
}

#dzr_waehlen_dropdown {
  position:   absolute;
  z-index:      90;
/*  background: white;*/
}

#dzr_base_dropdown {
  position: absolute;
  z-index:      90;
}

#apo_base_dropdown {
  position: absolute;
  z-index:      90;
}

#zrz_waehlen_box {
  margin:     0 auto 0 auto;
  text-align: center;
}

#zrz_waehlen_box a {
/*  display:      block;*/
}

#dzr_waehlen_dropdown a {
/*  color:      #7e93cc !important;*/
}

#dropdown-dzr_waehlen-background {
  position:     absolute;
/*  border:       2px solid green;*/
  background:   white;
  z-index:      89;
}

#login-dropdown-background {
  margin:       0;
  padding:      0;
  position:     absolute;
  background:   url(../des_imgs/menue_hintergrund.png) no-repeat left top;
/*  border:       1px solid #080;*/
  opacity:      0.95;
  z-index:      96;
/*  visibility:   hidden;*/
}

body.firmengr #login-dropdown-background {
  z-index:      80;
}

#iframe-wrapper {
  width:        656px;
  height:       100%;  /* needed for FF2 */
/*  border:       3px dotted green;*/
  vertical-align: top;
/*  background:     green;*/
}

#iframe1 {
  width:        100%;
  height:       100%;
}

#footer {
  background:   #1111a5;
  height:       52px;
  vertical-align: top;
}

div.footer-item {
  padding-top:    11px !important;
/*  line-height:    19px !important;*/
  vertical-align: top;
}

#footer a {
  color:              white;
  font-size:          11px !important;
  text-decoration:    none;
}

#header-top {
  color:      white;
  height:     65px;
  background: #1111a5;
  background: url(../des_imgs/gueldener_oberleiste2.gif) no-repeat;
}

#logo_wrapper {
  float:    left;
}
#logo_wrapper a,
#logo_wrapper img {
  border:0;
}

#header-menu-wrapper {
  margin:     0px 190px 0 235px;
  padding:    10px 0 0 0;
}

#header-menu {
  margin:     0;
  padding:    0;
  background: #efa;
  list-style-type:    none;
}

#header-menu li {
  float:      left;
  color:      red;
  padding:    0;
  margin:     0;
}

#header-menu li a {
  font-family:      arial, sans-serif;
  line-height:      27px;
  display:          block;
  height:           30px;
  padding:          0;
  text-decoration:  none;
  color:            #fefefe;
  white-space:      nowrap;
  font-weight:      500;
}

.abrechnung_fuer_active_base {
  background:       url(../des_imgs/menue_hintergrund.png) repeat-y;
  margin-top:       6px !important;
  line-height:      17px !important;
  height:           17px !important;
  color:            #fff !important;
  opacity:          0.9;
  padding:          0 1px !important;
}

.abrechnung_fuer_active_base span {
  background:     #989CD9;
  line-height:    16px  !important;
/*  padding:        0 2px;*/
}

#header-right-wrapper {
/*  display:        none;*/
  float:          right;
  width:          165px;
/*  margin:         10px 0 0 0;*/
  padding:        10px 0 0 0;
/*  line-height:    27px;*/
/*  height:         50px;*/
/*  background:     #1111a5;*/
/*  position:       relative;*/
/*  margin:         0 100px 0 auto;*/
/*  top:            11px;*/
/*  left:           735px;*/
/*  background:     red;*/
  font-size:      12px;
  font-family:    verdana, arial;
}

#header-right-wrapper .contact {
  line-height:    26px;
}

#header-right-wrapper form {
  margin:     1px 0 0 0;
  padding:    0;
}

#header-right-wrapper a {
  color:        white;
  text-decoration: none;
}

.header-form-input {
  border:     1px solid #c0c0cc;
  background: #1111a5;
  color:      white;
  font-size:  11px;
  padding:    1px 3px 1px 3px;
  margin:     0;
}

#header-search {
  width:      115px;
}

#header-top .submit {
  border:     none;
  padding:    0;
}

#header-bild {
  height:               130px;
  background-position:  top left;
}

#header-bild.interessenten {
/*  background:     url(../des_imgs/dzr_banner_interessenten.jpg) no-repeat;*/
}

#header-bild.mandanten {
/*  background:     url(../des_imgs/dzr_banner_mandanten.jpg) no-repeat;*/
}


#top-menu-main-wrapper {
  height:               30px;
  background:           url(../des_imgs/linkleiste_bg.jpg) repeat-x;
  background-position:  top left;
  opacity:      0.8;
  z-index:      10;
  /* !!! IE OPACITY in the main_ie.css !!! */
}

#top-menu-sub-wrapper {
/*  visibility:     hidden;*/
  background:     url(../des_imgs/unterlinkleiste_bg.jpg) repeat-x;
  background-position:  top left;
  height:         30px;
  opacity:          0.8;
  z-index:          10;
  /* !!! IE OPACITY in the main_ie.css !!! */
}

body.firmengr #top-menu-sub-wrapper {
  display:      none; /* needed for IE: sub menu is not needed in firmengr */
}

#breadcrumbs {
  padding-top:      12px !important;
  padding-bottom:   12px !important;
  color:            #aab;
}

#breadcrumbs a, #breadcrumbs a:visited {
  color:            #aab;
  text-decoration:  none;
}

#breadcrumbs a:hover {
  color:        #f33;
}

#top-menu-wrapper ul {
  margin:       0;
  padding:      0;
}

#top-menu-wrapper li {
  float:            left;
  list-style-type:  none;
}

#top-menu-wrapper ul a {
  font-family:      arial, sans-serif;
  line-height:      27px;
  display:          block;
  height:           30px;
  padding:          0 5px 0 5px;
  text-decoration:  none;
  color:            #1111A5;
  white-space:      nowrap;
}

body.firmengr #top-menu-wrapper ul a {
  padding:        0 6px 0 6px;
  font-size:      12px;
}

#top-menu-main-wrapper ul li.active a {
  color:      red !important;
}

#top-menu-main-wrapper ul a:hover, 
#top-menu-main-wrapper ul a.active {
  background:   url(../des_imgs/link_bg.jpg) repeat-y;
/*  color:    red;*/
}

.top-menu-main-wrapper-active-item {
  background:   url(../des_imgs/link_bg.jpg) repeat-y;
}

#top-menu-sub-wrapper a:hover,
#top-menu-sub-wrapper a.active {
  background:   none;
  color:        #FF0D0D;
}
#top-menu-sub-wrapper a:hover {
/*  border:         1px solid #009;*/
}
#top-menu-sub-wrapper a.active {
  border:     none !important;
}


.newline {
  clear:    both;
}

a.secure, a:hover.secure {
  padding-right:  12px !important;
/*  border: 1px solid red;*/
  background:     url(../des_imgs/tiny_schloss.gif) no-repeat !important;
  background-position:  100% 42% !important;
  margin-right:   5px;
}

a.pig, a:hover.pig {
  padding-right:  30px !important;
  background:     url(../des_imgs/winz_schwein2.png) no-repeat !important;
  background-position:  100% 42% !important;
  margin-right:   5px;
  line-height:    30px !important;
  vertical-align: middle;
}

/*a.no-teaser {
  border: none !important;
}*/

div.teaser-box {
/*  border:       1px solid #aaa;*/
  font-size:      12px;
}

div.teaser-box h3 {
  text-align:     left;
  font-family:    arial;
  color:          white;
  padding:        5px 8px 5px 8px;
  background:     #1111a5;
  margin:         0;
  font-weight:    500;
  font-size:      12px;
}

#firmengr_all_addresses_box {
  color:            #1111A5;
  font-size:        11px;
}

td.right-cell {
  text-align:   right !important;
}

div.teaser-box .box-content {
  border:         1px solid #c3c6e7;
  padding:        7px 8px;
  margin:         0;
  font-size:      12px;
}

span.telfax {
  display:    inline-table;
  width:      30px;
}

#login-base,
.login-base {
  float:                  right;
  text-align:             right;
/*  background:             red;*/
  margin-right:           10px;
  padding-right:          20px;
  padding-left:           10px;
  font-weight:            800;
  font-size:              12px;
  font-family:            arial, sans-serif;
/*  width:                  150px;*/
/*  height:                 30px;*/
  line-height:            30px;
  cursor:                 pointer;
  color:                  #1111A5;
  z-index:                90;
}

.login-loged-out {
  background:             url(../des_imgs/schloss_zu.gif) no-repeat;
  background-position:    right 5px;
/*  background:             red;*/
}

.login-loged-in {
  background:       url(../des_imgs/schloss_offen.gif) no-repeat;
  background-position:    right 5px;
/*  background:         green !important;*/
}

#login-base_dropdown,
.login-base_dropdown {
  margin:             0;
  width:              130px;
  padding:            10px;
  list-style-type:    none;
  position:           absolute;
/*  display:            block !important;*/
  z-index:            98;
  border:             1px solid #bbbec3;
  text-align:         left;
/*  background:         black;*/
}

#login-base_dropdown form {
  padding:      0;
  margin:       0;
/*  margin-bottom:    10px;*/
/*  background:   red;*/
/*  border:       1px solid green;*/
}

#login-base_dropdown p {
  font-size:      11px;
  padding:        0 0 5px 5px;
  margin:         0;
}

#login-base_dropdown p a,
.login_base_dropdown p a {
  color:          #888886;
}

#login-form-inputs {
  border-collapse:      collapse;
  width:                130px;
  margin-bottom:        10px;
}

#login-form-inputs input {
  width:        100%;
  border:   1px solid #ababab;
  margin:   0;
  font-size:    11px;
  background:   #fefefe;
}

#login-passwd-wrapper {
  /* thats the table cell holding the passwd input */
  width:      110px !important;
}

#login-submit-wrapper {
  width:  20px !important;
/*  background:   green;*/
  text-align:   right;
}

#login-info {
  float:        right;
  height:       100%;
  font-weight:  500;
  font-size:    12px;
/*  background: red;*/
}

div.teaser-box label {
  font-size:      11px;
}

div.teaser-box input {
  margin:           0;
  border:           1px solid #c3c6e7;
  padding:          1px 2px 1px 2px;
}

div.teaser-box table {
  border-collapse:  collapse;
  width:            100%;
}

div.teaser-box input.submit {
  width:          100%;
  padding:        1px 8px;
}

#sitemap-icon-wrapper {
  float:          right;
  padding-right:  10px; /* same as .right-inner-padding */
/*  padding-top:    2px;*/
/*  padding-bottom: 2px;*/
/*  background:     #444;*/
}

#sitemap-icon {
  border:     0;
}

#print-icon {
  cursor:         pointer;
}

#print-icon-wrapper {
  float:          left;
  padding-left:   10px; /* same as .left-inner-padding */
/*  padding-top:    2px;*/
/*  padding-bottom: 2px;*/
/*  background:     #456;*/
}

/* *** Schriftformatierungen *** */
h1, h2, h3 {
  color:          #1111A5;
  font-weight:    500;
}

h1 {
  font-size:          19px;
  line-height:        27px;
/*  padding-left:       25px;*/ /*für roten punkt*/
/*  background:         url(../des_imgs/rotes_quadrat.gif) no-repeat;*/
/*  background-position: left 0.2em;*/
/*  background: red;*/
  margin:     0;
}
h2 {
  font-size:        16px;
}

div#rueckblick_content {
  margin-top:   20px;
}

div#rueckblick_content a.to-top {
  display:          block;
  text-align:       right;
  margin-top:       25px;
  margin-right:     20px;
  font-size:        11px;
/*  padding-bottom:   0 !important;*/
/*  background:       red;*/
}

div#rueckblick_content hr {
  margin:     2px auto 30px 0;
  height:     1px;
  width:      615px;
  border:     none;
  background: #555;
}

div#rueckblick_content h1 {
  color:          gray;
  font-size:      18px;
  margin-bottom:  10px;
}


a {
  color:              #1111A5;
  font-family:        arial, verdana, sans-serif;
/*  font-size:          9pt;*/
  text-decoration:    none;
}

a:visited {
/*  color:              #FF0D0D;*/
/*  text-decoration:    underline;*/
  text-decoration:      none;
  color:                #1111a5;
}

a {
  /* outline ist der rahmen um einen geklickten link, der in Firefox echt blöd aussieht */
  outline:    none;
}
a:hover {
  color:      #FF0D0D;
}

h1 a.a-in-h {
  text-decoration:    underline;
}

body.iframe-content p {
  font-size:      1em;
}

#rechenzentrum,
#firmengr {
  cursor:     default;
}

#rechenzentrum:hover,
#firmengr:hover {
  background:   none !important;
}

body.iframe-content ul {
/*  line-height:      1.7em;*/
  vertical-align:   middle;
  list-style:       none;
  margin:           0 0 0 10px;
  padding:          0;
/*  list-style:       square outside url(../des_imgs/red_list_square.png);*/
}

body.iframe-content ul li {
  padding-left:         15px;
  background:           url(../des_imgs/red_list_square.png) no-repeat;
  background-position:  0 0.7em;
}

.formular-button {
width:107px;
height:17px;

font-family:verdana;
color:#317bc5;
font-size:11px;
background-color:#eff7ff;

border-width:1px;
border-style:solid;
border-color:#78797a;
border-left-color:#ebf1f8;
border-top-color:#ebf1f8;

line-height:11px;
vertical-align:bottom;

padding-top:0px;
padding-bottom:3px;

}

.formular-button:hover{
color:#0033FF;
background-color:#E8F3FF;
}

.little-form {
  margin: 5px 0 5px 0;
  padding:10px;
  background:#eef2f5;
  border:1px solid #efefef;
  font-size:12px;
}

.errors {
  padding:1em;
  border: 1px solid #efefef;
  background:#efaaaa;
  margin: 0.2em 0;
}

.unsicher {
  color:    red;
  font-weight:  700;
  text-decoration:  underline;
}

#logging {
  width:        400px;
  position:     absolute;
  left:         100px;
  top:          50px;
  border:       1px solid black;
  background:   #4aa;
  padding:      0.7em;
  z-index:      99;
  display:      none;
/*  display:      block;*/
  text-align:   left;
}

#logging p {
  font-family:  monospace;
  margin:     0;
  padding:    0;
  font-size:  11px;
}

#login-base_dropdown .dentists-only {
  font-weight:      bold;
  font-size:        10px;
}

/*pawel (2010-06-16): Blue background for forms*/
.blue-bg-form-wrapper {
  background:     #e8f1f9;
}




/* added by Ian */

.subhead{
 font-weight:bold;
 color:gray;
 font-size:12px;
 margin:0px;
}

.kontaktperson{
    background-color:#EFF7FF;
    border: 0px solid rgb(120,120,120);
    height: 120px;
    padding: 0px;
    margin: 0;
    display:none;
    clear:both; /* added by Pawel (2011-11-18) */
/*    width:610px;*/
}

.personalpic{
    width:120px;height:120px;
    margin-bottom:0px;margin-left:0px;margin-top:2px;margin-right:10px;
    border-width:0px
    }

.standim{
     margin-top:5px;
     margin-right:10px;
     margin-bottom:1px
}

.vspacer{
    font-family:arial;
    height:5px;
    font-size:1px;
    margin:0px;
    padding:0px;
    line-height:1px
    }

	.velf{
 font-family:	verdana;
 font-size:      11px;
 line-height:    15px;
 vertical-align:	 top;
}

.butty{
 width:100px;
 height: 18px;
 font-family:arial;
 font-size:11px;
 color:#000;
 background-color:#EDEFF3;
 font-weight:normal;
 line-height:16px;
 padding-bottom:2px;
 border-width:1px;border-style:solid;border-color:#AEC0D2;
 border-left-width:0px;
 border-top-width:0px;
}

.comment,
.comment-frage {
  color:          #f90;
  font-weight:    bold;
/*  display:        none;*/
}

.comment:before {
  content:"Hinweis: ";
  text-decoration: underline;
}

.comment-frage:before {
  content:"Frage: ";
  text-decoration: underline;
}

p.comment,
p.comment-frage {
  border:           1px solid #f90;
  padding:          0.3em 0.5em;
  background:       #fcf2d9;
}

/* pawel (2010-12-15):
   DropdownContent Class was written, here some css defs for the dropdown items */

div.dropdown-wrapper {}

div.dropdown-opened {
  padding:8px;
  border:1px solid #CED7EC;
  font-family:verdana,arial;
  font-size:12px; 
  background-color:#eff7ff;
}

div.dropdown-closed {}

div.dropdown-wrapper a,
div.dropdown-wrapper div.dropdown-close {
  cursor:       pointer;
}

div.dropdown-wrapper h2 {
  margin-top:   0;
}

div.dropdown-close {
  background:   url("../des_imgs/dropdown_content_close.png") no-repeat;
  background-position:  top left;
  width:        30px;
  height:       30px;
  float:        right;
  margin:       0;
}

/* BEGIN global layout for ansprechpartner (Pawel, 2011-01-18) */
table.contacts {
  border-collapse:      collapse;
  width:                100%;
  font-size:            11px;
  margin-bottom:        1em;
}

table.contacts th,
table.contacts td {
  padding:      5px;
  border:       1px solid #CFDAEB;
}

table.contacts th {
  background:   #e8f1f9;
}

table.contacts div.contact-person {
  float:      left;
  margin:     0 0 0 20px;
}

table.contacts div.contact-person:first-child {
  margin:     0;
}

div.contact-person table {
  border-collapse:    collapse;
  padding:            0;
  margin:             0;
}

div.contact-person td {
  border:         none;
  line-height:    14px;
  margin:         0 !important;
  padding:        0 !important;
  
}

div.contact-person td:first-child {
  font-weight:      bold;
  padding:          0 5px 0 0 !important;
}
/* END global layout for ansprechpartner (Pawel, 2011-01-18) */

#rz_choice_prompt {
  position:         absolute;
  width:            500px;
  margin:           auto 0;
  top:              0;
/*  background:       #EFF7FF;*/
  background:       #1111a5;
  font-size:        1.2em;
  padding:          0.5em;
  border:           1px solid #EFF7FF;
  border-top:       none;
  color:            white;
}

#rz_choice_prompt p {
  padding:          0;
  margin:           0;
}

#rz_choice_prompt a {
  cursor:           pointer;
  font-size:        1.5em;
  margin:           0 0.5em 0 0.5em;
  color:            #FF0D0D;
}