@charset "utf-8";



/* --> RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

img { display: block; }



/* --> MAIN DEFS */

html { min-height: 100%; background: #f9f9f9 url(images/html_bg.gif) repeat-y; } 
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: transparent url(images/page_bg.gif) repeat-x;  margin: 0; padding: 0; min-height: 100%; color: #626262; }

a { border: none; text-decoration: none; color: #5c5c5c; }

a img { border: none; }

#page p a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #5c5c5c; border-bottom: 1px solid  #e5e6e6; }
#page p a:hover { color: #cb2490; border-bottom: 1px solid  #cb2490; }



/* --> WRAPPERS */

div#page { width: 100%; display: block; min-height: 400px; background: transparent url(images/body_bg.gif) 906px 0 no-repeat; margin: 0; padding: 0; }
div#wrapper { width: 906px; }



/* --> HEADER */

div#header { display: block; width: 836px; height: 55px; padding: 24px 0 0 70px; background: transparent url(images/header_bg.gif) no-repeat; position: relative; }

div#header h1 { display: block; width: 218px; height: 35px; margin: 0; padding: 0; }
div#header h1 a { display: block; text-decoration: none; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent url(images/h1_a_bg.gif) no-repeat; text-indent: -2000px; }

div.logo_print { display: none; }
div.styler01_print { display:none; }



/* --> MAINNAVIGATION */

ul#mainNav { display: block; background: transparent url(images/mainNavi_bg.gif) no-repeat; position: absolute; left: 0; top: 79px; margin: 0; padding: 25px 0 0 0; width: 285px; height: 397px; list-style: none; }
ul#mainNav li { padding: 0; list-style: none; height: 28px; overflow: hidden; margin-top: expression(-3 + "px" ); margin-right: 0; margin-bottom: 0; }
ul#mainNav li a { color: #868889; border: none; text-decoration: none; background: transparent url(images/mainNavi_dot.gif) no-repeat; padding: 1px 0 5px 24px; display: block; margin: 0; }
ul#mainNav li a:hover, a#mainNav_active { font-weight: bold !important; color: #bb0977 !important; background: transparent url(images/mainNavi_dot_active.gif) no-repeat !important; }

li#mainNav_1 { margin-left: 160px; font-weight: bold; }
li#mainNav_2 { margin-left: 137px; font-weight: bold; }
li#mainNav_3 { margin-left: 120px; font-weight: bold; }
li#mainNav_4 { margin-left: 107px; font-weight: bold; }
li#mainNav_5 { margin-left: 98px; font-weight: bold; }
li#mainNav_6 { margin-left: 90px; font-weight: bold; }
li#mainNav_7 { margin-left: 86px; font-weight: bold; }
li#mainNav_8 { margin-left: 84px; font-weight: bold; margin-bottom: 10px !important;  }

li#mainNav_9 { margin-left: 86px; }
li#mainNav_10{ margin-left: 90px; }
li#mainNav_11{ margin-left: 97px; margin-bottom: 10px !important;  }
li#mainNav_12{ margin-left: 112px; }
li#mainNav_13{ margin-left: 127px; }
li#mainNav_14{ margin-left: 146px; }



/* --> SUBNAVIGATION */

div#subNav { display: block; width: 590px; height: 20px; background: #d0d2d3 url(images/subNavi_bg.gif) no-repeat; position: absolute; left: 70px; top: 59px; margin: 0; padding: 0 0 0 245px; }
div#subNav ul { display: block; width: 590px; height: 20px; margin: 0; padding: 0; list-style-type:none; }
div#subNav ul li { display: block; width: auto; height: 20px; float:left; list-style-type:none; font-size: 13px; position: relative; margin: 0; padding: 0 0 0 0 !important; border-left: 1px solid #ffffff; }
div#subNav ul li.last { border-right: 1px solid #ffffff; }

/* erste Ebene */
div#subNav ul a { width: auto; border: none; text-decoration: none; padding: 2px 10px 0 10px; margin: 0; color: #454444; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; text-decoration: none; height: 18px; background: transparent url(images/subNavi_line.gif) bottom repeat-x; }
div#subNav ul a:hover, a#subNav_e1_active { background: #858281 url(images/subNavi_line_hover.gif) bottom repeat-x !important; color: #ffffff !important; }

/* zweite Ebene */

div#subNav ul li ul { margin: 0 0 0 0; border: 0 none; padding: 1px 0 0 0; width: auto; height: auto; list-style: none; display: none; position: absolute; top: 20px; left: 0; background: transparent; -moz-opacity:0.9; }
div#subNav ul li ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
div#subNav ul li ul li { width: 130px; padding: 0 !important; margin: 0 !important; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ height: auto; border-left: none; }

div#subNav ul li:hover li a, div#subNav ul li.iehover li a {  float: none; }
div#subNav ul li ul li a { color: #ffffff; font-size: 11px; background: transparent url(images/subNavi_line_hover.gif) bottom repeat-x; padding-top: 3px; }
div#subNav ul li ul li a:hover { background: transparent url(images/subNavi_line.gif) bottom repeat-x !important; color: #454444 !important; }

div#subNav ul ul ul { display: none; position: absolute; top: 0; left: 130px; border-left: 1px solid #a4a4a4; padding-top: 0 !important; }

/* dritte Ebene */

div#subNav ul li ul li ul li a { color: #454444; }

/* Do Not Move - Must Come Before display:block for Gecko */

div#subNav ul li:hover ul ul, div#subNav ul li.iehover ul ul {   display: none; }
div#subNav ul li:hover ul, div#subNav ul ul li:hover ul {  display: block; }
div#subNav ul li.iehover ul, div#subNav ul ul li.iehover ul { display: block; }

li.persistHover, a.persistHover { }

span.counter { width: 13px; text-align: center; line-height: 12px; padding-left: 3px; background: #f9f9f9; color: #696969; font-size: 12px; position: absolute; right: 0px; top: 0px; bottom: 1px; }



/* --> CONTENT */

div#content { display: block; width: 590px; height: auto; line-height: 130%; overflow: hidden; padding: 0; margin: 0 0 10px 315px; }

div.content_1Col { display: block; width: 570px; margin: 0 0 30px 0; clear: left; }
div.content_1Col.option_1 { margin-bottom: 0; }
div.content_1Col p { width: 90%; }

div.content_2Col_left { display: block; width: 275px; padding-top: 15px; margin: 0 20px 30px 0; float: left; }
div.content_2Col_right { display: block; width: 275px; padding: 15px 0 0 0; margin: 0 0 30px 0; float: left; }
div.content_2Col_left.option_2, div.content_2Col_right.option_2 { margin-top: 0px; padding-top: 0; }

/* textstyles */

div#content h2 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 36px; color: #c3027f; font-weight:normal; line-height: 140%; margin: 25px 0 15px 0; padding: 0; }
div#content h3 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 26px; color: #696969; font-weight: normal; line-height: 120% !important; margin: 25px 0 20px 0; }
div#content .start h3 { margin: 10px 0 30px 0; }
div#content h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; }

div#content p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0.5em 0; }
div#content p.textstyle { font-weight: bold; }

div#content p.clear-left { clear: left; }
div#content p.clear-right { clear: right; }

div#content .teaser {  font-size: 14px; font-weight: bold; margin-bottom: 15px; line-height: 130%; }
div#content img.flt-left { float: left; margin: 0 20px 20px 0; display: block; }
div#content img.flt-right { float: right; margin: 0 0 20px 20px; display: block; }
div#content img { margin-bottom: 20px; }

div#content .content-button { display: inline-block; width: auto; height: 19px; font-weight: bold; color: #ffffff !important; padding: 1px 10px 0 30px; margin-bottom: 10px; background: #d0007e url(images/content_button_bg.gif) no-repeat; border-bottom: none; text-transform: uppercase; }
div#content .content-button:hover { background-position: left bottom; border-bottom: none; }

/* pageTeasers */


div.start.pageTeasers { display: block; width: 570px; margin-right: -20px; overflow: hidden; position:relative; }
div.start.pageTeasers .pageTeaser { float: left; margin-right: 10px; }

div.pageTeaser { display: block; width: 273px; height: 130px; border: 1px solid #d0d2d3; background: transparent url(images/pageTeaser_bg.gif) repeat-x; margin-bottom: 10px; }

div.pageTeaser a { text-decoration: none; border: 1px solid #FFFFFF; float: left; display: inline; margin: 0; width: 128px; background: #ffffff; text-align: center; }
div.pageTeaser a:hover { border-bottom: 1px solid #FFFFFF !important; }
div.pageTeaser a img { margin: 0 auto; display: block; }

div.pageTeaser div { margin-left: 10px; margin-right: 4px; float: left; display: inline; width: 128px; }
div.pageTeaser div p { font-size: 12px !important; line-height: 130%; }
div.pageTeaser div h4 { margin-top: 10px; margin-bottom:5px; }
div.pageTeaser div a { text-transform: uppercase; float: none; text-decoration: none; font-size: 11px; font-weight: bold; color: #5c5c5c; background: transparent url(images/pageTeaser_arrow.gif) 0 3px no-repeat; padding-left:10px; border: none !important; }
div.pageTeaser p a:hover { color: #cb2490; background: transparent url(images/pageTeaser_arrow_active.gif) 0 3px no-repeat; border: none !important; }

/* produktübersicht */

ul.productOverview { display: block; width: 590px; margin: 0; padding: 0; }
ul.productOverview li { width: 178px; background-color: #e8e9e9; height: 330px; margin: 20px 15px 0 0; border: 1px solid #d0d2d3; list-style-type: none; float: left; padding: 0; position: relative; }
ul.productOverview li a.bg_img { display: block; background: #fff; border-bottom: none !important; }
ul.productOverview li a.bg_img:hover { border-bottom: none !important; }
ul.productOverview li img.portrait { border: none; margin-left: 1px; display: block; }
ul.productOverview li h4 { color: #bd0a79; font-size: 13px; margin: 10px 5px 3px 10px; font-weight: normal !important; }
ul.productOverview li p { margin: 7px 5px 7px 10px !important; font-size: 12px !important; }
ul.productOverview li .moreInfos { display: block; background: #FFFFFF; position: absolute; width: 178px;  bottom: 0; height: 35px; }
ul.productOverview li .moreInfos p { float: left; display: block; width: 100px; }
ul.productOverview li .moreInfos p span { font-size: 24px; font-weight: bold; color: #bd0a79; padding: 0 0 0 5px; }
ul.productOverview .moreInfos span a { text-transform: uppercase; border: none; text-decoration: none; font-size: 11px; font-weight: bold; color: #5c5c5c; background: transparent url(images/pageTeaser_arrow.gif) no-repeat 0 4px; padding-left:10px; border: none !important; float: left; margin: 10px 0 0 0; }
ul.productOverview .moreInfos span a:hover { color: #cb2490; background: transparent url(images/pageTeaser_arrow_active.gif) no-repeat 0 4px; border: none !important; }
ul.productOverview.offer li { height: 259px; background: #ffffff; }
ul.productOverview.offer li a img { margin: 0 auto 0 auto; display: block; padding: 10px 0 0 0; }
ul.productOverview.offer li .moreInfos { background: #f5f6f6; }
ul.productOverview.offer li h4 { background: #bd0a79; display: block; color: #FFFFFF; font-size: 13px; padding: 5px 5px 3px 10px; height: 20px; margin: 0 !important; font-weight: normal !important; }

/* detailseite für produkt*/

div.productdetails { display: block; }
div.productdetails .moreInfos span.price { display: block; color: #bd0a79; font-size: 30px; font-weight: bold; margin-top: 40px; height: 40px; line-height: 40px !important; }
div.productdetails .content_1Col { display: block; float:left; border: 1px solid #BD0A79; width: 568px; margin: 20px 0 0 0; }
div.productdetails .content_1Col h4 { display: block; margin: 2px; padding: 5px 10px 7px 10px; background: #F9F9F9; color: #696969; font-weight: normal !important; }
div.productdetails .content_1Col table { margin: 15px 10px 10px 10px; padding: 0; }
div.productdetails .content_1Col table tr { border-bottom: 1px dotted #696969; display: block; }
div.productdetails .content_1Col table th { font-size: 13px; width: 150px; vertical-align:top; text-align: left; }
div.productdetails h3 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px !important; color: #696969; font-weight: normal; }

/* team */

ul.team_pageTeaserList { display: block; width: 583px; list-style: none; margin: 30px -13px 0 0; padding: 0; overflow: hidden; clear: both; }
ul.team_pageTeaserList li { display: block; width: 132px; height: auto; background: #f0f0f0 url(images/pageTeaser_bg.gif) left bottom repeat-x; margin: 13px 13px 0 0; padding: 0; float: left; overflow: hidden; }
div#team_bigboss { display: block; width: 132px; background: #f0f0f0 url(images/pageTeaser_bg.gif) left bottom repeat-x; margin: 20px 20px 0 0; padding: 0; float: left; overflow: hidden; }
ul.team_pageTeaserList li a.teamLink, div#team_bigboss a.teamLink { display: block; color: #000000; border: 1px solid #d0d2d3; }
ul.team_pageTeaserList li a.teamLink:hover, div#team_bigboss a.teamLink:hover { border-color: #868889 !important; }
ul.team_pageTeaserList li a.teamLink:hover h4, div#team_bigboss a.teamLink:hover h4 { background-color: #d6208e; }
ul.team_pageTeaserList li img.portrait, div#team_bigboss img.portrait { text-decoration: none; border: 1px solid #FFFFFF; margin: 0 !important; display: block; padding: 0; }
ul.team_pageTeaserList li p, div#team_bigboss p { display: block; height: auto; width: 112px !important; font-size: 12px !important; line-height: 140%; margin: 0 0 !important; padding: 5px 10px; border-top: 1px solid #d0d2d3; }
ul.team_pageTeaserList li h4, div#team_bigboss h4 { display: block; font-size: 12px !important; margin: 0 !important; padding: 2px 0 2px 10px; border-bottom: 1px solid #ffffff !important; background: #868889; color: #ffffff; }

div#team_text { display: block; width: 400px; float: left; padding: 0; margin: 0; clear: right; }
div#team_text p { width: 100%; }

/* gallerien */

.pics { width: 271px; padding: 0; margin: 0; border: 1px solid #d0d2d3; margin: 15px 0 10px 0; background: #f9f9f9; } 
 
.pics img { width: 271px; display: block; } 

ul#showroom { display: block; list-style-type: none; margin: 0; padding: 0; }
ul.gallery { display: block; margin: 0 0 15px 0; padding: 0; overflow: hidden; }
ul.gallery li{ display: block; float: left; list-style-type: none; margin: 0 2px 2px 0; }
ul.gallery li p { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px !important; color: #767879; background-color: #d0d2d3; width: 90px; height: 19px; padding: 3px 0 0 9px; margin: 0 !important; }
ul.gallery li a { display:block; border: none !important; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #767879; width: 14px; height: 19px; background: transparent url(images/content_square.gif) no-repeat; padding: 3px 0 0 8px; cursor: pointer; } 
ul.gallery li a:hover, .activeSlide { color: #d0007e !important; background: transparent url(images/content_square_active.gif) no-repeat !important; }

div.show_one { display: block; width: 271px; height: auto; overflow: hidden; margin: 15px 0 15px 0; padding: 1px 1px 1px 1px; border: 1px solid #d0d2d3; }
div.gallery_show_one { display: block; width: 271px; height: auto; overflow: hidden; margin: 15px 0 10px 0; padding: 1px 1px 1px 1px; border: 1px solid #d0d2d3; }
div.show_one img { display: block; }

ul#offer { display: block; margin: 10px -10px 0 0; padding: 0; width: 285px; height: auto; overflow: hidden; }
ul#offer li { display: block; list-style-type: none; float: left; margin: 0 10px 10px 0; border: 1px solid #d7d7d8; position: relative; }
ul#offer li a img { border: 1px solid #ffffff; }
ul#offer li a { display:block; text-decoration: none; border: none; }
ul#offer li p { display: inline; position: absolute; top: 30px; left: 50px; background: transparent url(images/offer_p_bg.gif) repeat; font-size: 12px; font-weight: bold; color: #FFFFFF; margin: 0; padding: 0 5px; }


/* template-bilder */

div.pic_2Col_top { display: block; padding: 1px 1px 1px 1px; margin: 0; border-bottom: 1px solid #d0d2d3; border-left: 1px solid #d0d2d3; border-right: 1px solid #d0d2d3; width: 586px; }
div.pic_2Col_top img { width: 586px; display: block; border-bottom: none; margin: 0 !important; padding: 0}
div.pic_1Col_top { display: block; padding: 1px 1px 1px 1px; margin: -15px 0 0 0px; border-bottom: 1px solid #d0d2d3; border-left: 1px solid #d0d2d3; border-right: 1px solid #d0d2d3; }
div.pic_1Col_top img { display: block; border-bottom: none; margin: 0 !important; padding: 0}

.pic { display: block; padding: 1px 1px 1px 1px; margin: 15px 0 15px 0; border: 1px solid #d0d2d3; }

/* herstellerliste */

div#content ul.logoList {  display: block; padding: 0; margin: 15px 0 0 0; overflow: hidden; list-style: none; width: 299px; }
div.content_1Col ul.logoList { width: 600px !important; }
div.content_1Col ul.logoList li { margin: 0 2px 2px 0 !important; }

div#content ul.logoList li { float: left; width: 144px; height: 76px; margin: 0 3px 3px 0; float: left; border: 1px solid #eaebeb !important; text-align: center; } 
div#content ul.logoList li:hover { border: 1px solid #868889; }
div#content ul.logoList li a { border: none !important; margin: 0; padding: 0; background: #ffffff; height: 75px; text-align: center; display: block; overflow:hidden; }
div#content ul.logoList li a img { margin: 0 auto; display: inline; }

/* footer */

div#footer { display: block; width: 590px; margin: 0 0 20px 315px; border-top: 1px solid #d7d7d8; }
div#footer p { font-size: 11px; color: #b4b6b7; margin-top: 4px; }

/* metaNav */

ul#metaNav { display:block; position: absolute; left: 630px; top: 7px; margin: 0 0 0 0; padding: 0; width: 275px; }
ul#metaNav li { display: block; width: auto; height: auto; float: right; list-style-type: none; position: relative; margin: 0 0 0 7px; padding: 0; font-size: 11px; }
ul#metaNav li a { display: block; border: none; text-decoration: none; color: #949596; }
ul#metaNav li a.external { font-weight: bold; color: #d6208e; }
a#metaNav_active { font-weight:bold; }

/* sonstiges */

.adminItems { width: 578px; height: auto; background: #f9f9f9; border-top: 1px solid #d7d7d8; border-bottom: 1px solid #d7d7d8;   margin: 10px 0; padding: 2px 10px; overflow: hidden; }
.icons { width: 134px; margin: 0; padding: 0; overflow: hidden; } 

/* sitemap */

#sitemap .level0 { margin-bottom: 10px; }
#sitemap .level0 a { display: block; width: 250px; height: 19px; font-weight: bold; color: #ffffff !important; padding: 1px 5px 0 25px; background: #d0007e url(images/sitemap_e0_bg.gif) no-repeat; }
#sitemap .level0 a:hover { background-position: left bottom; }
#sitemap .level1 { margin-top: 15px; }
#sitemap .level1 a { display: block; width: 250px; height: 19px; font-weight: bold; color: #ffffff; padding: 1px 5px 0 25px; background: #868889 url(images/sitemap_e1_bg.gif) no-repeat; }
#sitemap .level1 a:hover { background-position: left bottom; }
#sitemap .level2 { height: 19px; font-weight: bold; padding: 2px 5px 0 25px; background: transparent url(images/sitemap_e2_bg.gif) no-repeat;  }
#sitemap .level2 a { display: block; width: 250px; border-bottom: 1px dotted #868889; color: #868889}
#sitemap .level2 a:hover { color: #d0007e; }

/* kontaktformular */

div.focus { display: block; border: 1px solid #eaeaea;  padding: 5px 10px 5px 10px; margin: 10px 10px 10px 0px;  }
div.focus p { display: block; font-family: Arial, Helvetica, sans-serif; color: #c3027f; font-size: 12px; margin: 0.5em 0; }

.contact-form { overflow: hidden; clear: both; height: 1%; position: relative; margin-right: -10px; margin-top: 10px; }
.contact-form fieldset legend { font-weight: bold; padding: 0 10px; } 
.contact-form fieldset { padding: 10px 20px 10px 20px; border: 1px solid #eaeaea; margin: 0 10px 10px 0; }
.contact-form input.error, .contact-form textarea.error { border: 1px dotted #c3027f; }
.contact-form label.error { color: #c3027f; font-weight: bold; margin-top: 5px !important; float: none; clear: left; display: block; }
.contact-form p { padding-right: 240px; }
.contact-form label { cursor:pointer; padding-left:5px; font-size: 12px; color: #666; }
.contact-form label.required { font-weight: bold; }
.contact-form div { margin-bottom: 5px;clear: both; }
.contact-form div span { background-color:#f0f0f0; margin-bottom: 5px;  margin-top: 2px;  padding:4px; margin-left: 0; width: 510px; clear: both; display: block; }
.contact-form div input { width: 505px; }
.contact-form div.oneRow-right { width: 420px; float: left; margin-left: 10px; clear: right; display: block; }
.contact-form div.oneRow-right input { width: 414px; }
.contact-form div.oneRow-right span { width: 420px; }
.contact-form div.oneRow-left { width: 75px; float: left; clear: left; display: block; margin-right: 5px; }
.contact-form div.oneRow-left span { width: 75px; }
.contact-form div.oneRow-left input { width: 69px; }
textarea#Nachricht { height: 100px; width: 505px; }
input#send { margin-left: 25px; }

/* slideshow */ 

.slideshow { display: block; position: relative; z-index: 0; }
.slideshow-images { display: block; overflow: hidden; position: relative; }  
.slideshow-images img { display: block; position: absolute; z-index: 1; margin: 0; }  .slideshow-thumbnails { overflow: hidden; }

/**
HTML: <div class="slideshow-images">  <img />  <img /> </div> Notes: The images div is where the slides are shown. Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images { height: auto; }
.slideshow-images-visible {  opacity: 1; }
.slideshow-images-prev {  opacity: 0; }
.slideshow-images-next {  opacity: 0; }
.slideshow-images img { float: left; left: 0; top: 0; } 

.slideshow { margin: 0 auto; }
.slideshow a img { border: 0; }

.slideshow img { margin-bottom: 10px; }

.slideshow-captions { background: url(images/bg_captions.png); bottom: 0; color: #fff; font: normal 11px "Arial Narrow", Arial, sans-serif; line-height: 16px; left: 0; overflow: hidden; position: absolute; width: 257px; z-index: 10000; padding:5px 10px 5px 10px; }
.slideshow-captions-hidden { height: 0; opacity: 0; }
.slideshow-captions-visible { height: 30px; opacity: 1; }

.slideshow-controller { background: url(images/controller.png) no-repeat; height: 27px; left: 50%; margin: 0 0 0 -110px; overflow: hidden; position: absolute; top: 60%; width: 218px; z-index: 10000; }
.slideshow-controller * { margin: 0; padding: 0; }
.slideshow-controller-hidden {  opacity: 0; }
.slideshow-controller-visible { opacity: 1; }
.slideshow-controller a { cursor: pointer; display: block; border: none; text-decoration: none; height: 18px; overflow: hidden; position: absolute; top: 5px; }
.slideshow-controller a.active { background-position: 0 18px; }
.slideshow-controller li { display: block; list-style: none; position: absolute; left: -10px; }
.slideshow-controller li.first a { background-image: url(images/controller-first.gif); left: 33px; width: 19px; border: none !important; }
.slideshow-controller li.last a { background-image: url(images/controller-last.gif); left: 186px; width: 19px; border: none !important; }
.slideshow-controller li.next a { background-image: url(images/controller-next.gif); left: 145px; width: 28px; border: none !important; }
.slideshow-controller li.pause a { background-image: url(images/controller-pause.gif); left: 109px; width: 20px; border: none !important; }
.slideshow-controller li.play a { background-position: 20px 0; border: none !important; }
.slideshow-controller li.play a.active { background-position: 20px 18px; border: none !important; }
.slideshow-controller li.prev a { background-image: url(images/controller-prev.gif); left: 65px; width: 28px; border: none !important; }

.slideshow-loader { height: 28px; right: 0; position: absolute; top: 150px; right: 120px; width: 28px; z-index: 10001; }
.slideshow-loader-hidden { opacity: 0; }
.slideshow-loader-visible { opacity: 1; }

.slideshow-thumbnails { bottom: -65px; height: 65px; left: 0; position: absolute; width: 100%; }
.slideshow-thumbnails * { margin: 0; padding: 0; }
.slideshow-thumbnails ul { height: 65px; left: 0; position: absolute; top: 0; width: 10000px; }
.slideshow-thumbnails li { float: left; list-style: none; margin: 5px 5px 5px 0; position: relative; }
.slideshow-thumbnails a { display: block; padding: 5px; position: relative; }
.slideshow-thumbnails a:hover { background-color: #FF9 !important; opacity: 1 !important; }
.slideshow-thumbnails img { display: block; }
.slideshow-thumbnails-active { background-color: #9FF; opacity: 1; }
.slideshow-thumbnails-inactive { background-color: #FFF; opacity: .5;}