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

/* Allgemeine Angaben */
body { font-family: Arial, sans-serif; font-size:11px; font-weight:normal; line-height:16px; background-color:#000000; margin:0; padding:0; letter-spacing:1px; overflow:hidden; }

p { color:#666666; padding:5px 0; margin:0; }
h1 { color:#999999; line-height:16px; font-size:12px; font-weight:normal; padding:0 0 16px 0; margin:0; }
h2 { color:#999999; line-height:16px; font-size:11px; font-weight:normal; padding:0; margin:0; }

a, a:hover { color:#FFFFFF; text-decoration:none; padding-bottom:2px; letter-spacing:2px; font-size:10px; }
a:hover, a.active { border-bottom: 1px solid #FFFFFF; }
a.basket, a.basket:hover { color:#000000; border-bottom: 1px solid #000000; font-size:11px; letter-spacing:1px; padding-bottom:1px; }
a.content, a.minus { line-height:36px;  color:#FFFFFF; background-color:#000000; padding:2px 3px; margin:0 1px 0 0; font-size:9px; }
a.content:hover, a.minus:hover { background-color:#FFFFFF; color:#000000; font-weight:bold; border-bottom:1px solid #000000; padding-bottom:1px; }
a.minus { padding:2px 4px; }
a img, a.img:hover { border:none; padding:0; margin:0; }
a:focus { outline:none;}


/* Startseite */
#logo_start { position:absolute; top:50%; left:50%; width:150px; height:80px; margin-top:-100px; margin-left:-450px; padding:0 375px 19px 372px; background-image:url(../sitedocs/fadeline_1000.gif); background-repeat:no-repeat; background-position:bottom; }
#language { position:absolute; top:50%; left:50%; height:16px; width:900px; margin-left:-450px; padding:5px 0; text-align:center;
background-image:url(../sitedocs/fadeline_1000.gif); background-repeat:no-repeat; background-position:bottom; }
#language a { margin:0 8px; }

/* Cursor-Steuerung */
#left { position:absolute; width:100px; height:100px; left:50%; top:35%; margin-top:-20px; margin-left:-340px; z-index:2;
	background-image:url(../sitedocs/arrow_left.gif); background-repeat:no-repeat; background-position:center center; }
#right { position:absolute; width:100px; height:100px; left:50%; top:35%; margin-top:-20px; margin-left:260px; z-index:2;
	background-image:url(../sitedocs/arrow_right.gif); background-repeat:no-repeat; background-position:center center; }
#left a, #right a { display:block; width:100%; height:100%; border:none; }
#left a:hover img, #right a:hover img { visibility:hidden; }

/* Bilder */
#imageframe { position:absolute; top:35%; left:50%; width:800px; height:800px; margin-top:-400px; margin-left:-400px; z-index:0; }
#image { position:absolute; width:400px; height:400px; top:200px; left:-200px; }
#image img { width:100%; height:100%; }
#image img:hover { cursor:pointer; }
#bg { position:absolute; top:0; left:0; width:800px; height:800px; margin:0; }
#lense { position:absolute; top:425px; left:392px; width:16px; height:16px; background-image:url(../sitedocs/zoom_plus.gif); }
#lense.minus { background-image:url(../sitedocs/zoom_minus.gif); }

/* Logo und Infobereich */
#logo { position:absolute; top:25px; left:23px; padding:0; margin:0; z-index:1; }
#logo a:hover { border:none; }
#infos { position:absolute; top:120px; left:30px; width:250px; padding:5px; margin:0; letter-spacing:1px; z-index:3; }
#infos a { line-height:20px; }
#infos span.versal { text-transform:uppercase; letter-spacing:2px; font-size:10px; }
#infos span.abstand { line-height:13px; }
#infos span.abstand2 { line-height:20px; }

/* Fusszeile */
#footer { position:absolute; Bottom:0; left:0; right:0; height:16px; padding:2px 0; margin:0; background-color:#FFFFFF; color:#000000; z-index:10; text-align:center; width:100%; }
#footer a, .footermenu a { color:#000000; padding-bottom:1px; margin:0 8px; letter-spacing:1px; }
#footer a:hover, #footer a.active, #footer a:hover { border-bottom: 1px solid #000000; }

/* Navigation */
#submenu { position:absolute; bottom:80px; height:91px; left:0; right:0; padding:0; margin:0; width:100%; letter-spacing:1px; z-index:5; }

#label { position:absolute; top:0; left:0; right:0; height:16px; padding:1px 0; text-align:center; color:#555555; z-index:5; width:100%; 
background-color:#000000; background-image:url(../sitedocs/fadeline_1000.gif); background-repeat:no-repeat; background-position:top; font-size:10px; letter-spacing:2px; }
#label:hover { cursor:pointer; }

#thumbs { position:absolute; top:17px; left:0; right:0; padding:7px 0; margin:0; text-align:center;  z-index:5; background-color:#000000; background-image:url(../sitedocs/fadeline_1000.gif); background-repeat:no-repeat; background-position:top; width:100%;  }
#thumbs a { position:relative; font-size:60px; line-height:60px; margin:0 5px; padding:5px 0; border:none; height:60px; width:60px; background-repeat:no-repeat;  }
#thumbs a.nextFive { color:#999999; font-size:10px; letter-spacing:2px; padding:5px 20px; vertical-align:top; background-image:url(../sitedocs/arrow_right.gif); background-repeat:no-repeat; background-position:center right;  }
#thumbs a.prefFive { color:#999999; font-size:10px; letter-spacing:2px; padding:5px 20px; vertical-align:top; background-image:url(../sitedocs/arrow_left.gif); background-repeat:no-repeat; background-position:center left;  }
#thumbs a.prefFive:hover, #thumbs a.nextFive:hover { color:#FFFFFF; }

#menu { position:absolute; bottom:20px; height:50px; left:0; right:0; padding:5px 0; margin:0; width:100%; text-align:center; z-index:6;
 background-color:#000000;  background-image:url(../sitedocs/fadeline_1000.gif); background-repeat:no-repeat; background-position:top;  }
#menu a { padding:2px; margin:0 8px; text-transform:uppercase; }
#menu a:hover, #menu a.active, div.infos a:hover, div.infos a.active { border-bottom: 1px solid #FFF; }

/* Allgemeine Inhalte */
#footer.menu { position:absolute; top:150px; bottom:inherit; padding:4px 0; height:32px; }
#content { position:absolute; top:165px; bottom:0; left:0; right:0; background-color:#FFFFFF; padding:0; overflow:auto; z-index:9; }

#contenttext { position:absolute; top:50px; left:35px; width:500px; }
#contenttext table td { padding:0 10px 0 0; }
#contenttext input { width:240px; }

#bill { position:absolute; top:50px; left:35px; width:290px; color:#999999; }
#bill table { border-top:1px solid #AAAAAA; color:#999999; font-size:11px; }
#bill table td { border-top:1px solid #AAAAAA; }
#bill table tr.article td { color:#000000; border:none; }
#bill table td.price { text-align:right; vertical-align:top; }
#bill table tr.total td { color:#000000; font-weight:bold; border-bottom:1px solid #AAAAAA; }

#basket { position:absolute; top:50px; left:355px; right:30px; }
#basket ul { list-style:none; position:relative; padding:0; margin:0; }
#basket li { position:relative; float:left; width:150px; height:180px; margin:0 30px 30px 0; }
#basket li img { padding:15px 45px; margin:0 0 5px 0; background-color:#000000; }
#basket table td { padding:0 10px 0 0; }
#basket input { width:240px; }
#basket input[type="submit"] { font-family: Arial, sans-serif; width:auto; background-color:#000000; color:#FFFFFF; border:none; letter-spacing:2px; font-size:9px; padding:2px 3px; margin:0 1px 0 0; }
#basket input[type="submit"]:hover { background-color:#FFFFFF; color:#000000; font-weight:bold; border-bottom:1px solid #000000; padding-bottom:1px; }
#basket input[type="radio"] { width:auto; margin:0 0 0 25px; }
#basket input[type="radio"]:first-child { width:auto; margin:0; }
#basket input[type="checkbox"] { width:auto; }

/* Warenkorb */