/*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:auto }

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; color: inherit; font-size: inherit;}

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; }

.floatRight { float: right; margin: 0 0 20px 20px;}



/*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; }

.formPolicyText input { display: inherit; float: left; margin-right: 15px; margin-top: 5px; }
.formPolicyText div { display:inline-block; float: left;}


.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:#fff;  bottom:0; height:85px; left:0;  overflow-x:hidden; overflow-y:hidden; padding:0;  position:fixed; text-align:center; width:100%; z-index:50; -webkit-box-shadow: 0px -2px 4px 0px rgba(51,51,51,0.65);

-moz-box-shadow: 0px -2px 4px 0px rgba(51,51,51,0.65);

box-shadow: 0px -2px 4px 0px rgba(51,51,51,0.65); }

.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.instagram { background-image: url(/frontend/images/social/instagram.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;  }

.pageBox.submenu li.clear { height:0!important;  }



/*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; }


/*Box Contact*/
.pageBox.contactform .vn { visibility: hidden;}

.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 .imageFullsize { margin:0 0 40px 0; 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; display:none;  }

.pageBox.socialmedia .sm_title .left { margin-left:110px; }

.pageBox.socialmedia .sm_options  { float:left; }

.pageBox.socialmedia .sm_options a { margin:0 10px 0 0;  }

.pageBox.socialmedia .buttons { float:left; margin:-8px 0 0 0; width:290px; }

.pageBox.socialmedia .socialButton { float: left; margin: 10px 15px 0 0; display: inline-block; }

.pageBox.socialmedia .rating { overflow:hidden; border-top:1px solid #CCC; margin-right:9px; margin-top:4px; padding-top:4px; display:block; }

.pageBox.socialmedia .rating li { cursor:pointer; width:18px; height:17px; background:url(../images/star.png); float:left; margin:2px 3px; }

.pageBox.socialmedia .rating li,

.pageBox.socialmedia .rating:hover li:hover ~ li,

.pageBox.socialmedia .rating.vote-cast li.selected ~ li { background:url(../images/star.png); }

.pageBox.socialmedia .rating:hover li { background:url(../images/star-vote.png); }



.pageBox.socialmedia .rating li.full { background:url(../images/star-vote.png); }

.pageBox.socialmedia .rating li.half { background:url(../images/star-half.png); }





/*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.blogCats a.cat { display: block; overflow: hidden; text-decoration: none; margin: 3px 0; }

.subBox.blogCats a.cat span { float: right; }



.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 .size { color:#aaa; display:block; line-height:20px; font-size:11px; }

.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 Flipbook */
.pageBox.flipbook .flip-book-container-custom {min-height: 500px;}
/*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:90px; } 

.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; } 



table.eventDetails { margin: 0; border: 1px dotted #aaa; border-width: 0 0 1px 0; padding: 6px 0; }

table.eventDetails tr { margin: 0; border: 1px dotted #aaa; border-width: 0 0 1px 0; }

table.eventDetails td { padding: 6px 0; font-size:inherit!important; }

table.eventDetails td.label { font-weight:bold; width:150px; }







/*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; } 



/* Breadcrumb */

.con_breadcrumb { display:inline; }

.con_breadcrumb div { display:inline; }



/* Tabs */

#tabs { clear:both; height:30px; padding:0!important; margin:0!important; list-style-type:none!important; z-index:2000 }

#tabs li { display: inline; height:30px; }

#tabs li a { float:left; display:block; font-size:11px; padding:0 10px; line-height:28px; height:28px; background: #ddd; margin:0 1px 0 0; border-bottom: 2px solid #fff; text-decoration: none; color: #333; font-weight:bold; white-space: nowrap; vertical-align:inherit!important; }

#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#tabs li { margin-left: 0; }

.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; float: right;}

@media(max-width:680px) {

	.product .imgPlaceholder { width: 200px; margin-left: 20px;  }

}

@media(max-width:480px) {

	.product .imgPlaceholder { width: 100%; max-width: 292px; float: left; margin-left: 0; }

}

.product .productRight { width: 292px; margin-right: 15px; float: left; }

.product ul#tabs { margin: 20px 0 0 0; }

.product ul#tabs li { float:left; margin:0 !important; padding:0 !important;  }

.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; }

.productCategories div.img { width:160px; height: 134px; }

