/* Standard-CSS für www.noreia-essenz.com */

/* ---- Farben -------------

  Rosa   = #f1d5d4  // Hintergrund
  Rosa   = #f5a19d  // Überschrift/Box Hintergrund
  Rosa   = #d17570  // altrosa
  Rot    = #9b342e  // Grundschriftfarbe

------------------------- */


/* Allgemeine Formatierungen */

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
 margin: 0;
 padding: 0;
}

html, body {
 height: 100%;
}

body {
 background: #f1d5d4;
 font-size: 11px;
 font-family: verdana, lucida, arial, helvetica, sans-serif;
 color: #9b342e;
 margin: 0;
 cursor: default;
}

body td {
 font-size: 11px;
}

td {
 font-size: 11px;
}

img {
 border: 0;
}

#content h1, h1 {
 font-size: 12px;
 margin: 0;
 color: #B11417;
}


/* Layout */

#top {
 background: #e7c7c7 url('../images/layout/top_bg.jpg') no-repeat;
 width: 790px;
 height: 34px;
}

#wrapper {
 margin: auto auto;
 width: 790px;
 background: #f2edea;
 padding: 8px 8px 0 0;
}

#header {
 width: 790px;
 height: 68px;
 background: #d17570 url('../images/layout/noreia_header.gif') top right no-repeat;
}

div#tipDiv {
 position: absolute;
 visibility: hidden;
 z-index: 10000;
 left: 150px;
 top: 66px;

 width: 64px;
 padding: 4px;

 font-size: 11px;
 color: #fff;
 text-align: left;
}

#buttons {
 padding: 18px 0 0 30px;
}

#menu {
 width: 790px;
 height: 20px;
 background: #e7c7c7 url('../images/layout/menu_bg.jpg') no-repeat;
}

#footer {
 background: #d17570 url('../images/layout/bottom_bg.jpg') no-repeat;
 height: 16px;
 width: 788px;

 border-top: 1px solid #fff;
 padding: 25px 2px 0 0;
 text-align: right;
}

#footer a {
 font-size: 9px;
 color: #f1d5d4;
 text-decoration: none;
}

#footer a:hover {
 color: #f1d5d4;
 text-decoration: underline;
}

* html body #menu {
 margin-top: -2px;
}

#main {
 width: 790px;
 background: #d17570;
 position: relative;
 padding: 23px 0 0 0;

 /*
 min-height: 100%;
 height: 100%;
 voice-family: "\"}\"";
 voice-family:inherit;
 height: auto;
 */
}

#dummy {
 margin: 0;
}

html>body #main {
 height: auto;
}

#right {
 width: 243px;
 color: #fff;
 float: right;
}

#right .text a {
 color: #fff;
 text-decoration: none;
}

#right .text a:hover {
 color: #fff;
 text-decoration: underline;
}

#content {
 float: left;
 width: 547px;
 height: 450px;
 background: #eccfd1 url('../images/layout/content_bg.jpg') no-repeat;
}

html>body #content {
 height: auto;
 min-height: 448px;
}


/* Menu */

#menu {
 position: absolute;
 z-index: 2;
 height: 25px;
}

#menu ul {
 margin: 5px 0 0 0;
 padding: 0;
 list-style-type: none;
}

#menu ul li {
 display: block;
 float: left;
 position: relative;
 padding: 0;
 margin: 0;
}

#menu ul li a {
 display: block;
 margin: 0;
 padding: 0 0 0 12px;

 text-decoration: none;
 color: #9b342e;
}

#menu ul li a:hover, #menu ul li a.current {
 color: #de938f;
 text-decoration: underline;
}

/* Content Bereich */

#content .text {
 margin: 0 30px 25px 30px;
}

#content .text a {
 color: #9b342e;
 text-decoration: underline;
}

.close-popup {
 color: #9b342e;
 text-decoration: none;
 margin-right: 15px;
}

#content .text a:hover {
 color: #de938f;
 text-decoration: none;
}

