@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }

body { margin:0; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; background:#999 url(../imgs/basic/bg_oben.png) repeat-x; }

*+html,
* html { font-size:80%; }

#oben { width:960pv; height:450px; border:none; }
#oben #links { position:absolute; width:480px; height:450px; margin:0; background:url(../imgs/basic/bg_obenli.png) no-repeat; }
#oben #links #head { position:absolute; width:auto; height:50px; left:240px; bottom:0; z-index:1050; }
#oben #mitte { position:absolute; width:240px; height:450px; margin:0 0 0 480px; }
#oben #mitte #bildbg { position:relative; width:240px; height:130px; left:0; top:120px; margin:0; background:#999; }

#oben #mitte #bildbg #loader { position:absolute; top:45%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }

#oben #rechts { position:absolute; width:240px; height:450px; margin:0 0 0 720px; }
#oben #rechts #logo { position:absolute; width:240px; height:120px; margin:0; background:url(../imgs/logo.gif) 0 20px no-repeat; z-index:1000; }
#oben #rechts #logo img { margin-top:20px; }
#oben #rechts #wand { position:absolute; width:240px; height:130px; top:120px; margin:0; background:url(../imgs/basic/bg_wand.png) repeat-y; }


#menurechts { position:relative; width:240px; height:38px; left:720px; top:8px; text-align:right; font-size:10px; color:#fff; }
#menurechts ul { list-style:none; }
#menurechts li { float:right; margin-left:10px; }
#menurechts li.btn,
#menurechts li.trenner { margin-top:3px; }


/**+html #menurechts { left:210px; }*/
#menurechts .btnwarenkorb { position:relative; /*text-decoration:none;*/ border:0; padding:0; display:block; /*text-indent:-9999px; letter-spacing:-9999px; font-size:0;*/ width:21px; height:17px; background:url(../imgs/warenkorb.gif) 0 0 no-repeat; }			
#menurechts .btnwarenkorb:hover { background-position:0 -17px; }


#untenlinks { position:relative; width:240px; margin:0; float:left; }

#untenlinks #menuspalte { width:214px; list-style:none; margin:0 0 0 10px; }
#untenlinks #menuspalte li { display:block; list-style:none; margin:0 0 5px 0; color:#fff; }
#untenlinks #menuspalte li ul li { display:block; list-style:none; margin:0 0 0 0; }
#untenlinks #menuspalte li .topbox1 { width:214px; height:24px; padding:6px 0 0 10px; display:block; font-weight:normal; background:url(../imgs/spaltenmenhead1.png) no-repeat; cursor:pointer; }
#untenlinks #menuspalte li a,
#untenlinks #menuspalte li a:visited { font-size:11px; font-weight:normal; text-decoration:none; color:#fff; }
#untenlinks #menuspalte li .unten { width:214px; height:12px; display:block; background:url(../imgs/spaltenmenboxu.png) no-repeat; }
#untenlinks #menuspalte li ul.subbox { background:url(../imgs/spaltenmenbox.png) repeat-y; }
#untenlinks #menuspalte li ul.subauf { background:url(../imgs/spaltenmenbox.png) repeat-y; }
#untenlinks #menuspalte li ul.subzu { display:none; }

#untenlinks #menuspalte li.topbg { background:url(../imgs/menukapitelgb.gif) 10px 15px no-repeat; }

#untenlinks #menuspalte li .top { display:block; padding:5px 0 1px 25px; font-size:11px; font-weight:normal; color:#555; }
#untenlinks #menuspalte li .top span { background:#999; }


#untenlinks #menuspalte li .sub { display:block; padding:1px 0 0 30px; font-weight:normal; }
#untenlinks #menuspalte li .subselekt { display:block; padding:1px 0 0 30px; font-size:11px; font-weight:bold; color:#e00; /*background:url(../imgs/pfeil_selekt.gif) 15px 2px no-repeat;*/ }
#untenlinks #menuspalte li a.linksub,
#untenlinks #menuspalte li a.linksub:visited { font-size:11px; text-decoration:none; color:#fff; }
#untenlinks #menuspalte li a.linksub:hover,
#untenlinks #menuspalte li a.linksub:active { color:#000; }
#untenlinks #menuspalte li .topbox0 { width:214px; height:24px; padding:6px 0 0 10px; display:block; font-weight:normal; background:url(../imgs/spaltenmenhead0.png) left top no-repeat; cursor:pointer; }
#untenlinks #menuspalte li .topbox0:hover { background-position:left -30px; }


/* * html #menulinks input { vertical-align:middle; }*/
#untenlinks #menuspalte li ul.subbox li.newsletter { text-align:center; }
#untenlinks #menuspalte li ul.subbox li.newsletter input.search { margin-top:5px; padding:0; width:194px; font-size:11px; }
#untenlinks #menuspalte li ul.subbox li.newsletter #btns { position:relative; margin:10px; } 
#untenlinks #menuspalte li ul.subbox li.newsletter #btns li { list-style:none; margin:0 10px; float:left; }



/*a.textlink,
a.textlink:visited { font-weight:normal; text-decoration:none; color:#fff; }
a.textlink:hover,
a.textlink:active { color:#000; }*/


#untenmitte { position:relative; width:480px; float:left; }
#untenmitterechts { position:relative; width:720px; float:left; }
#untenmitte h1,
#untenrechts h1,
#untenmitterechts h1 { margin:3px 0 20px 0; font-size:11px; font-weight:bold; color:#e9e9e9; }
#untenmitte p,
#untenmitterechts p { font-size:11px; font-weight:normal; color:#e9e9e9; }
#untenmitterechts p.absatz { font-size:11px; font-weight:normal; color:#e9e9e9; margin:5px 0; }

.pIkon { width:20px; height:20px; display:block; margin:0 0 -18px -20px; background:url(../imgs/pfeil_selekt.gif) 4px 4px no-repeat; }
#links20 { margin-left:20px; }
#links50 { margin-left:50px; }

#untenrechts { position:absolute; width:240px; padding:0; left:480px; }

/* weitere info */
#weitereinfo { position:relative; width:240px; height:24px; display:block; margin:0; }

#weitereinfo ul#infobtns { position:absolute; margin:0 auto; z-index:100; width:auto; list-style-type:none; right:0; }
/**+html #weitereinfo ul#infobtns { position:relative; display:block; }*/

#weitereinfo ul#infobtns li { float:left; background-position:left top; list-style:none; }
#weitereinfo ul#infobtns li,
#weitereinfo ul#infobtns li a,
#weitereinfo ul#infobtns li a strong { background:url(../imgs/weitereinfos.png) no-repeat left top; }
#weitereinfo ul#infobtns li a { float:left; cursor:pointer; padding-left:7; text-align:center; color:#fff; text-decoration:none; }
*+html #weitereinfo ul#infobtns li a { padding-left:0px; }
#weitereinfo ul#infobtns li a strong { float:left; cursor:pointer; height:24px; padding:6px 11px 0 9px; font-size:10px; font-weight:normal; }
*+html #weitereinfo ul#infobtns li a strong { padding:6px 6px 0 10px; }
#weitereinfo ul#infobtns li.links { padding-left:0; }
#weitereinfo ul#infobtns li.links a,
#weitereinfo ul#infobtns li.links a strong { background-position:-3px top; }
#weitereinfo ul#infobtns li.links a:hover,
#weitereinfo ul#infobtns li.links a:hover strong,
#weitereinfo ul#infobtns li.links a.aktiv strong { background-position:-3px -29px; }
#weitereinfo ul#infobtns li { padding-left:2px; }
#weitereinfo ul#infobtns li a,
#weitereinfo ul#infobtns li a strong { background-position:-8px top; }
#weitereinfo ul#infobtns li a:hover,
#weitereinfo ul#infobtns li a:hover strong,
#weitereinfo ul#infobtns li a.aktiv,
#weitereinfo ul#infobtns li a.aktiv strong { background-position:-8px -29px; }
#weitereinfo ul#infobtns li.rechts a strong { padding-right:14px; background-position:right top; }
#weitereinfo ul#infobtns li.rechts a:hover strong,
#weitereinfo ul#infobtns li.rechts a.aktiv strong { background-position:right -29px; }


#fuss { position:relative; width:960px; height:40px; clear:both; }

#fusslinks { position:absolute; width:230px; bottom:10px; font-size:10px; font-weight:normal; color:#e9e9e9; padding:0 0 0 10px; float:left; }

#fussmitte { position:absolute; width:480px; left:240px; bottom:10px; float:left; }
.klein { font-size:9px; font-weight:normal; color:#e9e9e9; }

#fussrechts { position:absolute; margin-left:720px; bottom:10px; right:0px; }

#submenu { font-weight:normal; color:#e9e9e9; }
#submenu li { float:left; list-style:none; margin:0; padding:0; font-size:10px; }
#submenu li .sel { font-size:10px; font-weight:normal; color:#f00; }
#submenu li span { margin:0 10px; font-size:10px; }
#submenu li a:link,
#submenu li a:visited { font-size:10px; font-weight:normal; color:#e9e9e9; text-decoration:none; }
#submenu li a:hover,
#submenu li a:active { color:#000; }





#stepsbox { position:relative; width:720px; height:auto; display:block; }

#steps li { position:relative; width:86px; height:86px; list-style:none; float:left; margin:0 5px; }
*+html #steps li { margin:0 10px 0 0; }


.clear { position:absolute; clear:both; }
.abstand20 { position:absolute; height:20px; clear:both; }


#inhaltbox { position:relative; margin-bottom:30px; padding:0; }
#inhaltbox div { position:relative; margin:0; padding:0; text-align:left; }
#inhaltbox p { line-height:14px; }
#inhaltbox .produktdaten { margin:0; padding:0; font-size:11px; color:#e9e9e9; }
#inhaltbox .produktdaten td { height:12px; vertical-align:top; line-height:14px; }
#inhaltbox .produktdaten .beschr { font-weight:bold; color:#e9e9e9; }
#inhaltbox .produktdaten .trenner { height:10px; }

#inhaltbox .produktdaten #beispiele { margin-bottom:10px; }
#inhaltbox .produktdaten #beispiele li { margin-bottom:10px; list-style:none; }
#inhaltbox .produktdaten .einzug { margin:0 20px; }

/*a.lauftext_:link,
a.lauftext_:visited { font-size:11px; font-weight:normal; color:#fff; text-decoration:underline; }
a.lauftext_:hover,
a.lauftext_:active { font-weight:normal; color:#000; text-decoration:underline; }*/

a.lauftextohne:link,
a.lauftextohne:visited { font-weight:normal; color:#fff; text-decoration:none; text-shadow:none; }
a.lauftextohne:hover,
a.lauftextohne:active { font-weight:normal; color:#000; text-decoration:none; }

a.lauftext:link,
a.lauftext:visited,
#untenlinks #menuspalte li ul.subbox li.newsletter #btns li a.lauftext:link,
#untenlinks #menuspalte li ul.subbox li.newsletter #btns li a.lauftext:visited { font-weight:normal; color:#e00; text-decoration:none; text-shadow:none; }
a.lauftext:hover,
a.lauftext:active,
#untenlinks #menuspalte li ul.subbox li.newsletter #btns li a.lauftext:hover,
#untenlinks #menuspalte li ul.subbox li.newsletter #btns li a.lauftext:active { font-weight:normal; color:#000; text-decoration:none; }
a.lauftext:after,
#untenlinks #menuspalte li ul.subbox li.newsletter #btns li a.lauftext:after { content:" "url(../imgs/pfeillink.png); white-space:nowrap; }


#content { position:absolute; width:960px; height:450px; left:0; top:0; z-index:500; overflow:hidden; }
*+html #content { background:transparent url(../imgs/blank.gif) no-repeat; }

#bestellbtnbox { position:absolute; right:10px; width:130px; height:80px; bottom:10px; z-index:1100; text-align:center; }
#bestellbtnbox h2 { height:20px; font-size:11px; font-weight:bold; }
#bestellbtnbox a { width:130px; height:60px; margin:0; display:block; }
.btnbestellung { width:130px; height:60px; display:block; margin:0; background:url(../imgs/btnbestellung.png) left top no-repeat; cursor:pointer; }
.btnbestellung:hover { background-position:0 -60px; }

.btnanfrage { width:130px; height:60px; display:block; margin:0; background:url(../imgs/btnanfrage.png) left top no-repeat; cursor:pointer; }
.btnanfrage:hover { background-position:0 -60px; }

#bestellhilfebox { position:absolute; right:10px; width:14px; height:14px; bottom:30px; z-index:1100; text-align:center; }
#bestellhilfebox a { display:block; width:14px; height:14px; margin:0; }
#bestellhilfebox .btnhilfe { width:14px; height:14px; display:block; margin:0; background:url(../imgs/btnhilfe.gif) left top no-repeat; cursor:pointer; }
#bestellhilfebox .btnhilfe:hover { background-position:0 -14px; }

#hilfeblase { position:absolute; width:252px; left:50px; top:400px; z-index:10000; }
#hilfeblase .oben { width:252px; height:10px; background:url(../imgs/blaseoben.png) no-repeat; }

#hilfeblase .mitte { width:252px; background:url(../imgs/blasemitte.png) repeat-y; }
/**+html #hilfeblase .mitte { width:252px; }*/

/*#hilfeblase .mitte p { width:232px; margin:0; padding:20px 10px 10px 10px; font-size:11px; font-weight:normal; line-height:15px; color:#fff; text-shadow:#000 1px 1px 0; }*/

#hilfeblase .mitte p { width:232px; margin:0; padding:20px 10px 10px 10px; font-size:11px; font-weight:normal; line-height:15px; color:#fff; background:url(../imgs/blasemitte.png) repeat-y\9; }



#hilfeblase .mitte p.nlmsg { width:232px; margin:0; padding:20px 10px 10px 10px; font-size:11px; font-weight:normal; line-height:15px; color:#fff; text-shadow:#000 1px 1px 0; }




#hilfeblase .unten { width:252px; height:50px; background:url(../imgs/blaseunten.png) no-repeat; }
#hilfeblase .unten_li { width:252px; height:50px; background:url(../imgs/blaseunten_li.png) no-repeat; }



.btn_bestellen { width:70px; height:14px; display:block; margin:0 auto; padding:0; background:url(../imgs/bestellen.png) left top no-repeat; cursor:pointer; }
.btn_bestellen:hover { background-position:0 -14px; }

#bestelllistebox { position:absolute; left:0; top:0; }
#bestellliste { font-size:10px; font-weight:normal; color:#e9e9e9; margin:0 0 50px 0; }
#bestellliste th { font-weight:bold; height:20px; background:#919191; padding:3px; text-align:left; }
#bestellliste td { height:20px; padding:3px; border-bottom:1px solid #919191; }
#bestellliste td.ohne { height:20px; padding:3px; border-bottom:none; }
#bestellliste tr:hover { background:#444; }

#bestelldaten { position:relative; left:10px; top:0;  }
#bestelldaten { font-size:10px; font-weight:normal; color:#e9e9e9; margin:0 0 20px 0; }
#bestelldaten td { height:30px; padding:0; }
#bestelldaten h1 { font-size:11px; font-weight:bold; color:#e9e9e9; }
.notwendig { color:#333; }



.formulare { font-size:10px; font-weight:normal; line-height:normal; text-decoration:none; }

#szene { position:absolute; width:960px; height:450px; z-index:600; }

#bildwandbox { display:block; width:960px; height:450px; z-index:100; }
#bildwandbox img { position:absolute; width:240px; height:130px; left:0px; top:0px; cursor:pointer; }

#boxobenrein { position:fixed; width:906px; height:600px; margin-left:50%; left:-451px; top:0;  z-index:3000; }
#boxobenreinoverlay { position:absolute; top:0; left:0; z-index:2999; width:100%; height:100%; }
* html #boxobenrein { position:absolute; }

#boxobenrein #bg { width:906px; height:576px; background:url(../imgs/korbboxoben.png); }
#boxobenrein #kopf { width:878px; height:20px; margin:0 4px; top:0; padding:10px; background:#333; font-size:16px; font-weight:normal; color:#fff; }
#boxobenrein #scroll { display:block; width:800px; height:480px; margin:20px 50px 0 50px; padding:0; overflow-y:auto; border:1px solid #919191; }
#boxobenrein #inhalt { padding:5px; color:#e9e9e9; font-size:11px; }
#boxobenrein ul { width:500px; margin:10px 0 20px 50px; }
#boxobenrein li { margin:5px 0 5px 20px; list-style:circle; }
#boxobenrein h1 { margin:0 0 10px 0; font-size:11px; font-weight:bold; }
#boxobenrein #inhalt p { margin:5px 0; }
#boxobenrein #inhalt p.abstand { margin:10px 0; }
#boxobenrein #inhalt p.einzug { margin:5px 0 5px 20px; }
#boxobenrein #navi { display:block; width:500px; margin:15px 0 0 360px; text-align:right; }
#boxobenrein #unten { position:absolute; display:block; width:906px; height:24px; left:0; top:576px; background:url(../imgs/korbboxunten.png); }
#boxobenrein #textblock { margin:10px; font-size:10px; font-weight:normal; color:#e9e9e9; }

#boxobenrein a.deleteprodukt { display:block; width:14px; height:14px; background:url(../imgs/delete.png) 0 0 no-repeat; }
#boxobenrein a.deleteprodukt:hover { background-position:0px -14px; }

a.infoprodukt { display:block; width:14px; height:14px; background:url(../imgs/info.png) 0 0 no-repeat; float:right; }
a.infoprodukt:hover { background-position:0px -14px; }

a.closer { position:absolute; right:15px; top:12px; display:block; width:14px; height:14px; background:url(../imgs/closer.png) 0 0 no-repeat; }
a.closer:hover { background-position:0px -14px; }

a.btn { margin:0 5px; font-size:10px; font-weight:normal; padding:2px 6px; }
a.btn:link,a.btn:visited { color:#fff; text-decoration:none; background-color:#777; border:1px outset #888; }
a.btn:hover { color:#fff; text-decoration:none; background-color:#333; border:1px outset #444; }
a.btn:active { color:#fff; text-decoration:none; background-color:#333; border:1px inset #444; }


#kontaktform { font-size:10px; font-weight:normal; color:#e9e9e9; }
#kontakt { width:200px; margin-left:40px; font-size:10px; color:#e9e9e9; }
#kontakt p { margin:10px 0; }

#lampe { position:absolute; width:106px; height:378px; left:320px; top:-390px; background:url(../imgs/lampe.png) no-repeat; background-position:0px 0px; }

#map { width:480px; height:130px;margin-top:120px; z-index:1500; }


#pfeilli { position:absolute; width:14px; height:14px; cursor:pointer; background:url(../imgs/pfeilli.png) 0 0 no-repeat; }
#pfeilre { position:absolute; width:14px; height:14px; cursor:pointer; background:url(../imgs/pfeilre.png) 0 0 no-repeat; }
#pfeilli:hover,
#pfeilre:hover { background-position:0 -14px; }

.achtung { font-weight:bold; color:#f00; }

#bestellenabbrechen { clear:both; position:absolute; width:720px; height:25px; bottom:0; display:block; text-align:right; }