.productCategories div.img img { height: 134px; width: auto; margin: 0 auto; max-width: 160px;}



/* 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; }



/* Online Anmeldung Events */

#regContainer { width: 100%; max-width: 920px; min-height: 500px; margin: 50px auto; padding: 0; border: 1px solid #ccc; }

#regContainer #header { background: #f2f6fc; padding: 20px; line-height: 25px; }

#regContainer #content { padding: 20px; border:none; }

#regContainer #footer { padding: 20px 15px; }

#regContainer #footer div { padding: 50px 20px 0 20px; padding-top: 0; }

#regContainer #steps { margin-bottom: 0; }

#regContainer h1 { margin: 0 0 20px 0; text-transform: none; font-size: 28px; }

#regContainer h2 { margin: 20px 0 20px 0; font-size: 23px; }

#regContainer .form-control { width: 340px; margin: 0 15px 15px 0; display: block;}

#regContainer .right { float: right; }

#regContainer .lbl { display: inline-block; width: 75px; }

#regContainer .circle { width: 20px; height:20px; position: relative;margin-top: -10px;margin-bottom: 7px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #a7a9ac; }

#regContainer .l { width:100%;border-top:1px solid #a7a9ac; }

#regContainer .on .l.notOn { border-color: #a7a9ac; }

#regContainer .row { padding: 0 15px; }

#regContainer .row div { padding: 0; color: #333; }

#regContainer .on div { background: #6dabe4; border-color: #6dabe4; }

#regContainer .on span {color: #333;}

#regContainer #steps { margin-top: 30px; }

#regContainer button { min-width: 250px; padding:10px 20px;color: #fff;background: #6dabe4;text-align:left;font-size: 14px;border:none; border-radius: 5px;}

#regContainer button:hover { background: #6dc1f0; }

#regContainer button span { font-size: 26px;line-height: 36px; float: right; }

#regContainer #invoiceAddress input { display: block; }

#regContainer .fieldSet { margin:40px 0 20px 0; }

#regContainer .fieldSet.inline { display: inline-block; margin-right: 30px; }

#regContainer .fieldSet h2 { margin-top: 0; }

#regContainer .error { padding: 10px 20px; }

#regContainer .error li { list-style: decimal; margin-left: 10px; margin-bottom: 5px; }

#regContainer .radio label { clear: left; width: 100%; height: 45px; margin-left: 20px; padding: 15px; }

#regContainer .radio { width: 340px; display: block; border-radius: 5px; float:left; clear: left; background: #eee; }

#regContainer .radio:hover { opacity: 0.8; }

#regContainer .label { width: 140px; display: inline-block; text-align: left; }

#regContainer .fa-pencil { margin-top: -37px; }

#regContainer input.smallInput { width: 120px !important; display: inline-block !important; }

#regContainer input.mediumInput { width: 205px !important; display: inline-block !important; }



span.em-at:after { content:"@"; display: inline; }

span.em-dt:after { content:"."; display: inline; }



.cookie-info { z-index: 9999;width: 100%; position: fixed; background-color: #eee;}

.cookie-container {width: 50%; margin: 0 auto; text-align: left; padding: 10px 0;}

.cookie-delete:before {

    content: 'OK';

}



.cookie-container p {

    float: left;

    margin: 0px;

    max-width: 70%;

    margin-top: -4px;

}



.cookie-container span{

    background-color: rgba(255,255,255,0.5);

    line-height: 30px;

    padding: 0 15px;

    float: right;

    color: #444;

    font-weight: bolder;

    margin-bottom: 10px;



    margin-left: 10px;

}

.cookie-delete:hover {cursor: pointer;}

/* Gallery Fix. IMG Height. */

.pageBox.gallery.raster3 .col-sm-4 { position: relative;  margin-bottom:15px; text-align:center; vertical-align: middle; background:#fff; border:5px solid #fff; border-width:5px 5px 15px 5px; height:200px; padding:15px; margin:0 auto; display: flex;

  align-items: center;

  justify-content: center }

.pageBox.gallery.raster3 .col-sm-4 a { display:block; }

.pageBox.gallery.raster3 .col-sm-4 img {  max-height:150px; max-width:150px; border:none; } 





@media(max-width:768px) {

    .cookie-container {

        width: 90%;

    }

}