/*Reset*/
* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, pre, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*Standards*/
table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; }
img { border:0; margin:0; vertical-align:middle; }
.clear { clear:both; height:0; }
.label { float:left; width:50px; }
h1, h2, h3, h4, h5, h6, p { margin:0 0 18px 0; }
.line, hr { clear:both; height:0px; border-top:1px solid #ddd; margin:20px 0; }
.colored { color:#06C; }
.success { padding:20px; line-height:16px; background:#006600; margin-bottom:15px; color:#fff; font-size:12px; border:1px solid #009900; }
.error { padding:20px; line-height:16px; background:#990000; margin:0 0 20px 0; color:#fff; font-size:12px; }
.error .sign { float:left; line-height:14px; padding:0 5px; margin-right:10px; color:#C30; font-size:11px; font-weight:bold; border:1px solid #C30; }
.adressSpacer { float:left; width:52px; }
small { font-size:11px; }
.imgCaptcha { float:left; border:1px solid #646464; border-width:4px 0 5px 6px;}
em,i { font-style:italic; }
pre { display:block; font-family:monospace; }
.pre { border:1px solid #ddd; background:#f9f9f9; padding:10px; font-size:11px; line-height:16px; }
.copyright_icon { position:absolute; bottom:0; right:0; height:18px; width:18px; background:#ddd; color:#777; text-align:center; line-height:18px; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif !important; border-radius:2px; margin:4px; }
.copyright_info { display:none; position:absolute; top:0; right:0; height:18px; line-height:18px; padding:0 5px; font-size:12px; background:#ddd; color:#777; text-align:left; white-space: nowrap; cursor:help; border-radius:2px; }
.copyright_icon:hover .copyright_info { display:block; }
.abstand-unten { margin-bottom: 50px !important; }
ul.eventsList li .name .teaser p { height: auto; margin: 0; padding: 0; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*Formular*/
form.formular { width:auto; }
label { display:block; float:left; width:160px; padding:3px 0 15px 0; }
input { padding:3px 6px; font-size: 12px; margin:0 8px 2px 0; vertical-align:middle; width:250px; border:1px solid #7b7a7a; background:#fff;}
input#street { width:185px; }
input#number { width:40px; }
input#zipCode { width:40px; }
input#city { width:185px; }
input#sicherheitscode { width:30px; }
input#color1, input#color2, input#color3 { width:197px; }
textarea { padding: 3px; font-size: 12px; margin:0 4px 12px 0; vertical-align:middle; width:256px; font-family: Arial, Helvetica, sans-serif; border:1px solid #7b7a7a; background:#fff; }
select { padding: 3px; font-size: 12px; border:1px solid #7b7a7a; width:264px; margin:0 4px 0 0;}
select option { padding: 0;}
input[type="radio"] { padding:0; border:none; width:auto; margin:0 4px 2px 0; }
input[type="checkbox"] { padding:0; border:none; width:auto; margin:0 4px 2px 0; }
input[type="file"] { padding: 2px; font-size: 11px; border:1px solid #7b7a7a; width:248px; margin:0 4px 0 0;}
input[type="submit"] { background:#666; font-weight:bold; text-align:center; width:auto; height: 23px; line-height:21px; color:#fff; margin:0 10px 0 0; padding:0 15px 0 15px; border:none; cursor:pointer; border:1px solid #7b7a7a; }
input[type="submit"]:hover { background-color: #777; }
.placeholder { color: #aaa; }
/*Frame*/
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; background:#fff; text-align:left; line-height:18px; position:relative;}
/*Ads*/
.ads_bottom { background-image:url(/frontend/images/bg_ads_bottom.png); background-position:50% 0; background-repeat:repeat no-repeat; bottom:0; height:85px; left:0; overflow-x:hidden; overflow-y:hidden; padding:0; position:fixed; text-align:center; width:100%; z-index:50; }
.ads_bottom_container { width:960px; height:60px; margin:12px auto 0 auto; }
.ads_position_one { float:left; width:234px; height:60px; background:#ddd; margin:0 12px 0 0; }
.ads_position_two { float:left; width:468px; height:60px; background:#ddd; margin:0 12px 0 0; }
.ads_position_three { float:left; width:234px; height:60px; background:#ddd; }
.ad_type_fullsize { width:468px; height:60px; }
.ad_type_halfsize { width:234px; height:60px; }
/*Icons*/
.icon { display:block; float:right; height:20px; width:20px; background-color:#aaa; margin:0 0 0 1px; background-repeat: no-repeat; background-position: -2px -2px }
.icon.twitter { background-image: url(/frontend/images/social/twitter.png); }
.icon.facebook { background-image:url(/frontend/images/social/facebook.png);}
.icon.gplus { background-image:url(/frontend/images/social/gplus.png);}
.icon.xing { background-image:url(/frontend/images/social/xing.png);}
.icon.email { background-image:url(/frontend/images/social/email.png);}
.icon.impressum { background-image:url(/frontend/images/social/impressum.png);}
.icon.download { background-image:url(/frontend/images/social/download.png);}
.icon.youtube { background-image:url(/frontend/images/social/youtube.png);}
.icon.home { background-image:url(/frontend/images/social/home.png);}
.icon.newsletter { background-image: url(/frontend/images/social/newsletter.png);}
.icon.linkedin { background-image: url(/frontend/images/social/linkedin.png);}
.icon:hover { background-color:#fff; }
.icon.on { background-color:#fff; }
.social { float: left; margin: 0;}
/* ### FRAME #################################################################################################
############################################################################################################ */
.tpl_three_left_sub { float:left; width:180px; }
.tpl_three_content { float:left; width:600px; }
.tpl_three_right_info { float:left; width:180px; }
.tpl_three_left_info { float:left; width:180px; }
.tpl_three_content { float:left; width:600px; }
.tpl_three_right_sub { float:left; width:180px; }
.tpl_two_sub { float:left; width:360px; }
.tpl_two_content { float:left; width:600px; }
.tpl_two_right { float:left; width:360px; }
.tpl_one_content { float:left; width:960px; }
.sub { width:100%; }
.content { width:100%; }
.info { width:100%; }
/* ### BOXES #################################################################################################
############################################################################################################ */
/*Boxen*/
.pageBox { clear:both; margin:0 0 18px 0; }
/*Box Text */
.pageBox.text { width:100%; }
.pageBox.text ul { padding:0 0 18px 16px; margin:0 0 0 16px; list-style-type:disc; }
.pageBox.text ol { padding:0 0 18px 16px; margin:0 0 0 16px; list-style-type:decimal; }
.pageBox.text .l .boxText { float:right; width:380px; }
.pageBox.text .l .boxImage { float:left; width: 200px; position:relative; }
.pageBox.text .lf .boxText { float:right; }
.pageBox.text .lf .boxImage { float:left; width: 200px; margin:0 18px 18px 0; position:relative; }
.pageBox.text .r .boxText { float:left; width:380px; }
.pageBox.text .r .boxImage { float:right; width: 200px; position:relative; }
.pageBox.text .rf .boxText { float:left; }
.pageBox.text .rf .boxImage { float:right; width: 200px; margin:0 0 18px 18px; position:relative; }
/*Box Teaser */
.pageBox.teaser.special { background:#f9f9f9; margin:0 -10px 18px -10px; padding:10px; }
.pageBox.teaser ul { padding:0 0 18px 16px; margin:0 0 0 16px; list-style-type:disc; }
.pageBox.teaser ol { padding:0 0 18px 16px; margin:0 0 0 16px; list-style-type:decimal; }
.pageBox.teaser .l .boxText { float:right; width:380px; }
.pageBox.teaser .l .boxImage { float:left; width: 200px;position:relative; }
.pageBox.teaser .lf .boxText { float:right; }
.pageBox.teaser .lf .boxImage { float:left; width: 200px; margin:0 18px 18px 0; position:relative; }
.pageBox.teaser .r .boxText { float:left; width:380px; }
.pageBox.teaser .r .boxImage { float:right; width: 200px;position:relative; }
.pageBox.teaser .rf .boxText { float:left; }
.pageBox.teaser .rf .boxImage { float:right; width: 200px; margin:0 0 18px 18px; position:relative; }
.pageBox.teaser .more { padding:5px 0; }
/*Box Gallery*/
.pageBox.gallery { }
.pageBox.gallery ul { margin:0; padding: 0; list-style-type:none; }
.pageBox.gallery.raster7 ul li { float:left; position:relative; width:70px; height:70px; margin: 0 16px 16px 0; border:1px solid #eee; background-repeat: no-repeat; background-position:center center; background-size: 100%;}
.pageBox.gallery.raster7 ul li a { display:block; width:70px; height:70px; background-repeat: no-repeat; background-position:center center; background-size: 100%;}
.pageBox.gallery.raster7 ul li.end { margin-right: 0; }
.pageBox.gallery.raster5 ul li { float:left; position:relative; width:100px; height:60px; margin: 0 20px 20px 0; border:1px solid #eee; background-repeat: no-repeat; background-position:center center; background-size: 100%;}
.pageBox.gallery.raster5 ul li a { display:block; width:100px; height:60px; background-repeat: no-repeat; background-position:center center; background-size: 100%;}
.pageBox.gallery.raster5 ul li.end { margin-right: 0; }
.pageBox.gallery.raster3 ul li { float:left; position:relative; width:188px; height:114px; margin: 0 15px 15px 0; border:1px solid #eee; background-repeat: no-repeat; background-position:center center; background-size: 100%;}
.pageBox.gallery.raster3 ul li a { display:block; width:188px; height:114px; background-repeat: no-repeat; background-position:center center; background-size: 100%;}
.pageBox.gallery.raster3 ul li.end { margin-right: 0; }
.pageBox.gallery.fullsize ul li { position:relative; margin: 0 0 20px 0; }
/*Box Subemnü*/
.pageBox.submenu { }
.pageBox.submenu ul { margin:0; padding: 0; list-style-type:none; }
.pageBox.submenu ul.rasterStyle li { float:left; width:190px; margin:0 15px 20px 0; }
.pageBox.submenu ul.rasterStyle li.three { margin-right:0; }
.pageBox.submenu ul.rasterStyle li .image { display:block; width:190px; height:100px; background-position:center;position:relative; -moz-background-size: 100%;-webkit-background-size: 100%; -o-background-size: 100%; -ms-background-size: 100%; background-size: 100%; background-repeat:no-repeat; }
.pageBox.submenu ul.rasterStyle li .title { font-weight:bold; padding:5px 0; }
.pageBox.submenu ul.rasterStyle li .teaser { }
.pageBox.submenu ul.rasterStyle li .teaser p { margin:0; padding:0; }
.pageBox.submenu ul.rasterStyle li .more { padding:5px 0; }
.pageBox.submenu ul.listStyle li { margin:0 0 20px 0; }
.pageBox.submenu ul.listStyle li img { float:left; width:200px;position:relative; }
.pageBox.submenu ul.listStyle li .r { float:right; width:390px;}
.pageBox.submenu ul.listStyle li .title { font-weight:bold; padding:0 0 5px 0; }
.pageBox.submenu ul.listStyle li .teaser { }
.pageBox.submenu ul.listStyle li .more { padding:5px 0; }
/*Box iFrame*/
.pageBox.iframe { }
.pageBox.iframe .iframeContainer { }
/*Box Map*/
.pageBox.map { }
.pageBox.map .mapContainer { }
/*Box Team*/
.pageBox.team { border:1px solid #aaa; padding:10px; }
.pageBox.team .potrait.left { float:left; width:100px; position:relative;}
.pageBox.team .portraitInfo.left { float:right; width:460px; }
.pageBox.team .potrait.right { float:right; width:100px;position:relative; }
.pageBox.team .portraitInfo.right { float:left; width:460px; }
.pageBox.team .portraitInfo { }
.pageBox.team .portraitInfo .name { font-weight:bold; }
.pageBox.team .portraitInfo .position { margin:0 0 18px 0; }
.pageBox.team .portraitInfo .description { margin:0 0 18px 0; }
.pageBox.team .portraitInfo .phone { }
.pageBox.team .portraitInfo .fax { }
.pageBox.team .portraitInfo .mobil { }
.pageBox.team .portraitInfo .email { }
/*Box Themen*/
.pageBox.list { }
.pageBox.list ul { margin:0; padding: 0; list-style-type:none; }
.pageBox.list ul.lists li { margin:0 0 20px 0; }
.pageBox.list ul.lists li .image { display:block; float:left; width:190px; height:100px; background-position:center; margin:0; position:relative;}
.pageBox.list ul.lists li .themeInfos { float:right; width:390px; }
.pageBox.list ul.lists li .title { font-weight:bold; padding:0 0 5px 0; }
.pageBox.list ul.lists li .teaser { }
.pageBox.list ul.lists li .more { padding:5px 0; }
/* Raster-Ansicht Liste */
.pageBox.list ul.lists li.grid { display:inline-block; vertical-align:top; width: 120px; overflow: hidden; margin: 0 30px 30px 0; }
.pageBox.list ul.lists li.last { margin-right: 0; }
.pageBox.list ul.lists li.grid .teaser { display:none; }
.pageBox.list ul.lists li.grid .title { clear: left; }
.pageBox.list ul.lists li.grid a.image { width:200px; height:133px; }
.pageBox.list .listEntryImage { float:left; width:190px; }
.pageBox.list .listEntryContent { float:right; width:380px; }
.pageBox.list .listEntryBack { border-top:1px dotted #aaa; padding:9px 0; margin:9px 0; }
/*Box Video*/
.pageBox.video { border:1px solid #aaa; padding:10px; text-align:center}
.pageBox.video .info { font-size:10px; padding:5px 0 0 0; margin:5px 0 0 0; border-top:1px dotted #aaa; }
/*Box Image*/
.pageBox.image { position:relative; }
/*Box News*/
.pageBox.news { }
.pageBox.news ul.newsList li { margin:0 0 20px 0; }
.pageBox.news ul.newsList li .image { float:left; width:190px; height:100px; background-position:center;position:relative; }
.pageBox.news ul.newsList li .title { font-weight:bold; padding:0 0 5px 0; }
.pageBox.news ul.newsList li .teaser { }
.pageBox.news ul.newsList li .more { padding:5px 0 18px 0; }
.pageBox.news ul.newsList li.l .boxText { float:right; width:380px; }
.pageBox.news ul.newsList li.l .boxImage { float:left; width: 200px; padding:0 0 18px 0; position:relative;}
.pageBox.news ul.newsList li.lf .boxText { }
.pageBox.news ul.newsList li.lf .boxImage { float:left; width: 200px; margin:0 18px 18px 0; position:relative;}
.pageBox.news ul.newsList li.r .boxText { float:left; width:380px; }
.pageBox.news ul.newsList li.r .boxImage { float:right; width: 200px; padding:0 0 18px 0;position:relative; }
.pageBox.news ul.newsList li.rf .boxText { }
.pageBox.news ul.newsList li.rf .boxImage { float:right; width: 200px; margin:0 0 18px 18px; position:relative; }
.news .date { font-weight:bold; padding:0 0 18px 0; }
.news .image { float:right; width: 200px; padding:0 0 18px 0; margin:0 0 20px 20px;position:relative;}
.news .description { }
.news .description ul li { list-style: disc; margin-left: 20px; }
.news .source { clear:both; color:#aaa; }
ul.newsArchive li { margin:0 0 5px 0; border:1px dotted #aaa; border-width: 0 0 1px 0; padding:0 0 5px 0; }
ul.newsArchive li .date { float:left; width:80px; padding: 0; font-weight: normal; background: none; }
ul.newsArchive li .clicks { float:left; width:45px; }
ul.newsArchive li .title { float:left; width:475px; }
.pageBox.news ul.newsMonths li { margin:0 0 5px 0; border:1px dotted #aaa; border-width: 0 0 1px 0; padding:0 0 5px 0; }
.pageBox.news ul.newsMonths li .month { float:left; width:530px; }
.pageBox.news ul.newsMonths li .count { float:left; width:70px; }
ul.newsArchive { padding:0; margin: 0 0 30px 0; }
ul.newsArchive li { margin:0 0 5px 0; border:1px dotted #aaa; border-width: 0 0 1px 0; padding:0 0 5px 0; }
ul.newsArchive li .month { float:left; width:430px; }
ul.newsArchive li .count { float:left; width:70px; }
ul.newsArchive li.firstline div { font-weight: bold; }
.subBox.newsCats span.titleL { width: 230px; padding-right: 10px; float: left; }
.subBox.newsCats ul li { float: left; }
.subBox.newsCats a.newsarchiv { clear: both; }
.subBox.gallery ul { list-style: none; font-size: 0px; margin-left: -2.5%; }
.subBox.gallery ul li { display: inline-block; padding: 5px; margin: 0 0 2.5% 2.5%; background: #fff; border: 1px solid #ddd; vertical-align: top; box-sizing: border-box;}
.subBox.gallery ul li img { width: 100%; height: auto; margin: 0 0 10px;}
.subBox.gallery.columns-2 ul li { width: 47.5%;}
.subBox.gallery.columns-3 ul li { width: 30.83%; }
.subBox.gallery.columns-4 ul li { width: 22.5%; }
.pageBox.socialmedia { clear:both; display:block; height:70px; padding: 10px; border:1px solid #aaa; border-left: none; border-right: none; margin-top:40px; position: relative; }
.pageBox.socialmedia .sm_title { font-size:120%; height:40px; }
.pageBox.socialmedia .sm_title .left { margin-left:110px; }
.pageBox.socialmedia .sm_options { float:right; }
.pageBox.socialmedia .sm_options a { margin:0 0 0 10px; }
.pageBox.socialmedia .socialButton { float: left; margin: 0 20px 0 0; display: inline-block; }
/*Box Blog*/
.pageBox.blog { margin:0 0 20px 0; list-style-type:none; }
.pageBox.blog ul.blogList li { float:left; width:290px; margin:0 20px 40px 0; }
.pageBox.blog ul.blogList li.end { margin-right:0; }
.pageBox.blog ul.blogList li .blog_image a { display:block; width:290px; height:100px; background-position:center; position:relative; background-size: 290px auto; margin:0 0 10px 0; }
.pageBox.blog ul.blogList li .blog_title { }
.pageBox.blog ul.blogList li .blog_info { border:1px solid #eee; border-width:1px 0; margin:10px 0; font-size:12px; line-height:24px; }
.pageBox.blog ul.blogList li .blog_teaser { }
.pageBox.blog ul.blogList li .blog_more { margin:5px 0 0 0; }
.pageBox.blog ul.blogList li .blog_more a { background:#aaa; line-height:30px; padding:5px 10px; color:#fff; font-size:12px; }
.pageBox.blog ul.blogList li .blog_more a:hover { background:#bbb; }
ul.blogArchive { padding:0; margin: 0 0 30px 0; }
ul.blogArchive li { margin:0 0 5px 0; border:1px dotted #aaa; border-width: 0 0 1px 0; padding:0 0 5px 0; }
ul.blogArchive li .date { float:left; width:80px; padding: 0; font-weight: normal; background: none; }
ul.blogArchive li .clicks { float:left; width:45px; }
ul.blogArchive li .title { float:left; width:475px; }
ul.blogArchive li .month { float:left; width:430px; }
ul.blogArchive li .count { float:left; width:70px; }
ul.blogArchive li.firstline div { font-weight: bold; }
.pageBox.blog ul.newsMonths li { margin:0 0 5px 0; border:1px dotted #aaa; border-width: 0 0 1px 0; padding:0 0 5px 0; }
.pageBox.blog ul.newsMonths li .month { float:left; width:530px; }
.pageBox.blog ul.newsMonths li .count { float:left; width:70px; }
.blog .info { border:1px solid #eee; border-width:1px 0; margin:10px 0; font-size:12px; line-height:24px; }
.blog .image { width: 600px; height:300px; margin:0 0 20px 0; background-position:center; position:relative; background-size: 600px auto; }
.blog .share { border:1px solid #eee; border-width:1px 0; margin:10px 0; font-size:12px; line-height:24px; }
.blog .tags { border:1px solid #eee; border-width:1px 0; margin:10px 0; font-size:12px; line-height:24px; }
.blog .comment { border:1px solid #eee; border-width:1px 0; margin:10px 0; font-size:12px; line-height:24px; }
.subBox.blogCats span.titleL { width: 230px; padding-right: 10px; float: left; }
.subBox.blogCats ul li { float: left; }
.subBox.blogCats a.newsarchiv { clear: both; }
.subBox.image img { max-width:100%; width:100%; }
.centerIframe { width:100%; padding:0; margin:0; }
.centerIframe iframe { display:block; margin:0 auto; }
.player-border { border:0!important; }
/*Box Documents*/
.pageBox.documents { }
.pageBox.documents ul { margin:0; padding: 0; list-style-type:none; }
.pageBox.documents ul.documentsList li { line-height: 16px; padding:6px 0; border-bottom:1px dotted #aaa; }
.pageBox.documents ul.documentsList li div { }
.pageBox.documents ul.documentsList li.headline { font-weight:bold; border-bottom:1px solid #aaa; }
.pageBox.documents ul.documentsList li .stand { float:right; width:130px; }
.pageBox.documents ul.documentsList li .size { float:right; width:60px; }
.pageBox.documents ul.documentsList li .type { float:right; width:40px; }
.pageBox.documents ul.documentsList li .name { float:left; width:340px; }
.pageBox.documents ul.documentsList li .name p { height: auto; margin: 0; padding: 0; }
.pageBox.documents .documentsPreview { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #aaa; }
.pageBox.documents .documentsPreview .preview { float:left; width:102px; }
.pageBox.documents .documentsPreview .preview img { border:1px solid #aaa; }
.pageBox.documents .documentsPreview .text { float:right; width:480px; }
.pageBox.documents .documentsPreview .name { font-weight:bold; }
.pageBox.documents .documentsPreview .description { font-size:11px; padding:10px 0; line-height:16px; }
.pageBox.documents .documentsPreview .stand { color:#aaa; }
.pageBox.documents .documentsPreview ul { padding:0 0 0 14px; list-style-type: inherit }
.pageBox.documents .documentsRaster li { width:148px; padding:15px; border:1px solid #ddd; margin:0 30px 30px 0; float:left; }
.pageBox.documents .documentsRaster li.end { margin:0 0 30px 0; }
.pageBox.documents .documentsRaster li .name { font-weight:bold; width:100%; text-align:center; padding-bottom:10px; }
.pageBox.documents .documentsRaster li div.preview { margin:0 auto; padding:0; width:100%; min-height:150px; }
.pageBox.documents .documentsRaster li div.preview img { margin:0 auto; width:100px; display:block; border:1px solid #eee; }
.pageBox.documents .documentsRaster .stand { color:#aaa; display:block; line-height:20px; font-size:11px; }
.pageBox.documents .documentsRaster li a { float:right; margin:0 10px 0 0; }
/*Box Comments*/
.pageBox.comments { }
.pageBox.comments ul { margin:0; padding: 0; list-style-type:none; }
.pageBox.comments .commentOptions { margin:0 0 18px 0; }
.pageBox.comments ul.commentsList li { margin:0 0 18px 0; }
.pageBox.comments ul.commentsList li .commentHead { line-height:38px; margin:0 0 10px 0; }
.pageBox.comments ul.commentsList li .commentHead .portrait { float:left; width:36px; height:36px; border: 1px solid #aaa; margin:0 20px 0 0; background:#ddd; }
.pageBox.comments ul.commentsList li .commentHead .name { float:left; font-size:18px; padding:0 20px 0 0; }
.pageBox.comments ul.commentsList li .commentMessage { background:#eee; padding:10px; }
/*Box Events*/
.pageBox.events { }
.pageBox.events label { width:90px; }
.pageBox.events ul { margin:0; padding: 0; list-style-type:none; }
.pageBox.events ul.eventsList li { margin:0; border:1px dotted #aaa; border-width:0 0 1px 0; padding:6px 0; }
.pageBox.events ul.eventsList li.headline { font-size:14px; border:1px solid #aaa; border-width:0 0 1px 0; padding:0 0 12px 0; }
.pageBox.events ul.eventsList li .place { float:right; width:140px; }
.pageBox.events ul.eventsList li .name { float:right; width:270px; padding-right:10px; }
.pageBox.events ul.eventsList li .status { float:right; width:70px; display:inline-block; }
/*Box Search*/
.pageBox.search { background:#f9f9f9; border:1px solid #eee; padding:20px; }
.pageBox.search label { width:90px; }
.pageBox.search input { width:300px; }
ul.searchresults { margin:0; padding: 0; list-style-type:none; }
ul.searchresults li { padding:10px 0; border-top:1px dotted #ccc; }
ul.searchresults li .number { font-weight:bold; color:#666;}
ul.searchresults li .title { font-weight:bold;}
ul.searchresults li .description { color:#666; font-size:90%;}
ul.searchresults li .update { color:#aaa; font-size:90%; }
ul.searchresults li .url { font-size:90%; }
/*Box Sitemap*/
.pageBox.sitemap { }
.pageBox.sitemap ul { list-style-type: square; padding:0 0 0 16px; margin: 0 0 0 0; }
/*Box Login*/
.pageBox.login { background:#f9f9f9; border:1px solid #eee; padding:20px; }
.pageBox.remember { background:#f9f9f9; border:1px solid #eee; padding:20px; }
.pageBox.setNewPassword { background:#f9f9f9; border:1px solid #eee; padding:20px; }
.pageBox.confirmEmail { background:#f9f9f9; border:1px solid #eee; padding:20px; }
.pageBox.register { background:#f9f9f9; border:1px solid #eee; padding:20px; }
/*Box Button*/
.pageBox.clickbutton.left { float:left; }
.pageBox.clickbutton.center { text-align:center; }
.pageBox.clickbutton.right { float:right; }
.pageBox.clickbutton a { display: inline-block; font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #555; font-weight:bold; line-height:43px; height:43px;text-align:center; }
.pageBox.clickbutton a .button_label { float:left; padding: 9px 0 14px 20px; height:20px; line-height:20px; background: url(/frontend/images/bg_clickbuttons_white.png) no-repeat; }
.pageBox.clickbutton a .button_end { float:right; width:32px; height:43px; background: url(/frontend/images/bg_clickbuttons_white.png) top right no-repeat; }
.pageBox.clickbutton a.roundSmall .button_label { background-position: 0 -50px; }
.pageBox.clickbutton a.roundSmall .button_end { background-position: right -50px; }
.pageBox.clickbutton a.roundFull .button_label { background-position: 0 -100px; }
.pageBox.clickbutton a.roundFull .button_end { background-position: right -100px; }
.pageBox.clickbutton a.blue .button_label { background-image: url(/frontend/images/bg_clickbuttons_blue.png); color:#fff; }
.pageBox.clickbutton a.blue .button_end { background-image: url(/frontend/images/bg_clickbuttons_blue.png); }
.pageBox.clickbutton a.red .button_label { background-image: url(/frontend/images/bg_clickbuttons_red.png); color:#fff; }
.pageBox.clickbutton a.red .button_end { background-image: url(/frontend/images/bg_clickbuttons_red.png); }
.pageBox.clickbutton a.black .button_label { background-image: url(/frontend/images/bg_clickbuttons_black.png); color:#fff; }
.pageBox.clickbutton a.black .button_end { background-image: url(/frontend/images/bg_clickbuttons_black.png); }
.pageBox.clickbutton a.yellow .button_label { background-image: url(/frontend/images/bg_clickbuttons_yellow.png); color:#fff; }
.pageBox.clickbutton a.yellow .button_end { background-image: url(/frontend/images/bg_clickbuttons_yellow.png); }
.pageBox.clickbutton a.green .button_label { background-image: url(/frontend/images/bg_clickbuttons_green.png); color:#fff; }
.pageBox.clickbutton a.green .button_end { background-image: url(/frontend/images/bg_clickbuttons_green.png); }
.pageBox.clickbutton a.white .button_label { background-image: url(/frontend/images/bg_clickbuttons_white.png); color:#fff; }
.pageBox.clickbutton a.white .button_end { background-image: url(/frontend/images/bg_clickbuttons_white.png); }
/*SubBoxen*/
.subBox { clear:both; margin:0 0 18px 0; }
/*SubBox Newsticker*/
.subBox.newsticker ul li { margin-bottom:5px; }
.subBox.newsticker ul .date {float:left; min-width:50px; line-height:12px; padding:0 0 0 8px; margin:0 0 8px 0; font-size:12px; color:#444; border-left:12px solid #cad5da; }
.subBox.newsticker ul .date img { display: inline-block; }
.subBox.newsticker ul .title a { padding:0; border-width:0; margin:0 0 20px 20px; font-size:12px; line-height:12px; background:none; }
.subBox.newsticker ul .teaser { border:none; margin:5px 0 0 0; }
.subBox.newsticker img.tickerThumb { display: none !important; width: 50px; }
/*SubBox News Kategorien*/
.subBox.newsCats ul li { margin-bottom:5px; }
.subBox.newsCats ul li .count { float:right; width:auto; }
.subBox .subBoxTitle{ font-weight: bold; margin: 0 0 20px 0; }
/*SubBox Menu*/
.subBox.menu li a { display:block; line-height:12px; padding:0 0 0 8px; margin:0 0 8px 0; font-size:12px; color:#8ea5ae; border-left:12px solid #cad5da; }
.subBox.menu li.onCat a { border-color:#001832; }
.subBox.menu li a:hover { border-color:#8ea5ae; }
.subBox.menu li.onCat li a { display:block; line-height:22px; padding:0 20px 0 20px; margin:0 0 1px 0; font-size:11px; }
.subBox.menu li.onCat li.onCat a { color:#001832; }
.subBox.menu li.onCat li a:hover { color:#001832; }
/*SubBox Team*/
.subBox.team { }
.subBox.team .potrait.left { float:left; width:100px; }
.subBox.team .portraitInfo.left { float:right; position:relative; }
.subBox.team .potrait.right { float:right; width:100px; }
.subBox.team .portraitInfo.right { float:left; position:relative; }
.subBox.team .portraitInfo { }
.subBox.team .portraitInfo .name { font-weight:bold; }
.subBox.team .portraitInfo .position { margin:0 0 18px 0; }
.subBox.team .portraitInfo .description { margin:0 0 18px 0; }
.subBox.team .portraitInfo .phone { }
.subBox.team .portraitInfo .fax { }
.subBox.team .portraitInfo .mobil { }
.subBox.team .portraitInfo .email { }
/*Seitenfunktion*/
.pagesContainer { margin:10px 0 0 0; }
.pages { height:24px; font-size:10px; float:left; line-height:20px; }
.pageslist { float:right; margin: 0; }
.pageslist ul { width:auto; float:right; margin:0 0 0 6px !important; list-style-type:none; }
.pageslist li { display:inline; }
.pageslist li a { display:block; float:left; background-color:#ddd; color:#444; line-height:20px; padding:0 6px; margin-left:2px; text-decoration:none; font-size:10px; }
.pageslist li a.size { font-size:11px; }
.pageslist li a:hover { background-color:#bbbbbb; color:#fff}
.pageslist li a.onpage { background-color:#bbbbbb; color:#fff}
.pagesContainer .entries { float: left; }
/*SubBox Chat*/
.subBox.chat { border: 1px solid #ddd; background:url(/frontend/images/bg_chat.png) no-repeat bottom #eee; padding:20px; height:130px; position:relative; }
.subBox.chat a#chat-window { background:green; border-radius:3px; position:absolute; top:20px; right:20px; text-align:center; line-height:30px; display:block; color:#fff; width:90px; }
.subBox.chat .text { position:absolute; left:40px; width:140px; top:77px; }
/* ### LISTS ##################################################################################################
############################################################################################################ */
.dropdownbox { float:left; width: 145px; margin:0 10px 20px 0; }
.dropdownbox.last { margin-right:0; }
.dropdownbox .title { width:128px; border:1px solid #666; background: #666; color:#fff; line-height:28px; padding:0 0 0 10px; }
.dropdownbox .taken { position:relative; width:128px; border:1px solid #eee; background: url(/frontend/images/arrowDropdownbox.png) 120px 13px no-repeat; line-height:28px; padding:0 0 0 10px; }
.dropdownbox .taken .list { display:none; }
.dropdownbox .taken:hover .list { position:absolute; top:29px; left:-1px; display:block; border:1px solid #eee; width:200px; height:300px; overflow:auto; background:#fff;z-index:5000; }
.dropdownbox .taken:hover .list a { display:block; line-height:26px; line-height:26px; padding:0 10px; border:1px solid #fff; color:#6f6f6f; text-decoration:none; margin:2px; }
.dropdownbox .taken:hover .list a:hover { border-color: #e9e9e9; background:#e9e9e9; }
.dropdownbox .taken:hover .list a.selected { border-color: #ddd; background:#eee; }
.dropdownbox.gray .title { border:1px solid #aaa; background: #aaa; }
.dropdownbox.gray .taken { color:#aaa;}
.dropdownbox.gray .taken:hover .list { display:none; }
/*Events*/
.list.events { clear:both; margin:0 0 18px 0; }
.list.events .label { width:70px; }
.list.events .back { padding:18px 0 18px 0; }
.list.events .subline { font-weight:bold; }
.list.events .image { float:right; width:200px; margin: 0 0 20px 20px; position:relative; }
.list.events .image img { width:200px; }
.list.events .description { }
.list.events .details { font-size:14px; padding:18px 0 10px 0; border:1px solid #aaa; border-width:0 0 1px 0; }
.list.events ul.eventDetails li { margin:0; border:1px dotted #aaa; border-width:0 0 1px 0; padding:6px 0; }
.list.events ul.eventDetails li .label { font-weight:bold; }
/*News*/
.list.news { clear:both; margin:0 0 18px 0; }
.list.news .label { width:70px; }
.list.news .back { padding:18px 0 18px 0; }
.list.news .options { font-weight:bold; padding:0 0 9px 0; }
.list.news .image { float:right; width:200px; margin: 0 0 20px 0; position:relative; }
.list.news .image img { width:200px; }
.list.news .description { float:left; width:360px; }
/* Tabs */
#tabs { height:30px; padding:0!important; margin:0!important; list-style-type:none!important; }
#tabs li { display: inline; }
#tabs li a { float:left; font-size:12px; padding:0 10px; line-height:28px; height:28px; background: #ddd; margin:0 2px 0 0; border-bottom: 2px solid #fff; text-decoration: none; color: #333; font-weight:bold; }
#tabs li.active a { background: #eee; border-color:#eee; color:#333; }
#tabs ul.alphabet li a { float:left; font-size:12px; padding:0 2px; line-height:20px; height:20px; background:#ddd; margin:0 2px 0 0; text-decoration: none; color: #333; }
.tabBox { border:1px solid #eee; padding:20px 20px; margin:0 0 20px 0; }
/* Alphabet ############################### */
ul.alphabet { height:40px; padding:0!important; margin:0!important; list-style-type:none!important; }
ul.alphabet li { display:inline; }
ul.alphabet li a { display:block; float:left; line-height:21px; width:21px; margin:0 1px 0 0; text-align:center; background:#aaa; color:#fff; text-transform: uppercase; }
ul.alphabet li a.last { width:28px; margin-right:0; }
ul.alphabet li.active a { background:#666; color:#fff; }
ul.alphabet li.active:hover { background:#666; color:#fff; }
ul.alphabet li a.empty { background:#eee; color:#aaa; }
ul.alphabet li a.empty.active { background:#eee; color:#aaa; }
/* Lexicon ############################### */
ul.lexicon { padding:0!important; margin:0!important; list-style-type:none!important; }
ul.lexicon li { padding:5px 0; border-bottom:1px solid #eee; }
ul.lexicon li .entry { float:right; width:530px; }
ul.lexicon li.last { border-bottom:0; }
/* Accordion ############################### */
ul.accordion { padding:0!important; margin:0!important; list-style-type:none!important; }
ul.accordion li { }
ul.accordion li li { background: #eee; }
ul.accordion li a { display:block; padding:5px 0; border-bottom:1px solid #eee; }
ul.accordion li a .entry { float:right; width:530px; }
ul.accordion li div { padding: 10px 0; border-bottom:1px solid #eee;}
/* FAQ ############################### */
ul.faq { padding:0!important; margin:0!important; list-style-type:none!important; }
ul.faq li { padding:5px 0; border-bottom:1px solid #eee; }
ul.faq li .entry { float:right; width:530px; }
ul.faq li.last { border-bottom:0; }
/* Jobs ############################### */
ul.jobs { list-style-type:none; padding:0; margin: 0 0 30px 0; }
ul.jobs li { border-bottom:1px dotted #aaa; padding:8px 0; }
ul.jobs li.headline { font-weight:bold; border-bottom:1px solid #aaa; }
ul.jobs li .since { float:right; width:100px; }
ul.jobs li .area { float:right; width:180px; }
/* ### JS #####################################################################################################
############################################################################################################ */
/*jquery autocomplete-new*/
.ac_results { text-align:left; padding: 0px; border: 1px solid #ddd; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results span { float:right; width:100px; background:#e9e9e9; padding:0 5px; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li { margin: 0px; padding: 0 0 0 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 20px; overflow: hidden; border-bottom:1px dotted #ddd; }
.ac_loading { background: white url(/frontend/javascript/autocomplete-new/indicator.gif) right center no-repeat;}
.ac_odd { background-color: #fff;}
.ac_over { background-color: #eee; }
/*jquery autocomplete-new thickbox */
*{padding: 0; margin: 0;}
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}
* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;}
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title{ background-color:#e8e8e8; height:27px;}
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal{ padding:15px;}
#TB_ajaxContent p{ padding:5px 0px 5px 0px;}
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}
/* ValidationEngine */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.inputContainer { position: relative; float: left;}
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer;}
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none}
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; color: #fff; width: 150px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.greenPopup .formErrorContent { background: #33be40;}
.blackPopup .formErrorContent { background: #393939; color: #FFF;}
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative;}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0;}
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px;}
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block;}
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.greenPopup .formErrorArrow div { background: #33be40;}
.blackPopup .formErrorArrow div { background: #393939; color: #FFF;}
.formError .formErrorArrow .line10 { width: 15px; border: none;}
.formError .formErrorArrow .line9 { width: 13px; border: none;}
.formError .formErrorArrow .line8 { width: 11px;}
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px;}
.formError .formErrorArrow .line5 { width: 5px;}
.formError .formErrorArrow .line4 { width: 3px;}
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd;}
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd;}
/* Extension: Products */
.product ul li { list-style: disc !important; margin-left: 20px; }
.product ul.downloads li, .product .gallery li { list-style: none !important; }
.products a.level_2 { padding-left: 25px; }
.products ul li ul { margin-left: 25px; display: none; }
.products ul li.onsite ul { display: block; }
ul.productsList { width: 100%; }
ul.productsList li { margin: 0 0 15px 0; padding: 15px; background: #eee; list-style: none !important; }
ul.productsList li .imgPlaceholder { display: inline-block; float: left; margin: 0 15px 0 0; width: 175px; height: 185px; background: #ccc; }
ul.productsList li span.sku, .product span.sku { font-size: 11px; color: #a5a5a5; }
ul.productsList li span.price, .product span.price { display: block; margin: 0 0 0 0; }
ul.productsList li p, .product .productRight p { margin-top: 15px; }
ul.productsList li small, .product small { font-size: 9px; }
span.lineThrough { text-decoration: line-through; }
ul.productsList li .listItemRight { width: 380px; float: right; }
ul.productsList.small { margin: 0; }
ul.productsList.small li { padding: 15px 0; background: none; border-bottom: 1px solid #efefef; }
ul.productsList.small li .imgPlaceholder { width: 90px; height: 90px; }
ul.productsList.small li img.productIMG { width: 90px; }
ul.productsList.small li .listItemRight { width: 450px; }
ul.productsList.small li span.sku { margin-bottom: 10px; }
ul.productsList.small li h3 { margin: 0; }
.product h1 { margin: 0; }
.product ul li { list-style: none; }
.product .imgPlaceholder { width: 292px; height: 290px; float: right; background: #ccc; }
.product .productRight { width: 292px; margin-right: 15px; float: left; }
.product ul#tabs { margin: 20px 0 0 0; }
.product ul.downloads li { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
.product table.productTable td { padding: 5px 20px 5px 0; }
.product table.productTable tr { border-bottom: 1px solid #efefef; }
.productQty{ float: right; }
ul.productCategories { overflow: hidden; margin: 20px 00 0; }
ul.productCategories li { display: inline-block; margin: 0 7px 7px 0; vertical-align: top; }
ul.productCategories li a { display: block; width: 175px; height: 100%; padding: 10px; background: #eee; }
ul.productCategories li a:hover { background: #f4f4f4; }
ul.productCategories li .img { width: 175px; height: 185px; overflow: hidden; }
ul.productCategories li img { margin: 0 0 5px 0; }
ul.productCategories li .imgPlaceholder { display: block; float: left; margin: 0 0 5px 0; width: 175px; height: 185px; background: #ccc; }
ul.productCategories li span { display: block; margin: 10px 0 0 0; }
ul.productCategories li.last { margin-right: 0; }
a.shopButton { padding: 7px 15px; border-radius: 4px; color: #fff; font-size: 11px; font-weight: bold; background: #af0909; background: -webkit-gradient(linear, 0 0, 0 85%, from(#cc0b0b), to(#9d0000)); background: -moz-linear-gradient(top, #cc0b0b, #9d0000 85%); }
a.shopButton:hover { color: #fff; background: -webkit-gradient(linear, 0 0, 0 99%, from(#cc0b0b), to(#6d0404)); background: -moz-linear-gradient(top, #cc0b0b, #6d0404 99%); }
ul.subBoxProducts img.productIMG { width: 50px; float: left; margin: 0 10px 0 0; }
ul.subBoxProducts li { display: block; margin: 0 0 13px 0; padding: 0 0 13px 0; border-bottom: 1px solid #ccc; }
ul.subBoxProducts li.last { border: none; }
ul.subBoxProducts li .imgPlaceholder{ width:50px; height: 50px; margin: 0 10px 0 0; float: left; background: #ccc; display: block; }
ul.subBoxProducts li span.price { display: block; }
.product .cart { width: auto; padding: 10px 15px 0 15px; background: #eee; }
.product .cart label { width: 75px; }
.product .cart input { width: 30px; display: inline-block; }
.product .cart input#addToCart { width: auto; margin: -2px 0 0 0; }
.product .cart select.variants { width: 144px; }
ul.productsList li .imageContainer { width:165px; height:165px; float:left; border: 1px solid #d8d8d8; padding: 5px; }
ul.productsList li .imageContainer div { width:165px; height:165px; background-size:contain; background-repeat:no-repeat; background-position:center; }
ul.productCategories li .imageContainer { width:165px; height:165px; float:left; border: 1px solid #d8d8d8; padding: 5px; }
ul.productCategories li .imageContainer div { width:165px; height:165px; background-size:contain; background-repeat:no-repeat; background-position:center; }
/* Pagination */
ul.pagination { display: inline-block; }
ul.pagination li { display: inline-block; }
ul.pagination li a { display: block; margin:0 2px 0 0; padding: 0 6px; background: #ddd; }
ul.pagination li a.onpage { background: #bbb; }
ul.pagination li a:hover { background: #eee; }
/* Shop */
table#shoppingCart th { font-weight: bold; }
table#shoppingCart td { padding: 5px 0; }
table#shoppingCart tr.foot { border-top: 1px solid #ccc; }
table#shoppingCart th.first { width: 160px; }
table#shoppingCart th.last { width: 30px; }
table#shoppingCart th.right { text-align: right; padding-right: 27px; }
table#shoppingCart td.right { text-align: right; padding-right: 27px; }
table#shoppingCart td a.cartTrash { width: 16px; height: 16px; display: block; background: url(/frontend/images/icons/cart_trash.png); }
table#shoppingCart td span.additionalInfo { font-style: italic; font-size: 11px; margin: 0; padding: 0; display: block; }
form.checkout { margin: 20px 0 0 0; }
form.checkout input[type="submit"] { float: right; }
#checkout { padding: 0 0 30px 0; }
#checkout ul#crumbs { margin: 0 0 25px 0; }
#checkout ul#crumbs li { display: inline-block; width: 87px; padding: 5px 15px; margin: 0 3px 0 0; text-align: center; background-color: #ccc; color: #000; opacity: 0.3; }
#checkout ul#crumbs li a { display: block; }
#checkout ul#crumbs li.last { margin-right: 0; }
#checkout ul#crumbs li.onTab { opacity: 1; color: #fff; }
#checkout input.small { width: 40px; }
#checkout input.medium { width: 185px; }
#checkout textarea { width: 578px; padding: 10px; background: #f7f5f5; }
#checkout select#dispatch_address { width: 100%; margin: 0 0 35px 0; }
#checkout #dispatch_address_form { display: none; }
#checkout a.edit { float: right; font-size:9px; }
#checkout span.label { width: 160px; display: inline-block; }