/* ***********************************
     Hardtstiftung 2008
     TYPE	: Stylesheet
     TITLE	: Hardtstiftung Basic Style
     DESC	: Main Stylesheet for Hardtstiftung
     AUTHOR	: Renate Einecke // www.sevenpixels.de

   *********************************** */

body {
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 101%;
  color: #000;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}
* html body {
  background-image: none;
}
h1 {
  margin-bottom: 20px;
  color: #E30119;
  font-weight: bold;
  font-size: 1.2em;
}
h2 {
  color: #E30119;
  font-weight: bold;
  font-size: 1em;
}
h3 {
  color: #E30119;
  font-weight: bold;
  font-size: 0.9em;
}
img {border: 0;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #E30119;}
a:active {color: #E30119;}

a[href^="http://"] {
    background: url(/images/icons/iconExtern.gif) left;
    background-repeat: no-repeat;
    padding-left: 15px;
}
a[href^="https://"] {
    background: url(/images/icons/iconExtern.gif) left;
    background-repeat: no-repeat;
    padding-left: 15px;
}

.invisible {
  display:none;
}
/* ---------- RAHMEN ----------  */ 
#wrap {
  width: 976px;
  margin: 0 auto 0 auto;
  border: 1px solid #000;
  text-align: left;
}
/* ---------- /RAHMEN ----------  */ 

/* ---------- HEAD ----------  */ 
#header {
  border-bottom: 1px solid #000;
  background: url(/images/farben_head.gif);
  background-repeat: repeat-x;
  width: 976px;
}
.logoOben {
  float: left;
}
.bilderRahmenLinks{
  border-left: 1px solid #000;
}
#pathWrap {
  border-bottom: 1px solid #000;
}
.bilderOben {
  float: left;
}
#path {
  float: left;
  background: #A7A9AC;
  border-left: 1px solid #000;
  color: #FFF;
  height: 68px;
  width: 586px;
  font-size: 0.75em; 
}
#path ul {
  float: left;
  margin: 30px 0 0 20px;
  padding: 0;
  list-style-type: none;
}
#path ul li {
  display: inline;
  margin-right: 10px;
}
#path ul li a {
  text-decoration: none;
  color: #FFFFFF;
}
#fontSize {
  margin: 5px 0 0 20px;
}
#fontSize a{
  color: #FFF;
}
.small {
  font-size: 0.65em !important;
  font-weight: normal !important;
}
.big {
  font-size: 1em !important; 
  font-weight: normal !important;
}
/* ---------- /HEAD ----------  */ 


/* ---------- NAVIGATION ----------  */ 

  div#navigation {
    float: left;
    width: 195px;
    margin-top: 20px;
    font-size: .8em;
  }

  div#navigation ul {
    margin: 0;
    padding: 0;
  }

  div#navigation ul li {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    background-repeat: no-repeat;
  }

  div#navigation ul li a {
    display: block;
    background-color: #FFFFFF;
    margin-left: 40px;
    padding-left: 5px; 
    text-decoration: none;
    color: #000000;
  }

  div#navigation ul li a.current {
    color: #E30119;
  }

  div#navigation ul li ul li {
    margin: 2px 0 2px 0;
  }

  div#navigation ul li ul li a {

  }

/* ---------- /NAVIGATION ----------  */ 

/* ---------- LOGINBEREICH ----------  */ 

#login {
  margin: 20px 0 10px 0;
  padding: 10px 0 10px 45px;
  border-top: 1px solid #EFEFEF;
}

#loginForm {
  margin: 0;
  padding: 0;
}
#loginForm label{
  font-size: 0.9em;
  width: 50px;
  cursor: pointer;
}
#loginForm input{
  width: 130px;
  margin-bottom: 5px;
}
#loginButton {
  background: #F9F9F9;
  border: 1px solid #000;
  width: auto !important;
  margin-top: 3px;
}

/* ---------- /LOGINBEREICH ----------  */ 


/* ---------- CONTENT ----------  */ 

  div#columns {
    background-image: url(/images/background.gif);
  }

  div#middleWrap {
    float: left;
    width: 585px;
  }

  #middleImage {
    float: left;
    width: 195px;
  }

  #middleImage img {
    margin-left: 1px;
  }

  #middleText {
    float: left;
    width: 389px;
  }

  #middleTextContent {
    margin: 20px;
    font-size: 0.8em;
  }

  #middleTextOnly {
    /* PLACEHOLDER */
  }

  #listHeader {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  #listFooter {
    border-top: 1px solid #EFEFEF;
    padding-top: 5px;
  }
  .listPage {
    float: left;
    width: 250px;
  }
  .listNavi {
    float: right;
    text-align: right;
    width: 180px;
  }
  #newsList {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #newsList li {
    padding: 10px 0 10px 0;
  }
  #newsList li a {
    padding-bottom: 10px;
  }
  .newsDate {
    display: block;
    margin-bottom: 3px;
    font-size: 0.9em;   
  }
  #download {
     margin: 0;
     padding: 0;
     list-style-type: none;
 }
  #download li {
    margin-bottom: 10px;
 }
