html, body { background: #252525; font-family: Arial, Verdana, sans-serif; color: black; font-size: 12px; height: 100%; width: 100%; }
a, a:hover { text-decoration: none; outline: none; color: #c10839; }
table { table-layout: fixed; }
td { vertical-align: top; font-size: 12px; }
p { line-height: 18px; margin: 5px 0; }
.colored { color: #c10839 !important; }
.white { color: white; }
.bold { font-weight: bold; }
.left { float: left; }
.right { float: right; }
#site { width: 960px; margin: 0 auto; position: relative; }
/* CROSSNAVI */
#crossnavi { position: absolute; top: 10px; right: 10px; z-index: 99; }
#crossnavi li { float: left; list-style: none inside none; }
#crossnavi li + li { margin-left: 10px; }
#crossnavi li,
#crossnavi li a,
#crossnavi a:hover { font-family: Arial, Verdana, sans-serif; color: black; font-size: 11px; text-decoration: underline; font-weight: bold; }
#crossnavi li.selected a { font-weight: bold; }
#logo {
display: block;
width: 195px;
height: 92px;
margin: 0 auto 75px;
}
/* CONTENT BEREICH */
#content { padding: 20px 20px 0; background-repeat: no-repeat; position: relative; z-index: 0; }
#content h1 { color: #c10839; font-size: 28px; font-weight: bold; }
#content h1.center { text-align: center; margin-bottom: 20px; }
#content h2 { color: #252525; font-size: 18px; font-weight: bold; /*margin-bottom: 15px;*/ }
#content h3 { color: #C10839; font-size: 18px; position: absolute; right: 108px; text-align: right; top: 135px; width: 500px; }
#content #firstcol { float: left; width: 404px; position: relative; margin-left: 20px; }
#content #secondcol { margin-left: 475px; width: 404px; position: relative; }
#content .hasBackgroundTop { background: transparent url('/media/media/store/10242.') no-repeat left top; padding: 10px 10px 0; width: 404px; }
#content .hasBackgroundBottom { background: transparent url('/media/media/store/10241.') no-repeat left top; position: absolute; left: 0; bottom: -17px; height: 17px; width: 424px; }
.contactMap { margin-top: 20px; }
/* NAVIGATION */
#mainnavi {
position: absolute;
bottom: 37px;
left: 0;
width: 940px;
height: 37px;
padding-left: 20px;
}
#mainnavi > li { float: left; list-style: none inside none; position: relative; padding-top: 16px; }
#mainnavi > li + li { margin-left: 15px; }
#mainnavi > li > a { color: black; font-size: 13px; font-weight: bold; }
#mainnavi > li.selected { background: transparent url('/media/media/store/8205.') no-repeat scroll center 0; }
#subnavi {
position: absolute;
top: 30px;
left: 50%;
width: 250px;
height: 30px;
font-size: 14px;
font-weight: bold;
line-height: 28px;
padding-left: 20px;
margin-top: 7px;
background: transparent url('/media/media/store/8191.') no-repeat left top;
}
#subnavi li { float: left; list-style: none inside none; }
#subnavi li + li { margin-left: 15px; }
#subnavi li a { color: white; font-family: Arial, Verdana, sans-serif; font-size: 13px; }
#subnavi li.selected a,
#subnavi li a:hover { color: #c10839; }
/* STARTSEITE */
#home { padding-top: 4px; }
#home .firstcol { float: left; }
#home .secondcol { margin: 15px 0 0 490px; }
#home .firstcol { margin-left: 160px; text-align: right; }
#home p { color: white; font-size: 16px; font-weight: bold; }
#home a { font-size: 26px; margin-top: 16px; display: block; }
/*******************/
/* PRODUKTSCROLLER */
/*******************/
/* SELECTBOX OBEN LINKS */
#subnavi-selection { position: absolute; top: 185px; z-index: 999; display: none; }
#subnavi-selection span,
#subnavi-selection ul { float: left; }
#subnavi-selection span { color: #c10839; font-size: 14px; font-weight: bold; margin-right: 10px; padding-top: 6px; }
#subnavi-selection ul { display: inline; background: transparent url('/media/media/store/8192.') no-repeat left bottom; width: 115px; padding-bottom: 7px; }
#subnavi-selection ul li { list-style: none inside none; background: transparent url('/media/media/store/8193.') no-repeat left top; padding: 5px 0 0 10px; }
#subnavi-selection ul li + li { display: none; background: none; }
#subnavi-selection ul:hover li { display: block; }
#subnavi-selection ul li a { color: black; font-family: Arial, Verdana, sans-serif; }
#subnavi-selection ul li a:hover { text-decoration: underline; }
/* PRODUKT LISTE */
#scroller-wrapper { clear: both; position: relative; padding-top: 55px; height: 220px; }
#scroller-wrapper #arrow-next,
#scroller-wrapper #arrow-prev { position: absolute; top: 140px; width: 23px; height: 25px; background: url('/media/media/store/10237.') no-repeat right top; cursor: pointer; }
#scroller-wrapper #arrow-next { right: 0; }
#scroller-wrapper #arrow-prev { left: 0; background-position: left top; display: block; }
#scroller-wrapper #arrow-next:hover { background-position: right bottom; }
#scroller-wrapper #arrow-prev:hover { background-position: left bottom; }
#scroller { position: relative; width: 805px; overflow: hidden; top: 0; left: 80px; }
#scroller #items { overflow: auto; position: relative; left: 270px; width: 99999px; }
#scroller li { list-style: none inside none; float: left; width: 215px; position: relative; }
#scroller li + li { margin-left: 55px; }
#scroller .shadow,
#scroller .border-white,
#scroller .border-selected { position: absolute; width: 215px; height: 215px; }
#scroller .border-white { background: transparent url('/media/media/store/8206.') no-repeat left top; top: 0; z-index: 30; }
#scroller .border-selected { background: transparent url('/media/media/store/8203.') no-repeat left top; top: 0; z-index: 40; display: none; }
#scroller .shadow { background: transparent url('/media/media/store/8196.') no-repeat left top; width: 256px; height: 24px; bottom: 0; left: 5px; z-index: -50; }
#scroller .info { display: none; }
/* PRODUKT INFO */
#item-info { width: 430px; height: 83px; background: transparent url('/media/media/store/8189.') no-repeat left top; margin: 20px auto 0; padding: 7px 10px 0 20px; }
#item-info .title { font-size: 14px; color: #373737; font-weight: bold; }
#item-info .subtitle { font-size: 14px; color: #666; }
#item-info .material { font-size: 11px; color: #666; }
#item-info .text { font-size: 12px; color: #373737; line-height: 18px; margin: 5px 0; }
/* PRODUKT HOVER + DETAIL SHADOWBOX*/
.detailarea { position: absolute; display: block; width: 81px; height: 82px; z-index: 999; }
.detailarea:hover,
.detailarea.blink { background: transparent url('/media/media/store/8207.') no-repeat left top; }
.detailarea .description { display: none; }
.first-position { top: 110px; left: 20px; }
.second-position { top: 10px; left: 40px; }
.third-position { top: 80px; left: 110px; }
#sb-body-inner .description { color: white; background-color: #444; min-height: 220px; height: 100%; }
#sb-body-inner .detailimage { float: left; margin: 10px 20px 0 10px; }
#sb-body-inner .detailtitle { font-size: 14px; font-weight: bold; padding-top: 10px; }
/* PHILOSOHPIE */
#item-info.big { width: 420px; padding: 15px 20px 0; height: 110px; margin-top: 15px; background: transparent url('/media/media/store/8190.') no-repeat left top; }
.philosophie #scroller-wrapper { padding-top: 45px; }
.philosophie .info { display: block; position: absolute; top: 0; left: 230px; }
.philosohpie #item-info .title { color: #c10839; }
.philosohpie #item-info .next { color: #c10839; font-weight: bold; }
/* EVENTS */
.event #info.nogallery { background: transparent url('/media/media/store/10684.') no-repeat left 37px; height: 347px; }
.event #info { padding: 0 20px 20px 20px; margin-bottom: 30px; width: 600px; height: 228px; float: left; background: transparent url('/media/media/store/10239.') no-repeat left 37px; }
.event #info h1 { margin: 0 0 25px -20px; }
.event #info p { font-size: 14px; line-height: 18px; }
.event #sidenavi { position: absolute; right: 20px; bottom: 135px; width: 215px; }
.event #sidenavi > img { margin-bottom: 20px; }
.event #scroller-wrapper { height: 115px; width: 630px; padding-top: 0; }
.event #scroller-wrapper #arrow-next,
.event #scroller-wrapper #arrow-prev { top: 40px; }
.thumbnails #scroller { left: 40px; width: 550px; }
.thumbnails #scroller #items { left: 0; }
.thumbnails #scroller #items li { width: auto; }
.thumbnails #scroller #items li + li { margin-left: 10px; }
#event-scroller-up,
#event-scroller-down { width: 214px; background: transparent url('/media/media/store/8181.') no-repeat left top; cursor: pointer; height: 15px; }
#event-scroller-up { background: transparent url('/media/media/store/8182.') no-repeat left top; margin-top: 5px; }
#event-scroller { height: 49px; overflow: hidden; position: relative; background: url("/media/media/store/10240.") repeat scroll -2px top transparent; }
#event-list li { list-style: none outside none; width: 200px; min-height: 15px; padding: 1px 0 1px 14px; }
#event-list li a { font-size: 11px; font-weight: bold; color: black; }
#event-list li a:hover { text-decoration: underline; }
#event-list li.selected a { color: #c10839; }
/* KONTAKT */
a.map { display: block; margin-top: 20px; }
/* PRODUKT LISTE VON CUSTOM PRODUKTEN */
.custom-products { position: relative; left: -13px; }
.custom-products #scroller { left: 40px; width: 850px; }
.custom-products #scroller-wrapper { padding-top: 30px; }
.custom-products #scroller-wrapper #arrow-next { right: -21px; }
.custom-products #items { left: 0 !important; }
.custom-products #items li { width: 850px; }
.custom-products #scroller .info {
display: block;
position: absolute;
top: 0;
left: 230px;
background: transparent url('/media/media/store/10202.') no-repeat left 44px;
width: 620px;
height: 215px;
}
.custom-products #scroller .title { font-size: 28px; font-weight: bold; color: #c10839; margin: 0 0 15px; }
.custom-products #scroller .subtitle { font-size: 18px; font-weight: bold; color: black; padding-top: 10px; }
.custom-products #scroller .text { font-size: 14px; line-height: 18px; }
.custom-products #scroller .subtitle,
.custom-products #scroller .text { margin-left: 20px; padding-right: 10px; }
.custom-products #scroller .client { color: #c10839; font-weight: bold; text-align: right; padding-right: 30px; }
/* graue Buttons "Termin machen" und "zurueck zu Kreationen" */
#make-appointment-back {
color: #252525;
font-size: 11px;
height: 25px;
padding-top: 3px;
font-weight: bold;
display: block;
width: 260px;
height: 35px;
position: absolute;
background: transparent url('/media/media/store/8188.') no-repeat left top;
padding-left: 23px;
left: 20px;
bottom: 0;
}
#make-appointment {
color: #252525;
font-size: 11px;
font-weight: bold;
display: block;
background: transparent url('/media/media/store/8187.') no-repeat right top;
padding: 2px 20px 0 0;
height: 15px;
position: absolute;
right: 10px;
bottom: 7px;
}
/* TERMIN FORMULAR */
#beratungstermin { width: 596px; height: 262px; margin: 0 auto; background: transparent url('/media/media/store/10244.') no-repeat left top; padding: 15px; position: relative; }
form#contactform { width: 580px; margin-top: 10px; }
form#contactform > div { width: 50%; }
form#contactform div.left { font-size: 16px; line-height: 24px; }
form#contactform > div > div + div { margin: 10px 0 3px; }
form#contactform label { font-size: 16px; font-weight: bold; color: #252525; }
form#contactform input[type=text],
form#contactform textarea { width: 100%; border: 1px solid #999; }
form#contactform input { height: 20px; line-height: 19px; }
form#contactform textarea { height: 60px; overflow: auto; }
form#contactform a { font-size: 18px; font-weight: bold; margin-top: 10px; width: 265px; text-align: right; }
form#contactform .errormessage { display: block; padding-top: 5px; font-weight: bold; }
form#contactform .okmessage { color: green; display: block; padding-top: 5px; font-weight: bold; }
/* SPEKTRUM */
#pages { position: relative; }
#pages .page { clear: both; }
#spektrum-backbutton,
#scroller-wrapper.spektrum #arrow-prev,
#scroller-wrapper.spektrum #arrow-next { top: 175px; }
#spektrum-backbutton { position: absolute; left: -10px; width: 23px; height: 25px; background: url('/media/media/store/10237.') no-repeat left top; cursor: pointer; }
#spektrum-backbutton:hover { background-position: bottom left; }
#scroller-wrapper.spektrum #arrow-prev { display: none; left: -10px; }
#scroller-wrapper.spektrum #arrow-next { right: -10px; }
#scroller-wrapper.spektrum { padding-top: 0; }
.spektrum #scroller { left: 26px; width: 872px; }
.spektrum #scroller #items { left: 269; }
.spektrum #scroller li { width: 832px; height: 398px; padding: 0 20px; background: transparent url('/media/media/store/10292.') no-repeat left top; }
.spektrum #scroller #firstcol { width: 420px; }
.spektrum #scroller #secondcol { margin-left: 430px; width: 420px; }
.spektrum table { height: 398px; }
.spektrum td { padding: 10px; width: 50%; vertical-align: middle; }
.spektrumlist #items li { list-style: none; float: left; }
.spektrumlist #items > li { width: 910px; }
.spektrumlist #items li li { margin: 25px 25px 0 0; padding: 10px 0 0 10px; background: transparent url('/media/media/store/10294.') no-repeat left top; width: 420px; height: 132px; }
#scroller-wrapper.spektrumlist #scroller { width: 885px; left: 23px; }
#scroller-wrapper.spektrumlist #scroller #items { left: 303px; }
#scroller-wrapper.spektrumlist #arrow-prev,
#scroller-wrapper.spektrumlist #arrow-next { top: 166px; }
#scroller-wrapper.spektrumlist { padding-top: 0; }
#scroller-wrapper.spektrumlist #arrow-prev { display: none; left: -10px; }
#scroller-wrapper.spektrumlist #arrow-next { right: -10px; }
/* NEWSLETTER */
#newsletter {
background: url("/media/media/store/12277.") no-repeat scroll 0 0 transparent;
bottom: -7px;
height: 42px;
padding: 17px 5px 0 15px;
position: absolute;
right: -6px;
text-align: center;
width: 115px;
}
#newsletter a { color: #434343; font-weight: bold; }
/* FOOTER */
#footer { height: 40px; width: 960px; text-align: center; background: #434343; padding-top: 5px; }
#footer p,
#footer a,
#footer a:hover { font-family: Arial, Verdana, sans-serif; color: white; font-size: 10px; color: white; line-height: 16px; margin: 0}
#footer a,
#footer a:hover { text-decoration: underline; }
#footer a:hover { color: white; }