/* Styles fuer Rabe und Rose */
/* Version: 2008-10-03 */
/* Miriam Torbeck, torbeck.de */

/* General */
body {
	background: #463c01 url(../images/bg-tile.jpg) repeat-x;
	color:#444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .85em;
	/*font-size:62.5%;*/
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
}

body, th, td, input, textarea, select {

    }

p, blockquote, ul, ol, dl {
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 a, h2 a, h3 a, h4 a {text-decoration: none;}

form, input, select, textarea {
	/*font-size: 1em;*/
}
span.normalprice {text-decoration:line-through;}
span.productSpecialPrice { color:#990000; }
label.inputLabel {
	padding: 3px 0 0 0;
	margin: 50px 0 0 0;
	font-size: inherit;
	}

fieldset {
	display:block;
	margin: 15px 0px;
	padding:0.35em 0.625em 0.75em;
}
legend {color: #444;}
.title h2 a{
	text-decoration:none;
}

.title h2, .title h3, .centerBoxHeading, #categoriesHeading, #cartDefaultHeading, #loginDefaultHeading, .rightBoxContainer h3, #productListHeading, #ezPagesHeading, #ezPagesTOCHeading, #conditionsHeading, #gvFaqDefaultHeading, #gvRedeemDefaultHeading, #siteMapHeading, #pageNotFoundHeading, #pageTwoHeading {
	font-size: 1.3em;
	font-weight: normal;
	color: #5B4E27;
	padding: 0 0 20px 40px;
}

h2#cartEmptyText {margin-bottom: 1.5em;}

#checkoutShippingHeading, #checkoutPaymentHeading, #checkoutConfirmDefaultHeading, #checkoutSuccessHeading {font-size: 1.3em;margin-bottom: 10px;}
#checkoutConfirmDefaultBillingAddress, #checkoutConfirmDefaultShippingAddress, #checkoutConfirmDefaultHeadingComments, #checkoutConfirmDefaultHeadingCart {font-size: 1.3em;margin-bottom: 10px;}

#checkoutConfirmDefaultShipment, #checkoutPaymentHeadingAddress {font-size: 1.2em;}
#checkoutConfirmDefaultShipmentTitle {font-size: 1.1em;}

h3#checkoutSuccessThanks {margin:10px 0 0 0;}
.productListing-data {vertical-align: top; font-size:inherit;}
.title h2 a:link {text-decoration: none;}

address {margin: 10px 0;}

.box-item {
  	font: 1.3em Georgia, "Times New Roman", Times, serif;
	/*color: #554C34;*/
}
.lineTitle {float:left;}
.totalBox {float: right;}

#ottax {margin: 10px 0;color: #797979;}

.floatingBox .back {float: left; margin: 10px 0;}
.floatingBox .forward {float: right; margin: 10px 0;}
#checkoutShipto {margin: 10px 0;}

/* Links general*/

a:link, a:active, a:visited {
	color: #7A7900;
	cursor: pointer;
}

a img {
	border-width: 0;
	border-style: none;
}

a:hover, a:hover {
	text-decoration: none;
}

/* Container */

#container {
  margin: 0 auto;
  min-width: 999px;
  max-width: 90%;
}

#top {
  position: relative;
  background: #1e1301 url(../images/bg-top.jpg) repeat-x top left;
  height: 40px;
  margin: 0px;
}

#wrap {
  float: left;
  background-position: 0 0;
  background-color: #fff;
  width: 100%;
}

/* Links Content-Area */

#box1 p a:link, #box1 p a:active, #content p a:link, p a:active {
	padding: 1px 3px;
	text-decoration: none;
	border-bottom: 1px dotted #48546A;
    color: #7A7900;
}

#box1 p a:visited, #content p a:visited {
	color: #777;
	padding: 1px 3px;
	text-decoration: none;
	border-bottom: 1px dotted #777;
}

#box1 p a:hover, #content p a:hover {
	color: #1D1D1D;
	margin: 0 -3px;
	border: 3px double;
	border-color: #F1F1F1 #C0C0C0 #C0C0C0 #F1F1F1;
	background: #FFF url(../images/bg-btn.gif) bottom center repeat-x;
	}


#rand-ol {
  float: left;
  background-color: #fff;
  width: 7%;
  background: #fff url(../images/rose-links.jpg) no-repeat;
  height: 477px;
}

