/* ================ */
/*  Content Styles  */
/* ================ */

/* --- Headings ------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
  color: #0081a6;
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

#content h1 {
  font-size: 2.143em; /* 30px */
  line-height: 1.2em;
  margin-bottom: 1em;
}

#content h2 {
  font-size: 1.571em; /* 22px */
  line-height:1.2em;
  margin: 1em 0 0.3em;
}

#news h2 {
  font-size: 1.571em;
  margin-top: 0;
}

#news h2 span {
  color: #666666;
  font-size: 0.7em;
}

#events h2 {
  font-size: 1.571em;
  margin-top: 0;
  padding-bottom: 0.5em;
}

#content h3 {
  font-size: 1.286em; /* 18px */
  margin: 1em 0 0.3em;
}

#content h4 {
  font-size: 1.143em; /* 16px */
  margin: 1em 0 0.3em;
}


/* --- Links --------------------------------------------------------------- */

#content a {
  color: #0081a6;
  text-decoration: underline;
}

#content a:hover,
#content a:focus,
#content a:active {
  color: #000;
  text-decoration: underline;
}

#content a:focus {
  outline: 1px dotted #000000;
}

#content .clickableHover {
  cursor: pointer; 
}

#content .clickableHover a,
#news .clickableHover h2,
#events .clickableHover h2{
  color: #000;
  text-decoration: underline;
}

#content a.pdf {
  background: url('/images/ui/icon-pdf.png') no-repeat center left;
  padding:5px 0px 5px 20px;
  border:0;
}

#content a.login {
  background: url('/images/ui/nav_login.png') no-repeat center left;
  padding:5px 0px 5px 10px;
  border:0;
}

#content a.word {
  background: url('/images/ui/icon-doc.png') no-repeat center left;
  padding:5px 0px 5px 20px;
  border:0;
}

#content a.xls {
  background: url('/images/ui/icon_file_xls.gif') no-repeat center left;
  padding:5px 0px 5px 20px;
  border:0;
}

/* --- Text and Lists ------------------------------------------------------ */

#content p {
  margin-bottom: 0.5em;
}

#content .info {
  background: url('/images/ui/info_icon.png') 1em 1.1em no-repeat #fafff7;
  border: 1px solid #35760F;
  color: #35760F;
  padding: 1em 1em 1em 3em;
}

#content .info a {
  color: #35760F;
}

#content .notice {
  background: url('/images/ui/notice_icon.png') 1em 1.1em no-repeat #fef7ec;
  border: 1px solid red;
  color: red;
  padding: 1em 1em 1em 3em;
}

#content .notice a {
  color: red;
}

#content .summary {
  background: url('/images/ui/bg_fieldset.jpg') left -20px repeat-x #F0F0F0;
  border: 1px solid #999999;
  color: #353535;
  margin-bottom: 1em;
  padding: 1em 2em;
}

#content .legal-info {
  font-size: 0.8em;
  margin-bottom: 2em;
}

#content ul,
#content ol {
  list-style-position: outside;
  margin: 1em 0 1.5em 2.5em;
}

#content ul {
  list-style-type: disc;
}

#content ul.submissionlist {
  margin-left: 0;
}

#content ol {
  list-style-type: decimal;
  margin-left: 3em;
}

#content li {
  margin-bottom: 0.3em;
}

#content ul li {
  padding-left: 0.5em;
}

#content #events li li {
    margin-bottom: 0;
    position: static;
}

#content ul.submissionlist li.notready {
  background: url('/images/ui/icon-cross-red.png') no-repeat 0 0.3em;
  list-style: none;
  padding-left: 24px;
}

#content ul.submissionlist li.ready {
  background: url('/images/ui/icon-checked-green.png') no-repeat 0 0.3em;
  list-style: none;
  padding-left: 24px;
}

#content dl {
  margin: 0 0 1em 0;
}

#content dl dt {
  clear: both;
  float: left;
  font-weight: bold;
  text-align: right;
  width: 12em;
}

#content dl dd {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 12em;
  width: 25em;
}

#content .eventitem dl dt {
  width: 7em;
}

#content .eventitem dl dd {
  padding-left: 7em;
  width: 28em;
}

#content .eventitem dl dd.description {
  padding-bottom: 0.5em;
}

#content dl.formcheck dt {
  width: 15em;
}

