/* Allgemeines */

span,div,p,body,input,textarea,a,td,font,ol,ul,b,h1,h2,h3,li,select,pre {
  font-family: verdana,arial,helvetica,sans-serif;
}

form, p { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; text-align: left; border:0 none; padding: 0; margin: 0;  }
input { vertical-align: top; padding: 0; margin: 0; border: 0px none; }
select { padding: 0; margin: 0; border: 0px none; }
img { border:0; }
body { background-color:#FFFFFF; }

body h1 { display: none; }

/* Abstände & Ausrichtung */

.zentriert { text-align: center; }
.rechtsbuendig { text-align: right; }
.vertikalzentriert { vertical-align: middle; }

/* Ränder */

.rand_weiss_dick { border: 15px solid #FFFFFF; }
.rand_weiss_rechts_stark_unten { border-bottom: 2px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.rand_weiss_unten { border-bottom: 1px solid #FFFFFF; }
.rand_weiss_unten_dick { border-bottom: 5px solid #FFFFFF; }
.rand_kein { border: 0px; }
.rand_beige { border: 1px solid #D0C7AC; }
.rand_weiss_rechts_unten { border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.rand_weiss { border: 1px solid #FFFFFF; }
.rand_grau { border: 1px solid #464B4E; }
.rand_grau_rechts_unten { border-bottom: 1px solid #464B4E; border-right: 1px solid #464B4E; }

.rand_weiss_rechts { border-right: 1px solid #FFFFFF; }

/* Fonts */

.sehrklein { font-size:9px;line-height:1.1em;  }
.klein { font-size:10px;line-height:1.2em;  }
.normal { font-size:11px;line-height:1.2em;  }
.groesser { font-size:12px;line-height:1.5em;  }
.gross { font-size:14px;  }
.sehrgross { font-size:18px;  }

.fett { font-weight:bold; }

.font_weiss { color:#ffffff; }
.font_mediumbeige { color:#D0C7AC; }
.font_beige { color:#8f8874; }
.font_dunkelgrau { color:#464B4E; }
.font_grau { color:#595d60; }
.font_orange { color:#FB9200; }


/* Farben */

.hellbeige { background:#F0EFE6; }
.helleresbeige { background:#D5CDB4; }
.mediumbeige { background:#D0C7AC; }
.orange { background:#FB9200; }

.sehrhellgrau { background:#D9D9D9; }
.helleresgrau { background:#AFAFAF; }
.hellgrau { background:#E8E8E8; }
.mediumgrau { background:#595D60; }
.dunkelgrau { background:#464B4E; }



.gruen { background:#D2F147; }
.weiss { background:#FFFFFF; }
.cyan { background:#6FB2CF; }
.hellblau { background:#CEE2EA; }


/* lists */
ul.cross { list-style: url(/aquarium-shop/images/bullet_cross.gif); padding: 0; margin: 5px 0 5px 30px; }
ul.arrow { list-style: url(/aquarium-shop/images/bullet_pfeil.gif); padding: 0; margin: 5px 0 5px 30px; }

/* Forms */

input.textfeld_grau { padding:2px 0 0 4px; font-size: 11px; color:#464B4E; font-weight:bold; background-color:#FFFFFF; border-width:1px; border-style:inset; border-color:#CDCBAE; margin:0; }
input.textfeld_grau_klein { padding:1px 0 0 4px; font-size: 10px; color:#464B4E; background-color:#FFFFFF; border-width:1px; border-style:inset; border-color:#CDCBAE; margin:0; }
input.submit_grau { font-size: 11px; color:#FFFFFF; font-weight:bold; background-color:#D0C7AC; border-width:1px; border-style:outset; border-color:#CDCBAE; margin:0; }
input.submit_grau_klein { font-size: 10px; color:#FFFFFF; background-color:#D0C7AC; border-width:1px; border-style:outset; border-color:#CDCBAE; margin:0; }
input.submit_orange { font-size: 11px; color:#FFFFFF; font-weight:bold; background-color:#FB9200; border-width:1px; border-style:outset; border-color:#CDCBAE; margin:0; }
input.submit_orange_klein { font-size: 10px; color:#FFFFFF; font-weight:bold; background-color:#FB9200; border-width:1px; border-style:outset; border-color:#CDCBAE; margin:0; }
input.submit_dunkelgrau_klein { font-size: 10px; color:#FFFFFF; font-weight:bold; background-color:#464B4E; border-width:1px; border-style:outset; border-color:#CDCBAE; margin:0; }
select.select_grau { font-size: 11px; color:#464B4E; font-weight:bold; background-color:#FFFFFF; border-width:1px; border-style:solid; border-color:#D0C7AC;  }
input.textfeld_grau_invers { padding:2px 0 0 4px; font-size: 11px; color:#5D5D5D; font-weight:bold; background-color:#ffffff; border-width:1px; border-style:solid; border-color:#464B4E; margin:0; }
textarea { padding:2px 0 0 4px; font-size: 11px; color:#464B4E; font-weight:bold; background-color:#FFFFFF; border-width:1px; border-style:inset; border-color:#CDCBAE; margin:0; }

input.submit_gruen { font-size: 11px; color:#FF6B02; font-weight:bold; background-color:#D2F147; border-width:1px; border-style:solid; border-color:#FFFFFF; margin:0; }
input.submit_gruen2 { font-size: 11px; color:#FF6B02; font-weight:bold; background-color:#D2F147; border-width:1px; border-style:solid; border-color:#D2D2D2; margin:0; }
select.select_gruen { font-size: 10px; color:#D4F14B; font-weight:bold; background-color:#5D5D5D;  }

/* links */
a.link_orange { color:#FB9200; text-decoration:none; }
a.link_orange:link { color:#FB9200; text-decoration:none; }
a.link_orange:hover { color:#FB9200; text-decoration:none; }
a.link_orange:active { color:#FB9200; text-decoration:none; }

a.link_hellbraun { color:#464b4e; text-decoration:none; }
a.link_hellbraun:link { color:#464b4e; text-decoration:none; }
a.link_hellbraun:hover { color:#fff; text-decoration:none; }
a.link_hellbraun:active { color:#fff; text-decoration:none; }

a.link_weiss { color:#FFFFFF; text-decoration:none; }
a.link_weiss:link { color:#FFFFFF; text-decoration:none; }
a.link_weiss:hover { color:#FB9200; text-decoration:none; }
a.link_weiss:active { color:#FB9200; text-decoration:none; }

a.link_grau { color:#464B4E; text-decoration:none; }
a.link_grau:link { color:#464B4E; text-decoration:none; }
a.link_grau:hover { color:#FB9200; text-decoration:none; }
a.link_grau:active { color:#FB9200; text-decoration:none; }

a.link_beige { color:#AFA68A; text-decoration:none; }
a.link_beige:link { color:#AFA68A; text-decoration:none; }
a.link_beige:hover { color:#FB9200; text-decoration:none; }
a.link_beige:active { color:#FB9200; text-decoration:none; }

a.pseudo_button {text-decoration: none; font-size: 11px;color: #ffffff;font-weight: bold;background-color: #fb9200; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #707160; border-bottom: 1px solid #707160; padding: 4px 20px 1px 20px;}

#xmas_special {
	position: relative;
	top: -30px;
	left: -85px;
	height: 0;
	z-index: 500;
	clear: both;
}

#angebote-teaser {
  z-index: 1;
  width: 240px;
  height: 220px;
  overflow: hidden;
  text-align: center;
}

#angebote-teaser .prozent {
  position: relative;
  top: -200px;
  left: 0px;
  z-index: 10;
}

#angebote-teaser .artikelbild {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 5;
}

#angebote-teaser .preis {
  position: relative;
  top: -83px;
  left: 12px;
  z-index: 10;
}

/* Neue Startseite */
.home_angebote:after
{
  content:             "."; 
  display:             block; 
  height:              0; 
  clear:               both; 
  visibility:          hidden;
}

.home_angebote
{
  display:    block;
  width:      715px;
  background: transparent;
  margin:     0px;
}

.home_angebote .angebot
{
  position: relative;
  width:  235px;
  height: 254px;
  margin: 5px 5px 0px 0px;
  background: #c9c9c9;
  float: left;
}

.home_angebote .noborder
{
  margin: 5px 0px 0px 0px;
}

.home_angebote .angebot a.bezeichnung
{
  display: block;
  padding: 0px;
  margin: 0px;
  width: 235px;
  height: 23px;
  line-height: 23px;
  font-size: 14px;
  overflow: hidden;
  /*float: left;*/
  text-decoration: none;
  color: #777;
  font-weight: bold;  
  background: #e8e8e8;
  outline: none;
}

.home_angebote .angebot a.bild
{
  display: block;
  padding: 0px;
  margin: 0px;
  width: 235px;
  height: 218px;
  overflow: hidden;
  /*float: left;*/
  outline: none;
}

.home_angebote p
{
  display: block;
  padding: 0px;
  margin: 0px;
  width: 235px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  color: #FFF;
  text-align: right;
}

.home_angebote p a
{
  text-decoration: none;
  color: #464B4E;
}

.home_angebote p a:hover
{
  color: #FFF;
}