/*******************************************************************/
/* 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: Arial, Verdana, sans-serif;
  font-size: 0.9em;
  line-height: 1.4em;
  line-height: 1.6em;
  color: #000;
  text-align: center;
  background: #DDD;
}





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

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

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


h1 {
  font-size: 1.8em;
  line-height: 1em;
  margin: 0 0 40px 0;
  text-transform: uppercase;
  color: #486289;
}

p {
  margin: 0 0 17px 0;
}


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



/* Nur für grössere Schirme, nicht für Smartphones:  */
@media only screen and (min-width:640px) {
  #backgroundImage {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
   background: url("bilder/hintergrund_01.jpg");
    background-position: center center; /* bzw. bootom center etc. => center alleine für hor und vert centering */
    background-size: cover;
  }
}


*+html #backgroundImage {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
  
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='bilder/hintergrund_01.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='bilder/hintergrund_01.jpg',
sizingMethod='scale')";
  
    
  }





#kopfBalken {
  position: relative;
  width: 100%;
  height: 178px;
  background: url("bilder/headerhint.png");
  z-index: 5;
}


#container {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 960px;
  margin: auto auto;
  margin-top: -178px;
  text-align: left;
  z-index: 10;
}


#kopf {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 162px;
  margin: 0 0 30px 0;
  z-index: 20;
}


#kopfLogo {
  position: relative;
  float: left;
  display: block;
  width: 200px;
  height: 162px;
  margin: 20px 0 0 0;
}

#kopfRechts {
  position: relative;
  float: right;
  display: block;
  width: 700px;
  height: 162px;
  text-align: right;  
  z-index: 25;
}
  
#metanavi {
  position: relative;
  float: right;
  display: block;
  width: 700px;
  height: 37px;
  margin: 13px -7px 0 0px;
}

#kopfNavi {
  position: relative;
  float: right;
  display: block;
  height: 44px;
  margin: 68px 0 0 0;
  z-index: 30;
    background: #486289;
}











#containerOben,
#containerUnten,
#containerNews {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  background: #fff;
  margin: 0 0 30px 0;
  
  
  min-height: 50px;
  z-index: 15;
  
  
}


/********************************************************/
/* Inhaltsbereich oben mit Schnellnavi */
/********************************************************/


#containerOben {
  height: 322px;
  overflow: hidden;
}


#kopfillustration {
  position: relative;
  float: left;
  display: block;
  width: 936px;
  height: 298px;
  margin: 12px 0 12px 12px;
  overflow: hidden;
  
    /*background: url("../bilder/kopfbild_ih_demo.jpg");*/
}




#schnellnavi {
  position: relative;
  float: left;
  display: block;
  width: 250px;
  height: 270px;
  margin: -270px 0 0 0px;
  margin: -283px 0 0 0px;
  overflow: hidden;
  z-index: 2000;
}






/********************************************************/
/* Inhaltsbereich unten mit Subnavi und Seiteninhalt */
/********************************************************/



#subnavigation {
  position: relative;
  float: left;
  display: block;
  width: 300px;
  overflow: hidden;
  margin: 30px 0 12px 0;
}



#content {
  position: relative;
  float: left;
  display: inline;
  width: 600px;
  margin: 30px 0 0 20px;

}




/********************************************************/
/* Newsbereich zuunterst */
/********************************************************/


#containerNews #news1,
#containerNews #news2,
#containerNews #news3 {
  position: relative;
  float: left;
  display: inline;
  width: 280px;
  margin: 30px 0 0 30px;
}






#containerNews a:link,
#containerNews a:visited {
  color: #486289;
  text-decoration: none;
  font-weight: bold;
}


#containerNews a:hover,
#containerNews a:active {
  color: #666;
}













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


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




/********************************************************/
/* Fuss und Stopper bei 100% Höhe */
/********************************************************/


#stopper {
  width: 100%;
  height: 1px;
  padding-bottom: 57px;
  clear: both;
}


#fuss {
  position: relative;
  height: 57px;
  width: 100%;
  margin: -57px 0 0 0;
  clear: both;
  display: block;
  text-align: left;
  overflow: hidden;
    z-index: 20;
  
 background: #fff;
}

#fussInhalt {
  position: relative;
  display: block;
  width: 960px;
  height: 57px;
  margin: auto auto;
}

#fussLinks {
  position: relative;
  float: left;
  display: block;
  width: 800px;
  margin-top: 19px;
}

#fussRechts {
  position: relative;
  float: right;
  display: block;
  width: 100px;
  margin-top: 19px;
  text-align: right;
}

#fuss a {
  text-decoration: none;  
}


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


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

#content ul { /* bullet-listen einrücken */
  list-style-type: disc;
}


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

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





/* Sitemap: */


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



div.csc-sitemap ul li a {
  text-transform: uppercase;
  font-weight: bold;
}



div.csc-sitemap ul li ul {
  margin: 0px 0 17px 15px !important;

}

div.csc-sitemap ul li ul li a {
  text-transform: none;
  font-weight: normal;

}

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

#content td {
  vertical-align: top;
}




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


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


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