/* Definiton der Scrollbars */
html {
  overflow-x: hidden;
  overflow-y: auto;
}


/* *** Definition BODY-Tag *** */
body {
  margin: 0;
  padding: 0;
  background-position: left;
  background-repeat: repeat-y;
}
body.bgNavWhite {
  background-image: url(../art_global/bg_navigation_white.gif);
}
body.bgNavGrey {
  background-image: url(../art_global/bg_navigation_grey.gif);
}
body.bgNavXmas {
  background-image: url(../art_global/bg_content_xmas.jpg);
  background-position: left 237px;
  background-repeat: repeat-y;
}



/* *** Definition der Navigation im Kopfbereich - Anfang *** */

/* Begrenzung fuer die Breite der Navigation */
#headerNavigationBackground {
  background-color: #FFFFFF;
}
#headerNavigation {
  width: 958px;
  padding: 0 0 2px 10px;
  /*background-color: orange;*/
}

/* Abstand oben fuer die globale Naviagtion (rechts und links) */
#headerNavigation #headerNavigationLeft,
#headerNavigation #headerNavigationRight {
  padding-top: 10px;
}

/* Container fuer den Inhalt links */
#headerNavigationLeft {
  width: 190px;
  /*background-color: yellow;*/
}

/* Container fuer der Inhalt mitte */
#headerNavigationCenter {
  width: 220px;
  padding-top: 5px;
  /*background-color: yellow;*/
}



/* Abstandselement zwischen den Links im Container fuer den Inhalt rechts */
#headerNavigationRight {
  width: 530px;
  text-align: right;
  /*background-color: blue;*/
}

/* Container fuer den Inhalt rechts */
.headerNavigationSpacer {
  padding: 0 0.95em 0 0.95em;
}
/* *** Definition der Navigation im Kopfbereich - Ende *** */



/* *** Definition der Navigation im Kopfbereich - Anfang *** */
#headerContent {
  background-color: #EE7F00;
  background-image: url(../art_global/bg_header.gif);
  background-repeat: repeat-x;
}

/* Container fuer das Logo */
#headerContentBackground {
  width: 838px;
  height: 200px;
  padding-top: 7px;
  background-image: url(../art_global/header_building.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

/* Container fuer das Logo */
#headerContentLogo {
  width: 200px;
  height: 199px;
  background-color: #E10915;
  background-image: url(../art_global/header_logo.gif);
  background-position: center;
  background-repeat: no-repeat;
}

/* Container als Platzhalter (fuer zukuenftige Inhalte) */
#headerContentPlaceholder {
  width: 150px;
  height: 199px;
  /*background-color: yellow;*/
}

/* Container fuer die Ueberschrift */
#headerContentTitle {
  width: 455px;
  height: 199px;
  /*background-color: lime;*/
  position:relative;
}
#headerContentTitle img {
  padding-bottom: 15px;
  position: absolute;
  bottom: 0;
}

/* Hintergrundfarbe fuer den Clearer */
.bgLogo {
  background-image: url(../art_global/bg_header_clearer.gif);
  background-position: left;
  background-repeat: no-repeat;
}

/* *** Definition der Navigation im Kopfbereich - Ende *** */



/* *** Definition des Hauptinhaltbereichs - Anfgang *** */
#mainContent {
  width: 960px;
}
#columnLeft {
  width: 200px;
}
#columnRight {
  width: 750px;
}

/* Inhalt mit Abstand links (falls keine Bildspalte am linken Rad verwendet wird */
.contentWithLeftIndent {
  margin-left: 185px;
}



/* Boxen 2-spaltig (auch farbig) */
.contentInTwoRows, .contentInTwoRowsColored {
  width: 262px;
  padding: 2px 4px 0 4px;
}
.bgOrange .contentInTwoRowsColored {
  background-color: #EE7F00;
}
.bgDoveBlue .contentInTwoRowsColored {
  background-color: #7E9BA3;
}
.contentInTwoRows table, .contentInTwoRowsColored table {
  margin: 0;
}
.contentInTwoRows table td, .contentInTwoRowsColored table td {
  width: 50%;
}



/* Boxen 3-spaltig */
.contentInThreeRows {
  width: 172px;
  padding: 2px 4px 0 4px;
}
.contentInThreeRows table {
  margin: 0;
}
.contentInThreeRows table td {
  width: 50%;
}
.contentInThreeRowsMarginLeft {
  margin-left: 12px;
}



/* *** Definition der News *** */

/* List-Ansicht */
.newsListDate {
  width: 100px;
}
.newsListContent {
  width: 460px;
}

/* Single-Ansicht */
.newsSingleImage {
  width: 150px;
}
.newsSingleContent {
  width: 564px;
}



/* Logout-Button */
.logoutButton {
  padding: 7px;
  border-bottom: 1px dashed red;
}

/**/
.onePix {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  /*background-color: blue;*/
}

/**/
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}

/**/
.clearLeft {
  clear: left;
}
.clearRight {
  clear: right;
}
.clearBoth {
  clear: both;
}