body {
  margin:0;
  padding:0;
  background:#F3F3F3;
}
body,table,input,textarea,button,select {
  font-family:arial,sans-serif;
  font-size:12px;
  line-height:16px;
  color:#3c3c3c;
}
h1,h2,h3,h4,h5,h6,p,ol,ul,dl,table,form,fieldset,object {
  margin:0 0 15px 0;
}

h1 {
  font-size:22px;
  line-height:24px;
  font-weight:bold;
}
h2 {
  font-size:16px;
  line-height:18px;
  font-weight:bold;
}
h3 {
  font-size:16px;
  line-height:18px;
  font-weight:normal;
}
h4,h5,h6 {
  font-size:12px;
}
a {
  text-decoration:none;
  color:#e86300;
  outline:0;
}
a:hover {
  text-decoration:none;
  color:#e86300;
}

img {
  border:0;
}

ul {
  margin:0 0 15px 0;
  padding:0;
  list-style-type:square;
}
ul li {
  margin:0 0 0 15px;
  padding:0;
}



small {
  font-size:11px;
}
big {
  font-size:14px;
}
.section {
  margin:0 0 50px 0;
}

/* clearfix
********************************/
.clearfix:after {  /* Firefox, IE8, Opera, Safari, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* + html .clearfix { /* IE7 */
  display: inline-block;
}
* html .clearfix { /* IE6 */
  height: 1%;
}

/* Seitenelemente (master)
********************************/

#container {
  width:960px;
  margin:0 auto;
}



#nv-bar {
  line-height:30px;
  height:30px;
  border-radius:4px;
  border:solid #000 1px;
  border-color:#aaa #333 #333 #aaa;
  margin:-1px -1px 10px -1px;
  box-shadow:0 2px 4px #888;

  background: #949393; /* Old browsers */
  background: -moz-linear-gradient(top,  #949393 0%, #403f3f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949393), color-stop(100%,#403f3f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #949393 0%,#403f3f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #949393 0%,#403f3f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #949393 0%,#403f3f 100%); /* IE10+ */
  background: linear-gradient(top,  #949393 0%,#403f3f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949393', endColorstr='#403f3f',GradientType=0 ); /* IE6-9 */
}

/* Suche
*************************************/
#form-query {
  float:left;
  width:191px;
  border-right:solid #49494b 1px;
  background:url(images/search-bg.png) no-repeat;
  border-radius:4px 0 0 4px;
  margin:0;
}
#form-query label {
  display:none;
}
#form-query input {
  float:left;
  border:0;
  background:transparent;
  margin:3px;
  padding:0 3px;
  line-height:24px;
  height:24px;
  color:#fff;
  width:149px;
}

/* Disable outline in Chrome */
#form-query input.text:focus {outline: none;}



#form-query div.button {
  float:left;
  width:30px;
  height:30px;
  background:url(images/search-bg.png) 100% 0 no-repeat;
}
#form-query input.button {
  width:30px;
  height:30px;
  text-indent:-9999px;
  background:url(images/icon-search.png) no-repeat 3px 3px;
  margin:0;
  padding:0;
  cursor:pointer;
  box-shadow:none;
  filter:none;
}

/* Autocomplete
*************************************/
.ui-autocomplete {
  background:#464748;
  color:#fff;
  border-radius:0;
  border:0;
  box-shadow:0 0 3px #000;
}
.ui-autocomplete a {
  color:#fff;
  border:transparent;
  border-radius:0;
}
.ui-autocomplete a.ui-state-hover {
  background:#888;
  color:#fff;
  border:transparent;
  margin:0 !important;
}

