html{
    height: 100.1%;
}
body, table, td, li, p{
    font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: normal;
    line-height: 1.4em;
    color: #666666;
}
body{
    background: #fcfcfc url(../bilder/relaunch/layout_body_background.png) repeat-x;
    text-align: center;
    padding: 0;
    margin: 0;
}p{
    margin: 0em 0 1em;
    padding: 0;
}
a{
    color: #666666;
}
a:hover{
    text-decoration: none;
}
a img{
    border: none;
}
form{
    display: inline;
}
.thedate{
    float: right;
    font-weight: normal;
}
img.floatleft, img.floatright, .floatleft img, .floatright img{

}
.floatleft{
    margin: 0 15px 10px 0;
    display: inline;
    float: left;
}
.floatright{
    margin: 0 0 10px 15px;
    display: inline;
    float: right;
}
.floatright img{
    margin-bottom: 10px;
}
.repeater{
    margin: 0;
}
.clearall{
    clear: both;
}
.button{
    background: #ffffff url(../zubehoer/hintergrund_input_text.gif) repeat-x;
    border: 1px solid #cccccc;
    margin: 0px 10px 5px 0px;
    text-decoration: none;
    font-size: 11px;
    display: block;
    color: #333333;
    padding: 2px;
    float: left;
}
.bestellbutton{
    border: 1px solid #FF0000 ;
    color: #FF0000 ;
    margin: 0px ;
}
a.button{
    padding: 2px 10px;
}
a.orangebutton{
    border: 1px solid #FF0000;
    color: #FF0000;
}

/* Kontaktformular */
.kontakt, input.text, textarea.text, input.password {
    width: 200px;
}

label {
    position: relative;
    width: 170px;
    float: left;
    margin-bottom: 5px;
}

#kontaktform label {
    width: 110px;
}

input.text, input.password, textarea.text, select{
    background: #ffffff url(../zubehoer/hintergrund_input_text.gif) repeat-x;
    border: 1px solid #cccccc;
    margin: 0px 0px 5px 0px;
    font-size: 11px;
    padding: 2px 0;
}
fieldset select {
    width: 100px ;
}
input.radio, span.option{
    margin-right: 5px;
    float: left;
}
input.required, input.password.required, textarea.required{
    background: #ffffff url(../zubehoer/hintergrund_input_text_required.gif) repeat-x;
    border: 1px solid #F8D5D5;
}

form input.required.completed, form input.ausfuellen.completed{
    background: #ffffff url(../zubehoer/hintergrund_input_text.gif) repeat-x !important;
    border: 1px solid #cccccc !important;
}


body > select {
    margin-bottom: 0px;
}

.checkbox, .radio {
    background: none;
    margin-bottom: 5px;
    border: 0;
}

.submit{
    margin: 5px 0 5px 0;
    padding: 2px 2px;
    background: #ffffff url(../zubehoer/hintergrund_input_text.gif) repeat-x;
    border: 1px solid #cccccc;
}

input:focus, select:focus, input.required:focus {
    border: 1px solid black;
}

form label.required {
    color: #FF0000;
}

form label.completed {
    color: black;
}

.ausfuellen {
    border: 1px solid #FF0000;
}

.formmailerror {
    border: 1px solid #E7DBC6;
    padding: 5px;
    color: #FF0000;
    margin: 0px 0px 10px 0px;
    background: #ffffff url(../zubehoer/hintergrund_input_text_required.gif) repeat-x;
    display: none;
    overflow: hidden;
    line-height: 1.3em;
    width: 320px;
}

.formmailerror{
    width:300px;
    display: block;
}

.kontakt {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 5px;
}

#anschrift {
/*     float: right; */
    position: relative;
}

#anschrift label {
    position: relative;
    width: 60px;
    float: left;
    margin-bottom: 2px;
}

#anschrift p {
    margin-top: 4px;
}

#kontaktform{
    margin-right: 10px;
    position: relative;
}

#kontaktform input.radio {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

.clearleft {clear: left; }
/* Ende Kontakt */


