* { margin:0pt; padding:0pt;}
img { border:none;}

html[xmlns] { height:100%; padding-bottom:0.005em;}
body {
background:#000000 none repeat scroll 0%;
font-family:Arial,"Trebuchet MS",verdana,arial,sans-serif;
font-size:12px;
text-align:center;
}

h1, h2, h3 { color:#666666;}
pre { font-family:Arial,"Trebuchet MS",verdana,arial,sans-serif; font-size:12px; }
a { color:#FFFFFF; }
a:hover { color:#ccc;}
pre, p, label { color:#666666; font-weight:bold; }
p { margin: 5px 0;}


#checkoutmail { text-align: left; padding: 10px}
#checkoutmail .customer td,
#checkoutmail .customer th { color: #fff; font-size: 12px; }
#checkoutmail .basket td,
#checkoutmail .basket th { color: #fff; font-size: 12px; }

.clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
* html .clearfix { height:1%;}
.clearfix { display:block; }
.errorcontainer { width: 400px; position: absolute; top: 0px; left: 400px;  }
.errorcontainer div { color:red; font-weight:bold;}

.block-link { display: block; margin: 2px 0; text-decoration: none; font-weight: bold; }
.block-link:hover { text-decoration: underline;  }
.gray a { color:#666666; }
.auto { width:auto !important; border: none !important;}
.bold-text { font-weight:bold;}


#outer { height:800px; margin:0pt auto; text-align:left; width:1000px; }
#head { text-align:left; }
#head a { display:block; margin:45px 0pt 0pt 1px;}
#navi { height:60px; margin:2px 0pt 0pt;}
#navi li:hover ul, #navi li.over ul { display:block; }
#navi ul ul li img { display:inline; }
#navi ul ul.open { display:block;}
#dmenu li > ul { left:auto; top:auto;}
.topmenuul { list-style-type:none;}
.topmenuli { float:left; list-style-type:none; margin:0pt 62px 0pt 0pt;}
.last { margin:0pt 0pt 0pt 3px;}
.submenuul { display:none; list-style-type:none; margin:-4px 0pt 0pt; position:absolute; z-index:20000000; }
.submenuli { display:block; margin:0pt 0pt -4px; }
.submenuli a { margin:0pt; }
.topmenutitle { background:transparent none repeat scroll 0%; display:block; font-size:10px; }

#main { background:#000000 none repeat scroll 0%; height:620px; overflow:hidden; position:relative; }

.slogan-centered, .lang-select { margin:200px 0pt 0pt; text-align:center; }
.webform { position: relative; width: 700px; }
.webform label { clear:left; color:#fff; display:block; font-size:11px; margin:10px 0pt; text-transform:uppercase; width: 650px;}
.webform label * { vertical-align:middle; }
.webform label span { display:block; float:left; line-height:1.4em; margin-bottom:0.5em; width:10em; }
.webform label span input { width:auto !important; }
.webform select, .webform input, .webform textarea { background:#929091 none repeat scroll 0%; border:medium none; font-size:11px; padding:3px; }
.webform textarea { height:9em; width:40em; }
.webform input, .webform select { width:18em; }
.webform select { width:18.3em; }
.webform input:focus, .webform textarea:focus { background:#CCCCCC none repeat scroll 0%; }
.webform .submitbutton { color:#FFFFFF; }
#contact-senden { padding: 0;}
#contact-footer { float:right; margin:-3.1em 0pt 0pt; width:300px;}
#contact-footer ul { list-style-image:none; list-style-position:outside; list-style-type:none;}
#contact-footer li { display:inline; padding:0pt 2em 0pt 0pt; }

.top { top:0pt !important;}
.bottom { bottom:0pt !important;}
.middle { margin-top:-200px; top:50% !important; }
.right { text-align:right;}
.img-half { height:590px; top:0pt; width:498px;}
.txt-half { left:500px; top:0pt;width:498px; }
.img-left, .img-right, .txt-left, .txt-right { position:absolute; }
.img-left, .txt-left { left:0pt; }
.img-right, .txt-right { right:0pt; }

.shop { width: 100%; } 
.shop th, .shop td { color:#FFFFFF; padding:2px; }
.shop th { padding: 0 0 20px 0; }
.shop a { text-decoration: none; }
.shop input { border: 1px solid #000; width: 50px; background: #666; color: #fff; padding: 2px; }
.shop td { padding: 0 0 5px 0;}
.shop tr.summary td { text-align: right; border-top: 1px solid #333; padding: 10px 0 0 0; font-weight: bold; }
.lastcell { text-align: right; }


.kasse { padding: 20px 0 0 0; margin: 10px 0 0 0; }
.order-action { margin: 20px 0; text-align: right; }
.order-action input { font-weight: bold; border: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333; cursor: pointer; background: #666;}
.order-action a { font-weight: bold; text-decoration: none; background: #666; display: block; padding: 4px 10px; float: right; width: auto; 
border: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333;}
.order-action a:hover { color: white; }

.navigator { font-weight: bold; font-size: 13px; text-decoration: none; padding: 20px 0 0 0 ; display: block; }

.article-viewer-loading { background:#FFFFFF url(/img/loader.gif) no-repeat scroll 45% center; color:#000000; height:400px; padding:10px 0pt; position:absolute; top:0pt; width:1000px; }
.article-viewer { height: 400px; background:#FFFFFF none repeat scroll 0%; color:#000000; position:absolute; top:0pt; width:1000px; }
.article-viewer a { color:#333333;}
.article-viewer table td select { padding:2px; }
.article-viewer table td input { padding:2px; width:140px; }
.article { width: 100%; border-collapse: collapse; }
.article td { vertical-align:top; }
.article td table td { padding:5px 0pt; }
.article td table td span { color:#333333; display:block;font-weight:bold; text-transform:uppercase; }
.article td table td.descr span { float:left; padding:2px; width:100px; }
.article .img div.c { height:400px; position:relative; width:300px; }
.article .img .d img { margin: 10px 0 0 0; }
.article .img .th { bottom: 5px; width: 100%; text-align: right; left:0px; position:absolute; }
.article .img .th img { margin: 0 5px 0 0 ;}
.article .img .th a { display: block; position:absolute; bottom: 2px; left: 10px; font-weight: bold; text-decoration: none;}
.article .img .th a:hover { text-decoration: underline; }
.article .article-name { font-size: 1.4em; }
.article .descr table { height: 400px;}
.article .closeup { width: 300px !important; height: 400px !important; overflow: hidden;}
.article .order-link { vertical-align: bottom;}


.contact-impressum { float:right; width:300px;}
.contact-impressum a { color: #666; }
.pdf-link { margin:0pt 0pt 10px; }
.pdf-link h1 { color:#918C86; font-size:1.4em;}

.float-category { margin: 0 15px 0 0; width:180px; height: 450px; position: relative; float: left; }
.float-category a.image { display: block; position: absolute; bottom: 40px; left: 0; text-align: center; width: 100%;}
.float-category a.text:hover { color: #918c86;}
.float-category a.text {color: #5d5950; text-decoration: none; font-size: 14px; margin:10px 0pt 0pt; text-align:center; text-transform:uppercase; position: absolute; bottom: 10px; left: 0; width: 100%; font-weight: bold;}

#image-view { width: 385px; position: aboslute; top: 0; left: 0;}
#thumb-view { width: 560px; position: absolute; top: 0; left: 425px; }
#thumb-wrap { }
#thumb-content { height: 390px; overflow: hidden;}
.press-item { width: 110px; height: 110px; float: left; margin: 10px; }
.press-item span { display: none; }
.press-item img { cursor: pointer; }

#thumb-scroll { position: absolute; top: 165px; right: 0; height: 50px; width: 25px;}
#thumb-scroll a { display: block; margin: 0 0 10px 0;}
#download { position: absolute; top: 440px; left: 400px; }
.basketview { position: absolute; width: 30px; top: 105px; right: 310px; }


#continue-shopping { text-align: center; margin: 200px; 0 0 0}
#continue-shopping a { font-size: 1.2em; text-decoration: none; font-weight: bold; padding: 0 20px;}
#continue-shopping a:hover { color: #ccc; }


#image-view { float: left; width: 380px; margin: 0 30px 0 0; }
#images-row { float: left; width: 580px; }
#images-row img { margin: 0 0 20px 5px; }
