Results of the CSS crunched for dpy5ght8h57vg.cloudfront.net

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