/*
Blau im Logo: #0492D2
orange alt: EE820F 
und F6C087

 */
 


/*
 *
 * Formatierung des Webseitenhintergrundes
 *
 */

body {
/*
  background-image: url('../images/bg_site.gif');
*/
  background-color: #ffffff;
  margin: 0px;
}


/*
 *
 * Container der Website.
 * Die gesamte Website wird von diesem DIV umschlossen.
 * Hier wird die gesamte Website positioniert.
 * Alle folgenden DIVs verwenden die hier angegebene Position als X=0, Y=0
 * und positionieren sich demnach relativ zu dieser.
 *
 */
#website {
  position: absolute;

  background-color: #ffffff;
  background-image: url('../images/website_bg.gif');
  background-repeat: repeat-y;


  top: 35px;
  left: 35px;

/*  margin-left: -475px;
  margin-top: 35px;
*/
  width: 950px;
  border: 1px solid #0492D2;
  border-bottom: 5px solid #0492D2;
  z-index: 1;
}

 


/*
 *
 * Positionierung des Logos
 *
 */

#website #logo {
  position: absolute;
  top:  17px;  
  left: 17px;
  z-index: 100;
}


/*
 *
 * Positionierung des Stimmungs-Bildes
 *
 */

#website #pictureTop {
  position: absolute;
  top: 0px;
  left: 473px;
  z-index: 101;
}





/*
 *
 * Formatierung und Positionierung der Brotkrümelnavigation (Tolles Wort! =)  )
 *
 */
 

#website #breadcrumb {
  position: absolute;
  top:  114px;
  left: 180px;
  padding: 8px;
  color: #000000;
  height: 10px;
  font-family: Arial;
  font-size: 10px;
  width: 754px;
  border-bottom: 2px solid #0492D2;
  white-space: nowrap;
}

#website #breadcrumb a:link {
  color: #000000;
  text-decoration: none;
}

#website #breadcrumb a:focus {
  color: #000000;
  text-decoration: none;
}

#website #breadcrumb a:hover {
  color: #41713F;
  text-decoration: none;
}

#website #breadcrumb a:visited {
  color: #000000;
  text-decoration: none;
}

#website #breadcrumb a:active {
  color: #000000;
  text-decoration: none;
}




/*
 *
 * Formatierung und Positionierung der Metanavigation
 *
 */
 

 

#website #metanav {
  position: absolute;
  top:  70px;
  left: 213px;
  width: 300px;
  text-align: left;
  font-family: Arial;
  color: #0069B1;
  font-size: 12px;
  padding: 8px;
  z-index: 102;
}

/*
 *
 * Header (weisse Spalte und Linie) 
 *
 */

#website #headerbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #ffffff;
  border-bottom: 1px solid #0492D2;
  z-index: 50;
}


#website #metanav a:link {
  color: #666666;
  text-decoration: none;
}

#website #metanav a:visited {
  color: #666666;
  text-decoration: none;
}

#website #metanav a:hover {
  color: #F68427;
  text-decoration: none;
}

#website #metanav a:focus {
  color: ##666666;
  text-decoration: none;
}

#website #metanav a:active {
  color: #666666;
  text-decoration: none;
}




/*
 *
 * Positionierung der Hauptnavigation
 * 
 * o padding-bottom (Mindestabstand vom Menü zum Seitenende)
 *
 */
 

 
 

#website #menu {
  float: left;
  margin-top:  124px;
  padding-left: 20px;
  font-family: Arial;
  font-size: 11px;
  padding-bottom: 320px;
}

#website #menu #addresse {
  position: absolute;
  margin: 180px 0 0 10px;
}

#website #menu #addresse a {
  color: #000000;
  text-decoration: none;
}

#website #menu #addresse a:link{
  color: #000000;
  text-decoration: none;
}

#website #menu #addresse a:active{
  color: #000000;
  text-decoration: none;
}

#website #menu #addresse a:visited{
  color: #000000;
  text-decoration: none;
}

#website #menu #addresse a:focus{
  color: #000000;
  text-decoration: none;
}

#website #menu #addresse a#hover{
  color: #000000;
  text-decoration: none;
}


/* Formatierung der Tabelle der Hauptnavigation */

#website #menu tr {
  padding-bottom: 5px;
}



 
  /*
#####Marker Bernhard ######################################################################
 */ 
 

/*
 *
 * Positionierung des Contents + Definition der maximalen Breit
 *
 */

#website #content {
  float:left;
  margin-top:  125px;
  margin-left: 60px;
  padding-bottom: 30px;
  width: 705px;
  background-color: #ffffff;
}



 

/*
 *
 * Formatierung des Content-Textes
 *
 */

#website #content .contentText {
  font-family: arial;
  color: #000000;
  line-height: 16px;
  font-size: 12px;
}

#website #content .contentText a:link {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentText a:visited {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentText a:hover {
  font-family: arial;
  font-size: 12px;
  color: #F68427;
  text-decoration: underline;  
}

