/* ---------- global styles ---------- */
html, body {
	/*overflow: hidden;*/
	margin: 0; padding: 0;
	height: 100%;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #e6e6e6;
	background-color: #9a0101; }

/* ---------- link styles ---------- */
a:link, a:visited, a:hover, a:active, a:focus, img {
	border-width: 0px;
	text-decoration: none;
	color: #e6e6e6; }

/* ---------- paragraph styles ---------- */
p { margin: 0; padding: 0; }

/* ---------- site interface ---------- */
#wrap {
	position: absolute; top: 50%; left: 0;
	margin-top: -258px;
	border-top: 6px solid #870000; border-bottom: 8px solid #a90000;
	width: 100%; height: 502px; }

#nav {
	border-top: 9px solid #b82e2e; border-bottom: 7px solid #b82e2e;
	height: 64px;
	text-align: center; }

#nav-box { margin: 0 auto; width: 651px; }
#logo-alt { display: inline; margin: 0 32px 0 1px; }
#table-nav { display: inline; }

#table-nav a {
	display: block;
	padding-top: 7px;
	font-size: 24px;
	white-space: pre; }

/* ---------- english navigation ---------- */
#home-btn a { width: 90px; background: url(../images/interface/nav-btn-home.gif) no-repeat center left; }
#gallery-btn a { width: 89px; background: url(../images/interface/nav-btn-gallery.gif) no-repeat center right; }
#buy-btn a { width: 90px; background: url(../images/interface/nav-btn-buy.gif) no-repeat center left; }
#about-btn a { width: 89px; background: url(../images/interface/nav-btn-about.gif) no-repeat center right; }
#contact-btn a { width: 90px; background: url(../images/interface/nav-btn-contact.gif) no-repeat center left; }

#home-btn a:hover { background: url(../images/interface/nav-btn-home-hov.gif) no-repeat center left; }
#gallery-btn a:hover { background: url(../images/interface/nav-btn-gallery-hov.gif) no-repeat center right; }
#buy-btn a:hover { background: url(../images/interface/nav-btn-buy-hov.gif) no-repeat center left; }
#about-btn a:hover { background: url(../images/interface/nav-btn-about-hov.gif) no-repeat center right; }
#contact-btn a:hover { background: url(../images/interface/nav-btn-contact-hov.gif) no-repeat center left; }

#home-btn-dead { width: 90px; background: url(../images/interface/nav-btn-home.gif) no-repeat center left; }
#gallery-btn-dead { width: 89px; background: url(../images/interface/nav-btn-gallery.gif) no-repeat center right; }
#buy-btn-dead { width: 90px; background: url(../images/interface/nav-btn-buy.gif) no-repeat center left; }
#about-btn-dead { width: 89px; background: url(../images/interface/nav-btn-about.gif) no-repeat center right; }
#contact-btn-dead { width: 90px; background: url(../images/interface/nav-btn-contact.gif) no-repeat center left; }

/* ---------- deutsch navigation ---------- */
#home-de-btn a { width: 90px; background: url(../images/interface/nav-btn-home-de.gif) no-repeat center left; }
#fotogalerie-btn a { width: 89px; background: url(../images/interface/nav-btn-fotogalerie.gif) no-repeat center right; }
#e-shop-btn a { width: 90px; background: url(../images/interface/nav-btn-e-shop.gif) no-repeat center left; }
#uber-uns-btn a { width: 89px; background: url(../images/interface/nav-btn-uber-uns.gif) no-repeat center right; }
#kontakt-btn a { width: 90px; background: url(../images/interface/nav-btn-kontakt.gif) no-repeat center left; }

#home-de-btn a:hover { background: url(../images/interface/nav-btn-home-de-hov.gif) no-repeat center left; }
#fotogalerie-btn a:hover { background: url(../images/interface/nav-btn-fotogalerie-hov.gif) no-repeat center right; }
#e-shop-btn a:hover { background: url(../images/interface/nav-btn-e-shop-hov.gif) no-repeat center left; }
#uber-uns-btn a:hover { background: url(../images/interface/nav-btn-uber-uns-hov.gif) no-repeat center right; }
#kontakt-btn a:hover { background: url(../images/interface/nav-btn-kontakt-hov.gif) no-repeat center left; }

#home-de-btn-dead { width: 90px; background: url(../images/interface/nav-btn-home-de.gif) no-repeat center left; }
#fotogalerie-btn-dead { width: 89px; background: url(../images/interface/nav-btn-fotogalerie.gif) no-repeat center right; }
#e-shop-btn-dead { width: 90px; background: url(../images/interface/nav-btn-e-shop.gif) no-repeat center left; }
#uber-uns-btn-dead { width: 89px; background: url(../images/interface/nav-btn-uber-uns.gif) no-repeat center right; }
#kontakt-btn-dead { width: 90px; background: url(../images/interface/nav-btn-kontakt.gif) no-repeat center left; }

#multi-lang {
	position: absolute; top: -17px; right: 182px;
	font-size: 11px; font-weight: bold; }

#multi-lang a { color: #cecece; }