#searchresult{
    border: 1px solid #cccccc;
    background: #ffffff;
    position: absolute;
    margin-top: 0px;
    display: none;
    z-index: 2000;
    width: 380px;
}
#searchresult *{
    line-height: 1.5em;
    height: auto;
}
#searchresult #result div{
    margin: 2px 3px;
}
#searchresult #result a{
    border: 1px solid #ffffff;
    font-weight: normal;
    display: block;
    padding: 3px;
    color: #000;
}
#searchresult #result a:hover, #searchresult #result #pointer{
    border: 1px solid #f68f1e;
}
#searchresult .left, #searchresult .right{
    font-size: 9px;
    color: #444444;
}
#searchresult #searchcontrols{
    border-bottom: 1px solid #cccccc;
    background: #F6F6F6;
    padding: 2px;
}
#searchresult #searchcontrols .left {
    text-align: left;
    float: left;
    width: 200px;
}
#searchresult #searchcontrols .right {
    text-align: right;
    float: right;
}


/* ==================================== */

#container{
    background: transparent url(../bilder/relaunch/layout_content_background.gif) repeat-y scroll 10px top;
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 1000px;
}

#container #header{
    background:transparent url(../bilder/relaunch/layout_body_background.png) repeat-x scroll 10px top ;
}
#container #header .logo {
    background: url(../bilder/relaunch/layout_logo.png) no-repeat;
    height: 145px;
}
#container #header #logolink{
    display: block;
    position: absolute;
    height: 110px;
    width: 160px;
    left: 50px;
    top: 10px;
}
#container #header ul, #container #header ul li{
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}
#container #header #metanav {
    position: absolute;
    left: 280px;
}
#container #header #metanav li{
    padding: 7px 3px;
}
#container #header #metanav li a{
    font-size: 11px ;
    text-decoration: none;
}
#container #header #metanav  li a:hover , #container #header #metanav  li a.active{
    color: #000000;
    text-decoration: underline;
}
#container #header #metanav2 {
    position: absolute;
    left: 280px;
    top: 75px;
}
#container #header #metanav2 h1 {
    font-weight: normal ;
    color: #666666 ;
    font-size: 11px ;
}
#container #header #metanav2 h1 a{
    color: #666666 ;
    text-decoration: underline ;
    font-size: 12px ;
    font-weight: normal ;
}
#container #header #metanav2 h1 a:hover , #container #header #metanav2 h1 a.active{
    color: #000000;
    text-decoration: none;
}

#container #header #navigation a:hover , #container #header #navigation a.active{
    text-decoration: none;
}
#container #navigation{
    background: url(../bilder/relaunch/navigationh/background.png);
    position: absolute;
    left:280px;
    top:100px;
    width:690px;
    height:45px;
}
#container #navigation ul, #container #navigation ul li{
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}
#container #navigation ul{
    position: absolute;
    left: 10px;
    top: 5px;
}
#container #navigation ul li{

}
#container #navigation ul li.right{
    background: none;
}
#container #navigation ul li a{
    text-decoration: none;
    text-transform: uppercase;
    line-height: 26px;
    margin-right: 10px;
    font-size: 11px;
    text-align: center;
    display: block;
    color: #ffffff;
    padding-right: 10px ;
}
#container #navigation ul li a span{
    display: block ;
    padding-left: 10px ;
    line-height: 26px;
}
#container #navigation ul li a:hover, #container #navigation ul li a.active{
    color: #000000;
    background: url(../bilder/relaunch/navigationh/door_right.gif) top right no-repeat;
}
#container #navigation ul li a:hover .door, #container #navigation ul li a.active .door{
    background: url(../bilder/relaunch/navigationh/door_left.gif) no-repeat;
}
#container #header #search{
    position: absolute;
    width:460px;
    left: 280px;
    top: 47px;
}
#container #header #search input.text{
    width: 374px;
    background: none ;
    padding: 2px 2px 2px 4px  ;
