@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#240f0c;
	color:#ddd;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	line-height:18px;
}

a {
	color:#dddddd;
}

a:hover {
	color:#dddddd;
}

#wrapper {
	min-height:100%;
	position:relative;
}

#header_wrap {
	padding:0px;
}

#content_wrap {
	padding-bottom:145px;
}

#footer_wrap {
	position:absolute;
	bottom:0;
	min-width:100%;
	height:145px;
	background:#c09c6f;
}

#header, #content, #footer {
	width:908px;
	margin-left:auto;
	margin-right:auto;
}

#chocolate_drops {
	background-image:url(images/chocolate_drops.png);
	background-repeat:no-repeat;
	width:231px;
	height:145px;
	margin-left:22px;
}

#logo {
	width:160px;
	height:84px;
	margin-left:55px;
}

/* Navigation Anfang */

#navibackground {
	background-color:#3a2725;
	height:20px;
	width:100%;
	margin-top:-16px;
	z-index:0;
}

#mainnavi {
	width:610px;
	height:38px;
	margin-left:272px;
	margin-top:-40px;
	z-index:1;
}

a.home {
	display:block;
	background-image:url(images/navi/home.png);
	height:38px;
	width:42px;
	float:left;
}

a.home:hover {
	display:block;
	background-image:url(images/navi/home_hover.png);
	height:38px;
	width:42px;
	float:left;
}

a.home_active {
	display:block;
	background-image:url(images/navi/home_hover.png);
	height:38px;
	width:42px;
	float:left;
}

a.neuheiten {
	display:block;
	background-image:url(images/navi/neuheiten.png);
	height:38px;
	width:80px;
	float:left;
	margin-left:26px;
}

a.neuheiten:hover {
	display:block;
	background-image:url(images/navi/neuheiten_hover.png);
	height:38px;
	width:80px;
	float:left;
	margin-left:26px;
}

a.neuheiten_active {
	display:block;
	background-image:url(images/navi/neuheiten_hover.png);
	height:38px;
	width:80px;
	float:left;
	margin-left:26px;
}

a.schokoshop {
	display:block;
	background-image:url(images/navi/schokoshop.png);
	height:38px;
	width:93px;
	float:left;
	margin-left:27px;
}

a.schokoshop:hover {
	display:block;
	background-image:url(images/navi/schokoshop_hover.png);
	height:38px;
	width:93px;
	float:left;
	margin-left:27px;
}

a.schokoshop_active {
	display:block;
	background-image:url(images/navi/schokoshop_hover.png);
	height:38px;
	width:93px;
	float:left;
	margin-left:27px;
}

a.alvarez {
	display:block;
	background-image:url(images/navi/alvarez.png);
	height:38px;
	width:59px;
	float:left;
	margin-left:26px;
}

a.alvarez:hover {
	display:block;
	background-image:url(images/navi/alvarez_hover.png);
	height:38px;
	width:59px;
	float:left;
	margin-left:26px;
}

a.alvarez_active {
	display:block;
	background-image:url(images/navi/alvarez_hover.png);
	height:38px;
	width:59px;
	float:left;
	margin-left:26px;
}

a.xocoatl {
	display:block;
	background-image:url(images/navi/xocoatl.png);
	height:38px;
	width:62px;
	float:left;
	margin-left:26px;
}

a.xocoatl:hover {
	display:block;
	background-image:url(images/navi/xocoatl_hover.png);
	height:38px;
	width:62px;
	float:left;
	margin-left:26px;
}

a.xocoatl_active {
	display:block;
	background-image:url(images/navi/xocoatl_hover.png);
	height:38px;
	width:62px;
	float:left;
	margin-left:26px;
}

a.chocolatier {
	display:block;
	background-image:url(images/navi/chocolatier.png);
	height:38px;
	width:143px;
	float:left;
	margin-left:25px;
}

a.chocolatier:hover {
	display:block;
	background-image:url(images/navi/chocolatier_hover.png);
	height:38px;
	width:143px;
	float:left;
	margin-left:25px;
}

a.chocolatier_active {
	display:block;
	background-image:url(images/navi/chocolatier_hover.png);
	height:38px;
	width:143px;
	float:left;
	margin-left:25px;
}

/* Navi Ende */

/* Subnavi Anfang */

#subnavi {
	width:272px;
	height:38px;
	margin-left:612px;
	margin-top:-62px;
	z-index:1;
}