#website #content .contentText a:focus {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentText a:active {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}




/*
 *
 * Formatierung der Sitemap (Content Element "menu")
 *
 */

#website #content .contentMenu {
  font-family: arial;
  font-size: 12px;
  color: #000000;
}

#website #content .contentMenu a:link {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentMenu a:hover {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentMenu a:active {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentMenu a:focus {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentMenu a:visited {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}





/*
 *
 * Formatierung der content-header
 *
 */




/* Header */

#website #content .contentheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 0px;
}

#website #content .contentheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .contentheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .contentheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}





/* Textpic */

#website #content .textpicheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .textpicheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .textpicheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .textpicheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}




/* Text */

#website #content .textheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .textheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .textheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .textheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}



/* Image */

#website #content .imageheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .imageheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .imageheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .imageheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}



/* Bullets */

#website #content .bulletsheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  line-height: 16px;

  padding-bottom: 7px;
}

#website #content .bulletsheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .bulletsheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .bulletsheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}




/* Filelinks */

#website #content .filelinksheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .filelinksheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .filelinksheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .filelinksheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}



/* Multimedia */

#website #content .multimediaheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .multimediaheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .multimediaheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .multimediaheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}




/* Login */

#website #content .loginheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .loginheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .loginheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .loginheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}




/* Table */

#website #content .tableheader1 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .tableheader2 {
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  
  padding-bottom: 20px;
}

#website #content .tableheader3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}

#website #content .tableheader4 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

  padding-bottom: 7px;
}





/*
 *
 * Formatierung der content-forms
 *
 */

#website #content .contentform td {
  font-family: arial;
  font-size: 12px;
  color: #000000;
}


/*
 *
 * Formatierung der content-bullets
 *
 */

#website #content .contentbullets td {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  line-height: 16px;
}


/*
 *
 * Formatierung der content-filelinks
 *
 */

#website #content .contentfilelinks td {
  font-family: arial;
  font-size: 12px;
  color: #000000;
}

#website #content .contentfilelinks a:link {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentfilelinks a:active {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentfilelinks a:focus {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentfilelinks a:visited {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

#website #content .contentfilelinks a:hover {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;  
}

/*
 *
 * Formatierung der content-login
 *
 */

#website #content .contentlogin td {
  font-family: arial;
  font-size: 12px;
  color: #000000;
}


/*
 *
 * Formatierung der content-table
 *
 */

#website #content .contenttable td {
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}











/*
 *
 *
 * Formatierung der Print-Seite
 *
 */



#printLogo {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
}


#printContent {
  font-family: arial;
  font-size: 12px;
  color: #000000;

  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}

#printFooter {
  font-family: arial;
  font-size: 12px;
  color: #000000;

  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

/*
 *
 * Positionierung des Contents + Definition der maximalen Breit
 *
 */

#website #spalteRechts {
  float:left;
  margin-top:  180px;
  margin-left: 40px;
  padding-bottom: 30px;
  width: 140px;
  background-color: #fff;
  color: #409876;
  font-family: Arial;
  font-size: 10px;
}




#content {
  color: #000000;
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
}

#website #content a {
    color: #000000;
    font-family: arial;
    font-size: 12px;
    text-decoration: underline;
}

#website #content a:hover {
    color: #F68427;
    font-family: arial;
    font-size: 12px;
    text-decoration: underline;
}


#content .csc-firstHeader {
  margin: 0;
}

#content .bodytext {
  margin-top: 0;
}

#content .csc-textpic-intext-right .csc-textpic-imagewrap {
  margin-left: 41px !important;
}

#content .csc-textpic-caption {
  font-weight: bold;
  font-family: verdana;
  margin-top: 4px;
  font-size: 10px;
}

#content .contentform {
  margin: 0;
  padding: 0;
  border: 0;
}

#content .contentform .csc-mailform-field {
  clear: both;
}

#content .contentform .csc-mailform-field label {
  display: block;
  float: left;
  width: 165px;
  margin-bottom: 7px;
}

#content .contentform .csc-mailform-field input {
  display: block;
  float: left;
  width: 180px;
  margin-bottom: 7px;
  /* INPUT FIELD BORDER */
  border: 1px solid #777777;
}

#content .contentform .csc-mailform-field .csc-mailform-check {
  width: auto;
  margin: 0;
}


#content .contentform .csc-mailform-field .csc-mailform-submit {
  float: none;
  margin-left: 165px;
  width: auto;
  border: auto;
}

#content .contentform .csc-mailform-field textarea {
  display: block;
  float: left;
  width: 350px;
  height: 150px;
  margin-bottom: 7px;
  /* TEXTAREA BORDER */
  border: 1px solid #777777;
}

.csc-sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.csc-sitemap ul li {
  margin: 0;
  padding: 0;
}