Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» y2mate.ch
» lporn.club
» wallgau.eu
» mp3vip.club
» stroi-archive.ru
» More in the ARCHIVE
Tipp
Let's see what we've done for dpy5ght8h57vg.cloudfront.net
CSSCruncher.com has crunched this CSS to
25.97 %
Less Size!
I cant't believe it!
Crunched CSS code:
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);html,body,div,span,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,samp, small,strong,sub,sup,var, b,i, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0} input,select{vertical-align:middle} .clear{clear:both} html{background:#f4f4f4 url('../images/fpdf.body.gif') repeat;height:100%} body{font-family:'Open Sans',sans-serif,Verdana,sans-serif;font-size:12px;line-height:15px;color:#606060;height:100%} button, input[type="submit"], input[type="button"], input[type="reset"]{cursor:pointer;font-size:12px} #page{width:960px;min-height:100%;position:relative;background:#fff;margin:0 auto;padding-bottom:30px} #header{height:90px;width:920px;padding:0 20px;border-bottom:5px solid #9C9CCE;background-color:#f7f7f7} #header #logo{margin-top:35px;position:absolute} #header #navigation_header{display:inline;float:right;margin-top:35px;margin-right:-5px} #header #navigation_header li{list-style:none;float:left} #header #navigation_header li a{text-decoration:none;display:block;padding:7px 8px;font-weight:regular;color:#797979;text-transform:capitalize} #header #navigation_header li a:active, #header #navigation_header li a:hover{color:#0083cb} #header #navigation_header li.lang_changer a{color:#9c9cce} #header #navigation_header #search_term{outline:none;background:none;border:none;width:130px;cursor:pointer;padding-left:2px} #header #navigation_header form{margin-top:3px;background:url('../images/misc/sprite.png') no-repeat -252px -293px;width:24px;height:23px;overflow:hidden} #header #navigation_header form.active{background:url('../images/misc/sprite.png') no-repeat -252px -335px} #breadcrumb{height:40px;padding:0 0 0 20px} #breadcrumb ul{display:inline} #breadcrumb ul li{list-style:none;float:left;padding:10px 0;font-size:12px;color:#797979;font-weight:bold} #breadcrumb ul li+li{margin-left:5px} #breadcrumb ul li a, #breadcrumb ul li a:visited, #breadcrumb ul li a:active{text-decoration:none;color:#8284C2;font-weight:normal} #menu{width:150px;min-height:250px;margin-left:20px;float:left;padding-bottom:50px} #menu .navigation{display:inline} #menu .navigation li{list-style:none} #menu .navigation li a{text-decoration:none;font-size:12px;line-height:24px;color:#797979;display:block} #menu .navigation li a:hover, #menu .navigation li a.active{color:#8284C2} #menu .navigation li ul li{margin-left:12px;display:none} #menu .navigation li a.active+ul>li{display:block} #menu .navigation li ul li a{padding-left:5px;border-bottom:1px dotted #ccc} #menu .navigation li ul li a.first{border-top:1px dotted #ccc} #content-left{float:left;margin-right:20px} #content-right{float:right;width:180px} #content{margin-left:20px;padding-bottom:145px;min-height:600px;float:left} #content a{color:#8284C2} #content sup{vertical-align:super} #content sub{vertical-align:sub} #menu+#content{min-height:50px;width:660px;margin-left:30px} h1{font-size:21px;color:#303030;margin-bottom:15px;font-weight:normal;line-height:120%} h2{font-size:16px;color:#303030;font-weight:normal;margin-bottom:9px;margin-top:30px;line-height:120%} #content div.blog article h2{margin-bottom:3px;margin-top:20px} #content div.blog article h3{display:none} h3{margin-bottom:9px;margin-top:20px;line-height:120%} h2 a, h3 a{text-decoration:none;color:#8284C2} p{line-height:19px} p+p{margin-top:7px} p a{color:#8284C2;text-decoration:none;border-bottom:1px dotted #0083cb} p a.nounderline, p a.nounderline:hover, p a.nounderline:visited{border:0} p a:hover{color:#8284C2;text-decoration:none;border-bottom:1px dotted #8284C2} p a:visited{color:#8284C2} #content code{background-color:#f0f0f0;padding:10px;margin-top:20px;margin-bottom:10px;overflow:auto;display:inline-block;white-space:pre} #content code.php{overflow:auto} #content code.inline{display:inline-block;line-height:100%;padding:0;margin:0;width:auto;background-color:#fff;overflow:visible} #content ul, #content ol{margin:20px 0 20px 20px;line-height:19px} .slider{width:920px;height:280px} .slider .images{display:inline;margin:0} .slider .images li{filter:alpha(opacity=0);list-style:none;left:20px;opacity:0;position:absolute} .slider .images li.active{opacity:1} #content .slider .images li img{position:absolute;z-index:1;margin:0;max-width:none} .slider .images li h2, .slider .images li h3{color:#fff;display:block;font-family:Verdana;font-size:18px;height:150px;left:290px;line-height:22px;position:absolute;top:75px;width:560px;z-index:2;display:none} .slider .images li h2{font-weight:bold;font-size:30px;line-height:30px;top:27px} .slider .images li.active h2, .slider .images li.active h3{display:block} .slider .images li a, .login input[type="submit"], .button.red, div.button_red input{position:absolute;z-index:2;display:block;width:150px;text-align:center;text-decoration:none;color:#000;height:25px;font-size:12px} div.button_red input{position:relative;float:left;margin-right:20px} .button.grey, div.button_grey input{position:relative;z-index:2;display:block;width:150px;text-align:center;text-decoration:none;color:#000;height:25px;font-size:12px} .button.red, .login input[type="submit"]{margin-top:30px;position:relative} #contact_form_submit_right .button.red{margin-top:0} p+.button.red{line-height:25px} .slider .images li a{margin:200px 0 0 700px;line-height:25px} #content .slider ul.pagination{margin-top:245px;left:50%;position:absolute;z-index:3;padding:0 25px} #content .slider ul{display:block} .slider .pagination li{list-style:none;float:left} .slider .pagination li+li{margin-left:3px} .slider .pagination li a{display:block;background:url('../images/misc/sprite.png') no-repeat -43px -316px;width:30px;height:30px;text-indent:-9999px;outline:none} .slider .pagination li a:hover, .slider .pagination li a.active{background:url('../images/misc/sprite.png') no-repeat -2px -316px;width:30px;height:30px} .user_forum .button.red, .user_forum .button.grey{line-height:25px;width:190px;float:left;margin-top:20px;margin-bottom:20px} .user_forum input[type="text"]{width:180px} .user_forum .input_forum_text{width:100% !IMPORTANT} .user_forum .submitbuttons{padding-left:120px} .user_forum .modtext{text-align:center} .column_quarter.text.teaser{width:700px} .teaser-text .column_quarter.text{width:100%} .teaser-text .column_quarter.text .col{width:200px} .column_quarter{width:920px;margin-top:25px;margin-bottom:25px} .column_quarter .col{float:left;position:relative;width:210px} .column_quarter .col{margin-right:20px} .column_quarter .col h3{font-size:14px;line-height:40px;font-weight:normal} .column_quarter .col span.date{font-size:10px;color:#aaa} .column_quarter .col .teaser_img{margin:0;height:110px;width:215px;background:#efefef;overflow:hidden} .column_quarter .col .teaser_img p{width:205px;height:100px;display:block;margin-top:-105px;background:#fff;opacity:0.5;padding:5px;border-bottom:15px solid #fff} .column_quarter .col .teaser_img:hover p{margin-top:0;opacity:0.9;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s} .column_quarter .col .teaser_img p a{display:none} .column_quarter .col .teaser_img:hover p a{display:block} .column_quarter .col a.more{text-decoration:none;color:#9c9cce;text-align:right;display:block;line-height:17px;margin-top:5px;position:absolute;bottom:0;right:0} .column_quarter .col a.more:hover{color:#9c9cc3} #search_term.full{width:316px;height:24px;padding:0 5px;border:1px solid #797979;margin-bottom:30px;outline:none} #navigation_searchform_top + h3{white-space:pre-line;word-break:break-all} .submit.search{vertical-align:top;cursor:pointer} .pagination{padding:10px 0;font-size:11px} .pagination ul{display:inline;margin:0;float:right} .pagination ul li{list-style:none;float:left;margin-left:5px} .pagination ul li a{color:#000} .pagination ul li a.active, .pagination ul li a:hover{color:#0083cb} #content ul#search_result{display:inline} #search_result li{list-style:none;padding:0 10px 0 20px} #search_result li>span{position:absolute;width:29px;margin-left:-33px;text-align:right} #search_result li a{color:#9c9cce} #search_result li a:hover, #search_result li:hover a{color:#9c9cce} #search_result li p{margin:5px 0 20px 0} div.link_list{margin-top:40px} div.link_list h2{margin:0} ul.link_list{display:inline} ul.link_list li{list-style:none;margin:0 0 18px} ul.link_list li:hover a.link_list:first-child{background} ul.link_list li a.link_list:first-child{background:url('../images/misc/sprite.png') no-repeat 0 -196px} ul.link_list li:hover a.link_list:first-child{color:#0083cb;background:url('../images/misc/sprite.png') no-repeat 0 -231px} ul.link_list li a.link_list:link,ul.link_list li a.link_list:active,ul.link_list li a.link_list:visited{color:#9ba21b;padding-left:9px} ul.link_list li p{margin-top:7px} ul.download_list{display:inline} ul.download_list>li{list-style:none;padding:15px 0} ul.download_list ul.formats{display:inline} ul.download_list ul.formats li{list-style:none;float:left} ul.download_list ul.formats li+li{margin-left:20px} ul.download_list ul.formats li a:link, ul.download_list ul.formats li a:visited, ul.download_list ul.formats li a:active{background:url('../images/misc/sprite.png') no-repeat 0 -267px;padding-left:35px;height:19px;display:block;color:#9ba21b} ul.download_list ul.formats li:hover a{color:#0083cb} ul.download_list>li>img{width:148px;height:74px;float:left;margin-right:20px;border:3px solid #f5f5f5} ul.download_list>li>img+.content{float:left;width:470px} ul.download_list>li span.info{color:#a1a1a1;font-size:9px;display:block;margin:10px 0 4px 0} ul.download_list>li p{font-size:11px} h2.download_list{margin-top:10px} button.ui-button::-moz-focus-inner{border:0;padding:0} .ui-dialog{position:absolute;overflow:hidden;border:1px solid #ddd;padding:5px 25px 25px 25px;border-radius:7px;box-shadow:2px 2px 32px #999;-moz-box-shadow:2px 2px 32px #999} .ui-dialog .ui-dialog-titlebar{height:30px;position:relative} .ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0} .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin-top:-18px;height:18px} .ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding:0} .ui-dialog .ui-dialog-content{position:relative;border:0;background:none;overflow:auto;zoom:1} .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;padding-top:50px} .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer} .ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px} .ui-draggable .ui-dialog-titlebar{cursor:move} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em} .ui-widget-content{background:#fff;color:#797979;border:20px solid #fff} .ui-widget-content a{color:#333} .ui-widget-header a{color:#797979;text-decoration:none;font-size:15px;text-align:right} .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#666;opacity:.5;filter:Alpha(Opacity = 50)} .ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000;opacity:.2;filter:Alpha(Opacity = 20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #footer{width:920px;padding:0 20px;min-height:30px;clear:both;background:#ccc;color:#fff;position:absolute;bottom:90px;margin-top:20px} #footer .navigation{display:inline;margin:0} #footer .navigation li{list-style:none;float:left} #footer .navigation li+li{margin-left:15px} #footer .navigation li a{font-size:13px;text-decoration:none;line-height:30px;color:#333} #copyright{width:920px;padding:10px 20px 0 20px;height:80px;bottom:0;position:absolute;background:#fff;font-size:10px} #copyright p{line-height:15px} #content ul.sitemap{margin:0 0 30px 0;padding:0;width:100%} #content ul.sitemap ul{margin:0} .sitemap .sitemap{margin:0} .sitemap li{list-style:none} .sitemap li a{display:block;padding:2px 0 2px 0;color:#797979;text-decoration:none} .sitemap li a:hover{color:#9c9cce} .sitemap>li{border-bottom:1px dashed #0384cc} .sitemap>li>a{font-weight:bold} .sitemap>li ul li{padding-left:35px} .sitemap>li>ul>li>ul>li a:hover{color:#9ba21b} .login{padding:40px 0;display:block} .login label{display:inline-block;width:150px} .login input[type="text"]{margin-bottom:3px} #contact_form_submit_left, #contact_form_submit_right{float:left;margin-right:15px} ul.social_media{float:right;list-style-type:none;margin-top:5px} ul.social_media li{float:left;display:block;margin-left:15px;height:20px;width:20px;background:url('../images/misc/sprite.png') no-repeat} ul.social_media li a{display:block;height:20px;width:20px} ul.social_media li.facebook{background-position:-323px -388px} ul.social_media li.google{background-position:-393px -388px} ul.social_media li.xing{background-position:-426px -388px} ul.social_media li.rss{background-position:-358px -388px} ul.social_media li.youtube{background-position:-287px -388px} ul.social_media li.twitter{background-position:-251px -388px} .blog{margin-bottom:45px} .blog h2{font-size:15px;margin-top:15px} .blog h3{font-size:11px;margin-top:10px} .blog p{margin:8px 0} .blog .date{font-size:11px} .blog a{color:#9c9cce;text-decoration:none} .blog a:hover{color:#9c9cce;text-decoration:none} .blog span+a{float:right} .pifa-form{margin-top:30px;position:relative} .pifa-form label{display:block;width:160px;float:left} .pifa-form div.checkbox-wrapper label{width:438px} .pifa-form div.privacy{margin-bottom:15px} .pifa-form div{margin-bottom:3px} .pifa-form select{width:456px} .pifa-form input[type="text"], textarea{width:450px} .pifa-form .pifa-error select, .pifa-form .pifa-error input, .pifa-form .pifa-error textarea{border:1px solid #C31250} .pifa-form .pifa-error input[type="text"], .pifa-form .pifa-error textarea{width:454px} .pifa-form .pifa-error label{color:#C31250} .pifa-form p{display:none} .pifa-form .pifa-error .pifa-error-message{display:block} .pifa-form .pifa-error:hover p{display:block} #contact_form{margin-top:10px} #contact_form label{display:block;float:left;width:100px} #contact_form input[type="text"]{width:312px} #contact_form select{width:318px} #contact_form div.policy label{width:300px;margin-left:100px} #contact_form div.contact_row{margin-bottom:3px} #cookie_note{background:#fff;left:0;filter:alpha(opacity = 90);opacity:0.9;position:absolute;top:0;width:100%} #cookie_note div.notify{font-size:14px;padding:10px 100px;position:relative} #cookie_note a.dismiss{border:1px solid #9ba21b;border-radius:10px;color:#9ba21b;display:block;line-height:14px;padding:1px 4px 4px 4px;position:absolute;right:5px;top:5px;text-decoration:none} #cookie_note a.dismiss:hover{background:#9ba21b;color:#fff} #cookie_note .cancel_cookie{color:#9ba21b;line-height:17px} #content sup{vertical-align:super} #content sub{vertical-align:sub} ins{background-color:#FFFFFF !important} a{color:#9c9cce} #content table.parameter tr td{vertical-align:top;padding-top:10px} #content table.parameter td.name{white-space:nowrap;font-weight:bold;padding-right:10px} #content table.parameter td.name span.optional{font-weight:normal;font-style:italic} #content table.parameter td.type{padding-right:10px} #content table.parameter td.type a, #content table.parameter td.info a{color:#9c9cce} #content table.parameter td.info{} #content form table tr td{padding:5px} select, textarea, .textarea, input:not([type]), input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#ededed none repeat scroll 0 0;border-color:#afbac1;border-image:none;border-style:solid;border-width:0 0 1px;color:#020202;height:auto;max-width:100%;padding:3px 6px 4px;font-size:12px} #content button, #content input[type="submit"], #content input[type="button"], #content input[type="reset"]{border:1px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer;background-color:#fff} #content form table{margin-bottom:20px} input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .custom-file-upload{border:1px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer} div.font-converter-container{margin-top:20px;margin-bottom:30px} body.no-media .hide_desktop{display:none !important} #content{width:100%} #content-left{width:auto} #content code{width:auto} #content code.inline{width:auto} #content code.php{width:250px} #content pre{width:250px} #content table{width:auto} @media (max-width:768px){.hide_mobile{display:none !important} button, .button, input, select{min-height:30px !important} h1, h2, h3, h4, h5, h6{line-height:1} body{} body.menu_open{overflow:hidden} body.menu_open #page{height:100%;overflow:hidden} a.burger_menu{background:white;cursor:pointer;display:block;font-size:24px;height:30px;margin:0 0 -10px 0;padding-left:30px;position:absolute;right:0;bottom:48%;z-index:980;zoom:1} a.burger_menu:before, a.burger_menu:after{border-bottom:3px solid black;content:"";left:0;position:absolute;width:100%} a.burger_menu:before{border-top:3px solid black;height:6px;top:0} a.burger_menu:after{height:12px;position:absolute;top:6px} #page{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px} .button.red, .button.grey{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .button.grey, .button.red, div.button_grey input, div.button_red input, .column_quarter, #content, #content .slider .images li img, #copyright, #footer, #googleMap, #header, #page, .slider, .slider .images li{width:100%} #content, #copyright, #footer, #header{margin:0;padding:0} .blog .date{display:block;float:none;margin:0 0 8px 0} .blog span+a{display:block;float:none} #breadcrumb{height:auto;margin:10px 0;padding:0} #breadcrumb ul{display:inline-block} #breadcrumb ul li, #breadcrumb ul li+li{margin:0 5px 0 0;padding:0} #breadcrumb ul li:last-child{margin:0} .column_quarter .col{width:auto} .teaser-text .column_quarter.text .col{width:auto} .column_quarter .col, .column_quarter .col+.col{margin:0 2% 10px 0} .column_quarter .col h3{line-height:1;margin-bottom:5px} .column_quarter .col.mobile-col-100{width:100%} .column_quarter .col.mobile-col-100 .teaser_img{background:none;width:100%} .column_quarter .col.mobile-col-100 img.teaser_img_mobile{float:left;height:auto;margin:0 10px 0 0;max-width:100%} .column_quarter .col a.more{display:block;float:left;position:relative} .column_quarter .col .teaser_img{display:inline;height:auto} .column_quarter .col .teaser_img.initialized{background-image:none !important} .column_quarter .col .teaser_img p{height:auto} .column_quarter .col .teaser_img p, .column_quarter .col .teaser_img:hover p{border:0;margin-top:0;opacity:1;overflow:hidden;padding:0;width:auto} .column_quarter .col .teaser_img p a{display:block} .column_quarter .col .teaser_img p a.more{display:inline;float:left;padding:0 5px 0 0;position:relative} .column_quarter.text .col{height:auto !important;margin:0 2% 25px 0;width:100%} #contact_form input[type="text"]{width:100%} #contact_form select{width:100%} #contact_form label{float:none;width:100%} #contact_form div.policy label{margin:0;width:100%} #contact_form input[type="checkbox"]{margin:10px 3px 3px 0px} #contact_form_submit_left, #contact_form_submit_right{float:none;margin:10px 0 0 0} #content{margin:0 0 10px 0} #content .slider ul{margin:0;position:relative} #content ul > li > p.FreieForm strong, #content ul > li > strong{display:block} #content div.pagination > ul{line-height:1;margin:0} #content ul.pagination{display:table;margin:0;padding:10px 0 15px 0;width:100%} #content ul.pagination > li{display:table-cell;float:none} #content ul.pagination > li:first-child > a{text-align:left} #content ul.pagination > li > a{text-align:center;margin:0} #content ul.pagination > li > a#forward{text-align:right} #content > img{height:auto;max-width:100%} #content .slider ul.pagination{display:none} #content .slider .images li img{position:relative} #copyright{bottom:auto;height:auto;margin:12px 0 0 0;position:relative} #copyright > p{white-space:nowrap} #copyright > p+p{display:none} #content ul.download_list{margin:0} ul.download_list{display:table} ul.download_list > li{display:table-row;padding:0} ul.download_list > li > img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell;float:none;height:auto;margin:0;max-width:100%;width:100%} ul.download_list > li > img.safari{width:auto} ul.download_list > li > img+.content{display:table-cell;float:none;padding:0 0 20px 2%;vertical-align:top;width:auto} .fb_iframe_widget{margin:10px 0 0 0;width:100%} .fb_iframe_widget iframe{width:100% !important} .fb_iframe_widget span{width:100% !important} .fb_iframe_widget_fluid span{width:100% !important} #footer{bottom:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:10px;position:relative} #footer .navigation{display:inline-block;margin-bottom:10px} #footer .navigation li, #footer .navigation li+li{margin:0 10px 0 0} #footer .navigation li a{line-height:15px} .gallery{width:100%} #content .gallery ul.slider{margin:0} .gallery .slider li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;line-height:0;margin:0 0 2% 0;width:49%} .gallery .slider li.odd{margin:0 0 2% 2%} .gallery .slider li img{width:100%} #header{height:auto;padding:0 0 10px 0;position:relative} #header > a{display:block;margin:0 50px 0 0;position:relative;z-index:2} #header > a.burger_menu{position:absolute;margin:0 0 -20px 0} #header #navigation_header{display:none} #header #logo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;margin:0;max-width:90%;position:relative} #menu{background:black;background:rgba(0,0,0,0.8);bottom:0;-webkit-box-shadow:-10px 8px 35px 0px rgba(0,0,0,0.75);-moz-box-shadow:-10px 8px 35px 0px rgba(0,0,0,0.75);box-shadow:-10px 8px 35px 0px rgba(0,0,0,0.75);right:-280px;margin:0;overflow-y:auto;padding:10px;position:fixed;z-index:2000} #menu > .navigation form{margin:0 0 10px 0;position:relative} #menu > .navigation form > .search-icon{background:url('../images/misc/sprite.png') no-repeat -247px -290px;cursor:pointer;height:100%;position:absolute;right:0;top:0;width:26px} #menu > .navigation form input[type="text"]{padding:2px 25px 2px 2px} #menu+#content{margin-left:0;width:100%} #menu ul{list-style:none} #menu > ul > li > ul{margin:0 0 5px 0} #menu #navigation_header_mobile{border-top:1px solid #474747;margin:5px 0 0 0;padding:5px 0 0 0} #menu .navigation li a, #menu #navigation_header_mobile li a{color:#ededed;display:block;font-size:14px;line-height:26px;text-decoration:none} #menu .navigation li a:hover, #menu .navigation li a.active, #menu #navigation_header_mobile li a:hover, #menu #navigation_header_mobile li a.active{color:#C9D400} #menu #navigation_header_mobile form{display:none} #menu .navigation li ul li a{border-bottom-color:white;line-height:30px;padding-bottom:1px} #navigation_searchform_top + h3{word-break:normal} .pifa-form select, .pifa-form textarea, .pifa-form input[type="text"], .pifa-form input[type="password"], .pifa-form .pifa-error select, .pifa-form .pifa-error textarea, .pifa-form .pifa-error input[type="text"], .pifa-form .pifa-error input[type="password"], select, textarea, input[type="text"], input[type="password"], button[type="submit"], button[type="button"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0 none;width:100%} .pifa-form .pifa-error .pifa-error-message{display:block;float:left;margin:10px 0 0 0;width:100%} .pifa-form .checkbox_wrapper{float:left;margin:10px 0 0 0;width:100%} .pifa-form .checkbox_wrapper input{min-height:25px !important;float:left} .pifa-form .checkbox_wrapper label{float:left;margin:0 0 0 20px} #search_term.full{margin:0 0 10px 0;width:100%} #search_result li{padding:0 0 0 20px;position:relative} #search_result li > span{left:0;margin:0;width:16px} .sitemap > li{padding:10px 0 11px 0} .slider{height:auto;position:relative} .slider a.next, .slider a.prev{background:#fff;border-radius:9px;display:block;height:30px;line-height:30px;margin-top:-18px;opacity:0.7;outline-style:none;position:absolute;text-align:center;text-decoration:none;top:50%;width:40px;z-index:1000} .slider a.next{left:5px} .slider a.next:after{content:'\00ab';display:block;text-align:center} .slider a.prev{right:5px} .slider a.prev:after{content:'\00BB';display:block;text-align:center} .slider .images li{left:0;overflow:hidden} .slider .images li a{display:none;margin:0} .slider .images li h2{cursor:pointer} .slider .images li h2, .slider .images li h3{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:26px;height:auto;left:0;margin:0;padding:0 50px;top:10%;width:100%} .slider .images li.active h3{display:none} .submit.search{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;width:100%} ul.social_media{width:100%} ul.social_media li{margin:0 10px 0 0} .ui-dialog{border-radius:0;padding:0 !important;width:100% !important} .ui-dialog img{display:block;width:100%} .ui-dialog .ui-dialog-titlebar-close{display:block;margin:0;right:auto;text-align:center;top:6px;width:100%} .ui-dialog .ui-resizable-se{display:none !important} .ui-widget-content{border:0} .ui-dialog .ui-dialog-content#myDialog{padding:10px} .ui-dialog .ui-dialog-content{min-height:120px !important} .ui-dialog.dialog-gallery .ui-dialog-titlebar{display:none} .ui-dialog.cookie_note_dialog{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:0 !important;padding:10px !important} .ui-dialog.cookie_note_dialog+.ui-widget-overlay{width:100% !important} .ui-dialog.cookie_note_dialog .ui-dialog-buttonpane{margin:10px 0 0 0;overflow:hidden;padding:0} .ui-dialog.cookie_note_dialog .ui-dialog-titlebar{display:none} .ui-dialog.cookie_note_dialog .ui-dialog-buttonset{float:none;padding:0;width:100%} .ui-dialog.cookie_note_dialog .ui-dialog-buttonset button{margin:0} .ui-dialog.cookie_note_dialog .ui-dialog-buttonset button+button{margin:10px 0 0 0} .ui-dialog.cookie_note_dialog #cookie_note{height:auto !important;position:relative} .user_forum .button.red, .user_forum .button.grey{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:10px 0 0 0;width:100%} .user_forum input[type="text"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} .user_forum .email{float:none} .user_forum .name{float:none} .user_forum .submitbuttons{padding:0} .user_forum strong{line-height:20px} .user_forum .blog-data{padding-top:10px} .user_forum #calendarTable td+td .block{padding-left:10px;width:auto} .user_forum .modtext{text-align:left} .user_forum a.reply, .user_forum a.reply_quote, .user_forum .like+a{margin:0;padding:0;text-align:right;width:100%} .user_forum .like+a+a{margin-top:10px} .button.grey, .button.red, div.button_red input, div.button_grey input, .login input[type="submit"]{margin-top:10px;outline:0 none;width:100%} div.button_grey, div.button_red{overflow:hidden;width:100%} .login{padding:10px 0} .login label{line-height:20px}} @media (min-width:300px){#content code, #content code.php, #content pre{width:280px}} @media (min-width:400px){#content code, #content code.php, #content pre{width:400px}} @media (min-width:580px){#content-left{width:570px} #content code, #content code.php, #content pre{width:550px}} @media (min-width:769px){.hide_desktop{display:none !important}} @media (max-width:400px){.column_quarter .col.mobile-col-100 img.teaser_img_mobile{float:none;margin:5px 0;width:100%} .slider .images li.active h2{font-size:19px}} @media (max-width:320px){a.burger_menu{bottom:45%} .column_quarter .col.mobile-col-100 img.teaser_img_mobile{float:none;margin:5px 0;width:100%} .column_quarter .col .teaser_img p, .column_quarter .col .teaser_img:hover p{padding-left:0} #contact_form input[type="text"]{width:100%} #contact_form select{width:100%} .slider .images li.active h2, .slider .images li.active h3{padding:0 30px} .slider .images li.active h2{top:1%} .slider .images li.active h3{display:none} .slider a.next, .slider a.prev{height:20px;line-height:20px;margin-top:-10px;width:20px} ul.download_list{display:block} ul.download_list > li{display:block} ul.download_list > li > img{display:block;margin:0 0 5px 0} ul.download_list > li > img+.content{display:block;padding:0 0 20px 3px} #content code, #content code.php, #content pre{width:300px}} @media (max-width:275px){.slider .images li.active h2{font-size:14px;top:0}} .content_type_label{color:#0060B1;background-color:#BFCF00;display:block;margin:5px 0 2px 0;border-top:2px solid #0060B1;border-right:2px solid #0060B1;padding:2px;font-weight:bold} .content_type_label_secondary{color:#0060B1;background-color:#BFCF00;display:block;margin:5px 0 2px 0;padding:2px;font-weight:normal} #tpl_visedit{height:100%;padding:0;margin:0} #tpl_visedit .visedit_item{position:relative;height:26px;white-space:nowrap;font-size:12px} .javascript .comment,.php .comment{color:green} .javascript .string,.php .string{color:teal} .javascript .keywords,.php .keywords{color:navy} .javascript .global{color:blue} .javascript .brackets,.php .brackets{color:navy} .css .comment{color:gray} .css .properties{color:navy} .css .selectors{color:maroon;font-weight:bold} .css .units{color:red} .css .urls{color:green} .html .tag{color:purple} .html .comment{color:gray;font-style:italic} .html .string{color:navy} .html .doctype{color:teal}
» Show original CSS code
« Hide original CSS code
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700); html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } .clear { clear:both; } html { background: #f4f4f4 url('../images/fpdf.body.gif') repeat; height: 100%; } body { /*Pages shadow to be done*/ font-family: 'Open Sans', sans-serif, Verdana, sans-serif; font-size: 12px; line-height: 15px; color: #606060; height: 100%; } button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; font-size:12px; } #page { width: 960px; min-height: 100%; position: relative; background: #fff; margin: 0 auto; padding-bottom: 30px; } /* ----- HEADER ----- */ #header { height: 90px; width: 920px; padding: 0 20px; border-bottom: 5px solid #9C9CCE; background-color:#f7f7f7; } #header #logo { margin-top: 35px; position: absolute; } #header #navigation_header { display: inline; float: right; margin-top: 35px; margin-right: -5px; } #header #navigation_header li { list-style: none; float: left; } #header #navigation_header li a { text-decoration: none; display: block; padding: 7px 8px; font-weight: regular; color: #797979; text-transform: capitalize; } #header #navigation_header li a:active, #header #navigation_header li a:hover { color: #0083cb; } #header #navigation_header li.lang_changer a { color: #9c9cce; } #header #navigation_header #search_term { outline: none; background: none; border: none; width: 130px; cursor: pointer; padding-left: 2px; } #header #navigation_header form { margin-top: 3px; background: url('../images/misc/sprite.png') no-repeat -252px -293px; width: 24px; height: 23px; overflow: hidden; } #header #navigation_header form.active { background: url('../images/misc/sprite.png') no-repeat -252px -335px; } /* ----- BREADCRUMB ----- */ #breadcrumb { height: 40px; padding: 0 0 0 20px; } #breadcrumb ul { display: inline; } #breadcrumb ul li { list-style: none; float: left; padding: 10px 0; font-size: 12px; color: #797979; font-weight: bold; } #breadcrumb ul li+li { margin-left: 5px; } #breadcrumb ul li a, #breadcrumb ul li a:visited, #breadcrumb ul li a:active { text-decoration: none; color: #8284C2; font-weight: normal; } /* ----- MENU ----- */ #menu { width: 150px; min-height: 250px; margin-left: 20px; float: left; padding-bottom: 50px; } #menu .navigation { display: inline; } #menu .navigation li { list-style: none; } #menu .navigation li a { text-decoration: none; font-size: 12px; line-height: 24px; color: #797979; display: block; } #menu .navigation li a:hover, #menu .navigation li a.active { color: #8284C2; } #menu .navigation li ul li { margin-left: 12px; display: none; } #menu .navigation li a.active+ul>li { display: block; } #menu .navigation li ul li a { padding-left: 5px; border-bottom: 1px dotted #ccc; } #menu .navigation li ul li a.first { border-top: 1px dotted #ccc; } /* ----- CONTENT ----- */ #content-left { float:left; margin-right:20px; } #content-right { float:right; width:180px; } #content { margin-left: 20px; padding-bottom: 145px; min-height: 600px; float: left; } #content a { color:#8284C2; } #content sup { vertical-align: super; } #content sub { vertical-align: sub; } #menu+#content { min-height: 50px; width: 660px; margin-left: 30px; } /* #content img { margin: 20px 0; max-width: 100%; } */ h1 { font-size: 21px; color: #303030; margin-bottom: 15px; font-weight: normal; line-height: 120%; } h2 { font-size: 16px; color: #303030; font-weight: normal; margin-bottom: 9px; margin-top:30px; line-height: 120%; } #content div.blog article h2 { margin-bottom: 3px; margin-top:20px; } #content div.blog article h3 { display:none; } h3 { margin-bottom: 9px; margin-top:20px; line-height: 120%; } h2 a, h3 a { text-decoration:none; color:#8284C2; } p { /*text-align: justify;*/ line-height: 19px; } p+p { margin-top: 7px; } p a { color: #8284C2; text-decoration: none; border-bottom: 1px dotted #0083cb; } p a.nounderline, p a.nounderline:hover, p a.nounderline:visited { border:0; } p a:hover { color: #8284C2; text-decoration: none; border-bottom: 1px dotted #8284C2; } p a:visited { color:#8284C2; } #content code { background-color:#f0f0f0; padding:10px; margin-top:20px; margin-bottom:10px; overflow:auto; display:inline-block; white-space:pre; } #content code.php { overflow:auto; } #content code.inline { display:inline-block; line-height:100%; padding:0; margin:0; width:auto; background-color:#fff; overflow:visible; } #content ul, #content ol { margin: 20px 0 20px 20px; line-height: 19px; } /* ----- SLIDER ----- */ .slider { width: 920px; height: 280px; } .slider .images { display: inline; margin: 0; } .slider .images li { filter: alpha(opacity=0); list-style: none; left: 20px; opacity: 0; position: absolute; } .slider .images li.active { opacity: 1; } #content .slider .images li img { position: absolute; z-index: 1; margin: 0; max-width: none; } .slider .images li h2, .slider .images li h3 { color: #fff; display: block; font-family: Verdana; font-size: 18px; height: 150px; left: 290px; line-height: 22px; position: absolute; top: 75px; width: 560px; z-index: 2; display: none; } .slider .images li h2 { font-weight: bold; font-size: 30px; line-height: 30px; top: 27px; } .slider .images li.active h2, .slider .images li.active h3 { display: block; } .slider .images li a, .login input[type="submit"], .button.red, div.button_red input { position: absolute; z-index: 2; display: block; width: 150px; text-align: center; text-decoration: none; color: #000; height: 25px; font-size: 12px; } div.button_red input { position: relative; float: left; margin-right: 20px; } .button.grey, div.button_grey input { position: relative; z-index: 2; display: block; width: 150px; text-align: center; text-decoration: none; color: #000; height: 25px; font-size: 12px; } .button.red, .login input[type="submit"] { margin-top: 30px; position: relative; } #contact_form_submit_right .button.red { margin-top: 0; } p+.button.red { line-height: 25px; } .slider .images li a { margin: 200px 0 0 700px; line-height: 25px; } #content .slider ul.pagination { margin-top: 245px; left: 50%; position: absolute; z-index: 3; padding: 0 25px; } #content .slider ul { display: block; } .slider .pagination li { list-style: none; float: left; } .slider .pagination li+li { margin-left: 3px; } .slider .pagination li a { display: block; background: url('../images/misc/sprite.png') no-repeat -43px -316px; width: 30px; height: 30px; text-indent: -9999px; outline: none; } .slider .pagination li a:hover, .slider .pagination li a.active { background: url('../images/misc/sprite.png') no-repeat -2px -316px; width: 30px; height: 30px; } /* ----- UserForum ----- */ .user_forum .button.red, .user_forum .button.grey { line-height: 25px; width: 190px; float: left; margin-top: 20px; margin-bottom: 20px; } .user_forum input[type="text"] { width: 180px; } .user_forum .input_forum_text { width: 100% !IMPORTANT; } .user_forum .submitbuttons { padding-left: 120px; } .user_forum .modtext { text-align: center; } /* ----- NEWSTEASER ----- */ /* 4-culumn version */ .column_quarter.text.teaser { width: 700px; } .teaser-text .column_quarter.text { width: 100%; } .teaser-text .column_quarter.text .col { width: 200px; } .column_quarter { width: 920px; margin-top: 25px; margin-bottom: 25px; } .column_quarter .col { float: left; position: relative; width: 210px; } .column_quarter .col { margin-right: 20px; } .column_quarter .col h3 { font-size: 14px; line-height: 40px; font-weight:normal; } .column_quarter .col span.date { font-size: 10px; color: #aaa; } .column_quarter .col .teaser_img { margin: 0; height: 110px; width: 215px; background: #efefef; overflow: hidden; } .column_quarter .col .teaser_img p { width: 205px; height: 100px; display: block; margin-top: -105px; background: #fff; opacity: 0.5; padding: 5px; border-bottom: 15px solid #fff; } .column_quarter .col .teaser_img:hover p { margin-top: 0; opacity: 0.9; transition: all 0.4s; -moz-transition: all 0.4s; /* Firefox 4 */ -webkit-transition: all 0.4s; /* Safari and Chrome */ -o-transition: all 0.4s; /* Opera */ } .column_quarter .col .teaser_img p a { display: none; } .column_quarter .col .teaser_img:hover p a { display: block } .column_quarter .col a.more { text-decoration: none; color: #9c9cce; text-align: right; display: block; line-height: 17px; margin-top: 5px; position: absolute; bottom: 0; right: 0; } .column_quarter .col a.more:hover { color: #9c9cc3; } /* ----- SEARCH RESULT ----- */ #search_term.full { width: 316px; height: 24px; padding: 0 5px; border: 1px solid #797979; margin-bottom: 30px; outline: none; } #navigation_searchform_top + h3 { white-space: pre-line; word-break: break-all; } .submit.search { vertical-align: top; cursor: pointer; } .pagination { padding: 10px 0; font-size: 11px; } .pagination ul { display: inline; margin: 0; float: right; } .pagination ul li { list-style: none; float: left; margin-left: 5px; } .pagination ul li a { color: #000; } .pagination ul li a.active, .pagination ul li a:hover { color: #0083cb; } #content ul#search_result { display: inline; } #search_result li { list-style: none; padding: 0 10px 0 20px; } #search_result li>span { position: absolute; width: 29px; margin-left: -33px; text-align: right; } #search_result li a { color: #9c9cce; } #search_result li a:hover, #search_result li:hover a { color: #9c9cce; } #search_result li p { margin: 5px 0 20px 0; } /* ----- LINKLIST ----- */ div.link_list { margin-top: 40px; } div.link_list h2 { margin: 0; } ul.link_list { display: inline; } ul.link_list li { list-style: none; margin: 0 0 18px; } ul.link_list li:hover a.link_list:first-child { background } ul.link_list li a.link_list:first-child { background: url('../images/misc/sprite.png') no-repeat 0 -196px; } ul.link_list li:hover a.link_list:first-child { color: #0083cb; background: url('../images/misc/sprite.png') no-repeat 0 -231px; } ul.link_list li a.link_list:link,ul.link_list li a.link_list:active,ul.link_list li a.link_list:visited { color: #9ba21b; padding-left: 9px; } ul.link_list li p { margin-top: 7px; } /* ----- DOWNLOADLIST ----- */ ul.download_list { display: inline; } ul.download_list>li { list-style: none; padding: 15px 0; } ul.download_list ul.formats { display: inline; } ul.download_list ul.formats li { list-style: none; float: left; } ul.download_list ul.formats li+li { margin-left: 20px; } ul.download_list ul.formats li a:link, ul.download_list ul.formats li a:visited, ul.download_list ul.formats li a:active { background: url('../images/misc/sprite.png') no-repeat 0 -267px; padding-left: 35px; height: 19px; display: block; color: #9ba21b; } ul.download_list ul.formats li:hover a { color: #0083cb; } ul.download_list>li>img { width: 148px; height: 74px; float: left; margin-right: 20px; border: 3px solid #f5f5f5; } ul.download_list>li>img+.content { float: left; width: 470px; } ul.download_list>li span.info { color: #a1a1a1; font-size: 9px; display: block; margin: 10px 0 4px 0; } ul.download_list>li p { font-size: 11px; } h2.download_list { margin-top: 10px; } /* ----- UI WIDGETS ----- */ /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; /* reset extra padding in Firefox */ } /* ------------ DIALOG -------------- */ .ui-dialog { position: absolute; overflow: hidden; border: 1px solid #ddd; padding: 5px 25px 25px 25px; border-radius: 7px; box-shadow: 2px 2px 32px #999; -moz-box-shadow: 2px 2px 32px #999; } .ui-dialog .ui-dialog-titlebar { height: 30px; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin-top: -18px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; padding-top: 50px; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Component containers */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { background: #fff; color: #797979; border: 20px solid #fff; } .ui-widget-content a { color: #333; } .ui-widget-header a { color: #797979; text-decoration: none; font-size: 15px; text-align: right; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666; opacity: .5; filter: Alpha(Opacity = 50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000; opacity: .2; filter: Alpha(Opacity = 20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ----- FOOTER ----- */ #footer { width: 920px; padding: 0 20px; min-height: 30px; clear: both; background: #ccc; color: #fff; position: absolute; bottom: 90px; margin-top:20px; } #footer .navigation { display: inline; margin: 0; } #footer .navigation li { list-style: none; float: left; } #footer .navigation li+li { margin-left: 15px; } #footer .navigation li a { font-size: 13px; text-decoration: none; line-height: 30px; color: #333; } #copyright { width: 920px; padding: 10px 20px 0 20px; height: 80px; bottom: 0; position: absolute; background: #fff; font-size: 10px; } #copyright p { line-height: 15px; } /* ----- SITEMAP ----- */ #content ul.sitemap { margin: 0 0 30px 0; padding: 0; width: 100%; } #content ul.sitemap ul { margin: 0; } .sitemap .sitemap { margin: 0; } .sitemap li { list-style: none; } .sitemap li a { display: block; padding: 2px 0 2px 0; color: #797979; text-decoration: none; } .sitemap li a:hover { color: #9c9cce; } /* styling the different levels */ .sitemap>li { border-bottom: 1px dashed #0384cc; } .sitemap>li>a { font-weight: bold; } .sitemap>li ul li { padding-left: 35px; } .sitemap>li>ul>li>ul>li a:hover { color: #9ba21b; } /* ----- LOGIN FORM ----- */ .login { padding: 40px 0; display: block; } .login label { display: inline-block; width: 150px; } .login input[type="text"] { margin-bottom: 3px; } /* ----- NEWSLETTER FORM ----- */ #contact_form_submit_left, #contact_form_submit_right { float: left; margin-right: 15px; } /* ----- SOCIAL MEDIA ----- */ ul.social_media { float: right; list-style-type: none; margin-top: 5px; } ul.social_media li { float: left; display: block; margin-left: 15px; height: 20px; width: 20px; background: url('../images/misc/sprite.png') no-repeat; } ul.social_media li a { display: block; height: 20px; width: 20px; } ul.social_media li.facebook { background-position: -323px -388px; } ul.social_media li.google { background-position: -393px -388px; } ul.social_media li.xing { background-position: -426px -388px; } ul.social_media li.rss { background-position: -358px -388px; } ul.social_media li.youtube { background-position: -287px -388px; } ul.social_media li.twitter { background-position: -251px -388px; } /* ----- BLOG ----- */ .blog { margin-bottom: 45px; } .blog h2 { font-size: 15px; margin-top: 15px; } .blog h3 { font-size: 11px; margin-top: 10px; } .blog p { margin: 8px 0; } .blog .date { font-size: 11px; } .blog a { color: #9c9cce; text-decoration: none; } .blog a:hover { color: #9c9cce; text-decoration: none; } .blog span+a { float: right; } /* ----- PIFAFORM ----- */ .pifa-form { margin-top: 30px; position: relative; } .pifa-form label { display: block; width: 160px; float: left; } .pifa-form div.checkbox-wrapper label { width: 438px; } .pifa-form div.privacy { margin-bottom: 15px; } .pifa-form div { margin-bottom: 3px; } .pifa-form select { width: 456px; } .pifa-form input[type="text"], textarea { width: 450px; } .pifa-form .pifa-error select, .pifa-form .pifa-error input, .pifa-form .pifa-error textarea { border: 1px solid #C31250; } .pifa-form .pifa-error input[type="text"], .pifa-form .pifa-error textarea { width: 454px; } .pifa-form .pifa-error label { color: #C31250; } .pifa-form p { display: none; } .pifa-form .pifa-error .pifa-error-message { display: block; } .pifa-form .pifa-error:hover p { display: block; } /* ----- NEWSLETTERFORM ----- */ #contact_form { margin-top: 10px; } #contact_form label { display: block; float: left; width: 100px; } #contact_form input[type="text"] { width: 312px; } #contact_form select { width: 318px; } #contact_form div.policy label { width: 300px; margin-left: 100px; } #contact_form div.contact_row { margin-bottom: 3px; } /* ----- COOKIE DIRECTIVE ----- */ #cookie_note { background: #fff; left: 0; filter: alpha(opacity = 90); opacity: 0.9; position: absolute; top: 0; width: 100%; } #cookie_note div.notify { font-size: 14px; padding: 10px 100px; position: relative; } #cookie_note a.dismiss { border: 1px solid #9ba21b; border-radius: 10px; color: #9ba21b; display: block; line-height: 14px; padding: 1px 4px 4px 4px; position: absolute; right: 5px; top: 5px; text-decoration: none; } #cookie_note a.dismiss:hover { background: #9ba21b; color: #fff; } #cookie_note .cancel_cookie { color: #9ba21b; line-height: 17px; } #content sup { vertical-align:super; } #content sub { vertical-align: sub; } ins { background-color: #FFFFFF !important; } a { color:#9c9cce; } #content table.parameter tr td { vertical-align:top; padding-top:10px; } #content table.parameter td.name { white-space:nowrap; font-weight:bold; padding-right:10px; } #content table.parameter td.name span.optional { font-weight:normal; font-style:italic; } #content table.parameter td.type { padding-right:10px; } #content table.parameter td.type a, #content table.parameter td.info a { color:#9c9cce; } #content table.parameter td.info { } #content form table tr td { padding: 5px; } select, textarea, .textarea, input:not([type]), input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #ededed none repeat scroll 0 0; border-color: #afbac1; border-image: none; border-style: solid; border-width: 0 0 1px; color: #020202; height: auto; max-width: 100%; padding: 3px 6px 4px; font-size:12px; } #content button, #content input[type="submit"], #content input[type="button"], #content input[type="reset"] { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; background-color: #fff; } #content form table { margin-bottom:20px; } input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; } div.font-converter-container { margin-top:20px; margin-bottom:30px; } body.no-media .hide_desktop { display: none !important; } #content { width:100%; } #content-left { width:auto; } #content code { width:auto; } #content code.inline { width:auto; } #content code.php { width:250px; } #content pre { width:250px; } #content table { width:auto; } /* tablet */ @media (max-width: 768px) { /* basics */ .hide_mobile { display: none !important; } button, .button, input, select { min-height: 30px !important; } h1, h2, h3, h4, h5, h6 { line-height: 1; } /* body */ body { } body.menu_open { overflow: hidden; } body.menu_open #page { height: 100%; overflow: hidden; } /* .burger_menu */ a.burger_menu { background: white; cursor: pointer; display: block; font-size: 24px; height: 30px; margin: 0 0 -10px 0; padding-left: 30px; position: absolute; right: 0; bottom: 48%; z-index: 980; zoom: 1; } a.burger_menu:before, a.burger_menu:after { border-bottom: 3px solid black; content: ""; left: 0; position: absolute; width: 100%; } a.burger_menu:before { border-top: 3px solid black; height: 6px; top: 0; } a.burger_menu:after { height: 12px; position: absolute; top: 6px; } /* #page */ #page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; } /* .button */ .button.red, .button.grey { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* basic widths */ .button.grey, .button.red, div.button_grey input, div.button_red input, .column_quarter, #content, #content .slider .images li img, #copyright, #footer, #googleMap, #header, #page, .slider, .slider .images li { width: 100%; } /* basic reset */ #content, #copyright, #footer, #header { margin: 0; padding: 0; } /* .blog */ .blog .date { display: block; float: none; margin: 0 0 8px 0; } .blog span+a { display: block; float: none; } /* #breadcrumb */ #breadcrumb { height: auto; margin: 10px 0; padding: 0; } #breadcrumb ul { display: inline-block; } #breadcrumb ul li, #breadcrumb ul li+li { margin: 0 5px 0 0; padding: 0; } #breadcrumb ul li:last-child { margin: 0; } /* .column_quarter */ .column_quarter .col { width: auto; } /*.column_quarter.text.teaser {*/ /*width: auto;*/ /*}*/ .teaser-text .column_quarter.text .col { width: auto; } .column_quarter .col, .column_quarter .col+.col { margin: 0 2% 10px 0; } .column_quarter .col h3 { line-height: 1; margin-bottom: 5px; } .column_quarter .col.mobile-col-100 { width: 100%; } .column_quarter .col.mobile-col-100 .teaser_img { background: none; width: 100%; } .column_quarter .col.mobile-col-100 img.teaser_img_mobile { float: left; height: auto; margin: 0 10px 0 0; max-width: 100%; } .column_quarter .col a.more { display: block; float: left; position: relative; } .column_quarter .col .teaser_img { display: inline; height: auto; } .column_quarter .col .teaser_img.initialized { background-image: none !important; } .column_quarter .col .teaser_img p { height: auto; } .column_quarter .col .teaser_img p, .column_quarter .col .teaser_img:hover p { border: 0; margin-top: 0; opacity: 1; overflow: hidden; padding: 0; width: auto; } .column_quarter .col .teaser_img p a { display: block; } .column_quarter .col .teaser_img p a.more { display: inline; float: left; padding: 0 5px 0 0; position: relative; } .column_quarter.text .col { height: auto !important; margin: 0 2% 25px 0; width: 100%; } /* #contact_form */ #contact_form input[type="text"] { width: 100%; } #contact_form select { width: 100%; } #contact_form label { float: none; width: 100%; } #contact_form div.policy label { margin: 0; width: 100%; } #contact_form input[type="checkbox"] { margin: 10px 3px 3px 0px; } #contact_form_submit_left, #contact_form_submit_right { float: none; margin: 10px 0 0 0; } /* #content */ #content { margin: 0 0 10px 0; } #content .slider ul { margin: 0; position: relative; } #content ul > li > p.FreieForm strong, #content ul > li > strong { display: block; } #content div.pagination > ul { line-height: 1; margin: 0; } #content ul.pagination { display: table; margin: 0; padding: 10px 0 15px 0; width: 100%; } #content ul.pagination > li { display: table-cell; float: none; } #content ul.pagination > li:first-child > a { text-align: left; } #content ul.pagination > li > a { text-align: center; margin: 0; } #content ul.pagination > li > a#forward { text-align: right; } #content > img { height: auto; max-width: 100%; } #content .slider ul.pagination { display: none; } #content .slider .images li img { position: relative; } /* #copyright */ #copyright { bottom: auto; height: auto; margin: 12px 0 0 0; position: relative; } #copyright > p { white-space: nowrap; } #copyright > p+p { display: none; } /* .download_list */ #content ul.download_list { margin: 0; } ul.download_list { display: table; } ul.download_list > li { display: table-row; padding: 0; } ul.download_list > li > img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; float: none; height: auto; margin: 0; max-width: 100%; width: 100%; } ul.download_list > li > img.safari { width: auto; } ul.download_list > li > img+.content { display: table-cell; float: none; padding: 0 0 20px 2%; vertical-align: top; width: auto; } /* .fb_iframe_widget */ .fb_iframe_widget { margin: 10px 0 0 0; width: 100%; } .fb_iframe_widget iframe { width: 100% !important; } .fb_iframe_widget span { width: 100% !important; } .fb_iframe_widget_fluid span { width: 100% !important; } /* #footer */ #footer { bottom: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 10px; position: relative; } #footer .navigation { display: inline-block; margin-bottom: 10px; } #footer .navigation li, #footer .navigation li+li { margin: 0 10px 0 0; } #footer .navigation li a { line-height: 15px; } /* .gallery */ .gallery { width: 100%; } #content .gallery ul.slider { margin: 0; } .gallery .slider li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; line-height: 0; margin: 0 0 2% 0; width: 49%; } .gallery .slider li.odd { margin: 0 0 2% 2%; } .gallery .slider li img { width: 100%; } /* #header */ #header { height: auto; padding: 0 0 10px 0; position: relative; } #header > a { display: block; margin: 0 50px 0 0; position: relative; z-index: 2; } #header > a.burger_menu { position: absolute; margin: 0 0 -20px 0; } #header #navigation_header { display: none; } #header #logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; margin: 0; max-width: 90%; position: relative; } /* #menu */ #menu { background: black; background: rgba(0,0,0,0.8); bottom: 0; -webkit-box-shadow: -10px 8px 35px 0px rgba(0,0,0,0.75); -moz-box-shadow: -10px 8px 35px 0px rgba(0,0,0,0.75); box-shadow: -10px 8px 35px 0px rgba(0,0,0,0.75); right: -280px; margin: 0; overflow-y: auto; padding: 10px; position: fixed; z-index: 2000; } #menu > .navigation form { margin: 0 0 10px 0; position: relative; } #menu > .navigation form > .search-icon { background: url('../images/misc/sprite.png') no-repeat -247px -290px; cursor: pointer; height: 100%; position: absolute; right: 0; top: 0; width: 26px; } #menu > .navigation form input[type="text"] { padding: 2px 25px 2px 2px; } #menu+#content { margin-left: 0; width: 100%; } #menu ul { list-style: none; } #menu > ul > li > ul { margin: 0 0 5px 0; } #menu #navigation_header_mobile { border-top: 1px solid #474747; margin: 5px 0 0 0; padding: 5px 0 0 0; } #menu .navigation li a, #menu #navigation_header_mobile li a { /*color: #797979;*/ color: #ededed; display: block; font-size: 14px; line-height: 26px; text-decoration: none; } #menu .navigation li a:hover, #menu .navigation li a.active, #menu #navigation_header_mobile li a:hover, #menu #navigation_header_mobile li a.active { color: #C9D400; } #menu #navigation_header_mobile form { display: none; } #menu .navigation li ul li a { border-bottom-color: white; line-height: 30px; padding-bottom: 1px; } /* #navigation_searchform_top */ #navigation_searchform_top + h3 { word-break: normal; } /* .pifa-form */ .pifa-form select, .pifa-form textarea, .pifa-form input[type="text"], .pifa-form input[type="password"], .pifa-form .pifa-error select, .pifa-form .pifa-error textarea, .pifa-form .pifa-error input[type="text"], .pifa-form .pifa-error input[type="password"], select, textarea, input[type="text"], input[type="password"], button[type="submit"], button[type="button"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 none; width: 100%; } .pifa-form .pifa-error .pifa-error-message { display: block; float: left; margin: 10px 0 0 0; width: 100%; } .pifa-form .checkbox_wrapper { float: left; margin: 10px 0 0 0; width: 100%; } .pifa-form .checkbox_wrapper input { min-height: 25px !important; float: left; } .pifa-form .checkbox_wrapper label { float: left; margin: 0 0 0 20px; } /* #search_term */ #search_term.full { margin: 0 0 10px 0; width: 100%; } /* #search_result */ #search_result li { padding: 0 0 0 20px; position: relative; } #search_result li > span { left: 0; margin: 0; width: 16px; } /* .sitemap */ .sitemap > li { padding: 10px 0 11px 0; } /* slider */ .slider { height: auto; position: relative; } .slider a.next, .slider a.prev { background: #fff; border-radius: 9px; display: block; height: 30px; line-height: 30px; margin-top: -18px; opacity: 0.7; outline-style: none; position: absolute; text-align: center; text-decoration: none; top: 50%; width: 40px; z-index: 1000; } .slider a.next { left: 5px; } .slider a.next:after { content: '\00ab'; display: block; text-align: center; } .slider a.prev { right: 5px; } .slider a.prev:after { content: '\00BB'; display: block; text-align: center; } .slider .images li { left: 0; overflow: hidden; } .slider .images li a { display: none; margin: 0; } .slider .images li h2 { cursor: pointer; } .slider .images li h2, .slider .images li h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 26px; height: auto; left: 0; margin: 0; padding: 0 50px; top: 10%; width: 100%; } .slider .images li.active h3 { display: none; } /* .submit */ .submit.search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px 0; width: 100%; } /* .social_media */ ul.social_media { width: 100%; } ul.social_media li { margin: 0 10px 0 0; } /* .ui-dialog */ .ui-dialog { border-radius: 0; padding: 0 !important; width: 100% !important; } .ui-dialog img { display: block; width: 100%; } .ui-dialog .ui-dialog-titlebar-close { display: block; margin: 0; right: auto; text-align: center; top: 6px; width: 100%; } .ui-dialog .ui-resizable-se { display: none !important; } .ui-widget-content { border: 0; } .ui-dialog .ui-dialog-content#myDialog { padding: 10px; } .ui-dialog .ui-dialog-content { min-height: 120px !important; } /* .dialog-gallery */ .ui-dialog.dialog-gallery .ui-dialog-titlebar { display: none; } /* .cookie_note_dialog */ .ui-dialog.cookie_note_dialog { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0 !important; padding: 10px !important; } .ui-dialog.cookie_note_dialog+.ui-widget-overlay { width: 100% !important; } .ui-dialog.cookie_note_dialog .ui-dialog-buttonpane { margin: 10px 0 0 0; overflow: hidden; padding: 0; } .ui-dialog.cookie_note_dialog .ui-dialog-titlebar { display: none; } .ui-dialog.cookie_note_dialog .ui-dialog-buttonset { float: none; padding: 0; width: 100%; } .ui-dialog.cookie_note_dialog .ui-dialog-buttonset button { margin: 0; } .ui-dialog.cookie_note_dialog .ui-dialog-buttonset button+button { margin: 10px 0 0 0; } .ui-dialog.cookie_note_dialog #cookie_note { height: auto !important; position: relative; } /* .user_forum */ .user_forum .button.red, .user_forum .button.grey { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px 0 0 0; width: 100%; } .user_forum input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .user_forum .email { float: none; } .user_forum .name { float: none; } .user_forum .submitbuttons { padding: 0; } .user_forum strong { line-height: 20px; } .user_forum .blog-data { padding-top: 10px; } .user_forum #calendarTable td+td .block { padding-left: 10px; width: auto; } .user_forum .modtext { text-align: left; } .user_forum a.reply, .user_forum a.reply_quote, .user_forum .like+a { margin: 0; padding: 0; text-align: right; width: 100%; } .user_forum .like+a+a { margin-top: 10px; } /* different settings */ .button.grey, .button.red, div.button_red input, div.button_grey input, .login input[type="submit"] { margin-top: 10px; outline: 0 none; width: 100%; } div.button_grey, div.button_red { overflow: hidden; width: 100%; } .login { padding: 10px 0; } .login label { line-height: 20px; } } @media (min-width: 300px) { #content code, #content code.php, #content pre { width:280px; } } @media (min-width: 400px) { #content code, #content code.php, #content pre { width:400px; } } /* desktop */ @media (min-width: 580px) { #content-left { width:570px; } #content code, #content code.php, #content pre { width:550px; } } /* desktop */ @media (min-width: 769px) { .hide_desktop { display: none !important; } } @media (max-width: 400px) { .column_quarter .col.mobile-col-100 img.teaser_img_mobile { float: none; margin: 5px 0; width: 100%; } .slider .images li.active h2 { font-size: 19px; } } /* phone */ @media (max-width: 320px) { /* .burger_menu */ a.burger_menu { bottom: 45%; } /* .column_quarter */ .column_quarter .col.mobile-col-100 img.teaser_img_mobile { float: none; margin: 5px 0; width: 100%; } .column_quarter .col .teaser_img p, .column_quarter .col .teaser_img:hover p { padding-left: 0; } /* #contact_form */ #contact_form input[type="text"] { width: 100%; } #contact_form select { width: 100%; } /* .slider */ .slider .images li.active h2, .slider .images li.active h3 { padding: 0 30px; } .slider .images li.active h2 { top: 1%; } .slider .images li.active h3 { display: none; } .slider a.next, .slider a.prev { height: 20px; line-height: 20px; margin-top: -10px; width: 20px; } /* .download_list */ ul.download_list { display: block; } ul.download_list > li { display: block; } ul.download_list > li > img { display: block; margin: 0 0 5px 0; } ul.download_list > li > img+.content { display: block; padding: 0 0 20px 3px; } #content code, #content code.php, #content pre { width:300px; } } @media (max-width: 275px) { .slider .images li.active h2 { font-size: 14px; top: 0; } } /* labels for contenttypes in backend edit mode */ .content_type_label { color: #0060B1; background-color: #BFCF00; display: block; margin: 5px 0 2px 0; border-top: 2px solid #0060B1; border-right: 2px solid #0060B1; padding: 2px; font-weight: bold; } .content_type_label_secondary { color: #0060B1; background-color: #BFCF00; display: block; margin: 5px 0 2px 0; padding: 2px; font-weight: normal; } #tpl_visedit { height: 100%; padding: 0; margin: 0; } #tpl_visedit .visedit_item { position: relative; height: 26px; white-space: nowrap; font-size: 12px; } .javascript .comment, .php .comment { color: green; } .javascript .string, .php .string { color: teal; } .javascript .keywords, .php .keywords { color: navy; } .javascript .global { color: blue; } .javascript .brackets, .php .brackets { color: navy; } .css .comment { color: gray; } .css .properties { color: navy; } .css .selectors { color: maroon; font-weight: bold; } .css .units { color: red; } .css .urls { color: green; } .html .tag { color: purple; } .html .comment { color: gray; font-style: italic; } .html .string { color: navy; } .html .doctype { color: teal; }