@import url(undohtml.css);
@import url(chrome.css);

/* Seitensetup */

body {
   margin: 0;
   padding: 0;
   background-color: #111;
	 background: #000 url(../img/style/novaline-bg3.jpg) repeat-x left top;
   color: #222;
   font: 100%/1.4 Arial, Helvetica, sans-serif;
   text-align: center;
}

.aural {
   text-indent: -9999px;
   height: 0;
   overflow: hidden;
   margin: 0;
   font-size: 0;
   line-height: 0px;
   border: none !important;
}

.leftfloater {
   float: left;
   margin-right: 15px;
   margin-bottom: 5px;
}

.rightfloater {
   float: right;
   margin-left: 15px;
   margin-bottom: 5px;
}

.clear {
   clear: both;
}

#wrap {
   width: 780px; 
   /* width: 880px; */
   margin: 0 auto;
   /* 
		background: #111 url(../img/style/bg-wrap.jpg) no-repeat right top;
   */
	 text-align: left;
   padding-top: 15px;
}

#main {
   width: 780px;
   background: #000 url(../img/style/bg-main.jpg) repeat-y;
   color: #fff;
   position: relative;
}

#headmast {
   background: url(../img/style/bg-headmast.jpg) no-repeat;
   height: 92px;
}

#hauptnavigation {
   float: left;
   background: url(../img/style/bg-hauptnavi.jpg);
   width: 100%;
   font-size: 75%;
   border-bottom: 1px solid #880201;
}


#hauptnavigation li {
   float: left;
   list-style: none;
   background: url(../img/style/bg-hauptnavipunkt.jpg);
   padding:  0;
}  

#hauptnavigation li.active {
   float: left;
   list-style: none;
   background: url(../img/style/bg-hauptnavipunk-akt.jpg);
   padding:  0;
}  

#hauptnavigation li a {
   color: #000;
   background: url(../img/style/bg-hauptnavilink.jpg) top right no-repeat;
   display: block;
   padding: 5px 16px;
   border-bottom: 1px solid #8D0101;
   text-decoration: none;
}

#hauptnavigation li a:hover, #hauptnavigation li a:focus {
   color: #fff;
}

#hauptnavigation li.active a {
   color: #fff;
   background: url(../img/style/bg-hauptnavilink-akt.jpg) top right no-repeat;
   border-bottom: 1px solid #D2382B;
}

#login {
   position: absolute;
   right: 30px;
   top: 5px;
   font-size: 70%;
}

#login li {
   display: inline;
}

#login a {
   text-decoration: none;
   margin-left: 25px;
}

#login a.fachhaendler {
   background: url(../img/style/bg-login.gif) no-repeat left center;
      padding-left: 20px;
}

#login a.impressum {
   background: url(../img/style/bg-impressum.gif) no-repeat left center;
   padding-left: 10px;
}


#subnavigation {
   clear: both;
   margin-bottom: 25px;
   height: 12px;
   background-image: none;
   background-color: transparent;
   font-size: 71%;
}



#wrap .issub {
   background: url(../img/style/bg-subnavi.jpg);
   height: auto;
      border-bottom: 1px solid #880201;
}

#subnavigation ul {
   padding: 5px 15px;
   margin-left: 1px;
}

#subnavigation li {
   display: inline;
   padding-bottom: 2px;
}

#subnavigation li a {
   padding: 0 14px 0 0;
   margin-right: 12px;
   border-right: 1px solid #C34D4B;
   white-space: nowrap;
   color: #fff;
   text-decoration: none;
}

#subnavigation li.active a {
   color: #5C5C5C;
   font-style: italic;
}

#subnavigation li a:hover, #subnavigation li a:focus {
   color: #812D2B;
}

#content {
   background: url(../img/style/bg-content.jpg) no-repeat;
   float: left;
   display: inline;
   width: 502px;
   margin-right: 15px;
   margin-left: 15px;
   padding-top: 12px;
}

#innercontent {
   background: #fff url(../img/style/bg-innercontent.jpg) repeat-y;
   padding: 0 25px;
   color: #5C5C5F;
}

#sidebar {
   font-size: 80%;
   float: right;
   width: 222px;
   margin-right: 20px;
   display: inline;
   background: #C2D1D8 url(../img/style/bg-innersidebar.jpg) repeat-y left top;
   color: #5C5C5F;

}

#innersidebar {
   background: transparent url(../img/style/bg-sidebar.gif) no-repeat left top;

   border-color: #A4B8C7;
   padding: 14px 15px;
}

#footer {
   clear: both;
   background: url(../img/style/bg-footer.jpg) left bottom no-repeat;
      padding: 5px 15px;
      font-size: 71%;
      position: relative;
}

#footer a {
   color: #D9E2E7;
}