/* ==================================== */
/*  E5 Salzburg CSS : Content Styles  */
/* ==================================== */

/* --- General ------------------------------------------------ */

#content a {
  color: black;
}

#content a:hover,
#content a:focus,
#content a:active {
  color: #CE0024;
}

#content a.pdf,
#content a.word,
#content a.xls,
#content a.zip {
  background: transparent url(/images/ui/iconFile_pdf.png) no-repeat right 0.1em;
  padding-right: 16px;
}

#content a.word {
  background-image: url(/images/ui/iconFile_doc.png);
}

#content a.xls {
  background-image: url(/images/ui/iconFile_xls.png);
}

#content a.zip {
  background-image: url(/images/ui/iconFile_zip.png);
}

#content a.extern {
  background: transparent url(/images/ui/iconExternalLink.png) no-repeat right 0.3em;
  padding-right: 12px;
}

#content div.textblock {
  clear: both;
}

#content h1,
#content h2,
#content h3 {
  color: #CE0024;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.2;
  margin: 1em 0;
}

#content h2 {
  clear: both;
  font-size: 1.5em;
  margin: 2em 0 0.5em;
}

#content h2 a {
  color: #CE0024;
}

#content h3 {
  clear: both;
  color: #444444;
  font-size: 1.4em;
  margin: 1.5em 0 0.5em;
}

#content h3 a {
  color: #777777;
}

#content h5 {
  margin: 0.5em 0;
}

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

#content blockquote {
  background: transparent url(/images/ui/bgBlockquote.png) no-repeat left top;
  padding-left: 55px;
}

#content ul,
#content ol {
  margin: 0 0 1.5em 1em;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
  margin-bottom: 0;
}

#content ul li {
  background: transparent url(/images/ui/iconListitem.png) no-repeat left 0.3em;
  line-height: 1.4;
  margin: 0.7em 0;
  padding-left: 12px;
}

#content ul li.e h3 a {
  background: transparent url(/images/ui/iconE_bgw.png) no-repeat right 0.3em;
  padding-right: 15px;
}

#content ol li {
  line-height: 1.4;
  list-style-type: decimal;
  margin: 0.5em 0 0.5em 1.7em;
}

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


#content p.teaserText,
#content div.teaser {
  color: #434445;
  font-weight: bold;
  margin: 1.2em 0;
}

#content .small {
  font-size: 0.8em;
}

/*- Links -*/

a {

}

a:hover,
a:focus,
a:active {

}

/* --- Archive Pagination ---------------------------------------------------- */

#content div.pagination {
  background-color: #f0f0f0;
  margin: 1em 0;
  padding: 0.2em 0;
}

#content div.pagination p {
  display: block;
  font-size: 0.9em;
  margin: 0 0.3em;
}

#content div.pagination p a,
#content div.pagination p span {
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  margin-right: 0.1em;
  padding: 0.1em 0.4em;
  text-decoration: none;
  vertical-align: middle;
}

#content div.pagination p a {
  border: 1px solid #ddd;
  color: #000;
}

#content div.pagination p span {
  border: 1px solid #ddd;
  color: #999;
}

#content div.pagination p a:hover,
#content div.pagination p a:focus,
#content div.pagination p a:active {
  background-color: #506ea4;
  border: 1px solid #506ea4;
  color: white;
}


/* --- Diashow ------------------------------------------------------------- */

#content p.diashowStart {
  text-align: right;
}

#content div#diashow img {
  border: 0;
  margin: 0 auto;
  padding: 0;
}

/* --- Index Mode --- */

#content div#diashow.diashowIndex div.diaImage {
  float: left;
  border: 1px solid #ccc;
  margin: 3px;
}

#content div#diashow.diashowIndex div.diaImage a {
  display: block;
  height: 100px;
  padding: 3px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100px;
}

#content div#diashow.diashowIndex div.diaImage a img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
}


#content div#diashow.diashowIndex div.diaImage a:hover,
#content div#diashow.diashowIndex div.diaImage a:focus,
#content div#diashow.diashowIndex div.diaImage a:active {
  background-color: #FFFFBA;
  text-decoration: none;
}

/* --- View Mode --- */

#content div#diashow.diashowView div.diaImage a, 
#content div#diashow.diashowView div.diaImage span {
  display: block;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#content div#diashow.diashowView div.diaImage a:hover,
#content div#diashow.diashowView div.diaImage a:focus,
#content div#diashow.diashowView div.diaImage a:active {
  border-color: #FFFFBA;
}

/* --- Diashow Controls --- */

#content div.diashowControls {
  background-color: #eee;
  margin: 1em 0;
  padding: 0.3em 0;
}

#content div.diashowControls p {
  font-size: 0.9em;
  margin: 0;
  text-align: center;
}

#content div.diashowControls p a, 
#content div.diashowControls p span {
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 0.05em;
  padding: 0.1em 0.4em;
  text-decoration: none;
  vertical-align: middle;
}

#content div.diashowControls p a {
  border: 1px solid #ddd;
  color: #000;
}

