body { color: #4b4b4b; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-image: url(graphics-all/body-background-tile.gif); text-align: center; margin: 0px; padding: 0px } a { color: #203a96; text-decoration: none } a:hover { padding-bottom: 2px; border-bottom: 1px dotted #203a96 } #containerBox { background: url(graphics-all/container-background-tile.gif) repeat-y; text-align: left; float: none; clear: both; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: solid 0px blue; width: 986px; overflow: visible } #contentHeadBox { background: url(graphics-all/headmenu-background.jpg) no-repeat; margin-left: 18px; width: 951px; height: 64px } #contentHeadBoxMenu { float: right; margin-top: 27px; width: 731px } #contentHeadBoxMenu ul { margin: 0px; padding: 0px } #contentHeadBoxMenu li { font-weight: bold; line-height: 37px; float: left; margin-right: 6px; width: auto; height: 37px;list-style-type:none; } #contentHeadBoxMenu li a { color: white; text-decoration: none; padding-right: 12px; padding-left: 12px; width: auto; height: 37px; display: block } #contentHeadBoxMenu li.like { padding: 4px 0 0; float:right; } #contentHeadBoxMenu li a:hover { color: #203a96; background: url(graphics-all/headmenu-background-hover.jpg) repeat-x; border-bottom: 0px } #contentRightBox { float: right; margin-top: 0px; margin-right: 17px; border: dashed 0px red; width: 731px; height: auto; overflow: visible } #contentLeftBox { background: url(graphics-all/leftbox-background.jpg) no-repeat; margin-top: 0px; margin-left: 18px; padding-top: 48px; border: dashed 0px green; width: 214px; overflow: visible } #contentLeftBox h2.products { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-products.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.informations { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-infomations.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.audiovideo { color: #203a96; font-style: normal; font-weight: normal; font-size: 11px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-audiovideo.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.audio { color: #203a96; font-style: normal; font-weight: normal; font-size: 11px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-audio.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.video { color: #203a96; font-style: normal; font-weight: normal; font-size: 11px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-video.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.extern { color: #203a96; font-style: normal; font-weight: normal; font-size: 11px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-empfohlen.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.photo { color: #203a96; font-style: normal; font-weight: normal; font-size: 11px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-photo.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.pressreleases { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-press.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox h2.neutral { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-neutral.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentLeftBox ul { background: url(graphics-all/leftbox-background-ul.jpg) repeat-x; margin: 0px; padding: 8px 0px 16px; width: 211px } #contentLeftBox li { line-height: 26px; list-style-type: none; margin-left: 34px } #contentLeftBox li a, #contentLeftBox p a { color: #4b4b4b; text-decoration: none } #contentLeftBox li a:hover, #contentLeftBox p a:hover { color: #203a96; padding-bottom: 2px; border-bottom: 1px solid #203a96 } #contentLeftBox p { color: #4b4b4b;line-height: 18px; margin-right: 6px; margin-left: 34px } #contentRightBoxWideNews { margin-top: 16px; padding-top: 16px; height: 64px } #contentRightBoxWideAds { margin-top: 6px; padding-top: 6px; height: 90px;margin-bottom:6px; } #contentRightBoxWideNews img { float: left; margin-right: 16px } #contentRightBoxWideNews p { } #contentRightBoxWideNews p strong { font-style: normal; font-weight: normal; font-size: 12px; padding-top: 12px } #contentRightBoxWide { border: dashed 0px fuchsia } #contentRightBoxWide h1.topproduct { color: #203a96; font-style: normal; font-weight: bold; font-size: 12px; line-height: 47px; background: url(graphics-all/widebox-back-h1-topproduct.jpg) no-repeat; letter-spacing: 0.1em; margin-bottom: 0px; padding-left: 40px; width: 691px } #contentRightBoxWide h1.neutral { color: #203a96; font-style: normal; font-weight: bold; font-size: 12px; line-height: 47px; background: url(graphics-all/widebox-back-h1-neutral.jpg) no-repeat; letter-spacing: 0.1em; margin-bottom: 0px; padding-left: 40px; width: 691px } #contentInsideWide { background: url(graphics-all/widebox-back-tile-blue.jpg) repeat-x; float: right; margin-top: 0px; width: 728px } #contentInsideWide img { float: left; margin: 24px 24px 12px 30px } #contentInsideWide p { font-size: 12px; line-height: 24px; margin-top: 6px; margin-right: 24px;margin-left:24px; } #contentInsideWide h2 { font-style: normal; font-weight: normal; font-size: 18px; line-height: 18px; letter-spacing: 0.1em; margin-top: 24px; margin-right: 12px; margin-bottom: 0px } #contentRightBoxMedium { float: left; border: dotted 0px aqua; width: 478px } #contentRightBoxMedium h2.products { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/mediumbox-back-h2-product.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px; width: 438px } #contentRightBoxMedium h2.latestnews { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/mediumbox-back-h2-news.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px; width: 438px } #contentRightBoxMedium h2.neutral { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/mediumbox-back-h2-neutral.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px; width: 438px } #contentRightBoxMedium h2.box { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/mediumbox-back-h2-boxeditem.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px; width: 438px } #contentLeftBox h2.neutraltop { color: #203a96; font-style: normal; font-weight: normal; font-size: 11px; line-height: 47px; background: url(graphics-all/leftbox-back-h2-neutraltop.jpg) no-repeat; letter-spacing: 0.1em; margin: 0px; padding-left: 34px; width: 179px; height: 47px } #contentRightBoxMedium dir { margin-top: 0px; margin-left: 3px; padding: 6px 0px 16px; border: dashed 0px fuchsia; width: 472px } #contentRightBoxMedium li.square { list-style-type: square; margin-top: 0px; margin-left: 34px; margin-right: 20px; padding-bottom: 10px; border-bottom: 0px dotted black } #contentRightBoxMedium ul { background: url(graphics-all/mediumbox-back-ul.jpg) repeat-x; margin-top: 0px; margin-left: 3px; margin-bottom:0px;padding: 6px 0px 16px 0px; border: dashed 0px fuchsia; width: 472px;min-height:210px;} #contentRightBoxMedium li { list-style-type: none; margin-top: 0px; margin-left: 34px; margin-right:0px;padding-bottom: 10px;margin-right:20px;} #contentRightBoxMedium li img { float:left;margin-right:16px; } #contentRightBoxMedium li p { font-size: 10px; line-height: 15px; margin-top: 0px; margin-right: 20px } #contentRightBoxMedium li h3 { font-style: normal; font-weight: normal; font-size: 12px; line-height: 22px; margin-top: 12px; margin-bottom: 0px } #contentRightBoxMedium li.onethird { list-style-type: none; margin-top: 0px; margin-left: 20px; padding-bottom: 10px; border: 0px dotted black;width:133px;float:left;margin-right:0px; } #contentRightBoxMedium li.onethird img { border:0px solid red;margin-left:-4px; } #contentRightBoxMedium li.onethird p { border:0px solid red;font-size: 10px; line-height: 15px; margin-top: 0px; margin-right: 0px; } #contentRightBoxSmall { float: right; border: solid 0px green; width: 251px } #contentRightBoxSmall h2.latestdownloads { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/smallbox-back-h2-download.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px } #contentRightBoxSmall h2.neutral { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/smallbox-back-h2-neutral.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px } #contentRightBoxSmall h2.presse { color: #203a96; font-style: normal; font-weight: normal; font-size: 12px; line-height: 47px; background: url(graphics-all/smallbox-back-h2-press.jpg) no-repeat; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; padding-left: 40px } #contentRightBoxSmall ul { background: url(graphics-all/mediumbox-back-ul.jpg) repeat-x; margin-top: 0px; margin-left: 3px; padding: 12px 0px 0px } #contentRightBoxSmall li { list-style-type: none; margin-right: 12px; margin-bottom: 12px; margin-left: 34px } #contentFootBox { background-image: url(graphics-all/footbox-back.gif); float:left;clear: both; margin-right: auto; margin-left: auto; border: dashed 0px aqua; width: 986px; height: 54px } #contentFootBox p.legal { font-size: 10px; line-height: 12px; float: right; margin-top: 26px; margin-right: 26px; margin-left: 0px } #contentFootBox p.sitelinks { font-size: 10px; line-height: 12px; float: left; margin-top: 26px; margin-left: 26px } /** @dennis **/ #contentFootBox .socials { float: left; margin: 28px 0 0 0; } #contentFootBox .socials a img { border: 0 none; } #contentFootBox .twitterfeed { margin: 28px 20px 0; padding: 0 20px; width: 250px; height: 70px; border-left: 1px dotted #bbb; border-right: 1px dotted #bbb; float:left; } #contentFootBox .twitterfeed ul { list-style: none; padding: 0; margin: 0; } #contentFootBox .twitterfeed ul li { padding-left: 28px; background: transparent url(../images/bg-twitter-inner-small.png) 0 0 no-repeat; } #contentFootBox .twitterfeed ul li a { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } /** @dennis **/ #contentLeftBoxFlags {text-align:center;width:212px;} #contentLeftBoxFlags img {border-width:0px;margin:0px 4px 0px 4px;padding:0px;} #contentLeftBoxFlags a:hover {border-width:0px;} form {border:0px solid red;width:380px;} .inputREGtext {float:right;width:210px;} .inputREGtextarea {float:right;width:210px;height:200px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ /* @dennis PrettyGallery Styles */ #contentRightBoxMedium ul.pretty-gallery { margin: 0 34px 13px; background: 0 none; min-height: 0; } #contentRightBoxMedium .pretty-gallery li { float: left; margin: 0 ; padding: 0; } #contentRightBoxMedium .pretty-gallery li a { display: block; text-decoration: none; } #contentRightBoxMedium .pretty-gallery li a img { display: block; float: none; border: 0 none; } #contentRightBoxMedium .pretty-gallery li a:link, #contentRightBoxMedium .pretty-gallery li a:visited, #contentRightBoxMedium .pretty-gallery li a:hover, #contentRightBoxMedium .pretty-gallery li a:active { text-decoration: none; border-bottom: 0 none; padding-bottom: 0; }