/*

Beverly-Farben 
dunkelblau #0069B1
hellblau #00B7DD

 */
 


/*
 *
 * Formatierung des Webseitenhintergrundes
 *
 */

body {
  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;
  top: 0px;
  left: 0px;
}


/*
 *
 * Positionierung des Logos
 *
 */

#website #logo {
  position: absolute;
  top:  0px;  
  left: 0px;
}


/*
 *
 * Positionierung des stimmungs-Bildes
 *
 */

#website #pictureTop {
  position: absolute;
  top: 0px;
  left: 223px;
}



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

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

#website #breadcrumb {
  position: absolute;
  top:  192px;
  left: 65px;
  font-family: arial;
  color: #00B7DD;
  font-size: 11px;

  
  white-space: nowrap;
}

#website #breadcrumb a:link {
  font-family: arial;
  color: #00B7DD;
  font-size: 11px;
  text-decoration: none;
}

#website #breadcrumb a:focus {
  font-family: arial;
  color: #00B7DD;
  font-size: 11px;
  text-decoration: none;
}

#website #breadcrumb a:hover {
  font-family: arial;
  color: #00B7DD;
  font-size: 11px;
  text-decoration: none;
}

#website #breadcrumb a:visited {
  font-family: arial;
  color: #00B7DD;
  font-size: 11px;
  text-decoration: none;
}

#website #breadcrumb a:active {
  font-family: arial;
  color: #00B7DD;
  font-size: 11px;
  text-decoration: none;
}


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

#website #metanav {
  position: absolute;
  top:  160px;
  left: 696px;
  font-family: arial;
  color: #639B41;
  font-size: 12px;
}


#website #metanav a:link {
  font-family: arial;
  color: #639B41;
  font-size: 12px;
  text-decoration: none;
}

#website #metanav a:visited {
  font-family: arial;
  color: #639B41;
  font-size: 12px;
  text-decoration: none;
}

#website #metanav a:hover {
  font-family: arial;
  color: #639B41;
  font-size: 12px;
  text-decoration: none;
}

#website #metanav a:focus {
  font-family: arial;
  color: #639B41;
  font-size: 12px;
  text-decoration: none;
}

#website #metanav a:active {
  font-family: arial;
  color: #639B41;
  font-size: 12px;
  text-decoration: none;
}




/*
 *
 * Positionierung der Hauptnavigation
 *
 */
 
 
 
#website #menu {
  position: absolute;
  top:  220px;
  left: 65px;
}





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

#website #content {
  position: absolute;
  top:  219px;
  left: 250px;
  width: 670px;

}



 

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

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

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

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

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

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

#website #content .contentText a:active {
  font-family: arial;
  font-size: 12px;
  color: #FFFFFF;
  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: #FE7D19;
  text-decoration: underline;  
}

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

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

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

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





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


/* Header */

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

  padding-bottom: 0px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}





/* Textpic */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}




/* Text */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}



/* Image */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}



/* Bullets */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}




/* Filelinks */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}



/* Multimedia */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}




/* Login */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

  padding-bottom: 7px;
}




/* Table */

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

  padding-bottom: 7px;
}

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

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

  padding-bottom: 7px;
}

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

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


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

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

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

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

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

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

#website #content .contentfilelinks a:hover {
  font-family: arial;
  font-size: 12px;
  color: #FFFFFF;
  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;
  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;
}








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

#printContent a {
    color: #000000;
    font-family: arial;
    text-decoration: underline;
}

#printContent a:hover {
    color: #F68427;
    font-family: arial;
    text-decoration: underline;
}


#printContent .csc-firstHeader {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}

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

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

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

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

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

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

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

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


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

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