/*
   Content-CSS für AZ-Terraristik
   zuletzt geändert am 23. Februar 2009 durch kju
*/


/* Generelles */

#content {
  font-size: 12px;
}

/* Überschriften */

.rex-cnt-slc-otp h1 {
  padding-bottom: 15px;
}


/* Tabellen erstmal ohne Innen- und Außenabstand */

.rex-cnt-slc-otp table,
.rex-cnt-slc-otp thead,
.rex-cnt-slc-otp tbody,
.rex-cnt-slc-otp tr,
.rex-cnt-slc-otp td {
  padding: 0;
  margin: 0;
}

.rex-cnt-slc-otp table {
  border-collapse: collapse;
}

.rex-cnt-slc-otp .abstandrechts td {
  padding-right: 10px;
}

.rex-cnt-slc-otp .innenabstand td {
  padding: 5px;
}


/* Strong definieren (unnötig?) */

.rex-cnt-slc-otp strong {
  font-style: normal;
  font-weight: bold;
}


/* Verschiedene Textfarben */

.rex-cnt-slc-otp .rot, .rex-cnt-slc-otp .rot * {
  color: red;
}

.rex-cnt-slc-otp .orange, .rex-cnt-slc-otp .orange * {
  color: #f60;
}

.rex-cnt-slc-otp .schwarz, .rex-cnt-slc-otp .schwarz * {
  color: #000;
}


/* Verschiedene Hintergrundfarben */

.rex-cnt-slc-otp .bgrot, .rex-cnt-slc-otp .bgrot * {
  background-color: red;
}

.rex-cnt-slc-otp .bgorange, .rex-cnt-slc-otp .bgorange * {
  background-color: #f60;
}

.rex-cnt-slc-otp .bgschwarz, .rex-cnt-slc-otp .bgschwarz * {
  background-color: #000;
}


/* Verschiedene Darstellungsmodifikatoren */

.rex-cnt-slc-otp .fett, .rex-cnt-slc-otp .fett * {
  font-weight: bold;
}

.rex-cnt-slc-otp .durchschossen, .rex-cnt-slc-otp .durchschossen * {
  line-height: 200%;
}

.rex-cnt-slc-otp .center, .rex-cnt-slc-otp .center * {
  text-align: center;
}

.rex-cnt-slc-otp .text120, .rex-cnt-slc-otp .text120 * {
  font-size: 120%;
}

.rex-cnt-slc-otp .text150, .rex-cnt-slc-otp .text150 * {
  font-size: 150%;
}

.rex-cnt-slc-otp .text200, .rex-cnt-slc-otp .text200 * {
  font-size: 200%;
}

.rex-cnt-slc-otp .text250, .rex-cnt-slc-otp .text250 * {
  font-size: 250%;
}
.rex-cnt-slc-otp .text300, .rex-cnt-slc-otp .text300 * {
  font-size: 300%;
}


.rex-cnt-slc-otp .text80s {
  font-size: 80%;
}

.rex-cnt-slc-otp .text120s {
  font-size: 120%;
}

.rex-cnt-slc-otp .text150s {
  font-size: 150%;
}

.rex-cnt-slc-otp .text200s {
  font-size: 200%;
}

.rex-cnt-slc-otp .text250s {
  font-size: 250%;
}

.rex-cnt-slc-otp .text300s {
  font-size: 300%;
}



/* Ausrichtungen Text */

.rex-cnt-slc-otp .textlinks,
.rex-cnt-slc-otp .textlinks * {
  text-align: left;
}

.rex-cnt-slc-otp .textrechts,
.rex-cnt-slc-otp .textrechts * {
  text-align: right;
}

.rex-cnt-slc-otp .textzentriert,
.rex-cnt-slc-otp .textzentriert * {
  text-align: center;
}


/* Vertikale Ausrichtungen */

.rex-cnt-slc-otp .vtop,
.rex-cnt-slc-otp .vtop * {
  vertical-align: top;
}



/* Ausrichtungen Text */

.rex-cnt-slc-otp .textlinks,
.rex-cnt-slc-otp .textlinks * {
  text-align: left;
}

.rex-cnt-slc-otp .textrechts,
.rex-cnt-slc-otp .textrechts * {
  text-align: right;
}

.rex-cnt-slc-otp .textzentriert,
.rex-cnt-slc-otp .textzentriert * {
  text-align: center;
}


/* Vertikale Ausrichtungen */

.rex-cnt-slc-otp .vtop,
.rex-cnt-slc-otp .vtop * {
  vertical-align: top;
}

.rex-cnt-slc-otp .vmiddle,
.rex-cnt-slc-otp .vmiddle * {
  vertical-align: middle;
}

.rex-cnt-slc-otp .vbottom,
.rex-cnt-slc-otp .vbottom * {
  vertical-align: bottom;
}



/* Breiten */
.rex-cnt-slc-otp .breite80 {
  width: 80%;
}


/* Anderes */
.rex-cnt-slc-otp .keinumbruch {
  white-space: nowrap;
}


/* Mitarbeiterbox */
.rex-cnt-slc-otp .mitarbeiterbox {
  background: url(/files/terraristik_infobox_gross.gif) no-repeat;
  float: left;
  height: 169px;
  padding: 15px 12px 0px 12px;
  width: 268px;
  font-size: 10px;
}

.rex-cnt-slc-otp .mitarbeiterboxlinks {
  margin-right: 12px;
}

.rex-cnt-slc-otp .mitarbeiterbild {
  margin-right: 8px;
  margin-bottom: 15px;
  float: left;
}

.rex-cnt-slc-otp .mitarbeiterboxoben {
  height: 110px;
}


/* Kontaktformular */

#kontaktformular input,
#kontaktformular textarea { 
  width: 300px;
  margin-bottom: 7px;
}

#kontaktformular td {
  vertical-align: top;
  padding-right: 10px;
}

#kontaktformular span {
  color: #f60;
}
  
#kontaktformular .fehler { 
  color: #f60; 
  font-weight: bold; 
  padding-bottom: 10px;
}

/* Newsletter */

#newsletter input,
#newsletter select {
  margin-bottom: 5px;
}