a.kontakt {
	display:block;
	background-image:url(images/navi/kontakt.png);
	height:38px;
	width:169px;
	float:left;
}

a.kontakt:hover {
	display:block;
	background-image:url(images/navi/kontakt_hover.png);
	height:38px;
	width:169px;
	float:left;
}

a.kontakt_active {
	display:block;
	background-image:url(images/navi/kontakt_hover.png);
	height:38px;
	width:169px;
	float:left;
}

a.impressum {
	display:block;
	background-image:url(images/navi/impressum.png);
	height:38px;
	width:77px;
	float:left;
	margin-left:26px;
}

a.impressum:hover {
	display:block;
	background-image:url(images/navi/impressum_hover.png);
	height:38px;
	width:77px;
	float:left;
	margin-left:26px;
}

a.impressum_active {
	display:block;
	background-image:url(images/navi/impressum_hover.png);
	height:38px;
	width:77px;
	float:left;
	margin-left:26px;
}

/* Subavi Ende */

#picture {
	height:233px;
	width:233px;
	margin-top:-10px;
	margin-left:20px;
	float:left;
}

a.choco_button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(58, 39, 37)), to(rgb(33,10,8)));
	display: inline-block;
	padding: 7px 10px 7px;
	color: #fff;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(192,156,111,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
}

a.choco_button:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(33,10,8)), to(rgb(58, 39, 37)));
	display: inline-block;
	padding: 7px 10px 7px;
	color: #fff;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(192,156,111,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
}

.choco_button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(58, 39, 37)), to(rgb(33,10,8)));
	display: inline-block;
	padding: 7px 10px 7px;
	color: #fff;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(192,156,111,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor:pointer;
}

.choco_button:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(33,10,8)), to(rgb(58, 39, 37)));
	display: inline-block;
	padding: 7px 10px 7px;
	color: #fff;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(192,156,111,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor:pointer;
}

.input {
	border:1px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#dddddd;
	background:#240f0c;
}

.dropdown {
	color:#dddddd;
	background:#240f0c;
	border:none;
}

@-webkit-keyframes lightPulse {
	from { background-color: #240f0c; border:1px solid #dddddd; }
	50% { background-color: #3a2725; border:1px solid #fff; }
	to { background-color: #240f0c; border:1px solid #dddddd; }
}

.error {
	border:1px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#dddddd;
	background:#240f0c;
	-webkit-animation-name: lightPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}	

#error {
	display:none;
}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	30% { opacity: 0; }
	to { opacity: 1; }
}

#order_box {
	width:150px;
	min-height:100px;
	height:auto;
	float:right;
	margin-right:30px;
	margin-top:36px;
}

#order_status {
	width:150px;
	min-height:150px;
	height:auto;
	float:right;
	margin-right:30px;
	margin-top:43px;
	padding:6px;
	background-color:#3a2725;
}

.animation {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: none;
}

#headline {
	height:15px;
	width:auto;
	margin-left:272px;
	margin-top:12px;
}
#subline {
	height:15px;
	width:auto;
	margin-left:272px;
	margin-top:-16px;
}

#column_wrap {
	width:425px;
	margin-left:273px;
	margin-top:10px;
	margin-bottom:20px;
}

#column_space {
	width:227px;
	height:1px;
	float:left;
}
	
#columns {
	-webkit-column-count:2;
	-webkit-column-gap:30px;
	-moz-column-count:2;
	-moz-column-gap:30px;
	font-size:11px;
	line-height:18px;
}

br {
	line-height:18px;
}

strong, b {
	font-size:12px;
}

.preload_img {
  width:0px;
  height:0px;
  visibility:hidden;
}

/* Breadcrumbs */

#crumb_wrap {
	margin-top:5px;
	margin-left:442px;
	min-height:20px;
	width:auto;
}

ul, li {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#breadcrumb {
	height:1.8em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
}

#breadcrumb li {
	float:left;
	line-height:1.8em;
	padding:.15em;
	padding-left: .75em;
	color:#dddddd;
}

#breadcrumb li a.active {
	display:block;
	padding:0 15px 0 0;
	background:url(images/crumb_seperator.png) no-repeat right center;
	text-decoration:none;
	color:#dddddd;
}

#breadcrumb li a.next {
	display:block;
	padding:0 15px 0 0;
	background:url(images/crumb_seperator_next.png) no-repeat right center;
	text-decoration:none;
	color:#8c8381;
	cursor:default;
}

/* Breadcrumbs Ende */