/*    height: 15px; */
}
#container #header #search a.send{
    font-weight: bold;
    color: #666666;
    position: absolute;
    right: 10px;
    top: 0px;
    background: url(../bilder/relaunch/layout_button_arrow.gif) right 1px no-repeat;
    padding-right:20px;
    height: 20px ;
}
#container #header #warenkorb_klein{
    position:absolute;
    background-image: url(../bilder/relaunch/layout_warenkorb_background.png);
    padding-top: 42px;
    padding-left: 25px;
    right:30px;
    width: 195px;
    height: 58px;
}
#container #header #warenkorb_klein , #container #header #warenkorb_klein table tr td{
    font-family: verdana;
    color: #cccccc;
    line-height:18px;
}
#container #header #warenkorb_klein .small{
    font-size:10px;
}
#container #header #warenkorb_klein .small a{
    color: #CCCCCC;
    font-size:10px;
    text-decoration:underline;
}
#container #header #warenkorb_klein .small a:hover{
	text-decoration: none;
}
#container #header #navigation #zurkasse{
    position: absolute;
    right: 20px;
    top: 0px;
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
#container #header #navigation #zurkasse:hover{
	text-decoration: none ;
}
#container #shopnav{
/*     margin: 0 0px 0 10px; */
    padding-right: 10px ;
    padding-left: 10px ;
    position: relative;
    display: inline;
    width: 250px;
    float: left;
}
#container #shopnav #nav_fade{
    width: 240px;
    min-height: 200px;
    padding-top: 6px;
    background-image:url(../bilder/relaunch/navigationv/fade_background.png);
    background-repeat:no-repeat;
}
#facebook {
    padding-top: 6px;
    width: 201px;/*240-39*/
    padding-left:25px;
}
#pinwandlink{
    margin: 10px 0 20px 45px;
    display: block;

    font-weight: bold;
    font-size: 13px;
    color: #333333;
}
#inhalt{
    background-color: #FCFCFC;
    border-right: 1px solid #cccccc ;
    padding: 16px 9px 20px 10px;
    _padding: 16px 9px 20px 10px;
    position: relative;
    width: 680px;
    float: left;
    display: inline ;
}
#inhalt h1{
    border-bottom: 1px solid #ff0000;
    padding-bottom: 7px;
    margin: 0 0 10px 0;
    position: relative;
    font-weight: normal;
    font-size: 18px;
    color: #666666;
}
#inhalt h2{
    margin: 0 0 0.3em 0;
    color:#666666;
    text-decoration: none;
    font-size: 14px;
}
#inhalt h2.caption{
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 3px;
}
#inhalt h2.subheadline{
    font-size: 10px;
}
#inhalt h3{
    font-weight: bold;
    font-size: 11px;
}
#inhalt ul , #inhalt li {
    list-style-image: url(../bilder/li.gif);
}
#inhalt ul {
    margin: 0 0 1em;
}
#inhalt ul li {
    margin: 0 0 0 10px;
}
#inhalt ol li {
    margin: 0 0 0 17px;
}
#inhalt ul ul{
    padding-left: 20px;
    margin: 5px 0;
}
#inhalt ul ul li{
    margin: 0;
}
#inhalt ul.navigation li{
    margin: 1px 0;
}
#inhalt ul.navigation li a{
    text-decoration: none;
}
#inhalt .preis{
    line-height: 100% ;
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
}
#inhalt #infobox_frame{
    margin-left:20px;
    width:220px;
    float:left;
}
#inhalt #produktinhalt{
    font-size: 12px;
    width: 440px;
}
#inhalt #produktinhalt p , #inhalt p{
    font-size: 12px;
}
#inhalt #produktinhalt table.tabellenrahmen tr td{
    background-color: #D7E8D0;
    color: #333333;
    padding: 1px;
    padding-right:10px;
}
#inhalt #produktinhalt table.tabellenrahmen tr td p{
    color: #333333;
}
#inhalt #produkte{
    float:left;
}
#inhalt h2.front {
    font-size: 13px ;
    text-decoration: underline ;
    line-height: 140% ;
    font-weight: bold ;
}
#inhalt h2.frontlarge {
    text-decoration: underline ;
    font-weight: bold ;
    line-height: 140% ;
    font-size: 14px ;
}
#inhalt .topbox {
    position: relative ;
    height: 230px;
    width: 220px;
    float: left;
    margin-right: 10px;
    background: url(../bilder/relaunch/box/topproduct.png) left top no-repeat;
    margin-bottom: 10px;
}
#inhalt .topbox.last {
    margin: 0px;
}
#inhalt .topbox .image {
    position: relative;
    top: 0px;
    height: 130px;
    width: 220px;
    background-position: center center;
    background-repeat: no-repeat;
}
#inhalt .topbox .image a {
    display: block;
    height: 100%;
    width: 100%;
}
#inhalt .topbox .title {
    margin-top: 10px;
    margin-bottom: 7px;
    height: 40px;
    overflow: hidden ;
    width: 220px;
    padding: 0 5px;
    position: relative ;
}
#inhalt .topbox .title td {
    vertical-align: middle ;
    text-align: center ;
}
#inhalt .topbox .preis {
    font-size: 16px ;
    color: #ff0000 ;
    font-weight: bold ;
}
#inhalt .topbox .title h2 {
    color: #333333 ;
    font-weight: bold ;
    font-size: 12px ;
    margin: 0 ;
}
#inhalt .topbox .title h2 a {
    color: #333333;
}
#inhalt .topbox .price , #inhalt .topbox .price_old {
    padding: 0px 10px;
    color: #666666;
    height: 40px;
    width: 190px;
    font-size: 11px;
}
#inhalt .specialbox {
/*     padding-top: 10px ; */
}
#inhalt .specialbox .price_old {
    font-size: 12px ;
}
#inhalt .topbox.specialbox {
    margin-bottom: 20px;
    _margin-bottom: 0px ;
    height: 240px ;
    background: url(../bilder/relaunch/box/specialproduct.png) left top no-repeat;
}
#inhalt .topbox.specialbox .title {
    margin-bottom: 10px ;
}
#inhalt .topbox.specialbox .price {

}
#inhalt .topbox.specialbox .price .preis {
    font-size: 16px ;
}
#inhalt .topbox.rubriken {
    margin-bottom: 10px;
    height: 190px ;
    background: url(../bilder/relaunch/box/rubriken.png) left top no-repeat;
}
#inhalt .topbox.rubriken .title {
    margin-top: 20px ;
}
#inhalt .topbox .price_old  {
    margin-bottom: 7px ;
    height: auto;
}
#inhalt .topbox .price_old span {
    text-decoration: line-through;
    font-weight: bold;
}
#inhalt .topbox .detail_link {
    display: block;
    width: 40px;
    height: 10px;
    background: none;
    color: #000000;
    position: absolute;
    right: 6px ;
    bottom: 12px;
    _bottom: 20px ;
}
#kopfgrafik {
    height: 250px ;
    width: 680px ;
    position: relative ;
}
#kopfgrafik , #kopfgrafik ul {
    position:relative;
}
#kopfgrafik ul , #kopfgrafik ul li {
    list-style-type: none ;
    list-style-image: none ;
    margin: 0 ;
    padding: 0 ;
    z-index: 10 ;
}
#kopfgrafik ul li {
    position: absolute ;
    left: 0px ;
    top: 0px ;
}
#kopfgrafik .buttons {
    z-index: 20;
    position: absolute ;
    bottom: 0px ;
    right: 5px ;
    _left: 455px ;
}
#kopfgrafik .buttons a {
    display: block ;
    margin-bottom: 5px ;
    position: relative ;
    text-decoration: none ;
}
#kopfgrafik .buttons a span {
    position: absolute ;
    left: 10px ;
    top: 22px ;
    font-size: 18px ;
    color: #000000 ;
}
#kopfgrafik .buttons a span:hover {
    color: #ff0000;
}
#neuste_produkte {
    height: 80px;
    width: 550px;
}
#neuste_produkte td {
    vertical-align: top ;
}
#neuste_produkte a {
    color: #333333;
    text-decoration: underline ;
    font-weight: bold ;
    font-size: 12px ;
    position: relative ;
}
#neuste_produkte a:hover {
	text-decoration: none;
}
#neuste_produkte td * {
/*     position: relative ; */
/*     top: 0px ; */
    height: 21px ;
}
#neuste_produkte td p {
    margin:0 0 5px 0;
}
#neuste_produkte .title div {
    font-size: 12px ;
    color: #333333 ;
    white-space: nowrap ;
    width: 360px ;
    overflow: hidden ;
}
#neuste_produkte .title div h2 {
    float : left ;
    padding-right: 10px ;
}
#neuste_produkte .title {
    width: 360px ;
}
#neuste_produkte .link {
    background: url(../bilder/relaunch/layout_button_arrow2.gif) right 0px no-repeat;
    _line-height: 20px ;
    _position: relative ;
    _bottom: 3px ;
    _background-position: right 3px ;
    padding-right: 20px ;
    width: 40px ;
}
#neuste_produkte .link a {
    position: relative ;
    bottom: 1px ;
    _bottom: 0px ;
    font-size: 11px ;
    font-weight: bold ;
    color: #000000 ;
}
#neuste_produkte .price {
    font-size: 12px ;
    text-align: right ;
    padding-right: 10px ;
    position: relative ;
    top: 0px ;
    _bottom: 0px ;
}
#neuste_produkte .price .preis {
    font-size: 12px ;
    top: 0px ;
}

