/* ---------------------------------------------- */
/* CSS-Stylesheet für www.naturkosmetik-minden.de */
/* ---------------------------------------------- */

/* flächenbestimmende Rahmen */
body, div#bodybox {
  background-color:#FFFDFA;
  margin:0px auto;
  margin-bottom:12px;
  margin-top:12px;
  text-align:center;
  width:850px;
}

div#warnie6, div#warnie7 {
  display: none;
}

/* Banner */
div#header {
  background-image:url("img/header.jpg");
  background-position:center;
  background-repeat:no-repeat;
  border-bottom:2px solid #C3C3C1;
  height:100px;
  margin:0px;
}

/* Abstand zwischen Banner und Linkleiste */
hr {
  background:#C3C3C1;
  margin:1px 0px 0px 0px;
  height:1px;
  border:0px;
}

/* Linkleiste mit Hyperlinks zu den einzelnen Kategorien */
div#catline {
  border:0px;
  margin:-1px 0px 25px 0px;
}

a.cat {
  display:inline-block;
  background-color:#EFEFEF;
  border:1px solid #C3C3C3;
  color:#2B1F61;
  font-family:Century Gothic, Helvetica, Arial, Sans-Serif;
  font-size:0.8em;
  font-style:italic;
  font-weight:bold;
  letter-spacing:0.02em;
  padding:5px 8px 5px 8px;
  text-decoration:none;
}

a.cat[attr="active"], a.cat:hover {
  background-color:#DFDAD1;
  border:1px solid #BF8217;
  border-top-color:#C3C3C3;
  color:#BF8217;
}

a.cat:active {
  color:#2B1F61;
}

/* CSS Bilderschatten */
/* Written by Jeff Harrell */
/* http://theshapeofdays.com/2005/11/29/my-contribution-to-the-css-shadow-kerfuffle.html */
div#shadow {
  background:#B4AFA3 url("img/shad_bottom.png") repeat-x bottom;
  border-left:1px solid #dcd7c8;
  border-right:1px solid #dcd7c8;
  padding:0px 1px 4px 1px;
  position:relative;
}

div#shadowover {
  background:#FFFFFF;
}

div.bottomleft {
  background:url("img/shad_blcorner.png") no-repeat bottom left;
  bottom:0px;
  height:4px;
  left:-1px;
  position:absolute;
  width:4px;
}

div.bottomright {
  background:url("img/shad_brcorner.png") no-repeat bottom right;
  bottom:0px;
  height:4px;
  position:absolute;
  right:-1px;
  width:4px;
}

div.topleft {
  background:url("img/shad_tlcorner.png") no-repeat top left;
  height:4px;
  left:-1px;
  position:absolute;
  top:0px;
  width:2px;
}

div.topright {
  background:url("img/shad_trcorner.png") no-repeat top right;
  height:4px;
  position:absolute;
  right:-1px;
  top:0px;
  width:2px;
}

/* Footer */
div#footer {
  border-top:1px solid #C3C3C3;
  color:#9F9D97;
  font-family:Verdana,Arial;
  font-size:0.6em;
  line-height:140%;
  padding-bottom:2px;
  padding-top:2px;
}

/* ------------------------- */
/* Content je nach Kategorie */
/* ------------------------- */
div#main {
  margin:0px auto;
  background-position:center;
  background-repeat:no-repeat;
  font-family:Arial,Helvetica;
  font-size:0.8em;
  text-align:left;
  margin-bottom:15px;
  width:700px;
}

p.title {
  color:#2B1F61;
  font-size:1.3em;
  font-weight:bold;
  margin:0px auto;
  margin-left:25px;
  margin-right:25px;
}

p.text {
  line-height:140%;
  margin:0px auto;
  margin-left:70px;
  margin-right:50px;
}

img {
  border:1px solid #C3C3C3;
}

a img:hover {
  border:1px solid #BF8217;
  background-color:#DFDAD1;
}

br.clear {
  clear:both;
}

/* Willkommen */
div[attr="index"]#main {
  background-image:url("img/wasserz_frau.jpg");
  padding-top:6%;
  padding-bottom:10%;
}

/* Geschichte */
div#fotobox {
  float:left;
  margin:1px 10px 0px 70px;
}

img.foto {
  display:block;
  float:left;
  margin:-10px 10px 0px 70px;
}

img.schild {
  display:block;
  float:right;
  margin:3px 50px 0px 5px;
}

/* Behandlungen */
p.notiz {
  color:#9F9D97;
  font-family:Verdana,Arial;
  font-size:0.8em;
  line-height:140%;
  margin-left:70px;
  margin-right:50px;
}

/* Kontakt */
div[attr="kontakt"]#main {
  padding-top:6%;
  padding-bottom:14%;
}

div.dataEM {
  float:left;
  line-height:140%;
}

div.dataOPEN {
  line-height:140%;
  margin-left:68%;
}

span.ebrief {
  display: none;
}

/* Anfahrt */
div#kartenbox {
  display:block;
  text-align:center;
}

/* Ausbildung */
div[attr="azubi"]#main {
  padding-top:6%;
  padding-bottom:10%;
}