#content dl.formcheck dd {
  float: left;
  padding-left: 0em;
  width: 22em;
}


/* --- Submission Form ----------------------------------------------------- */
#content form.toSubmissionForm {
  float: left;
}
#content form.doSubmitForm {
  clear: none;
  margin: 0em;
}
#content form.toSubmissionForm div.buttons,
#content form.doSubmitForm div.buttons {
  display: inline;
}
#content form.doSubmitForm div.buttons {
  margin: 0;
  padding: 1em 0 0 0;
}
#content form.doSubmitForm div.buttons input {
  margin-left: 2em;
}


/* --- Images (content) ---------------------------------------------------- */

#content img.bildLinks,
#content img.bildRechts {
  clear: both;
  display: block;
}

#content img.bildLinks {
  float: left;
  margin: 0 2em 1em 0;
}

#content img.bildRechts {
  float: right;
  margin: 0 0 1em 2em;
}


/* --- Image box (content) ------------------------------------------------- */

#content .block .text {
  float: left;
  padding-top: 1.5em;
  padding-bottom: 1em;
  width: 22em;
}

#content .block .text>* {
  margin-top: 0;
}

#content .block .image {
  background: url('/images/ui/bg_imagebox_top.png') no-repeat top;
  /*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
  */
  float: left;
  margin: 1em 1em 1em -7em;
  padding-top: 19px;
}
#content .block .image .inner {
  background: url('/images/ui/bg_imagebox_bottom.png') no-repeat bottom;
  min-width: 250px;
  padding: 5px 24px 24px;
}

#content .block .image img {
  display: block;
}

/* --- Veranstaltungen ----------------------------------------------------- */
span.date {
  color: black;
  font-size: 0.8em;
}


/* --- Formulare ----------------------------------------------------------- */

#content fieldset {
  background: url('/images/ui/bg_fieldset.jpg') left -20px repeat-x #F0F0F0;
  border: 1px solid #999999;
  clear: both;
  margin: 1em 0;
  padding: 0.8em 0 0.5em 0;
}

#content div.pseudofieldset {
  background: url('/images/ui/bg_fieldset.jpg') left -20px repeat-x #F0F0F0;
  border: 1px solid #999999 !important;
  clear: both;
  margin: 1em 0 !important;
  padding: 1.3em 0 1em !important;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
#content div.input:after,
#content div.option:after,
#content div.combined:after,
#content fieldset:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
#content fieldset { display: block; }

#content fieldset p {
  padding: 0 0.5em;
}

#content fieldset legend {
  background-color: white;
  color: #076576;
  margin-left: 1em;
  padding: 0 0.3em;
}

#content fieldset fieldset {
  background: transparent;
  border: 0;
}

#content fieldset fieldset legend {
  background: transparent;
  font-weight: bold;
  margin-left: 0;
  padding-left: 15em;
}

#content fieldset .help {
  margin: 0;
  padding: 0 1em 0 15em;
}

#content fieldset div.input .help,
#content fieldset div.option .help,
#content div.pseudofieldset div.input .help,
#content div.pseudofieldset div.option .help{
  font-size: 0.9em;
  padding-left: 2.2em;
}

#content option {
  padding-right: 1em;
}

#content textarea {
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content div.input input,
#content div.input label,
#content div.input select,
#content div.input textarea,
#content div.input .pseudoinput,
#content div.option label {
  display: block;
  float: left;
}

#content div.input input,
#content div.input select,
#content div.input textarea,
#content div.input_only input {
  width: 20em;
}

#content #rating div.input select {
  width: 10em;
}

#content div.input {
  border-bottom:1px solid #F0F0F0;
  clear: both;
  height: 1%;
  margin: 0;
  padding: 0.5em 0;
  position: relative;
}

#content div.input .pseudoinput {
  clear: none;
  margin: 0;
  padding: 1px 0 0 0;
  width: 20em;
}

#content div.combined,
#content div.inset,
#content div.option {
  border-bottom:1px solid #F0F0F0;
  clear: both;
  height: 1%;
  padding-left: 15em;
  padding-top: 0.5em;
  position: relative;
}

#content div.combined div.combined_input {
  left: 30em;
  position: absolute;
  top: 0.45em;
}

#content div.combined div.long {
  left: 36em;
}

#content div.input_only {
  padding-left: 15em;
  padding-top: 0.4em;
}

