@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;outline:none}
html{overflow-y:scroll;background:url(../images/bg-body.gif) repeat-x top #fff;height:100%;}
body{background:url(../images/bg-body.jpg) no-repeat center top;font:13px Verdana, Arial, Helvetica, sans-serif;color:#000;height:100%;}
#container{width:992px;margin:auto}

/* header */
#header{width:992px;height:178px;position:relative;}
#header img {border:none}
#header #shopLink{position:absolute;top:0px;left:726px;background:url(../images/bg-shop.jpg) no-repeat;width:265px;height:155px;display:block;text-indent:-9999999px;}

/* navi */
#navi{width:747px;height:72px;}
#navi li{height:72px;float:left}
#navi li a{color:#fff;text-decoration:none;height:72px;text-indent:-9999999px;display:block}
#navi li a:hover,#index #navi li a.n_01,#optik-perendi #navi li a.n_02,#produkte #navi li a.n_03,#garantie-service #navi li a.n_04{background-position:0px -72px !important;}
#navi li.toplevel a.n_01{background:url(../images/nav01.jpg) no-repeat;width:172px;}
#navi li.toplevel a.n_02{background:url(../images/nav02.jpg) no-repeat;width:162px;}
#navi li.toplevel a.n_03{background:url(../images/nav03.jpg) no-repeat;width:194px;}
#navi li.toplevel a.n_04{background:url(../images/nav04.jpg) no-repeat;width:219px;}

/* content */
#content{}
#maincontent{padding:25px 20px 50px 35px}
#maincontent h3{color:#8f2f3d;font-size:14px;font-weight:bold;margin-bottom:20px}
#maincontent #contentpadding{padding:0 0 0 20px;}
#maincontent h1{width:691px;height:120px;text-indent:-9999999px;}
#index #maincontent h1{background:url(../images/h1-index.jpg) no-repeat;}
#optik-perendi #maincontent h1{background:url(../images/h1-optik.jpg) no-repeat;}
#produkte #maincontent h1{background:url(../images/h1-produkte.jpg) no-repeat;}
#garantie-service #maincontent h1{background:url(../images/h1-garantie.jpg) no-repeat;}
#aktionen #maincontent h1{background:url(../images/h1-aktionen.jpg) no-repeat;}
#aktuelles #maincontent h1{background:url(../images/h1-aktuelles.jpg) no-repeat;}
#kontakt #maincontent h1,#danke #maincontent h1{background:url(../images/h1-kontakt.jpg) no-repeat;}
#impressum #maincontent h1{background:url(../images/h1-impressum.jpg) no-repeat;}
#anfahrt #maincontent h1{background:url(../images/h1-anfahrt.jpg) no-repeat;}
#newsletter #maincontent h1{background:url(../images/h1-newsletter.jpg) no-repeat;}
#maincontent ul{list-style:url(../images/li.gif) outside;margin-left:14px;margin-bottom:20px;}
#maincontent ul li{line-height:160%;margin-bottom:10px;}
#maincontent .col1{width:400px;float:left;padding-right:25px;}
#maincontent .col2{width:240px;float:left;padding-top:40px;}

.contentMain{width:747px;float:left}

.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.contentSidebar{width:245px;float:left;}
.contentSidebar .box{background:url(../images/box.jpg) no-repeat;width:224px;height:165px;padding:15px 10px 0 11px;margin-bottom:10px;font-size:11px;color:#333;}
.contentSidebar .box p{margin-bottom:10px;line-height:160%;}
.contentSidebar .box .text{padding:0 0 0 8px;}
.contentSidebar .box .lh{line-height:150%;}
.contentSidebar .box .left{width:105px;float:left;}
.contentSidebar .box a{color:#974752;text-decoration:none}
.contentSidebar .box a span{color:#333;}
.contentSidebar .box a:hover span{text-decoration:underline}
.contentSidebar .box h2{color:#85212f;font-size:14px;font-weight:bold;margin-bottom:10px}

#slideshow{width:245px;height:264px;}
#slideshow #slides{background:url(../images/bg-slideshow.jpg) no-repeat;width:236px;height:183px;padding:13px 0 0 9px;overflow:hidden}
#slideshow #slides ul{width:209px;height:169px;overflow:hidden}
#slideshow #slides ul li{width:209px;height:169px;}
#slideshow #slides img{border:1px solid #333;}
#slideshow #controls{background:url(../images/bg-slideshow2.jpg) no-repeat;width:245px;height:68px;position:relative;}
#slideshow #controls a{display:block;text-indent:-9999999px;}
#slideshow #controls a:hover{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
#slideshow #controls a.left{background:url(../images/ctrl-left.jpg) no-repeat;width:11px;height:11px;top:5px;left:25px;position:absolute;}
#slideshow #controls a.right{background:url(../images/ctrl-right.jpg) no-repeat;width:12px;height:11px;top:5px;left:192px;position:absolute;}
#slideshow #controls .center{background:url(../images/ctrl-slide.jpg) no-repeat;width:81px;height:15px;text-indent:-999999px;display:block;top:1px;left:76px;position:absolute;}

.imgSubtitle{background:url(../images/shadow.gif) no-repeat bottom;padding-bottom:16px;width:195px}
.imgSubtitle img{padding:1px;border:1px solid #862a36;}
.imgSubtitle p{margin:0;padding:4px 0;color:#fff;background:#862a36;text-align:center;width:100%;font-size:10px}

/* footer */
#footer{background:url(../images/bg-footer.gif) repeat-x;width:100%;height:110px;}
#footer #fcontainer{width:992px;margin:auto;position:relative;color:#fff;font-family:Arial, Helvetica, sans-serif;}
#footer #fcontainer div{float:left;}
#footer #fcontainer input{width:175px;padding:3px 5px;background:#a8505c;border:1px solid #4d0d16;color:#fff;font-size:10px}
#footer #fcontainer #nlText{font-size:11px;padding:32px 0 0 55px;padding-right:34px}
#footer #fcontainer #nlText h4{font-size:15px;font-weight:bold}
#footer #fcontainer #nlForm{padding:58px 0 0 0;}
#footer #fcontainer a{color:#fff;text-decoration:none;font-size:11px;}
#footer #fcontainer a:hover{text-decoration:underline}
#footer #fcontainer #imprint{padding:64px 0 0 172px;line-height:170% !important;}
#footer #fcontainer #imprint a{font:11px Verdana, Arial, Helvetica, sans-serif;}
/* allgemein */
a{color:#9a3b49;text-decoration:underline}
a:hover{text-decoration:none}
ul{list-style:none}
p{margin-bottom:20px;line-height:1.4em}
p.nmb{margin-bottom:5px}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}

#accordion,.accordion{padding:10px 10px 20px 0px;margin-bottom:30px !important}
#accordion ul li,.accordion ul li{line-height:110% !important;margin-bottom:5px !important;}
#accordion h3,.accordion h3{margin-bottom:0 !important;}
#accordion h3.sub,.accordion h3.sub{padding-left:25px !important;}
#accordion h3.sub .ui-icon,.accordion h3.sub .ui-icon{left:2.5em !important;}
.accordion h5{font:14px Verdana, Arial, Helvetica, sans-serif; color:#a64a56;margin-bottom:10px}
.accordion h4{background:url(../images/price.jpg) no-repeat; width:293px;height:49px;padding:14px 0 0 35px;color:#9f0015;font-weight:bold;font-size:18px;}
.accordion h4 span{font-size:11px;color:#fff;}
.accordion img{background:#fff;padding:1px;border:1px solid #a64a56;margin-bottom:10px;}
.lang{padding-top:40px;font-size:11px;margin-bottom:0 !important}