#eventList {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#eventList li {
  margin-bottom: 30px;
}
#eventList li h2 {
  margin-top: 0;
}
.datum {
  display: block;
  margin-bottom: 5px;
  color: #999;
  font-size: 0.9em;
}

/* ---------- VERANSTALTUNGSKALENDER ----------  */ 
#eventTable {
  margin-bottom: 30px;
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.3em;
  border: 1px solid #A7A9AC;
  border-bottom: 0 !important;
  width: 510px;
}
#eventTable th {
  color: #FFF;
  text-align: left;
  background: #A7A9AC;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding-left: 5px;
  line-height: 1.8em;
}
.eventHeader {
  background: #EFEFEF;
  color: #E30119;
  font-weight: bold;
  padding: 5px 0 5px 5px !important;
  line-height: 1.5em;
}
#eventTable td{
  vertical-align: top;
  padding: 7px 3px 7px 3px;
  border-bottom: 1px solid #EFEFEF;
}
#eventTable td a {
  display: block;
  margin-top: 2px;
}
.firstCell {
  border-left: 0px !important;
}
.head {
  font-weight: bold;
  color: #E30119;
}
.date {
  color: #E30119;
  width: 85px;
}
.eventLogo {
  width: 105px;
}
/* ---------- /VERANSTALTUNGSKALENDER ----------  */ 

/* ---------- /CONTENT ----------  */ 

/* ---------- TEASER ----------  */ 
  div#teaserWrap {
    float: left;
    width: 190px;
    padding-top: 20px;
  }
.teaser {
  margin-bottom: 5px;
  padding: 0 5px 10px 8px;
  font-size: 0.75em;
}
.teaser img {
  margin-left: -5px !important;
}
.teaser h2 {
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 1.1em;
}

#newsTeaser {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#newsTeaser li {
  margin-bottom: 5px;
}
/* ---------- /TEASER ----------  */ 

/* ---------- FORMS ---------- */

  form {
    margin: 0;
    padding: 0;
  }

  form h2 {
    color: #000000;
    padding-bottom: 5px;
    border-bottom: 1px solid #EFEFEF;
  }

  form p {
    margin: 0 0 5px 0;
    padding: 0;
  }

  form input,
  form select,
  form textarea {
    border: 1px solid #444444;
    font: 12px Arial, Helvetica, sans-serif;
  }

  form input.checkbox {
    float: left;
    width: auto ! important;
    border: 0;
  }

  form label.label_for_checkbox {
    float: right ! important;
    width: 93% ! important;
  }

  form p.buttons input {
    width: auto ! important;
    background: #F9F9F9;
  }

/* ---------- /FORMS ---------- */


/* ---------- FORM: CONTACT ---------- */

  form#form_contact {
    margin-top: 10px;
  }

  form#form_contact label {
    width: 170px;
    float: left;
  }

  form#form_contact input {
    width: 200px;
  }

  form#form_contact textarea {
    width: 360px;
  }

  form#form_contact p.buttons {
    margin-top: 20px;
  }

/* ---------- /FORM: CONTACT ---------- */


/* ---------- FORM: REGISTRATION ---------- */

  form#form_registration {
    margin-top: 10px;
  }

  form#form_registration label {
    width: 170px;
    float: left;
  }

  form#form_registration input {
    width: 200px;
  }

  form#form_registration input#Kontakt_Strasse {
    width: 155px;
  }
  form#form_registration input#Kontakt_Hausnummer {
    width: 40px;
  }

  form#form_registration p.buttons {
    margin-top: 20px;
  }

/* ---------- /FORM: REGISTRATION ---------- */


/* ---------- TABLES ---------- */

  #middleWrap table {
    border-collapse: collapse;
    width: 100%;
  }

  th {
    background: #F9F9F9;
  }

  td, th {
    padding: 3px;
    border: 1px solid #E7E7E7;
    text-align: left;
    vertical-align: top;
  }

  table.frameless th,
  table.frameless td {
    border: 0;
  }

/* ---------- /TABLES ---------- */

/* ---------- TABLE: CALENDAR MONTH OVERVIEW ---------- */

  table.CalendarMonthOverview {
    margin: 0 0 10px 5px;
    width: auto !important;
  }

  table.CalendarMonthOverview caption {
    font-size: .75em;
    text-align: center;
  }

  table.CalendarMonthOverview td,
  table.CalendarMonthOverview th {
    font-size: .75em;
    text-align: center;
    vertical-align: middle;
    width: 25px;
    height: 25px;
  }

/* ---------- /TABLE: CALENDAR MONTH OVERVIEW ---------- */

/* ---------- FOOTER ----------  */ 

  #footer {
    background: #B2B3B5;
    height: 30px;
    padding-top: 5px;
  }

  #footerLeft{
    float: left;
    text-align: right;
    width: 750px;
  }

  #footerLeft img {
    margin: 0 3px 0 15px;
  }

  #footerRight {
    float: left;
    margin-left: 50px;
  }

  #footer a{
    font-size: 0.75em;
    text-decoration: none;
  }

/* ---------- /FOOTER ----------  */


/* ---------- GENERIC ---------- */

  .cb {
    clear: both;
  }

  .highlight {
    font-weight: bold;
  }

/* ---------- /GENERIC ---------- */