/* Navigation/Kategorien
*************************************/
#nv {
  float:left;
}
#nv ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#nv ul li {
  margin:0;
  padding:0;
  width:192px;
  float:left;
}
#nv ul li a,
#nv ul li span {
  display:block;
  margin:0;
  padding:0;
  text-align:center;
  border-left:solid #a7a7a8 1px;
  border-right:solid #49494b 1px;
  color:#fff;
  height:30px;
  overflow:hidden;
  text-shadow:0 -1px 0 rgba(0,0,0,.47);
  transition:background .3s;
  -moz-transition:background .3s;
  -webkit-transition:background .3s;
  -o-transition:background .3s;
  -ms-transition:background .3s;
}
#nv ul li:last-child a,
#nv ul li:last-child span {
  border-right:0;
  border-radius:0 4px 4px 0;
}
#nv ul li a:hover,
#nv ul li a.hover {
  text-decoration:none;
  background: #717171; /* Old browsers */
  background: -moz-linear-gradient(top,  #717171 0%, #313131 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(100%,#313131)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #717171 0%,#313131 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #717171 0%,#313131 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #717171 0%,#313131 100%); /* IE10+ */
  background: linear-gradient(top,  #717171 0%,#313131 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
}
#nv ul li.active a {
  background: #474747; /* Old browsers */
  background: -moz-linear-gradient(top,  #474747 0%, #1f1f1f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #474747 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #474747 0%,#1f1f1f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #474747 0%,#1f1f1f 100%); /* IE10+ */
  background: linear-gradient(top,  #474747 0%,#1f1f1f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
  box-shadow:0 -5px 10px #555 inset;
}
#nv ul li.inactive a,
#nv ul li.inactive span,
#nv ul li.inactive:hover {
  color:#aaa;
  cursor:default;
  box-shadow:0 -5px 10px #555 inset;

  background: #949393; /* Old browsers */
  background: -moz-linear-gradient(top,  #949393 0%, #403f3f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949393), color-stop(100%,#403f3f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #949393 0%,#403f3f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #949393 0%,#403f3f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #949393 0%,#403f3f 100%); /* IE10+ */
  background: linear-gradient(top,  #949393 0%,#403f3f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949393', endColorstr='#403f3f',GradientType=0 ); /* IE6-9 */
}

/* Navigation, Popups
*************************************/
.menu-popups {
  position:relative;
}
.menu-popup {
  position:absolute;
  z-index:9;
  display:none;
  background:#d2d1d1;
  padding:10px;
  border-radius:10px;
  box-shadow:0 0 3px rgba(0,0,0,.31);
  font-size:11px;
  line-height:15px;
}
.menu-popup .arr {
  height:10px;
  position:absolute;
  top:-10px;
}
.menu-popup .arr span {
  display:block;
  width:20px;
  height:10px;
  margin:0 auto;
  background:url(images/menu-popup-arr.png);
}
.menu-popup .remove-selection {
  text-align:right;
  margin:0 0 5px 0;
}
.menu-popup .list {
  margin:0;
  padding:0 20px 0 20px;
  float:left;
  border-left:solid #eee 1px;
  border-right:solid #888 1px;
}
/*.menu-popup .lists .list:first-child,*/
.menu-popup .lists .first {
  border-left:0;
  padding:0 20px 0 0;
}
/*.menu-popup .lists .list:last-child,*/
.menu-popup .lists .last {
  border-right:0;
  padding:0 0 0 20px;
}
.menu-popup h4 {
  font-size:11px;
  margin:0 0 5px 0;
  padding:0 3px;
}
.menu-popup ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.menu-popup ul li {
  margin:0;
  padding:0;
}
.menu-popup ul li a {
  display:block;
  color:#20272d;
  display:block;
  padding:1px 3px;
}
.menu-popup ul li a .count {
  color:#43515e;
}
.menu-popup ul li a:hover {
  display:block;
  text-decoration:none;
  background:#888;
  color:#fff;
}
.menu-popup ul li a:hover .count {
  color:#ccc;
}
.menu-popup p {
  margin:0;
}

#book-popup ul {
  width:125px;
}

/* Master
*************************************/
#main {
  min-height:640px;
  background:url(images/main-bg.png) repeat-y;
  border-bottom:solid #e0e0e0 1px;
}
#leftbar {
  width:184px;
  min-height:100px;
  margin:0 13px 0 0;
  float:left;
  border-top:solid #e86300 20px;
}

#nv-left {
  border-top:solid #F3F3F3 10px;
  padding:0;
  width:184px;
}
#nv-left ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#nv-left ul li {
  margin:0;
  padding:0;
}
#nv-left ul li a {
  display:block;
  line-height:40px;
  margin:0;
  padding:0 10px;
  color:#aaa;
  text-align:left;
  background: #2b2b2b; /* Old browsers */
background: -moz-linear-gradient(top,  #2b2b2b 0px, #272727 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#2b2b2b), color-stop(100%,#272727)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2b2b2b 0px,#272727 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2b2b2b 0px,#272727 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2b2b2b 0px,#272727 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2b2b2b 0px,#272727 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#272727',GradientType=0 ); /* IE6-9 */

  border-top:solid #333 1px;
  border-bottom:solid #1a1a1a 1px;
}
#nv-left ul li a:hover {
  background: #252525; /* Old browsers */
  background: -moz-linear-gradient(top,  #252525 0px, #212121 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#252525), color-stop(100%,#212121)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #252525 0px,#212121 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #252525 0px,#212121 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #252525 0px,#212121 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #252525 0px,#212121 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#212121',GradientType=0 ); /* IE6-9 */

  text-decoration:none;
  color:#bbb;
}
#nv-left ul li a:focus {
  color:#e86300;
}
#nv-left ul li.active a {
  background: #191919; /* Old browsers */
  background: -moz-linear-gradient(top,  #191919 0px, #161616 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#191919), color-stop(100%,#161616)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #191919 0px,#161616 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #191919 0px,#161616 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #191919 0px,#161616 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #191919 0px,#161616 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#161616',GradientType=0 ); /* IE6-9 */

  color:#eee;
}

#content {
  float:left;
  width:683px;
  min-height:640px;
  padding:40px;
  background:#f3f3f3;
  margin:0;
}
#footer {
  border-top:solid #fff 1px;
  margin:0 0 80px 0;
  padding:15px 0;
  text-align:center;
  font-size:11px;
  color:#797878;
}
#footer a {
  color:#797878;
}
#footer a.dwgradio img {
  vertical-align:middle;
}