*
{ color: #404040; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; padding: 0; margin: 0; }

html
{ height: 100%; }

body
{ font-size: 85%; line-height: 140%; height: 100%; background: #ffffff url(../img/hintbipi.jpg) no-repeat fixed left top; border: none; }

body#var1
{ background: #ffffff url(../img/hintbivar1pi.jpg) no-repeat fixed left top; }

body#var2
{ background: #ffffff url(../img/hintbivar2pi.jpg) no-repeat fixed left top; }

#inhalt
{ min-width: 850px; max-width: 1450px; min-height: 100%; background: transparent url(../img/rechtspi.gif) repeat-y 70% top; }

#var1 #inhalt, #var2 #inhalt
{ min-width: 770px; background: transparent url(../img/rechts1pi.gif) repeat-y 95% 0; }

#fixo
{ position: fixed; top: 0; left: 0; width: 100%; min-width: 850px; max-width: 1450px; }

#kopf
{ height: 100px; overflow: hidden; background: #404040; }



#menuequer
{ position: absolute; top: 65px; left: 0; font-size: 0.92em; text-align: center; z-index: 4; height: 2em; background-color: transparent; padding: 0.3em 0 0.2em; margin: 0; }

#menuequer a:link, #menuequer a:visited
{ text-decoration: none; }

#menuequer a:hover, #menuequer a:active, #menuequer a:focus
{ text-decoration: none; display: block; }

#menuequer li
{ float: left; position: relative; display: block; width: 9.3em; list-style: none; padding: 0.2em 0; margin: 0; }

#menuequer li ul
{ position: absolute; left: -1px; text-align: center; display: none; z-index: 2; background: #404040; padding: 6px 0 0; margin: 0; }

#menuequer li:hover ul
{ display: block; }

#menuequer li li
{ clear: both; background: #404040; padding: 0.2em 0; margin: 0; }

#menuequer li li a
{ display: block; }

#menuequer li li a:link, #menuequer li li a:visited
{ font-size: 0.9em; }

#menuequer li li a:hover, #menuequer li li a:active, #menuequer li li a:focus
{ font-size: 0.9em; }


#menuequer ul li ul, #menuequer li:hover ul ul
{ position: absolute;  top: -6px; left: 9.3em; display: none; z-index: 6; background: #404040; }

#menuequer ul li:hover ul
{ display: block; }

#menuequer li li li
{ display: block; background: #404040; }

#menuequer .lev1act a:link, #menuequer .lev1act a:visited, #menuequer .lev2act a:link, #menuequer .lev2act a:visited, #menuequer .lev3act a:link, #menuequer .lev3act a:visited
{ color: #ffffff; font-weight: 700; }

#menuequer .lev1no a:link, #menuequer .lev1no a:visited, #menuequer .lev2no a:link, #menuequer .lev2no a:visited, #menuequer .lev3no a:link, #menuequer .lev3no a:visited
{ color: #d3d3d3; }

#menuequer .lev1no a:hover, #menuequer .lev2no a:hover, #menuequer .lev3no a:hover
{ color: #f13535; }



#spaltenli
{ float: left; width: 70%; margin: 100px 0 30px; }

#var1 #spaltenli, #var2 #spaltenli
{ float: left; width: 95%; }

#links
{ float: left; width: 300px; }

#var1 #links
{ float: left; font-size: 0.94em; width: 240px; }

#var2 #links
{ float: none; display: none; }

#normal
{ margin: 0 30px 0 330px; }

#var1 #normal
{ width: auto; max-width: 800px; padding: 0 35px 0 275px; margin: 0 auto 0; }

#var2 #normal
{ width: auto; max-width: 1000px; padding: 0 35px; margin: 0; }

#rechts
{ float: right; width: 30%; margin: 100px 0 30px; padding: 0; }

#var1 #rechts, #var2 #rechts
{ float: right; width: 5%; padding: 45px 0 30px; }

#rechts p, #rechts h1, #rechts h2, #rechts h3, #rechts h4, #rechts h5, #rechts h6, #rechts ul, #rechts ol, #rechts dl,#rechts table, #rechts .csc-textpic-caption
{ color: #f5f5f5; width: 200px; }


.clear
{ clear: both; font-size: 0px; height: 0px; }


#fixu
{ position: fixed; left: 0px; bottom: 0px; width: 100%; height: 2em; background: #404040; }

#meta
{ font-size: 0.95em; display: inline; background: #404040; padding: 0 0 2px 30px; margin: 0 0 0 105px; }

.pfad, #var1 .pfad, #var2 .pfad
{ position: absolute; left: 380px; bottom: 0px; color: #dddddd; font-size: 0.9em; display: inline; height: 1.8em; background: #404040 url(../img/pfad.gif) no-repeat left 1px; padding: 0 0 2px 18px; margin: 0; }

#fuss
{ display: none; }


#kopf h1
{ color: #fafafa; font-size: 39px; font-weight: 700; padding: 0 0 0 220px; display: none; }

#kopf p, #kopf h2
{ color: #fafafa; font-size: 16px; font-variant:small-caps; text-align: right; letter-spacing: 0.05em; padding: 29px 25px 0 0; margin: 0; }


#meta li
{ list-style: none; display: inline; padding: 0 12px 0 0; }



.schild
{ position: absolute; top: 15px; left: 33px; width: 269px; height: 42px; border: none; }

#kopf img
{ position: absolute; top: 4px; right: 45px; }

#rechts img
{ width: 260px; }

#suchfor
{ position: absolute; bottom: 4px; left: 35px; margin: 0; }

#sword
{ float: left; font-size: 0.9em; width: 6em; height: 1.4em; background: #dddddd; border-bottom: 1px solid #eeeeee; }

.suche
{ float: left; width: 20px; height: 16px; padding: 0 0.5em 0 4px; border: none; margin: 0 0 -2px; }

.druck
{ width: 16px; height: 16px; margin: 5px 5px -2px 0; border: none; }

.mail
{ width: 20px; height: 16px; margin: 5px 0 -2px 0; border: none; }

.motiv
{ margin: 0 0 20px; }



div.csc-textpic-imagewrap, div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image
{ margin: 0; }

.csc-textpic-image
{ border: none; }

.csc-frame-frame1 .csc-textpic-caption
{ font-size: 0.95em; padding: 8px 20px 30px; }





.contenttable
{ border-collapse: collapse; background: #fcfcf1; padding: 1px; border: 1px solid #b1a922; margin: 20px 0; }

.contenttable thead
{ font-size: 1em; font-weight: 700; vertical-align: top; padding: 10px 5px 5px 10px; border: 1px solid #b1a922; }

.contenttable thead p
{  }

.contenttable td
{ vertical-align: top; padding: 5px 10px; border: 1px solid #b1a922; }

.contenttable p
{ margin: 0; }



a:link, a:visited
{ color: #b30000; text-decoration: none; }

a:hover, a:active, a:focus
{ color: #7e7e7e; }

#rechts a:link, #rechts a:visited
{ color: #ffffff; text-decoration: none; }

#rechts a:hover, #rechts a:active, #rechts a:focus
{ color: #eff7d9; text-decoration: underline; }


#meta a:link, #meta a:visited
{ color: #dddddd; text-decoration: none; }

#meta a:hover, #meta a:active, #meta a:focus
{ color: #f13535; }


.pfad a:link, .pfad a:visited
{ color: #dddddd; font-weight: 400; text-decoration: none; }

.pfad a:hover, .pfad a:active, .pfad a:focus
{ color: #f13535; }




fieldset
{ border: none; }

#mailform
{ margin: 10px 0; }

.csc-mailform-label
{ display: block; margin: 10px 0 0; }

.csc-mailform-field
{ margin: 2px 0 0; }

.csc-mailform-field label
{ clear:both; float: left; display: block; width: 90px; height: 20px; margin: 0 10px 0 0; }

.csc-mailform-field input
{ width: 170px; height: 20px; }

.csc-mailform-field select
{ width: 164px; margin: 0 0 0 10px; }

.csc-mailform-field input.csc-mailform-check
{ width: auto; margin: 0 0 0 10px; }

#mailform textarea
{ float: none; font-size: 1em; width: 270px; height: 200px; }

.csc-mailform-field .csc-mailform-submit
{ clear: both; width: auto; height: auto; padding: 1px 30px;  margin: 0 0 0 100px; }









.arrow img
{ width: 16px; height: 16px; border: none; }



/* list = category list */

.list
{ margin: 40px 0 0; }

.list div
{ margin: 0 0 20px; }




/* search = article list */

.search
{ margin: 40px 0 20px; }

.search table
{ text-align: left; }

.search th, .search td
{ padding: 0 10px 30px 0; } 

.search td p
{ margin: 0; } 

.search .category, .search .line
{ font-size: 1.2em; font-weight: 700; }

.search .title
{ font-size: 1.2em; }



/* single = article single view */

.single
{ margin: 0 0 50px; }

.single .arrow, .materialslist .arrow
{ position: relative; top: 20px; }

.single .price
{ position: relative; left: 510px; bottom: 3.8em; font-size: 1.1em; width: 200px; }

.single .variants
{ position: relative; left: 510px; bottom: 3.6em; font-size: 1.1em; width: 200px; }



.single .description
{ clear: both; margin: -10px 0 30px; }

.single .images2, .single .images2 div, .single .sketch, .single .sketch div
{ display: inline; }

.single .images2 div a
{ margin: 0 5px 0 0; }

.single .sketch img
{ background: #dedede; margin: 0 0 0 -2px; }

.single .info
{ clear: both; color: #ffffff; font-size: 1.6em; font-weight: 400; font-variant: small-caps; letter-spacing: 0.03em; text-align: center; background: #7e7e7e; padding: 5px 0; margin: 30px 0; }

.single h4
{ margin: 10px 0 20px; }

.singlelist dt
{ display: inline; }

.singlelist dt div
{ display: inline; }

.singlelist dd
{ float: left; display: block; color: #ffffff; font-weight: 700; font-size: 1em; width: 290px; background: #7e7e7e; padding: 0 5px; margin: 0 0 10px; }



/* materialslist = colours / colours2 list view */

.materialslist select
{ margin: 0 50px 0 10px; }

.colours
{ font-weight: 700; text-align: left; vertical-align: top; margin: 15px 0 60px; } 

.colours2
{ font-weight: 700; text-align: left; vertical-align: top; margin: 15px 0; } 

.colours td, .colours2 td
{ padding: 5px; } 

.colours .ikey, .colours2 .ikey
{ font-weight: 400; white-space: nowrap; }

.colours .title
{ width: 150px; }




/* pricelist = pricelist ("variants") */

.pricelist
{ margin: 40px 0 0; }

.pricelist .price
{ margin: 0 0 30px; }

.pricelist h2
{ margin: 0 0 1.6em; }





/*  diverses  */

.list div img
{ display: none; }

.list div a img
{ display: inline; }

.search td img, .single td img, .singlelist div img
{ display: none; }

.search td a img, .single td a img, .singlelist div a img
{ display: inline; }

.images div img, .images2 div img, .sketch div img
{ display: none; }

.images div a img, .images2 div a img, .sketch div a img
{ display: inline; }

.singlelist dt div img
{ display: none; }

.singlelist dt div a img, .singlelist dt div
{ display: inline; }