/*
bulthaup
© Copyright 2012 by JUNO strickwaren, Lisa Schweizer & Jens Buss
*/

/*------------ GLOBAL -------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	margin: 36px;
	font: normal .7em/2em Courier, Times, serif;
	overflow-y: scroll;
}
ol, ul {
	list-style: none;
}

p {
	margin: 0 0 2em;
}

a {
	cursor: pointer;
	text-decoration: none;
}

a:visited {
	color: #4f0;
}

/*------------ HEADER -------------------------*/

h1#logo a {
	width: 108px;
	height: 64px;
	text-indent: -9999px;
	background: url("../img/juno-logo.png");
	position: fixed;
	left: 50%;
	z-index: 100;
	margin: 0 0 0 -54px;
	display: block;
}

/*------------ NAVIGATION -------------------------*/

#navigation {
	position: fixed;
	width: 216px;
	top: 150px;
	z-index: 10;
}

#navigation a, a.care:hover {
	color: black;
	text-decoration: none;
	background: none;
}
#navigation a:hover, #navigation a.active, a.care, a:hover {
	background: url("../img/strike.gif");
	color: black;
}

#navigation ul ul {
	margin: 0 0 2em;
}

/*------------ CONTENT -------------------------*/

#content {
	position: absolute;
	top: 150px;
	left: 50%;
	margin: 0 0 0 -275px;
	width: 550px;
}

.collection {
	width: 305px;
	margin: 0 auto;
}

.image {
	margin: 0 0 4em;
}

#blog .image {
	text-align: center;
}

.collection .image {
	margin: 0 0 2em;
}

.collection .image img {
	display: block;
	margin: 0 0 3px;
}

.text {
	text-align: center;
}

.text img {
	display: block;
	margin: 0 auto;
}

.text img + p {
	margin-top: 4em;
}

.c_care {
	display: none;
}