@CHARSET "UTF-8";

body {
	background-color: #474747;
	padding: 0;
	margin: 0;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

div#wrapper {
	width: 750px;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	background-color: #FFFFFF;
}

/**	NAVI TOP */

ul#navi_top {
	margin: 0;
	padding: 0;
	height: 80px;
	background-color: #333333;
	margin: 0 10px 0 10px;
}

ul#navi_top li {
	list-style-type: none;
	float: left;
	width: 233px;
	text-align: center;
	font-size: 11px;
	padding-left: 10px;
	color: #AAAAAA;
	height: 80px;
}

ul#navi_top li#benutzung {
	background: url("brg_navi_top_benutzung.png") top center no-repeat;
}

ul#navi_top li#sicherheit {
	background: url("brg_navi_top_sicherheit.png") top center no-repeat;
}

ul#navi_top li#himmelslaternen {
	background: url("brg_navi_top_himmelslaternen.png") top center no-repeat;
}

ul#navi_top li a {
	color: #AAAAAA;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	top: 65px;
}

ul#navi_top li span {
	position: relative;
	top: 65px;
}

/**	NAVI MAIN */

ul#navi_main {
	margin: 0 10px 0 10px;
	padding: 0;
	background-color: #333333;
	height: 20px;
	position: relative;
}

ul#navi_main li {
	list-style-type: none;
	float: left;
	padding: 0 10px 0 10px;
}

ul#navi_main li#shop {
	position: absolute;
	right: 5px;
}

ul#navi_main li a {
	color: #AAAAAA;
	font-size: 12px;
	text-decoration: none;
}

/**	TEASER */

div#teaser {
	height: 240px;
	padding: 10px 0 10px 0;
	margin: 0 10px 0 10px;
}

div#teaser > div {
	background: white;
	height: 231px;
	width: 231px;
	float: left;
	margin-right: 15px;
	border: 1px solid silver;
	background: url('brg_teaser.png') bottom left repeat-x;
	position: relative;
}

div#teaser > div p.img {
	margin-top: 15px;
	text-align: center;
}

div#teaser > div p.title {
	text-align: center;
	color: #660000;
	text-transform: uppercase;
	font-size: 12px;
	position: absolute;
	bottom: 35px;
	width: 100%;
}

div#teaser > div p.info {
	position: absolute;
	bottom: 5px;
	right: 0;
}

div#teaser > div p.info span.ab {
	font-size: 12px;
}

div#teaser > div p.info span.preis {
	font-size: 20px;
	font-weight: bold;
}

div#teaser > div p.info span.anzahl {
	font-size: 10px;
}

div#teaser > div p.info a {
	background: #660000;
	padding: 1px 10px 1px 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
}


div#teaser div#teaser3 {
	margin: 0;
}

/** CONTENT */

div#content {
    font-size: 12px;
    margin: 15px 259px 10px 10px;
}

div#content p,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
	padding-left: 10px;
	padding-right: 10px;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
	font-size: 17px;
	color: #660000;
}

div#content p {
	padding-bottom: 10px;
}

div#content p.subheading {
	font-weight: bold;
}

div#content div.grey {
	padding: 10px;
	background: silver;
}

/** SIDEBAR */
div#sidebar {
    float: right;
    width: 222px;
    border: 1px solid silver;
    padding: 5px;
    margin: 15px 10px 10px 0;
    font-size: 12px;
}

div#sidebar p {
	padding: 10px;
}

div#sidebar p.subheading {
	color: #660000;
	font-weight: bold;
}

/** FOOTER */
div#footer {
	clear: both;
	font-size: 12px;
	padding: 18px 0 15px 150px;
	background: #660000 url('brg_footer.png') 20px center no-repeat;
	color: #FFFFFF;
}

div#footer a {
	color:	white;
	text-decoration: none;
}

div#footer a:visited {
	color:	white;
	text-decoration: none;
}

/** IMPRESSUM */
div#impressum {
	position: absolute;
	top: 0;
	left: 260px;
}

div#impressum img {
	position: absolute;
}

div#impressum a {
	text-decoration: none;
	font-size: 12px;
	color: silver;
	text-transform: uppercase;
}