#content div.diashowControls p span {
  border: 1px solid #ddd;
  color: #999;
}

#content div.diashowControls p a:hover, 
#content div.diashowControls p a:focus, 
#content div.diashowControls p a:active {
  border: 1px solid #eb690a;
}


/* --- Slidewhow ---------------------------------------------- */

#slideShow {
  position: relative;
  min-height: 52em;
}

#slideShow img {
  display: block;
}

#slideShow div {
  left: 0;
  position: absolute;
  top: 0;
}

#slideShow #slideShowControls {
  background: transparent url(/images/ui/iconSlideshowControls.png) no-repeat left -40px;
  top: 280px;
  height: 20px;
  left: auto;
  position: absolute;
  right: 72px;
  width: 57px;
}

#slideShowControls a {
  float: left;
  height: 20px;
  width: 19px;
  position: static;
}

#slideShowBack:hover,
#slideShowBack:focus,
#slideShowBack:active {
  background: transparent url(/images/ui/iconSlideshowControls.png) no-repeat left -20px;
}

#slideShowBack:active {
  background-position: left top;
}


#slideShowPlay:hover,
#slideShowPlay:focus,
#slideShowPlay:active {
  background: transparent url(/images/ui/iconSlideshowControls.png) no-repeat -19px -20px;
}

#slideShowPlay:active {
  background-position: -19px top;
}

#slideShowPlay.paused {
  background: transparent url(/images/ui/iconSlideshowControls.png) no-repeat left -60px;
}

#slideShowPlay.paused:hover,
#slideShowPlay.paused:focus,
#slideShowPlay.paused:active {
  background-position: -19px -60px;
}

#slideShowPlay.paused:active {
  background-position: -38px -60px;
}

#slideShowFwd:hover,
#slideShowFwd:focus,
#slideShowFwd:active {
  background: transparent url(/images/ui/iconSlideshowControls.png) no-repeat -38px -20px;
}

#slideShowFwd:active {
  background-position: -38px top;
}


/* --- Forms --------------------------------------------------------------- */

#content .hoverable:hover,
#content .hoverable:focus,
#content .hoverable:active {
  background-color: #FFFFBA;
}

#content ol.errors,
#content ul.errors {
  margin: 1em 0;
  padding: 0.5em 1em;
  border: 1px solid red;
  background-color: #fff6f6;
  color: red;
  list-style-type: none;
}

#content ol.errors li,
#content ul.errors li {
  margin: 0.5em 0;
  background: url('/images/ui/notice_icon.png') no-repeat 0 0.2em;
  padding-left: 2em;
}

#content label.error {
  color: red;
  font-weight: bold;
}

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

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

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

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

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
#content div.input:after,
#content div.option: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:0pt 0.3em;
  color: #435F87;
  font-style: italic;
}

#content form span.required {
  color: red;
}

#content fieldset fieldset {
  background: transparent;
  border-color: #f0f0f0;
}

#content fieldset fieldset legend {
  background-color: transparent;
  margin-left: 8em;
}

#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.option label {
  display: block;
}

#content div.input input,
#content div.input select,
#content div.input textarea {
  width: 32em;
  border: 1px solid #999999;
  vertical-align: top;
}

#content div.input input:hover, div.input input:focus,
#content div.input select:hover, div.input select:focus,
#content div.input textarea:hover, div.input textarea:focus {
  border-color: #506ea4;
}

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

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

#content div.input label {
  font-weight: bold;
  margin-left: 0.15em;
  padding-right: 0.5em;
  padding-top: 1px;
  vertical-align: middle;
}

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

#content div.input input {
  font-size: 1em;
  padding: 1px;
}

#content div.input input.datepicker {
  width: 6em;
}

#content div.option input {
  padding: 0;
  position: absolute;
  left: 14em;
  float: left;
}

#content div.input p {
  font-size: 0.9em;
  width: 24.9em;
  color: #435F87;
}

#content div.input p.help {
  margin-bottom: 0;
}

#content div.option p {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  float: left;
  width: 24.9em;
  color: #435F87;
}

div.agb {
  border-bottom: none;
  padding-bottom: 1em;
}

div.buttons {
  clear: both;
  font-size: 1em;
  position: relative;
  text-align: center;
}


/* Tables */

#content table {
  margin: 1em 0 2em 0;
}

#content th, 
#content td {
  border: 1px solid #EBEBEB;
  padding:0.5em;
  text-align:left;
  vertical-align: top;
}

#content th {
  text-align: center;
}

#content .tableheader th {
  background-color: #FFFF8A;
  text-align:right;
}


/* geschuetzter Bereich */

#content p.notloggedin {
  background-color: #FFFF8A;
  border: 1px solid #EBEBEB;
  padding: 0.5em 10px;
  margin: 2em 0;
}


#content div.loggedin {
  background-color: #FFFF8A;
  border: 1px solid #EBEBEB;
  padding: 0.5em 10px;
  margin: 2em 0;
}

#content div.loggedin h2 {
  margin-top: 0.5em;
}