/*******************************************************************/
/* HTML5-Elemente "deklarieren" für die guten IEs ...              */
/*******************************************************************/

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}



/********************************************************/
/* Basics */
/********************************************************/


* {
  padding: 0;
  margin: 0;
  border: 0;
  text-decoration: none;
}

body, html {
  height: 100%;
}

html {
  overflow-y: scroll; /* Scrollbar vertikal erzwingen (CSS3!) aber IE zeigt eh einen ... */
}



body {
  
  font-family: 'HelveticaNeueLTStd55Roman',Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.8em;
  line-height: 1.4em;
  
  /*font-size: 14px;*/
  
  color: #000;
  
  background: #ededed;
  
  text-align: center;

}


* html td  {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}



#hintbildcontainer {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  
}

* html #hintbildcontainer {
  position: absolute;
  overflow: hidden;

}



/*************************************************************/
/* http://css-tricks.com/perfect-full-page-background-image/ */



#hintbildcontainer img  {
        /* Set rules to fill background */
        min-height: 100%;
       min-width: 1100px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}


@media screen and (max-width: 1100px) { /* Specific to this particular image */
#hintbildcontainer img {
                left: 50%;
                margin-left: -550px;   /* 50% */
        }
}



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



/********************************************************/
/* Typografie allgemein */
/********************************************************/

a:link,
a:visited {
  color: #a2145b;
  text-decoration: none;
}

a:hover,
a:active {
  color: #666;
  text-decoration: none;
}


h1 {
  
  font-family: 'HelveticaNeueLTStd35Thin',Arial, Helvetica, Verdana, sans-serif;
  font-size: 2em;
  margin: -2px 0 21px 0;
  font-weight: normal;
  line-height: 1em;
}


*+html h1 {
 line-height: 1em;
}




p {
  margin: 0 0 17px 0;
}

strong,
b {
  font-family: 'HelveticaNeueLTStd75Bold',Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
}

em,
i {
  font-family: 'HelveticaNeueLTStd66MdIt',Arial, Helvetica, Verdana, sans-serif;
  font-style: normal;
  
}


/********************************************************/
/* Layout */
/********************************************************/


#container {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 100%;
  z-index: 10;

}


#kopf_container {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 130px;
  text-align: center;
  
  z-index: 60;
}

#content_container {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  background: transparent url(../bilder/ih_hint_80.png);
  
  z-index: 50;
  
  min-height: 430px;
}



*+html #content_container {
  padding-bottom: 20px;
}





#fuss_container {
  position: relative;
  float: left;
  display: block;
  height: 205px;
  width: 100%;
}

#kopf {
  position: relative;
  display: block;
  width: 960px;
  margin: auto auto;
  height: 130px;  
  text-align: left;
  
}





#logo {
  position: relative;
  float: left;
  display: inline;
  width: 303px;
  height: 231px;
  margin: 6px 0 0 0;


}

  

#hauptnavigation {
  position: relative;
  float: right;
  display: inline;
  text-align: right;
  margin: 90px -15px 0 0;
  margin: 10px -15px 0 0;
}


ul#meta_ul {
  position: relative;
  float: right;
  display: block;
  clear: both;
  width: auto;
  
}

ul#hn_ul {
  position: relative;
  float: right;
  display: block;
  clear: both;
  width: auto;
  margin-top: 40px;
  
  
  
}




#content {
  position: relative;
  display: block;
  width: 960px;
  margin: auto auto;
  text-align: left;
  
}

#linke_spalte {
  position: relative;
  float: left;
  display: inline;
  width: 303px;
  margin: 175px 0 30px 0;
  
  background: transparent;
  
}



#newsinhalt {
  position: relative;
  float: left;
  display: block;
  width: 263px;
  margin: 17px 0 5px 20px;
  
  display: none;
  
}

#newsinhalt h1 {  
  color: #a2145b;
  line-height: 1.1em;
  
}




#newsinhalt a:link,
#newsinhalt a:visited {
  font-family: 'HelveticaNeueLTStd66MdIt',Arial, Helvetica, Verdana, sans-serif;
  font-style: normal;
  color: #a2145b;
  text-decoration: none;
}

#newsinhalt a:hover,
#newsinhalt a:active {
  font-family: 'HelveticaNeueLTStd66MdIt',Arial, Helvetica, Verdana, sans-serif;
  font-style: normal;
  color: #666;
  text-decoration: none;
}



#subnavigation {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin: -10px 0 0 0;  
}







#rechte_spalte {
  position: relative;
  float: right;
  display: inline;
  width: 525px;
  margin: 72px 0 0 0;
}




#rechte_spalte img {
  border: 1px solid #a2145b;
}





#fuss {
  position: relative;
  display: block;
  width: 960px;
  margin: auto auto;
  height: 205px;  
  text-align: left;
  color: #FFF;
  
  background: transparent url(../bilder/fusshintergrund.png);
  
  overflow: hidden;
}


#partneradresse {
  position: relative;
  float: right;
  display: block;
  width: 500px;
  text-align: right;  
}

#partneradresse p {
  font-family: 'HelveticaNeueLTStd35Thin',Arial, Helvetica, Verdana, sans-serif;
  font-size: 2em;
  font-weight: normal;
  color: #FFF;
  margin-top: 53px;
}

#partneradresse a {
  color: #FFF;
  
}




/********************************************************/
/* Standard-Wrapklasse um Beiträge */
/********************************************************/


#content section.csc-default {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  margin: 0 0 20px 0;
}






/********************************************************/
/* Bulletlisten im Inhalt */
/********************************************************/


#content ul, #content ol { /* bullet-listen einrücken */
  margin: 0px 0 17px 15px;
  list-style-type: disc;
}


* html #content ul, * html #content ol { /* bullet-listen einrücken IE 6 ... */
  margin-left: 18px;
  margin-left: 15px;
}


/* Fürs Bild-Rendering wieder übersteuern: */

div.csc-textpic-imagewrap ul {
  margin: 0 !important;
  list-style-type: none;
}


/********************************************************/
/*  hrs  */
/********************************************************/

hr {
    background-color: #9e9e9e; /* Farbe für Opera und Firefox */
    color: #9e9e9e; /* Farbe für Internet Explorer (IE) */
    border: 0;
    height: 1px;
    overflow: hidden;
}

div.divider {
    height: 1px;
    position: relative;
    display: block;
    overflow: hidden;
    clear: both;
  margin: -0 0 15px 0;
}



/********************************************************/
/* Sitemap, farbige Bulletpunkte */
/********************************************************/

.csc-sitemap li {
  color: #a2145b;
  line-height: 1.5em;
}





/********************************************************/
/* Tabellen-Zellen im Inhalt */
/********************************************************/

#content td {
  vertical-align: top;
}


/********************************************************/
/*  AND Shadowbox  */
/********************************************************/


div#shadowbox_title_inner {
  /*display: none;*/
}

.tx-andshadowbox-pi1 img.thumbnail {
  margin: 0 8px 5px 0;
  padding: 0;
  border: 1px solid #FFF;
}

div.tx-andshadowbox-pi1 {
  /*margin-top: -20px;*/
}

div#shadowbox_nav_previous a,
div#shadowbox_nav_next a,
div#shadowbox_nav_close a,
div#shadowbox_counter {
  font-style: normal;
  font-size: 12px;
}


/********************************************************/
/*  Bildlegende  */
/********************************************************/


#content dd.csc-textpic-caption {
margin-top: 15px;
}