/**
 * Basis-Stylesheet
 */

/* Abstände zurücksetzen*/
html, body, div, p, form { 
  margin: 0px; 
  padding: 0px;
}

body {
  font-family:Arial,Verdana,sans-serif;
  background: white;
  color: black;
}

.no_spacing {
  margin: 0px;
  padding: 0px;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right; 
}

.relative {
  position: relative;
}

.align-center {
  text-align: center; 
}

.align-left {
  text-align: left; 
}

.align-right {
  text-align: right; 
}

.hide {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}


.debug {
  border: 1px solid red;
}

.debug2 {
  border: 1px solid blue;
}

.bold {  
  font-weight: bold;
}

/* png-hack für ie6
 * Funktioniert für <img class="png"...> aber auch für backgrounds
 * z.B: #header, .header { background:url(header.png); }
 * <div id="header" class="png">...
 * <div class="header png">...
 * Probleme: repeat-x, repeat-y funtioniert nicht (die Wiederholungen werden im ie6 nicht angezeigt)
 */
.png  { 
  behavior: url(/redx/res/css/iepngfix.htc); 
}

/* Formulargenerator */
.redx_ajax_uploader_file_info, .redx_ajax_uploader_file_delete_link {
  float: left;
  line-height:18px;
}

/*
evtl. noch Styles wie "center" oä. definieren mit margin:auto, usw...
.. Oder Standard Listen/Container für Module wie News oder Termine
*/

.border_collapse {
  border-collapse: collapse;
}

/* Loading-Container */
.redx_loading { display: block; padding: 0; margin: 0; width: 1px; height: 1px; filter: alpha(opacity=80); opacity: 0.8; text-align: center; vertical-align: middle; background-color: white; position: absolute; z-index: 99999; color: black; font-weight: bold; font-size: 12px; }
.redx_loading img {margin-top: 0; width: 80%; height: 80%; max-width: 32px; max-height: 32px}
.redx_loading span {display: block}