/* 
www.ideenreich-buggert.de
Author: Moritz Limanski, http://limanski.de
--------------------------------------------- */
a:link,
a:visited {
	color: #e6362a;
	text-decoration: none;}

a:hover,
a:active {
	color: #b42821;}

a img {border: 0;}
img.border {border: 1px solid #f2f2f2;}

a.link-back {
	display: block;
	font-size: 1.2em;
	padding: 5px 10px;}

a.pdf {
	display: block;
	margin: 12em 0 0;
	padding-left: 3.4em;
	height: 3.8em;
	background: url(/gfx/icon-pdf.png) 0 0 no-repeat;
}




p {
	margin: 0;
	padding: 4px 0 4px 0;}
p.moremargin {
	margin: 13px 0 0 0;}
p.marked {
	color: #b42821;}
	
q {
	display: block;
	color: #b42821;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 12px;
	border-left: 3px solid #f2f2f2;}

q:before {
	content: no-open-quote;}
q:after {
	content: no-close-quote;}

.quoteautor {
	color:#666;}

		
ul {
	margin: 0;
	padding: 0 0 0 14px;}

li {
	color: #b42821;
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 2px;}
	
li span {
	color: #222;}


h1,h2,h3 {color:#b42821;}
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 2px 0 2px 0;}
em {color: #303030;}
	
		

/* BASIC
--------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color:#222;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	background: #541b1b;}

div#wrapper {
	text-align: left;
	margin: 20px auto 50px;
	width: 764px;}

div#header {
	float: left;
	text-align: right;
	height: 68px;
	width: 742px;
	padding: 22px 22px 0 0;
	border: 1px solid #b42821;
	background: #fff url("gfx/bg_wrapper.png") top left repeat-y;}
	
div#imprint {
	float: right;
	text-align: right;
	width: 520px;
	padding: 0 12px 0 0;
	border-top: 1px solid #b42821;}
	
div#content {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	background: #fff url("gfx/bg_wrapper.png") top left repeat-y;
	border: 1px solid #b42821;
	border-top:0;}
	
div#banner {
	float: right;
	width: 532px;
	border-bottom: 1px solid #b42821;}
div#banner img {float: left;}


/* -- KATALOGE */
body#kataloge #header,
body#kataloge #content {
	background: #fff;}

body#kataloge h1 {
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #b42821;}
body#kataloge h1 span {
	float: right;
	font-weight: normal;
	font-size: 11px;
	color: #666;}	
iframe {
	border: 0;
	background: none;}



/* SIDEBAR
--------------------------------------------- */
div#sidebar {
	float: left;
	width: 230px;}

ul#menu {
	width: 198px;
	padding: 14px 0 24px 0;
	margin: 15px 0 0 0;
	background: #f3e0d2;}
	
ul#menu li {
	padding: 0;
	list-style: none;}	
	
ul#menu a {
	display: block;
	height: 24px;
	width: 198px;
	border-bottom: 1px solid #fff;}

a#mhome {background: #f3e0d2 url("gfx/mhome_0.png") top left no-repeat;}
a#mservice {background: #f3e0d2 url("gfx/mservice_0.png") top left no-repeat;}
a#mprodukte {background: #f3e0d2 url("gfx/mprodukte_0.png") top left no-repeat;}
a#mmarken {background: #f3e0d2 url("gfx/mmarken_0.png") top left no-repeat;}
a#mmusik {background: #f3e0d2 url("gfx/mmusik_0.png") top left no-repeat;}
a#mvita {background: #f3e0d2 url("gfx/mvita_0.png") top left no-repeat;}
a#mkontakt {background: #f3e0d2 url("gfx/mkontakt_0.png") top left no-repeat;}

a#mhome:hover, body#home a#mhome {background: #f3e0d2 url("gfx/mhome_1.png") top left no-repeat;}
a#mservice:hover, body#service a#mservice {background: #f3e0d2 url("gfx/mservice_1.png") top left no-repeat;}
a#mprodukte:hover, body#produkte a#mprodukte {background: #f3e0d2 url("gfx/mprodukte_1.png") top left no-repeat;}
a#mmarken:hover, body#marken a#mmarken {background: #f3e0d2 url("gfx/mmarken_1.png") top left no-repeat;}
a#mmusik:hover, body#musik a#mmusik {background: #f3e0d2 url("gfx/mmusik_1.png") top left no-repeat;}
a#mvita:hover, body#vita a#mvita {background: #f3e0d2 url("gfx/mvita_1.png") top left no-repeat;}
a#mkontakt:hover, body#kontakt a#mkontakt {background: #f3e0d2 url("gfx/mkontakt_1.png") top left no-repeat;}


div#sidebuttons {
	float: left;
	margin: 142px 0 0 0;}

div#sidebuttons a {
	display: block;
	width: 24px;}

a#bsound {
	height: 23px;
	background: #f2f2f2 url("gfx/bsound.png") top left no-repeat;}
a#bmail {
	height: 18px;
	background: #f2f2f2 url("gfx/bmail.png") top left no-repeat;}
a#bimpressum {
	height: 82px;
	background: #f2f2f2 url("gfx/bimpressum.png") top left no-repeat;}



/* CONTENT
--------------------------------------------- */
div#txt {
	float: right;
	padding: 24px 12px 0 12px;
	margin: 0 0 20px 0;
	width: 508px;}

div.col {
	float: left;
	width: 42%;
	margin: 0 18px 0 0;}
	
.noheadline {padding: 20px 0 0 0;}