#content-wrapper {
  margin: 0;
  padding: 0;
}

#sidebar {
  float: left;
  width: 20%;
  margin: 0;
  padding: 0;
}

#sidebar p {
  text-align: left;
}

#sidebar span.logo img{
  margin: 40px 0 20px 25px;
  padding: 0;
}

#box1 {
  margin: 0;
  padding: 0 0 0 3px;
}

#box1 .title {
  background: url(../images/trenner-204x30.jpg) no-repeat left bottom;
}

#content {
  float: left;
  min-width: 650px;
  width: 73%;
  background-image: url(../images/sep-tile.jpg);
  background-repeat: repeat-y;
  background-position: top left;
  background-color: #fff;
  padding: 0/* 0 0 5%*/;
  height: 100%;
  margin: 0;
}

#box5 {
	margin: 0 0 0 70px;
	padding: 0 0 20px 0;
	position: relative;
	float: left;
	width: 88%;
	clear: both;
}

#box5 form {
	display: inline;
}

#teaser {
  float: left;
  margin: 0 0 10px 70px;
  text-align: right;
  background: #fff url(../images/teaser-kachel.jpg) repeat-x top left;
  min-width: 580px;
  width: 88%;
}

#teaser img {
 margin: 0;
 padding: 0;
}

/* Positioniert den Seitentitel und den Subtitel */
#teaser #title {
  position: absolute;
  z-index: 3;
  top: 130px;
  margin-left: 20px;
  text-align: left;
}

#teaser h1 {
  margin: 0;
  padding: 0;
  font: 400 2em Georgia, "Times New Roman", Times, serif;
  color: #c8c5b4;
}

#teaser h2 {
  position: absolute;
  top: 40px;
  margin: 0;
  padding: 0;
  font: 500 1.8em Georgia, "Times New Roman", Times, serif;
  color:#f1ede1;
  text-align: left;
}


#box2 {
  float: left;
  width: 60%;
  min-width: 50%;
  margin: 0 0 0 70px;
}

#box2 .title, #box2 .centerBoxHeading, #box2 #cartDefaultHeading, #loginDefaultHeading, #indexProductList, #ezPageDefault, #conditions, #gvFaqDefault, #gvRedeemDefault, #siteMap, #pageNotFound, #pageTwo {
	background: url(../images/trenner-353x30.jpg) no-repeat left bottom;
 }

#productPrices {
	font-size: 1.2em;
	padding: 10px 0 0 0;}
	
#productName {
	font-size: 1.2em;
	clear:both;
	padding: 20px 0 0 0;}

.taxAddon {font-size: 0.8em;}
#cartAdd {text-align: right; padding: 10px 0;}
.navNextPrevWrapper {clear: both;}

#productMainImage {clear:both;margin: 10px 0;}

#productMainImage a {text-decoration: none;}
#productMainImage a img {margin: 10px 0;}

.additionalImages a {text-decoration: none;}

#productDescription {margin-top: 15px;}


#navEZPagesTOCWrapper {padding: 10px 0 0 0;}
#navEZPagesTOC ul {
list-style-type:none;
}

/*.centerBoxContentsSpecials {float: left;}
*/

/*Bildbloecke trennen*/
#box2 .item {
	clear: both;
	margin-bottom: 20px;
}

#box3 {
  float: right;
  width: 28%;
  margin: 0 0 0 2%;
  padding: 0;
}

#box3 .title, .rightBoxContainer {
	background: url(../images/trenner-klein.jpg) no-repeat left bottom;
 }

#box3 .sideBoxContent {
	/*padding: 0 0 0 0;
	margin: 0 0 0 15%;
	clear:both;
	float:right;*/
	/*width:90%;*/
	}
#box3 .skype {
	padding: 0;
	margin: 10px 0 0 10%;
	width: 75%;
	/*margin: 10px 20px 0 30px;*/
	}

#box3 .skype p {text-align: left;}

.cartBoxTotal {
	text-align: right;	
	}
#shoppingcartContent hr {
	clear:both;
	float:right;
	width:90%;
	}
#cartBoxListWrapper li {
	list-style-type:none; }

.cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, #cartContentsDisplay, .cartQuantity {vertical-align: top;}
#cartContentsDisplay {margin-top: 10px;}
#orderTotals {margin-bottom: 10px;padding-bottom: 10px;}