#content {
	border-bottom: 1px solid #a90000;
	height: 421px;
	text-align: center;
	background: url("../images/interface/content-grad.gif") repeat top left; }

#flash-and-box {
	margin: 0 auto;
	border-left: 7px solid #b82e2e; border-right: 7px solid #b82e2e;
	width: 661px; height: 421px;
	text-align: left; }

#banner-alt {
	float: left;
	margin: 1px 0 0 0;
	border-right: 7px solid #b82e2e; }

#box {
	float: left;
	margin-left: 37px;
	width: 415px; height: 421px; }
	/* fixed container height instead 100% solved ie problem of content pushing the bottom border */

#author, #copyright {
	float: left;
	margin-top: 22px;
	color: #c50000; }

#maybe-design { color: #c50000; }
#maybe-design:hover { text-decoration: underline; }
#copyright { float: right; }

/* ---------- home pg ---------- */
div#frames-up { margin: 27px 0 0 0px; }
.schooch { margin-right: 28px; }
div#thumbs-up { margin: -101px 0 0 11px; }
.schooch2 { margin-right: 51px; }
#your-taste { margin: 13px 0 0 8px; }

#welcome-text {
	margin: 6px 0 0 8px;
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 5px;
	width: 385px;
	letter-spacing: 0.01em; }

#your-florist, #your-florist-de {
	margin: 0 0 0 195px;
	font: bold 14px Arial, Tahoma, sans-serif;
	text-align: right;
	color: #bebebe; }

div#bottom-left-box {
	float: left;
	display: inline;
	margin: 12px 0 0 45px; }

#multiple-services {
	padding-left: 112px;
	color: #bfbfbf; }

#every-occasion {
	margin-left: 33px;
	font-size: 13px;
	line-height: 1.7em; }

#list { margin: 10px 0 0 75px; line-height: 3em; }
#list li a:hover { text-decoration: underline; }
div#lower-pic { margin: 8px 0 0 267px; }
#thumb-lower { position: absolute; margin: 5px 0 0 -126px; }

/* ---------- gallery pg ---------- */
#choose {
	text-align: center;
	margin-top: 14px;
	font-size: 11px; }

table#gallery-nav { position: absolute; left: 37px; text-align: center; }
table#gallery-nav td { padding: 6px 0 5px 0; width: 66px; }
table#gallery-nav td a {
	display: block;
	padding: 10px 0;
	font-size: 10px; font-weight: bold;
	background: url(../images/gallery/nav-btn-gallery.gif) no-repeat center center; }

table#gallery-nav td a:hover {
	background: url(../images/gallery/nav-btn-gallery-hov.gif) no-repeat bottom center; }

table#gallery-nav td a#gallery-selected {
	color: white;
	background: url(../images/gallery/nav-btn-gallery-selected.gif) no-repeat center center; }

.nav-but {
	height: 24px;
	line-height: 24px; }

#gallery-alt {
	margin: 150px 0 0 35px;
	width: 400px;
	text-align: center; }

#gallery-alt a:hover, #gallery-alt a:active { text-decoration: underline; }

/* ---------- buy pg ---------- */
#logo-buy-alt {
	margin: 120px 0 0 117px;
	width: 160px;
	border: 2px solid #cccccc; }

#store { margin: 20px 0 0 -15px; }

/* ---------- about pg ---------- */
h1 {
	margin: 21px 0 0 0;
	padding: 0;
	font-size: 12px; }

h1 span {
	font-style: italic;
	color: #bebebe; }

#about-p1 {
	float: left;
	padding: 33px 15px 0 0;
	width: 165px; }

#about-roses {
	float: left;
	margin: 24px 0 0 5px;
	border-bottom: 1px solid yellow; }

.about-p-rest, #about-p-last {
	clear: left;
	padding: 12px 10px 0 0;
	width: 390px; }

#about-p-last { padding-bottom: 25px; }
#about-p1, .about-p-rest, #about-p-last { line-height: 1.3em; letter-spacing: 0.01em; }

/* ---------- contact pg ---------- */
#address { margin: 93px 0 0 0; }
#address a:hover { text-decoration: underline; }
#picture { margin: -163px 0 0 161px; }
#frame { margin: -193px 0 0 150px; }
#feel-free { margin-top: 28px; }
#e-mail { margin: 16px 0 7px 105px; }
form { margin: -25px 0 0 0; }

input#mail {
	margin: 0 0 6px 232px;
	width: 170px;
	font-size: 10px; }

input#send {
	display: block;
	margin: 5px 0 0 343px;
	border: 2px outset #e6e6e6;
	width: 64px;
	font: bold 10px Verdana;
	color: #5E5C59;
	background-color: #e6e6e6; }

textarea {
	overflow: auto;
	width: 402px; height: 65px;
	font: 12px Verdana; }

input#mail, textarea { background-color: #e6e6e6; }

/* ---------- success & error pgs ---------- */
p#s-e { margin: 150px 0 0 -15px; }
p#s-e span { color: white; }
p#s-e a:link, p#s-e a:visited { border-bottom: 1px solid; font-size: 11px; font-variant: small-caps; }
p#s-e a:hover, p#s-e a:active { border-bottom: 0 none; }