#information{
    width: 220px;
    float: left;
}
#information .box{
    background: url(../bilder/relaunch/box/small/blue_background.png) repeat-y;
    margin-bottom: 20px;
}
#information .box .boxcontent{
    color: #666666;
    background: url(../bilder/relaunch/box/small/blue_top.png) no-repeat;
    height: auto;
    _height: 135px;
    min-height: 135px;
    padding: 0px 5px 0 10px;
    line-height: 15px;
}
#information .box .boxcontent h1 , #container #information .box .boxcontent h1 a{
    font-style:normal ;
    padding: 5px 0 10px;
    font-size: 12px;
    border:0;
    color: #333333;
    font-weight: bold;
    margin: 0;
}
#information .box .boxcontent a.headline{
    background-image: url(../bilder/relaunch/layout_button_arrow.gif);
    background-position:right 5px;
    background-repeat:no-repeat;
    display: block;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    width: 185px;
    text-decoration: none;

    padding:0 20px 0 0;
}
#information .box .boxcontent a.headline:hover{
    text-decoration: underline;
}
#information .box .boxcontent p{
    color: #666666;
    margin: 5px 0;
}
#information .box .boxcontent ul{
    margin: 10px 0 5px 10px;
    list-style: none;
    padding: 0;
}
#information .box .boxcontent ul li{
    margin: 0 0 5px 0;
    padding: 0;
}
#information .box .boxcontent ul li a{
    color: #666666;
}
#information .box .boxcontent ul li a:hover, #container #information .box .boxcontent ul li a.active{
    text-decoration: none;
    color: #ff0000;
}
#information .box .boxcontent ul li ul{
    margin: 5px 0 10px 10px;
}
#information .box .boxcontent label{
    color: #666666;
    width: 100px;
    margin: 0;
}
#information .box .boxcontent input{
    padding: 0;
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #666666;
    width: 130px;
}
#information .box .boxbottom{
    background: url(../bilder/relaunch/box/small/blue_bottom.png) no-repeat;
    height: 15px;
}


