html {margin:0; padding:0;}
body {background:#fff url('/grafiken/bg.gif') repeat-y center; color:#000; font-family:Verdana, Georgia, Times, serif; font-size:12px; line-height:16px; margin:0; padding:0;}

#container {margin:0 auto; width:990px;}
#header {
	background:#eaeaea:
	border-bottom:1px solid #fff;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:100px;
	margin-top:1px;
}

#headersearch {background:#b0b0b0; color:#fff; padding:5px 0; text-align:center;}
#pfad {background:#fff; margin:0 0 0 170px; padding:10px 0; width:605px;}
#links {background:#f6f6f6; float:left; width:160px;}
#rechts {background:#f6f6f6; float:left; width:160px;}
#inhalt {background:#fff; color:#000; float:left; margin:0 10px; width:650px;}
#fuss {
	background:#999;
	color:#fff;
	margin:10px 0;
	padding:5px 0 5px 5px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* Allgemein */
h1,
h2,
h3,
h4 {color:#c00; font-size:12px; margin:0; padding:0;}
p {padding:0; margin:0;}
input,
textarea,
select {padding:4px;}
input:focus,
textarea:focus,
select:focus {background-color:#9C0;}
img {border:0;}
.clear_left {clear:left;}
.clear_right {clear:right;}

/* Breadcrumb */
#pfad a {color:#F3591B;}

/* Fuss */
#fuss a,
#fuss a:hover {color:#fff;}

/* Formular */
.formular {padding:0; margin:0;}
.formular .row {padding:5px; margin-bottom:1px;}
.formular .row:hover,
.formular .row:active {
	background:#f5f5f5;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
}
.formular fieldset {border:1px solid #9C0; margin-bottom: 5px;}
.formular legend {background:#9C0; color:#fff; margin:0; padding:3px;}
.formular label {display:block; font-weight:bold; margin-bottom:5px;}
.formular label span {color: #06F;}

/* Inhalt */
#single {width:850px; margin-left:72px;}
#inhalt h1.headline {font-size:20px; margin-bottom:10px;}
#inhalt h2.headline {color:#aeae55; font-size:18px; font-weight:bold; margin:20px 0 10px 0;}
#inhalt a {color:#cc0000;}
#inhalt a:hover {text-decoration:none;}
#inhalt ul {list-style-type:square;}
#inhalt p {margin-bottom:10px;}

#inhalt div.fehler {background:#cc0000 url(/grafiken/error.png) 5px no-repeat; color:#fff; margin:3px 0; padding:5px 5px 5px 30px;}
#inhalt div.hinweis {background:#0099FF url(/grafiken/ok.png) 5px no-repeat; color:#fff; margin:3px 0; padding:5px 5px 5px 30px;}

#inhalt .submit_artikel_able {
	background-color:#cc0000;
	color:#fff;
	font-weight:bold;
	margin:10px 0;
	padding:8px;
	width:200px;
	cursor:pointer;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#inhalt .submit_artikel_disable {
	background-color:#eae;
	color:#000;
	font-weight:bold;
	margin:10px 0;
	padding:8px;
	width:200px;
	cursor:pointer;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

#inhalt .highlight {background:#38D878;}

#inhalt .rubrik_box {background:#E1E17D; padding:10px; margin-bottom:10px;}
#inhalt .rubrik_box label {display:block; margin-bottom:5px;}
#inhalt .rubrik_box label span {display:block; font-size:10px;}

#inhalt .rubrik_textbox {margin:20px 0;}
#inhalt .rubrik_textbox ul {list-style-type:none;}
#inhalt .rubrik_textbox ul li {float:left; padding:0 20px;}
#inhalt .rubrik_textbox ul li a {color:#000;}

#inhalt .pager {padding:10px 0; text-align:center;}
#inhalt .pager a {background:#eaeaea; border:1px solid #999; padding:5px;}

#emb_video {padding:5px 0; text-align:center; width:100%;}

/* ALT */
#inhalt #suchbox {background: #E1E17D; padding: 10px; margin-bottom: 10px;}
#inhalt #suchbox label {display: block; margin-bottom: 5px;}
#inhalt #suchbox label span {display: block; font-size: 10px;}

#inhalt .suchboxtreffer {border-bottom: 1px dotted #000; padding-bottom: 20px; margin-bottom: 20px;}
#inhalt .suchboxtreffer h1 {margin: 0 0 5px 0; padding: 0;}
#inhalt .suchboxtreffer p {margin: 0 0 4px 0; padding: 0;}
#inhalt .suchboxtreffer p.spezial {color: black; font-size: 10px; font-weight: normal;}
#inhalt .suchboxtreffer p.preis {}
#inhalt .suchboxtreffer p.versand {}
#inhalt .suchboxtreffer p.beschreibung {}
#inhalt .suchboxtreffer p.pfad {display: block; font-size: 10px;}
#inhalt .suchboxtreffer img.cover {float: left; margin: 0 10px 5px 0;}
#inhalt .suchboxtreffer a {color: #c00;}

#inhalt table.notensuche {border-collapse:collapse;}
#inhalt table.notensuche,
#inhalt table.notensuche td,
#inhalt table.notensuche th {border:1px solid #A7C942;}

#inhalt table.notensuche th {padding: 3px; text-align: left;}
#inhalt table.notensuche tr {}
#inhalt table.notensuche td {padding: 3px; vertical-align: top;}

#inhalt ul.normal {list-style-type: none; margin: 10px 0; padding: 0;}
#inhalt ul.normal li {list-style-type: none; padding: 5px 0;}

#inhalt ul.spalten {list-style-type: none; margin: 0; padding: 0;}
#inhalt ul.spalten li {background: #eaeaea; float: left; list-style-type: none; margin: 0 5px 5px 0; padding: 5px; width: 300px;}

#inhalt ul.spaltenHoerbeispiel {list-style-type: none; margin: 0; padding: 0;}
#inhalt ul.spaltenHoerbeispiel li {list-style-type: none;}

#inhalt ul.kette {list-style-type: none; margin: 0 0 20px 0; padding: 0;}
#inhalt ul.kette li {background: #eaeaea; float: left; list-style-type: none; margin: 0 5px 0 0; padding: 5px; text-align: center; width: 80px;}

#inhalt ul.tracks {list-style-type: none; margin: 0; padding: 0;}
#inhalt ul.tracks li {background: #eaeaea; float: left; list-style-type: none; margin: 0 5px 5px 0; padding: 5px; text-align: center; width: 90px;}

#inhalt #artikeltop {margin: 0 0 20px 0; overflow: hidden; padding: 0; width: 100%;}
#inhalt #artikeltop #cover {float: left; margin: 0 10px 0 0; padding: 0; width: 210px;}
#inhalt #artikeltop #text {float: left; margin: 0; padding: 0; width: 420px;}
#inhalt #artikeltop #text div {font-weight: bold; margin-bottom: 20px;}
#inhalt #artikeltop #text span.preis {color: #cc0000;}
#inhalt #artikeltop #text span.sonderpreis {color: #cccccc;}

#inhalt .boxstartseite {float:left; margin:0 5px 20px 0; width:210px;}
#inhalt .boxstartseite a {color:#000; font-weight:normal;}
#inhalt .boxstartseite h3 {border-bottom:1px solid #F3591B; color:#F3591B; font-size:14px;; margin-bottom:3px;}
#inhalt .boxstartseite img {float:left; margin:5px 5px 0 0;}
#inhalt .boxstartseite .produktOben {height:auto; min-height:130px;}
* html #inhalt .boxstartseite .produktOben {height:130px;}

/* Rechte Spalte */
#rechts .box {margin: 0 0 10px 0;}
#rechts .box p {padding: 5px;}
#rechts .box a {color: #000; text-decoration: none;}
#rechts .box a:hover {text-decoration: underline;}
#rechts .box ul {list-style-type: none; margin: 0; padding: 0;}
#rechts .box li {border-bottom: 1px solid #fff; margin: 0; padding: 2px 0;}
#rechts .box label {display: block;}
#rechts .box input {display: block;}
#rechts #gemerkt div {text-align: center;}
#rechts #gemerkt h3 {background: #F3591B; color: #fff; margin-bottom: 5px; padding: 2px;}
#rechts #gemerkt a {display: block; margin-bottom: 10px;}
#rechts #gemerkt img {display: block; float: none; margin-bottom: 10px;}

/* Umfrage */
div.umfrageAntwort {background:#eaeaea; margin:12px 0; padding:3px;}
div.umfrageAntwort p {margin:0 !important; padding:0 0 3px 0 !important;}
div.umfrageAntwort p.datum {font-size:11px;}
div.umfrageAntwort p.antwort {padding-left:15px !important; font-style:italic;}

/* Artikelliste */
#inhalt #artikelliste h1 {font-size: 14px; margin-bottom: 10px;}
#inhalt #artikelliste img {float: left; margin: 0 3px 3px 0;}
#inhalt #artikelliste a { color:#000; text-decoration:underline;}
#inhalt #artikelliste a:hover { color:#000; text-decoration:none;}
#inhalt #artikelliste ul { margin:0 0 0 15px; list-style-type:square;}

/* Grafik Startseite */
#inhalt .bildstartseite {background-image:url(startseite/background.gif); height:218px; margin:0 0 10px 0; text-align:center; width:100%;}

/* Linke Spalte -> Hauptnavigation */
#links a {color:#000; display:block; padding:2px 0 2px 5px; text-decoration:none;}
#links a:hover {
	background:#F3591B;
	color:#fff;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
}
#links .hauptrubrik {background:#e1e17d;}
#links .menueSelected {background-color:#F3591B; color:#fff;}
.menuelinkshaupt {background: #F3591B; border-bottom: 1px solid white; border-top: 1px solid white; color: #fff; font-weight: bold; padding: 3px 0 3px 3px; width: 157px;}
#links ul {list-style-type: none; list-style-position: inside; margin: 0; padding: 0;}
#links li {background-color: #fff; margin: 2px 0 0 0; padding: 0;}
#links ul ul li {background: #eaeaea; margin: 1px 0 0 0;}
#links ul ul li a {padding-left: 10px;}
#links ul ul ul li a {padding-left: 20px;}
#links aside a {padding:0;}
#links aside a:hover{background:none;}
#links aside img {margin-top:10px;}

/* Livesearch */
#jquery-live-search {background: #fff; padding: 5px; max-height: 400px; overflow: auto; position: absolute; z-index: 99; border: 1px solid #A9A9A9; border-width: 0 1px 1px 1px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);}
#jquery-live-search div.beschreibung {border-bottom:1px solid #ccc; margin-bottom:5px; color:#999;}
#jquery-live-search ul {list-style-type:none; margin:0; padding:0;}
#jquery-live-search ul li {list-style-type:none; margin:0 0 8px 0; overflow:hidden; padding:3px 0;}
#jquery-live-search ul li a {border:0; display:block; text-decoration:none; color:black;}
#jquery-live-search ul li:hover {background-color: rgba(0,0,0,0.1);}
#jquery-live-search ul li img {border:0; float:left; margin-right:5px; width:40px; max-height:56px;}
#jquery-live-search ul li div.titel {}
#jquery-live-search ul li div.preis {color:#cc0000; font-weight:bold;}
#jquery-live-search ul li ul li:hover {background-color:transparent;}
#jquery-live-search ul li ul li.komponist {}
#jquery-live-search ul li ul li.komponist span {display:block; color:#333; font-size:10px;}
#jquery-live-search ul li ul li.arrangeur {}
#jquery-live-search ul li ul li.arrangeur span {display:block; color:#333; font-size:10px;}
#jquery-live-search ul li ul li {float:left; width:120px;}

/* Sonstige */
.tabcontainer {clear:left; width:95%; height:1.5em;}
.tabcontent {display:none;}

/* Mobile */
@media all and (max-width: 600px) {
	#container {padding:0.5em; width:100%;}
	#header {background:#eaeaea; border:0; height:80px;}
	#headersearch {background:none; color:#000; padding: 1em 0; text-align: center;}
	#headersearch .main_suchbegriff {width:70%;}
	#pfad {display:none;}
	#links {background:#f6f6f6; display:none; float:none; width:100%;}
	#rechts {background:#f6f6f6; float:none; width:100%;}
	#inhalt {background:#fff; color:#000; float:none; margin:0; width:100%;}
	
	.menuelinkshaupt {background: #F3591B; border-bottom: 1px solid white; border-top: 1px solid white; color: #fff; font-weight: bold; padding: 3px 0 3px 3px; width:100%;}
	.menuelinksunter {background: #F6F6F6; border-top: 1px solid white; border-bottom: 1px solid white; width:100%;}
	.menuelinksunter a {background: #F6F6F6; border-bottom: 1px solid #fff; display: block; padding: 3px 0 3px 3px; width:100%;}
	
	div#gemerkt {display:none;}
	div#fb-rechts {display:none;}
	div.newsletter {display:none;}
	div.ContentFlow {display:none;}
	div.clear_left {clear:none;}
	
	#links div.normal {display:none;}
	#inhalt .bildstartseite {display:none;}
	#inhalt .boxstartseite {float:none; margin:0 0 2em 0; width:100%;}
	
	div#suchbox .suchbegriff {width:80%}
	
	div#artikeltop div#cover {float:none; margin:0; padding:0; width:100%;}
	div#artikeltop div#text {float:none; margin:0; padding:0; width:100%;}
}