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

/* --- 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 .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 ul,
#content ol {
  list-style-position: outside;
  margin: 1em 0 1.5em 2.5em;
}

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

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

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

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

#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 {
  margin: 1em 0;
   padding: 0.8em 0 0.5em 0;
  background: url('/images/ui/bg_fieldset.jpg') left -20px repeat-x #F0F0F0;
  clear: both;
  border: 1px solid #999999;
}

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

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
#content div.input:after,
#content div.option:after,
#content div.combined:after,
#content fieldset:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   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;
  margin-left: 1em;
  padding: 0 0.3em;
  color: #076576; /* ### */
}

#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 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 div.input {
  clear: both;
  padding: 0.5em 0;
  margin: 0;
  border-bottom:1px solid #F0F0F0;
  height: 1%;
}

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

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

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

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

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

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

#content div.option label {
}

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

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

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

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

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

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

#content div.combined .hint,
#content div.input .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 {
  width:27em;
  padding-left: 0;
  padding-right: 0;
  font-size:1.0em;
  margin:5px 0 5px 16em;
}

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

#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 .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 .errors {
  background: #FFEEEE none repeat scroll 0 0;
  border: 1px solid red;
  padding: 0.5em 1em;
}

#addressVerification {
  position: relative;
}

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

#addressVerification #verifyAddress {
  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: block;
  padding: 0.3em 0.3em 0.3em 22px;
  position: absolute;
  text-decoration: none;
  right: 0.8em;
  top: 0.3em;
}

#addressVerification #verifyAddress: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 {
  background-color: #f3f3f3;
  border-color: black;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: black;
}

#addressVerification #verifyAddress {
  padding: 0.5em 0.5em 0.5em 24px;
  right: 0.5em;
  top: 0.5em;
}


/* --- 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: 1em 0 2em;
}

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

#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.2em;
  vertical-align: middle;
  width: 3em;
}

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