#content div.combined,
#content div.inset,
#content div.option {
  zoom: 1; /* IE incl ie 7 */
}

#content div.option label {
}

#content div.input label {
  float: left;
  margin-left: 0.15em;
  padding-right: 0.5em;
  padding-top: 1px;
  text-align: right;
  vertical-align: middle;
  width: 14.35em;
}

#content div.input p {
  clear: left;
  margin-left: 14.5em;
  margin-top: 0;
}

#content div.inset p,
#content div.option p {
  clear: both;
  padding: 0;
}

#content div.option label,
#content div.combined div.label {
  padding-top: 0;
  text-align: left;
}

#content div.input input {
  padding: 1px;
}

#content div.option input,
#content div.combined input {
  float: left;
  left: 13em;
  padding: 0;
  position: absolute;
  top: 0.6em;
}

#content div.combined .hint,
#content div.input .hint,
#content div.inset .hint,
#content div.option .hint {
  font-size: 0.8em;
}

#content div.inner {
  padding-left: 16.5em;
}

#content div.inner input {
  margin-left: 2em;
}

#content div.note {
  float: left;
}

#content div.input button {
  font-size:1.0em;
  margin:5px 0 5px 16em;
  padding-left: 0;
  padding-right: 0;
  width:27em;
}

#content div.buttons {
  clear: both;
  font-size: 1em;
  padding-left: 15em;
  position: relative;
}

#content div.buttons button,
#content div.buttons input {
  border: 2px outset #F0F0F0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #F0F0F0;
  cursor: pointer;
  font-weight: bold;
  padding: 0.3em 0.5em;
}

#content div.buttons button .hint,
#content div.buttons input .hint {
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 1em;
}

#content div.disabled {
  color: #999999;
}

#content .chars_available {
  background-color: yellow;
  border: 1px solid black;
  bottom: 0.5em;
  color: black;
  left: -11em;
  position: absolute;
  width: 10em;
}

#content .required {
  font-weight: bold;
  font-style: normal;
  color: Red;
}

#content .input-warning,
#content .error {
  /* font-weight: bold; */
  color: Red;
  padding-top: 2px;
  padding-bottom: 2px;
}

#content .error input,
#content .error textarea {
  border: 1px solid #ea5338;
}

#content .errors {
  background: #FFEEEE none repeat scroll 0 0;
  border: 1px solid red;
  padding: 0.5em 1em;
}


/* --- Finder Formulare ---------------------------------------------------- */

.form-separator {
  background: url("/images/ui/hl-346d85-50.png") repeat-x 0 2.2em;
  font-weight: bold;
  padding: 1.5em 0.5em 1em;
  text-align: center;
}

.form-separator span {
  background-color: white;
  padding: 0 1em;
}

#addressVerification {
  margin-top: 2em;
  position: relative;
}

#addressVerification p.small {
  font-size: 0.9em;
}

#addressVerification #verifyAddress,
#addressVerification #saveAddress,
#finderForm .updateAddress {
  background: white url('/images/ui/iconMapPin.png') no-repeat 6px center;
  background-color: rgba(255,255,255,0.8);
  border: 1px solid #888888;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  color: #555555;
  display: inline;
  padding: 0.5em 0.5em 0.5em 24px;
  position: absolute;
  text-decoration: none;
  right: 0.5em;
  top: 0.5em;
}

#finderForm .updateAddress {
  font-size: 0.7em;
  padding: 0.6em 0.5em 0.2em 24px;
  position: relative;
  right: 0;
  top: 0;
}

#addressVerification #verifyAddress:hover,
#addressVerification #saveAddress:hover {
  background-color: #fcfcfc;
  border-color: #333333;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  color: #222222;
}

#addressVerification #verifyAddress:focus,
#addressVerification #verifyAddress:active,
#addressVerification #saveAddress:focus,
#addressVerification #saveAddress:active {
  background-color: #f3f3f3;
  border-color: black;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: black;
}

#finderForm .inputMap {
  margin-bottom: 1em;
}

#finderForm .inputMap input,
#namenssuche input {
  background-color: #fff;
  width: 25em;
}

#finderForm .inputMap label,
#namenssuche label {
  display: block;
  font-weight: bold;
  text-align: left;
}