#ottotal .totalBox {font-weight: bold; border-bottom: 3px double #333;}

.box4, .messageStackCaution {
	margin: 0 0 0 70px;
	/*padding: 1% 3% 0 3%;*/
	position: relative;
	float: left;
	width: 88%;
	clear: both;
}

.box4 .title {
	background: url(../images/trenner-353x30.jpg) no-repeat left bottom;
 }

#content p, #productDescription {text-align: justify;}

#content .centeredContent p a:link.img-link, #content .centeredContent p a:active.img-link {
	border-bottom: 0px solid;
	text-decoration: none;}

#content .centeredContent p a:hover.img-link {
	color: #1D1D1D;
	margin: 0;
	border: 0px double;
	border-color: #fff;
	background: none;
	text-decoration: none;
}

#shoppingcartContent {padding-bottom: 30px; margin:0 10px 20px 0;}
#cartBoxListWrapper ul {margin-bottom: 0;}

#infoShoppingCart div {
	background: #fff url(../images/rose-rechts.jpg) top right no-repeat;
	margin: 5% 10%;}
#trailimageid {background-image:none;}
#infoShoppingCart div p, #infoShoppingCart div h1, #infoShoppingCart div h2 {
	margin: 15px;}
#infoShoppingCart div h1 {padding-top: 15px;}

#cartAdd p, .messageStackSuccess {color: #990000;}
.tableHeading th {font-size: 1em;}
#cartContentsDisplay {font-size: 1em; text-align:left;}
td.cartQuantity input {width: 20px;}
.cartProductDisplay {vertical-align: top;}

.centerBoxContentsFeatured, .centerBoxContentsNew {float: left; margin: 0 0 20px 0;}

#footer {
  float: left;
  margin: 0 auto;
  padding: 15px 0 0 0;
  width: 100%;
  background: #fff url(../images/bg-footer-tile.jpg) repeat-x left bottom;
  height: 103px;
}

#footer-content {
  float: left;
  width: 82%;
  text-align: center;
  color: #777;
  padding: 30px 0 0 0;
}

#footer-img-left {
  float: left;
  margin-left: 0px;
  width: 80px;
}

#footer-img-right {
  float: right;
  width: 78px;
  height: 103px;
  background: #fff url(../images/rabe-schreitend.jpg) no-repeat right bottom;
}

/*Last Div with copyright */
#copy {
  clear: both;
  text-align: center;
  color: #7A7900;
  text-transform: lowercase;
  padding: 50px 0 0 0;
}

.list ul {
  margin: 0;
  padding-left: 15px;
  list-style-image: url(../images/list-bullet.jpg);
}

.list ul ul {
  margin: 0;
  padding-left: 15px;
  list-style-image: none;
  list-style-type: circle;
}

.box-content {
	position: relative;
	float: left;
	width: 100%;
}

.rabe {
	float: left;
	width: 90%;
	border: 1px solid #463b00;
}
.rabe img {float: left;margin: 2px 0 0 2px;}

.rabe p, .rabe h4 {
	padding-left: 2px;
	
}

#rabe, .skype {
	float: left;
	width: 90%;
	border: 1px solid #463b00;
	margin: 10px 0 0 0;
}
#rabe img,.skype img {float: left;}
.skype img { margin: 2px 2px 0 2px;}
#rabe p, #rabe h4 {
	padding-left: 100px;	
}

.skype p {margin: 5px; text-align:left;}

.rose {
	position: relative;
	float: left;
	width: 100%;
	background: url(../images/Rosenranke100x44.jpg) no-repeat top left;
	border: 1px solid #463b00;
}

.rose p, .rose h4 {
	padding-left: 100px;
}


.help, div.advisory a {
 cursor: help;
}

.clear {
  clear: both;
}
.clearBoth {
  clear: both;
}
.img-left {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img-right {
	float: right;
	margin: 3px 0 0px 15px;
}
 
.left, .additionalImages {
  position: relative;
  float: left;
}
span.right{
  position: relative;
  float: right;
}

.right {
	position: relative;
  	float: right;
  	margin: 0;}

div.right{
  position: relative;
  float: right;
  margin: 0 3% 0 0;
}

.mid {
  text-align: center;
}

.alert {
	color: #8C0202;
	padding-left: 5px;}