#newsbox{
    width: 440px;
}
#newsbox img{
    padding: 2px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
#newsbox .largebox{
    background: url(../bilder/relaunch/box/large/orange_background.png) repeat-y;
    margin-bottom: 20px;
    position: relative;
}
#newsbox .largebox .largeboxcontent{
    color: #666666;
    background: url(../bilder/relaunch/box/large/orange_top.png) no-repeat;
    height: auto;
    _height: 135px;
    min-height: 135px;
    padding: 5px 10px 0 10px;
    line-height: 15px;
}
#newsbox .largebox .largeboxcontent *{
    color: #666666;
    font-size: 11px;
}
#newsbox .largebox .largeboxcontent h1{
    border: 0;
    padding:0;
    color: #333333;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
}
#newsbox .largebox .largeboxbottom{
    background: url(../bilder/relaunch/box/large/orange_bottom.png) no-repeat;
    height: 15px;
}
.detail_link , .warenkorb_button{
    font-weight: bold;
}
.detail_link{
    margin-bottom:5px;
}
#inhalt a.arrow , #inhalt div.arrow a , .detail_link , .warenkorb_button{
    background-image: url(../bilder/relaunch/layout_button_arrow.gif);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:20px;
    display: block;
    height:15px;
}
#inhalt #news_archive{
    position:absolute;
    text-align: right ;
    right:5px ;
    bottom:5px ;
    _bottom: 25px ;
    width: 400px ;
}
#inhalt #news_archive a{
    font-weight:bold;
}
#inhalt #produkte div{
    color: #666666;
    font-size: 11px;
}

#inhalt .border-right .buttons , #inhalt .noborder-right .buttons{
     position:absolute;
    bottom:0px;
    text-align:right;
    padding-top:11px;
    right: 10px;
}

#inhalt .noborder-right .buttons{
    right:0px;
}
#inhalt .border-right , #inhalt .noborder-right{
    padding-bottom: 30px;
    margin-bottom: 19px;
    position:relative;
    width: 330px;
    float:left;
}
#inhalt .border-right{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #CCCCCC;
}
#inhalt .noborder-right{
    width: 325px;
    margin: 0;
}
#inhalt .produkte_repeater{
    position: relative;
}
#inhalt #produkte .produkte_repeater img{
    margin:0;
}
#inhalt #produkte .produkte_repeater h2{
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 10px;
}
#footerimage{
    background: url(../bilder/relaunch/layout_footer.gif) no-repeat 10px bottom;
    height: 11px;
}
#footer{
    padding-top: 10px;
    text-align: center;
}
#footer p, #footer a{
    color: #999999;
    margin: 0 0 0.5em 0;
}