#no-js #finderForm #standortsuche,
#no-js #finderForm button span.location,
#no-js #searchOptionsToggle,
#js #finderForm button span.bundesland,
#js #finderForm #bundeslandsuche,
#js #finderForm #searchOptions,
#finderForm .dontShow {
  display: none;
}

#content form#finderForm div.buttons,
#content form#namenssuche div.buttons {
  margin-top: 1em;
}

#mapToggle {
  background-color:#EFEFEF;
  -moz-border-radius:8px 8px 0 0;
  -webkit-border-radius:8px 8px 0 0;
  border-radius:8px 8px 0 0;
  border:1px solid #CCCCCC;
  padding:4px 8px;
}

.vcard .type,
.vcard .geo,
.vcard .region,
.none {
  display: none;
}


/* --- Tabs für Arztfinder ------------------------------------------------- */

form#structuredSearch {
  width: 65em;
  display:block;
  margin-bottom: 2em;
}

#filterMenu {

}

#filterMenu fieldset {
  background: none;
  border: none;
  margin-bottom: 1.1em;
  padding: 0;
}

#filterMenu ul {
  padding:0;
  margin:0;
  list-style: none;
  width:100%;
  float:left;
}

#filterMenu ul li {
  background:white;
  float:left;
  margin:0;
  padding:0;
  text-align:left;
}

#filterMenu li input {
  display: none;
}

#finderForm #filterMenu button,
#finderForm #filterMenu li label {
  background-color:#fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #000;
  color: #999;
  cursor:pointer;
  display:block;
  font-family: Verdana;
  font-size:1em;
  font-weight:bold;
  margin:0 2px -3px 0;
  padding:0.6em 1em;
}

#finderForm #filterMenu button.buttonactive,
#finderForm #filterMenu li.active label {
  border-top: 1px solid black !important;
  border-right: 1px solid black !important;
  border-bottom: 1px solid #ddd !important;
  border-left: 1px solid black !important;
  color: #000;
}

#filterMenu button:focus,
#filterMenu button:hover,
#filterMenu label:focus,
#filterMenu label:hover {
  background-color: #eee;
  color: #000;
}

#filterSelect {
  border: 1px solid black;
  margin-top:-1em;
  padding:1em;
}

/* --- Boxes (right column) ------------------------------------------------ */

#colright .box h2 {
  color: #000;
  font-size: 1.143em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

#arztfinder {
  text-align: center;
}

#arztfinder img {
  margin-top: 1em;
}

#arztfinder label,
#arztfinder input,
#arztfinder select {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: bold;
  font-size: 1.143em;
}

#arztfinder #searchAddress,
#arztfinder #searchBundesland,
#arztfinder input {
  border: 0.125em solid #b2b2b2;
  border-right: 0;
  -moz-border-radius: 7px 0 0 7px;
  -webkit-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
  padding: 0 0 0 0.2em;
  vertical-align: middle;
  width: 8.75em;
}

#arztfinder button {
  background: #b2b2b2 url('/images/ui/bg_button.png') no-repeat center;
  border: 0;
  -moz-border-radius: 0 7px 7px 0;
  -webkit-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  cursor: pointer;
  height: 1.95em;
  width: 20px;
  vertical-align: middle;
}
#arztfinder button:hover,
#arztfinder button:focus,
#arztfinder button:active {
  background-image: url('/images/ui/bg_button_hover.png');
}

#arztfinder button span {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}

#login div.input {
  margin-bottom: 0.5em;
}

#login div.button {
  text-align: right;
  margin-top: 1em;
}

#login label,
#login input,
#login button,
#login a.button {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: bold;
  font-size: 1.143em;
}

#login input {
  border: 2px solid #b2b2b2;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 0 0.2em;
  width: 10em;
}

#login h2 {
  text-align: left;
}

#login button,
#login a.button {
  background: #b2b2b2 url('/images/ui/bg_button.png') no-repeat 95% center;
  border: 0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  padding-right: 20px;
}

#login a.button {
  padding: 1px 23px 1px 9px;
  text-decoration: none; 
}

#login button:hover,
#login button:focus,
#login button:active,
#login a.button:hover,
#login a.button:focus,
#login a.button:active {
  background-image: url('/images/ui/bg_button_hover.png');
  color: #0081a6;
}

#content .hoverable:hover,
#content .hoverable:focus,
#content .hoverable:active {
  background-color: #DAEAFF !important;
}