#content .text p {
 line-height: 15px;
 margin-bottom: 18px;
}

#right .text p {
 line-height: 15px;
 margin-bottom: 18px;
}

#right .text .shop {
 line-height: 11px;
 margin-bottom: 18px;
}

#content .text .back {
 width: 100%;
 text-align: right;
}

#content h1 {
 position: absolute;
 z-index: 2;

 background: #e7a5a1;
 width: 505px;
 margin-bottom: 14px;
 padding: 5px 1px 5px 1px;

 font-size: 14px;
 font-weight: bold;
 color: #9b342e;
}

/* fix for Mozilla Firefox */
html>body #main #content h1 {
 margin-top: -53px;
 padding: 1px;
}

#content h1:first-letter {
 font-size: 30px;
}

#content h2 {
 margin: 55px 0 22px 0;
 font-size: 12px;
 font-weight: bold;
 color: #9b342e;
}


/* Boxen "Interessantes", "Aktuelles" und "Shop" */

#right .text {
 padding: 12px;
}

#right h1 {
 font-weight: bold;
 font-size: 14px;
 color: #9b342e;
 margin: 18px 0 18px 0;
}

#right .box {
 width: 243px;
 background: #f5a19d;
 color: #9b342e;
}

.home .box {
 float: left;
 margin-top: -2px;
 width: 263px;
 height: 164px;

 background: #f5a19d;
 color: #9b342e;
 border-left: 7px solid #fff;
}

.home .last {
 border-left: 7px solid #fff;
 border-right: 7px solid #fff;
}

.home .box .flower {
 position: absolute;
 z-index: 4;
 margin-top: -14px;

 width: 200px;
 height: 53px;
 background: url('../images/layout/box/blume.gif') top right no-repeat;
}

#right .box .text {
 font-size: 9px;
}

.teaser, .teaser td {
 color: #fff;
 font-size: 11px;
}

.teaser p {
 margin-bottom: 8px;
}

.teaser a {
 color: #fff;
 text-decoration: none;
}

.teaser a:hover {
 color: #fff;
 text-decoration: underline;
}

.teaser ul {
 margin-left: 6px;
 list-style-type: none;
}

.teaser ul li {
 padding: 0 0 5px 14px;
 background: url('../images/layout/list-style_home.gif') top left no-repeat;
}

.box h3 {
 font-size: 10px;
 font-weight: bold;
 margin-bottom: 14px;
}

#right .box .text img {
 float: left;
 border: 1px solid #9b342e;
 margin: 0 4px 4px 0;
}

#right .box .text p {
 margin-bottom: 8px;
}

#right .box .text .order {
 margin: 9px 0 0 134px;
 color: #fff;
}

#right .box .text .order a {
 padding: 1px;
 color: #fff;
 background: #d17570;
 text-decoration: none;
}

#right .box .text .order a:hover {
 color: #fff;
 background: #d17570;
 text-decoration: underline;
}

#right .box .flower {
 position: absolute;
 z-index: 4;
 margin-top: -14px;

 width: 252px;
 height: 53px;
 background: url('../images/layout/box/blume.gif') top right no-repeat;
}

.box .header {
 background: #fff;
 width: 100%;
}

#main #right .text {
 height: 261px;
}

html>body #main #right .text {
 height: auto;
 min-height: 261px;
}

#main #right .box .text {
 height: auto;
}

#content .teaser .more {
 font-size: 9px;
 margin: 18px 0 0 78px;
 color: #fff;
}

#content .teaser .more a {
 padding: 1px;
 color: #fff;
 background: #d17570;
 text-decoration: none;
}

#content .teaser .more a:hover {
 color: #fff;
 background: #d17570;
 text-decoration: underline;
}


/* Formulare */

input, option, select, textarea {
 font-family: verdana, lucida, arial, helvetica, sans-serif;
 font-size: 11px;
 color: #9b342e;

 border: 1px solid #9b342e;
 background: #e7a5a1;
}