@font-face {font-family: 'GlosaDisplay'; src: url('glosadisplay-roman-webfont.eot'); src: local('?'), url('glosadisplay-roman-webfont.woff') format('woff'), url('glosadisplay-roman-webfont.ttf') format('truetype'), url('glosadisplay-roman-webfont.svg#webfont8kH2ddeC') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GlosaDisplay'; src: url('glosadisplay-roman_italic-webfont.eot'); src: local('?'), url('glosadisplay-roman_italic-webfont.woff') format('woff'), url('glosadisplay-roman_italic-webfont.ttf') format('truetype'), url('glosadisplay-roman_italic-webfont.svg#webfontt5qf7HW9') format('svg'); font-weight: normal; font-style: italic;}
@font-face {font-family: 'GlosaDisplay'; src: url('glosadisplay-medium_italic-webfont.eot'); src: local('?'), url('glosadisplay-medium_italic-webfont.woff') format('woff'), url('glosadisplay-medium_italic-webfont.ttf') format('truetype'), url('glosadisplay-medium_italic-webfont.svg#webfontVCRqlbFq') format('svg'); font-weight: bold; font-style: italic;}

body, html, div, form, input, span, p, img, ol, ul, li, a, img, hr, h1, h2, h3, h4, h5 {border:0; margin:0; padding:0;}
ol,ul,li {list-style:none;}
a, a:link, a:visited, a:hover, a:focus{text-decoration:none; color:#454545;}
/*.clear {clear:both; display:block; font-size:0; line-height:0px;}*/
.clear{clear:both;}
.floatleft{float:left; position:relative;}
p{margin:0 0 8px;}
::-moz-selection {background: #fff; color:#454545;}
.invisible{display:none;}

h2{font-size:29px; padding:0 0 25px 0; line-height:24px; font-weight:normal;}
h3{font-size:15px; padding:0 0 5px 0; line-height:21px; font-weight:normal;}
h4{font-size:11px; padding:0 0 0 2px; margin:6px 0 8px 0; line-height:15px; font-weight:normal; background:#e7e7e7; }
hr{background:#a6a39e; color:#a6a39e; height:1px; margin:0 0 14px 0;}

.ds{-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(strength=4,color=#bbbbbb,direction=135)progid:DXImageTransform.Microsoft.Shadow(strength=2,color=#bbbbbb,direction=315);}


body {background:#f0eae3; color:#454545; font-size:12px;	font-style:italic; font-family:GlosaDisplay, arial, sans-serif; -webkit-user-select:none; -webkit-text-size-adjust:none; overflow-y:hidden;}
input, textarea {font-family:GlosaDisplay, arial, sans-serif; font-size:11px;	font-style:italic;}
                                                                                                                                            
.mailform{position:relative;}
form input {border:0; background:#fff; color:#8d8d8d; padding:4px 4px 3px 4px; margin:6px 0 9px 0; width:232px; height:17px;}
.shortform {width:64px;}
.mediumform{width:150px; margin-left:10px;}
form textarea {border:0; background:#fff; color:#8d8d8d; padding:4px 4px 3px 4px; margin:6px 0 0 0; display:block; width:232px; height:118px;}
.error{display:none; position:absolute; white-space:nowrap; right:0; margin:-7px -7px 0 0 !important; width:auto !important; padding:0px 5px 0px 5px; float:none !important; text-align:right; font-size:11px; background:#fff59a;}
form input.send{font-size:12px; background:#fff; color:#000; width:auto; overflow:visible; padding:1px 4px 3px 4px; margin:15px 0 0 0; cursor:pointer; height:24px;}
.status{font-size:12px; display:none; margin:19px 0 4px 0 !important; width:auto !important; float:none !important; } 
.sending{padding:0 0 0 25px !important; background:url(../pix/loadinfo_s.gif) no-repeat 0 0;}

#wrapper {width:100%; position:relative; z-index:1;	/* On older OS versions "position" and "z-index" must be defined, it seems that recent webkit is less picky and works anyway.*/}
#scroller {width:8800px; height:628px; float:left; margin:0; background:url('../pix/bg1.png') no-repeat 0 -20px;}
.background2{background:url('../pix/bg2.png') no-repeat 0 -20px; width:4400px; height:660px; margin:0 0 0 4400px;}

#header{z-index:2; position:fixed; top:0px; left:0px; font-size:12px;}
.logo{background:url('../pix/logo_l.gif') no-repeat 0 0; width:56px; height:56px; display:block; margin:15px 9px 0 15px; float:left;}
.header_nav{float:left; margin:34px 0 0 0;}
.header_nav a {margin:0 7px;}
#footer{background:#f0eae3; z-index:3; position:fixed; top:620px; left:0px; font-size:11px; margin:14px 0 0 10px;}
#footer a, #footer span{margin:0 5px;}

#overlay {display:none; background:#000; display:none; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; left:0; height:100%; overflow:hidden; position:fixed; top:0; z-index:10; width:100%;}
#popup{display:none; position:fixed; z-index:20;} 
#videoarea{width:624px; height:351px;}
#popupvideo1{display:none; margin-left:auto; margin-right:auto; position:relative; width:624px; background:#fff; padding:0;}
#popuppicture{display:none; margin-left:auto; margin-right:auto; position:relative; width:527px; background:#fff; padding:0;}
.popup .close, #popupvideo1 .close, #popuppicture .close{position:absolute; top:-9px; right:-10px; width:24px; height:24px; background:#fff url(../pix/close.jpg) no-repeat 0 0;}
#popuppicture .left{position:absolute; top:50%; left:-10px; width:24px; height:24px; background:#fff url(../pix/left.jpg) no-repeat 0 0;}
#popuppicture .right{position:absolute; top:50%; right:-10px; width:24px; height:24px; background:#fff url(../pix/right.jpg) no-repeat 0 0;}
#popuppicture #picloading{position:absolute; top:50%; left:48%; width:24px; height:24px; background:#fff url(../pix/loadinfo.gif) no-repeat 0 0;}
#popupimage {width:100%; height:100%;}

.popup{background:#fff; display:none; margin-left:auto; margin-right:auto; position:relative; font-size:11px; line-height:16px;}
.popup input, .popup textarea{background:#e7e7e7;}
#katalog{width:240px; padding:17px 20px 45px 300px;}
#katalog img{position:absolute; left:-38px; top:26px;}
#newsletter{width:240px; padding:17px 20px 25px 20px;}    
#presse{width:960px; padding:17px 20px 25px 20px;}
#presse .meldungen{float:left; width:720px; margin:0 0px 0 0;}
#presse .meldungen hr{margin-right:40px;}
#presse .meldungen div{float:left; width:210px; margin:0 25px 22px 0; font-size:15px; line-height:19px;}
#presse .meldungen a{display:block; font-size:11px; margin:5px 0 0 0;}
#presse .forms{float:left; width:240px;}
#impressum{width:320px; padding:17px 20px 25px 20px; line-height:15px;}
#impressum span{text-transform:uppercase;}
#stores{width:420px; padding:17px 20px 25px 20px;} 
#stores p{float:left; width:160px;}
#stores .floatleft{width:240px; margin:0 20px 0 0;}

.box_news{position:absolute; left:87px; top:160px; background:#fff; width:182px; padding:7px 9px 3px 9px; line-height:15px;}
.box_news h3{line-height:27px;}
p#preloader {background: url(../pix/loadinfo.gif) no-repeat 0 0; padding:5px 0 5px 30px;}
ul#twitter_update_list li {margin:0 0 10px 0;}
ul#twitter_update_list li a {/* timestamp link */}
ul#twitter_update_list li span {display: block;}
ul#twitter_update_list li span a {/* links in tweet */}

.start{font-size:17px; text-align:right;}
.start img{margin:0 45px 6px 0;}
.start .videoslide{margin:0 45px 6px 0; position:relative; width:200px; height:139px;} 
.start .videoslide img{position:absolute; left:0; top:0;}
.start .link{position:absolute; bottom:39px; right:0; font-size:12px; background:#fff; padding:3px 8px 4px; display:block;}
.start01{position:absolute; left:440px; top:100px;}
.start02{position:absolute; left:840px; top:160px;}
.start03{position:absolute; left:620px; top:380px;}

.text_block{font-size:12px; line-height:17px;}
.text_block span{font-size:14px; display:block; line-height:19px; padding:0 0 16px 0;}
.text_block div{width:220px; margin:0 20px 0 0; float:left;}
.text_block h3{font-size:15px; display:block; line-height:21px; padding:9px 0 5px 0; font-weight:normal;}
.text_block a{white-space:nowrap;}
.text_block .text_block_sub{width:280px; margin:0 20px 8px 0; float:left; line-height:16px;}
.text_block .text_block_sub div{float:left; width:130px; margin:0 10px 8px 0;}
.text_block .text_block_sub2{width:240px; margin:0 40px 0 0; float:left; line-height:16px;}

.text_kollektion{position:absolute; left:1500px; top:115px; width:500px;}
.pics_kollektion1{position:absolute; left:2080px; top:160px; width:2050px;}
.pics_kollektion2{position:absolute; left:1600px; top:360px; width:2200px;}
.pics_kollektion1 a, .pics_kollektion2 a{float:left; margin-right:20px;}
.pics_kollektion1 .topspace{margin-top:60px;}
.pics_kollektion2 .link{font-size:12px; background:#fff; padding:3px 8px 4px; margin:20px 0 0 20px; display:block; float:left;}

.text_stoffe{position:absolute; left:4485px; top:275px; width:480px;}
#probe_l0, #probe_l1, #probe_l2, #probe_l3, #probe_l4, #probe_l5, #probe_l6{position:absolute; left:4945px; top:100px; width:440px; display:none;}
#probe_l0{display:block;}
#probe_l0 span, #probe_l1 span, #probe_l2 span, #probe_l3 span, #probe_l4 span, #probe_l5 span, #probe_l6 span{line-height:18px; position:absolute; bottom:0; left:220px; width:220px;}
.probe_s{position:absolute; left:5005px; top:320px; width:240px;}
.probe_s a{float:left; margin:0 20px 20px 0;}
.probe_s .link{clear:both; font-size:12px; background:#fff; padding:3px 8px 4px; margin:20px 0 0 0; display:block;}

.text_blohmann{position:absolute; left:5780px; top:115px; width:480px;}
.pic_blohmann{position:absolute; left:6280px; top:120px; width:260px;}
.pic_blohmann img{float:left;}
.pic_blohmann .link{float:left; font-size:12px; background:#fff; padding:3px 8px 4px; margin:40px 0 0 0; display:block;}

.text_stores{position:absolute; left:6800px; top:255px; width:900px;}
.text_stores hr{margin:0 20px 9px 0;}
.pic_stores{position:absolute; left:7340px; top:100px;}

.text_kontakt{position:absolute; left:8140px; top:115px; width:560px;}
.text_kontakt hr{margin:0 0 9px 0;}    

.ds, a.ds, .ds a{color /*\**/: #000 \9;}

          