/* Default ------------------------------------------------------------------------------------------------ */ @font-face { font-family: 'Zapf Elliptical Bold'; src: url('../fonts/zapf_elliptical_711_bold_bt-webfont.eot'); src: url('../fonts/zapf_elliptical_711_bold_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zapf_elliptical_711_bold_bt-webfont.woff') format('woff'), url('../fonts/zapf_elliptical_711_bold_bt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Zapf Elliptical'; src: url('../fonts/zapf_elliptical_711_bt-webfont.eot'); src: url('../fonts/zapf_elliptical_711_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zapf_elliptical_711_bt-webfont.woff') format('woff'), url('../fonts/zapf_elliptical_711_bt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .clearfix:after { clear: both; content: ''; display: block; font-size: 0; height: 0; visibility: hidden; } .clear { clear: both; } .hideme { display: none!important; } /* Grid ------------------------------------------------------------------------------------------------ */ .showgrid { background-image: url('../images/dev/grid.gif'); background-position: 50% 0; background-repeat: repeat-y; } .column { padding: 10px 10px 0; margin:0 0 10px; overflow: hidden; } .column.nomarginbottom {margin-bottom:0px; } .column.nopaddingtop {padding-top:0px;} .column.first { padding-left: 0; } .column.last { padding-right: 0; } .column.left, .left { float: left; /*padding-right:9px; border-right:1px solid rgb(210,213,215);*/} .column.right, .right { float: right; /*padding-left:9px; border-left:1px solid rgb(210,213,215);*/} .column.border { padding-left:9px;/*8px;*/ padding-right:9px;/*8px;*/ border-left:1px solid rgba(119,119,119,0.15); border-right:1px solid rgba(119,119,119,0.15);} .column.borderright { padding-right:9px; border-right:1px solid rgba(119,119,119,0.15);} .column.borderleft { padding-left:9px; border-left:1px solid rgba(119,119,119,0.15);} .column .spacing {padding:0 10px;} .inline { display: inline-block; vertical-align: top; } .col1 { width: 60px; } .col2 { width: 140px; } .col3 { width: 220px; } .col4 { width: 300px; } .col5 { width: 380px; } .col6 { width: 460px; } .col7 { width: 540px; } .col8 { width: 620px; } .col9 { width: 700px; } .col10 { width: 780px; } .col11 { width: 860px; } .col12 { width: 940px; } /* Seitenaufbau Design ------------------------------------------------------------------------------------------------ */ /* html { overflow: hidden; } body { overflow: auto; } */ html, body { height: 100%; } #page {position:relative; overflow:hidden;} .parallaxlayer {position:absolute; width:100%; height:100%; top:0px; left:0px;} #parallaxobj1 {background:url(../images/design/balloon1.png) no-repeat -100px -100px;} #parallaxobj2 {background:url(../images/design/balloon3.png) no-repeat -100px -100px;} #parallaxobj3 {background:url(../images/design/cloud3.png) no-repeat -100px -100px;} #parallaxobj4 {background:url(../images/design/cloud4.png) no-repeat -100px -100px;} #parallaxbackground {background:url(../images/design/bg_grass_transparent.png) repeat-x bottom;} #container {width:980px; margin:0 auto; position:relative; background:#ffffff; -webkit-box-shadow: inset 0px 3px 15px 0px rgba(0, 0, 0, 0.10), inset 0 0 0 1px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 3px 15px 0px rgba(0, 0, 0, 0.10), inset 0 0 0 1px rgba(0,0,0,0.05); box-shadow: inset 0px 3px 15px 0px rgba(0, 0, 0, 0.10), inset 0 0 0 1px rgba(0,0,0,0.05);} #header {position:relative; background-color:rgb(247, 164, 44); padding-bottom:12px; z-index:8;} #headerimage {} #headerpattern {position:absolute; top:0px; width:100%; height:407px; background:url(../images/design/headerpattern.png); z-index:10;} #logo {position:absolute; top:0px; right:33px; z-index:10;} #menu {position:relative; padding:10px 0; margin-top:-50px; height:40px;} .navhelper {position:absolute; height:45px; width:187px; margin-top:-45px; background-repeat:no-repeat; background-position:top left; z-index:19;} #youare {background:url(../images/design/nav_youare.png); left:35px;} #weare {background:url(../images/design/nav_weare.png); right:50px;} #nav { margin: 0 auto; text-align:center; position:absolute; bottom:0px; width:100%; z-index:20;} #nav li { list-style: none; margin: 0; display:inline-block; vertical-align:bottom; width:180px; height:30px; text-align:left; background:url(../images/design/nav_overlay.png) repeat bottom right; background-color:rgb(38,53,63); color:rgb(0,0,0); margin-left:20px; padding:10px 16px 0 17px; cursor:pointer; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #nav > .active { background:rgb(23,32,40); } #nav li.first {margin-left:0px;} #nav li a, #nav li .nav_li_a {color:rgb(255,255,255); text-decoration:none; font-size:22px; font-family:'Zapf Elliptical Bold', Georgia, 'Times New Roman', Times, serif;} #nav li:hover, #nav li.hover, #nav li.open, #nav li.opendelete { padding-top:30px; background:rgb(23,32,40); -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;} #nav .nav_description {display:none; font-size:12px; color:rgb(246,246,246); line-height:1.3em; margin-top:13px;} #alternative_titles {display:none;} .hovermenu {position:absolute; left:0px; bottom:60px; color:rgb(246,246,246); padding:0px 10px; text-align:left; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background:rgb(23,32,40); background:rgba(23,32,40,0.97); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.7s ease; -ms-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease; display:block; opacity:0; height:0; overflow:hidden; padding-top:0px; /* benötigt für css transition */ } #nav .hovermenu .spacing {padding:0;} #nav li.hover .hovermenu, #nav li.open .hovermenu { opacity:1; height:auto; padding-bottom:5px;} #nav .hovermenu .navitem { padding:9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #nav .hovermenu h2, #nav .hovermenu h2 a {color:rgb(247,165,44); font-size:17px; line-height:1.25em; margin-bottom:3px; font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif;} #nav .hovermenu .navimage {margin-bottom:12px;} #nav .hovermenu .navdescription {font-size: 12px; line-height: 1.42em;} #nav .hovermenu .navsublinks, #nav .hovermenu .navquicklinks, #nav .hovermenu .navmorelink {margin-top:8px;} #nav .hovermenu li {display:block; width:auto; height:auto; background:none; background-color:transparent; padding:0; margin:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} #nav .hovermenu li a {color:rgb(247,165,44); font-size:12px; line-height:1.6em; font-family:Arial, Helvetica, sans-serif; background:url(../images/design/li_nav.png) no-repeat left center; padding-left:10px;} #nav .hovermenu li a.active, #nav .hovermenu h2 a.active { /*color:rgb(237,101,1);*/ color:#ffffff; text-decoration:underline; } #nav .hovermenu li a.active { background-image:url(../images/design/li_nav_active.png); -moz-transform: translate(0.5em,0em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em); } #nav .hovermenu .navmorelink a {color:rgb(247,165,44); font-size:12px; line-height:1.6em; font-family:Arial, Helvetica, sans-serif;} /* aktiver Menüpunkt */ #nav .open:not(.hover) .navitem:not(.active) .navdescription { color:rgba(255,255,255,0.7); text-shadow:none; } #nav .open:not(.hover) .navitem:not(.active) h2, #nav .open:not(.hover) .navitem:not(.active) h2 a, #nav .open:not(.hover) .navitem:not(.active) li a { color:rgba(247,165,44,0.7); text-shadow:none; } #nav .open:not(.hover) .navitem.active { background:rgb(15,21,24); background:rgba(0,0,0,0.17); box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.12) inset, 0 1px 3px rgba(0, 0, 0, 0.7) inset; } /* Hover Effects */ #nav .hovermenu .navitem {background:rgba(0,0,0,0); box-shadow:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #nav .hovermenu .navitem:hover {background:rgb(15,21,24); background:rgba(0,0,0,0.17); box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.12) inset, 0 1px 3px rgba(0, 0, 0, 0.7) inset;} #nav .hovermenu .navdescription, #nav .hovermenu h2, #nav .hovermenu h2 a , #nav .hovermenu li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} /* Menü-Hovereffekt: Unschärfe #nav .hovermenu:hover .navdescription {color:rgba(255,255,255,0); text-shadow:0px 0px 2px rgba(255,255,255,1);} #nav .hovermenu:hover h2, #nav .hovermenu:hover h2 a, #nav .hovermenu:hover li a {color:rgba(247,165,44,0); text-shadow:0px 0px 2px rgba(247,165,44,1);} #nav .hovermenu:hover li a {background-image:url(../images/design/li_nav_blur.png);} */ /* Menü-Hovereffekt: Dunkler */ #nav .hovermenu:hover .navdescription {color:rgba(255,255,255,0.7); text-shadow:none;} #nav .hovermenu:hover h2, #nav .hovermenu:hover h2 a, #nav .hovermenu:hover li a {color:rgba(247,165,44,0.7); text-shadow:none;} #nav .hovermenu:hover li a {background-image:url(../images/design/li_nav_light.png);} #nav .hovermenu:hover h2 a.active, #nav .hovermenu:hover li a.active { color:rgba(255,255,255,0.7); /*rgba(237,101,1,0.7);*/ } #nav .hovermenu:hover li a.active { background-image:url(../images/design/li_nav_active_light.png); } #nav .hovermenu .navitem:hover .navdescription {text-shadow:none; color:rgba(255,255,255,1); } #nav .hovermenu .navitem:hover h2, #nav .hovermenu .navitem:hover h2 a, #nav .hovermenu .navitem:hover li a {text-shadow:none; color:rgba(247,165,44,1); } #nav .hovermenu .navitem:hover li a {background-image:url(../images/design/li_nav.png);} #nav .hovermenu .navitem:hover h2 a.active, #nav .hovermenu .navitem:hover li a.active { color:#ffffff; /*rgb(237,101,1);*/ } #nav .hovermenu .navitem:hover li a.active {background-image:url(../images/design/li_nav_active.png);} #nav .hovermenuclose { display:none; position:absolute; top:4px; right:4px; background:url(../images/design/menuclose.png); height:14px; width:14px;} #nav .hovermenuclose span {display:none;} #nav .nav_li.open .hovermenuclose {display:block;} .fixedmenu #nav .nav_li.open .hovermenuclose {display:none;} /**/ /* #nav .navitem h2, #nav .navitem:hover h2 a, #nav .active li a {color:rgba(247,165,44,0.7); text-shadow:none;} #nav .navitem .navdescription {color:rgba(255,255,255,0.7); text-shadow:none;} #nav .navitem h2, #nav .navitem.active:hover h2 a, #nav .navitem.active li a {color:rgba(247,165,44,0.7); text-shadow:none;} */ #headerborder {height:10px; background:url(../images/design/bottomshadow_header.png) no-repeat bottom center; position:relative; z-index:7;} #content {padding:15px 10px 0; min-height:200px;} #breadcrumbs {margin-top:-15px; margin-bottom:15px; margin-left:18px;} #footerborder { height:65px; background:url(../images/design/footerbackground_top.png) no-repeat; position:relative; z-index:8; } #footer { background-color:rgb(237,101,1); position:relative; z-index:8;} #footerimage {position:absolute; right:-35px; margin-top:-100px; } #footerbox {float:left; vertical-align:top; width:330px; background:url(../images/design/nav_overlay.png) repeat bottom right; background-color:rgb(38,53,63); color:rgb(255,255,255); margin:0 20px -20px; padding:20px 12px 0 18px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); margin-top:-35px;} #footerbox h2 {font-family:'Zapf Elliptical Bold', Georgia, 'Times New Roman', Times, serif; font-size:22px; margin-bottom:2px;} #footerbox form .entry {padding:4px 0; display:inline-block; vertical-align:top;} #footerbox textarea, #footerbox input {width:280px; font-size:12px; font-style:italic; color:rgb(255,255,255); background-color:rgb(56,68,76); background-color:rgba(255,255,255,0.1); border:none; text-shadow: 0 2px 2px rgba(0, 0, 0, 1);} #footerbox textarea {height:55px} #footerbox input.phone {width:198px;} #footerbox label {display:none;} #footerbox .error_msg {display:none!important;} #footerbox .error textarea, #footerbox .error input {-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 0, 0, 1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 0, 0, 1); box-shadow: inset 0px 0px 1px 2px rgba(255, 0, 0, 0.5); } #footernav {padding:0 10px; padding-top:10px;} #footernav li {list-style:none;} #footernav li { padding-left:10px; float:left; width:150px;} /* Footer-Nav überarbeitet */ #footernav a {line-height:1.42em; text-decoration:none; color:rgb(255,255,255); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); font-size:12px;} #footernav a:hover {} #footerbottom { min-height:65px; text-align:right; background-color:rgb(38,53,63); } #contactinfo {font-size:12px; color:rgb(246,246,246); display:inline-block; vertical-align:bottom;} #contactinfo a {color:rgb(246,246,246); text-decoration:none;} #contactinfo a:hover {text-decoration:underline;} #search, #search_content {display:inline-block; padding:4px; background-color:#3C4A53; background-color:rgba(255,255,255,0.1); margin:20px 20px 0 30px; margin-top:17px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.1) inset;} #search:hover, #search_content:hover {-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 10px rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 10px rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 10px rgba(255,255,255,0.1);} #search input, #search_content input {vertical-align:bottom; margin-left:10px; width:185px; border:none; background-color:transparent; color:rgb(246,246,246); text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0; height:21px;} #search button, #search_content button {background:url(../images/design/search.png) no-repeat center center; width:21px; height:21px; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; float:none; margin-bottom:0px;} #search button span, #search_content button span {display:none;} #referencelinks {display:block; left:0px; height:175px; width:100%; background:rgb(23,32,40); background:rgba(23,32,40,0.97); position:fixed; top:343px;/*350px;*/ display:none; z-index:5000; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); } .smallwidth #referencelinks {left:-13px;} @media only screen and (max-width: 1063px) { #referencelinks {display:block; left:-13px; height:175px; width:100%; background:rgb(23,32,40); background:rgba(23,32,40,0.97); position:fixed; top:343px;/*350px;*/ display:none; z-index:5000; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); } } @media only screen and (min-width: 1064px) { #referencelinks {display:block; left:0px; height:175px; width:100%; background:rgb(23,32,40); background:rgba(23,32,40,0.97); position:fixed; top:387px;/*350px;*/ display:none; z-index:5000; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); } } #referencelinksclose {position:absolute; width:42px; text-align:center; height:100%; right:0px; top:0px; cursor: pointer; display:none;} #referencelinksopen { position:absolute; width:42px; text-align:center; height:100%; right:-42px; top:0px; background:rgb(23,32,40); background:rgba(23,32,40,0.97); cursor: pointer; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #referencelinksopen:hover { margin-right:-8px; padding-left:8px;} .imageflow {} .imageflow img {-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} #sidelinks {position:fixed; left:0px; top:50px; z-index:5010;} .smallwidth #sidelinks {left:-13px;} @media only screen and (max-width: 1063px) { #sidelinks {position:fixed; left:-13px; top:50px; z-index:5010;} } @media only screen and (min-width: 1064px) { #sidelinks {position:fixed; left:0px; top:50px; z-index:5010;} } #sidelinks a {display:block; height:32px; width:42px; background-repeat:repeat; background-position: right 0; margin-bottom:10px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #sidelinks a span {display:none;} #sidelinks a:hover {background-position:right 32px; width:44px;} #sidelinks a.facebook {background-image:url(../images/design/sidelink_facebook.png);} #sidelinks a.twitter {background-image:url(../images/design/sidelink_twitter.png);} #sidelinks a.xing {background-image:url(../images/design/sidelink_xing.png);} #sidelinks a.mobile {background-image:url(../images/design/sidelink_mobile.png);} #sidelinks a.contact {background-image:url(../images/design/sidelink_contact.png);} #sidelinks a.portfolio {background-image:url(../images/design/sidelink_portfolio.png);} #sidelinks a.googleplus {background-image:url(../images/design/sidelinks_googleplus.png);} #sidelinks a.fernwartung {background-image:url(../images/design/sidelink_fernwartung.png);} /* ---------------------------------- Fixed Menu -------------------------------------- */ .fixedcontainer { z-index:99; } .fixedcontainer #nav {-webkit-transition: bottom 0.8s ease; -moz-transition:bottom 0.8s ease; -ms-transition: bottom 0.8s ease; -o-transition: bottom 0.8s ease; transition: bottom 0.8s ease;} .fixedmenu #nav .nav_li {-webkit-transition: margin-bottom 0.8s ease; -moz-transition:margin-bottom 0.8s ease; -ms-transition: margin-bottom 0.8s ease; -o-transition: margin-bottom 0.8s ease; transition: margin-bottom 0.8s ease;} .fixedmenu .hovermenu {-webkit-transition: bottom 0.8s ease; -moz-transition:bottom 0.8s ease; -ms-transition: bottom 0.8s ease; -o-transition: bottom 0.8s ease; transition: bottom 0.8s ease;} .fixedmenu #nav li.hover .hovermenu, .fixedmenu #nav li:hover .hovermenu, .fixedmenu #nav li.open .hovermenu { opacity:1; height:auto; padding-bottom:5px;} .fixedmenu #header { z-index:auto;} .fixedmenu #nav {z-index:10000;} /*Ursprungsposition nicht animiert*/ .fixedmenu #nav.fixedOnTop {bottom:-30px;} /* Animiertes Raufscrollen */ /*.fixedcontainer #nav.fixedOnTop {bottom:-30px;}*/ .fixedmenu #headerborder:after {content:''; position:absolute; width:100%; height:100%; background-color:rgb(247, 164, 44); bottom:10px;} .fixedmenu #headerborder {} .startpage.big.fixedmenu #header {padding-bottom:12px;} .startpage.fixedmenu #menu {height:40px;} .startpage.fixedmenu #nav .nav_description {display:none;} .startpage.fixedmenu #nav li { height:30px; padding-top:10px;} .startpage.fixedmenu #nav li:hover, .startpage.fixedmenu #nav li.hover, .startpage.fixedmenu #nav li.open {padding-top:30px;} .startpage.fixedmenu .hovermenu {bottom:60px;} .startpage.fixedmenu #nav .hovermenu li {height:auto; padding:0;} /* Inhalt Design ------------------------------------------------------------------------------------------------ */ /* ------------------------------- Design: Textelemente --------------------------------*/ body {color:rgb(31,44,54); font-family:Arial, Helvetica, sans-serif; font-size:62.5%; } #page {font-size:1.2em;} #sitetitle {font-size:23px; margin:35px 0 10px 20px;} #sitetitle.after_sub { margin:0 0 10px 20px!important;} #sub_title { margin:35px 0 2px 20px;} .nositetitle #sitetitle {display:none;} h1, h2, h3, h4, h5, h6 {font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; } h1, h1 a, h2, h2 a {font-size:23px; margin-bottom:18px; text-decoration:none;} h3, h3 a {font-size:17px; line-height:1.25em; color:rgb(237,101,1); text-decoration:none;} h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.42em;} p {font-size:12px; line-height:1.42em; margin-bottom:28px;} p.nomarginbottom { margin-bottom:4px!important;} p.smallfont { font-size:10px; } strong { font-weight: bold; } .paragraphcolumns p {-moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; column-count: 2; column-gap: 15px; } .paragraphcolumns .summary { -moz-column-count:1; -moz-column-gap:0px; -webkit-column-count:1; -webkit-column-gap:0px; column-count:1; column-gap:0px; } .summary {font-weight: bold;} a {color:rgb(31,44,54);} a:hover { text-decoration: none; outline: 0;} a:active { outline: 0; } a.morelink { background: url("../images/design/next.png") no-repeat scroll 0 center transparent; display: block; margin-bottom: 40px; padding-left: 13px; -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} a.morelink:hover {background-position:2px center;} a.morelink.nomargin { margin-bottom:2px!important; } .morebutton {margin-bottom:50px;} .onlinerechner .morebutton {margin-bottom:50px; float:left;} /* Zoom Link Animation */ #footernav a, ul.morelinks a, #nav .hovermenu li a {-webkit-transition: all 0.07s ease; -moz-transition: all 0.07s ease; -ms-transition: all 0.07s ease; -o-transition: all 0.07s ease; transition: all 0.07s ease; display:inline-block; /* required for webkit transform */ } #footernav a:hover, ul.morelinks a:hover, #nav .hovermenu li a:hover { text-shadow:0 4px 4px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em); } /* Testimonials/Referenzen - Kundenangabe */ .testimonialimage .clientname {display:inline-block; margin-bottom:15px; margin-top:15px; } .testimonialimage .clientaddress {display:inline-block; border-left:1px solid rgb(31,44,54); margin-left:5px; padding-left:7px; line-height:1.5em;} .clientname {display:inline-block; margin-bottom:0; margin-top:15px; } .clientaddress {display: block; line-height: 1.5em; padding-left: 0; margin-bottom: 20px;} /* print link -> form summarypage and google maps direction */ .print { } .print a { } /* hCard */ .hcard { height: 1px; overflow: hidden; position: absolute; top: -100%; width: 1px; } /* -------------------------------- Design: Grafikelemente --------------------------- */ .loading {background:url(../images/design/loader.gif) no-repeat center center;} .zms_graphic { clear: both; margin: 12px 0 10px 0; } .zms_graphic.border .graphic { border: 1px solid; padding: 1px; } .zms_graphic.center .graphic { margin: 0 auto 10px auto!important; } .zms_graphic.left .graphic { margin: 0 auto 10px 0!important; } .zms_graphic.right .graphic { margin: 0 0 10px auto!important; } .zms_graphic.floatright .graphic { margin: 0 0 10px 0!important; } .zms_graphic.floatleft .graphic { margin: 0 0 10px 0!important; } .zms_graphic.floatright { clear: none; float: right; margin: 0 0 0 20px; } .zms_graphic.floatleft { clear: none; float: left; margin: 0 20px 0 0; } .newsimg { float: right; margin: 0 10px 20px 20px; } /* ------------------------------- Lists ---------------------------------*/ ol, ul { } ol li ol, ul li {line-height:1.42em;} ol { list-style-type: decimal; } ul { list-style:none; list-style-type:none; } .content ol, .content ul { margin-bottom:28px;} .content ol li, .content ul li {background:url(../images/design/li.png) left 0.3em no-repeat; padding-left:15px;} ul.morelinks {margin-top:-10px;} ul.morelinks li {background:none; padding-left:0px; font-size:15px;} ul.morelinks a {color:rgb(237,101,1); font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; text-decoration:none;} /* ------------------------------- Tables --------------------------------*/ table { margin-bottom:40px; /*width: 100%;*/ } caption { } th { } thead th, thead td { border: 0; font-weight: bold; } tr {font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; font-size:15px; line-height:1.42em; color:rgb(31,44,54); padding:6px; background:none; background-color:rgb(255,255,255); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09) inset;} table tr:hover {background-color:rgb(255,255,255); box-shadow:0 0 0 1px rgba(0, 0, 0, 0.09) inset, 0px 5px 10px -5px rgba(0, 0, 0, 0.1);} td, th {padding:6px 10px; text-align:center;} .table {} .table div {display:table-row;} .table div span {display:table-cell;} .table.costs {} .table.costs div span {border-bottom:1px solid rgb(228,228,228); border-bottom:1px solid rgba(0, 0, 0, 0.09); padding:5px 5px;} .news_table_in_text { border:1px; } .news_table_in_text tr { font-family:Arial,Helvetica,sans-serif!important; font-size:12px!important; } .news_table_in_text td { border:1px; font-weight:normal; text-align:left; } .news_table_in_text td p { -moz-column-count:1; margin-bottom:0; } .news_table_in_text td p strong { font-weight:normal; } .no_column_in_text { -moz-column-count:1!important; } /* -------------------------------- Downloads --------------------------- */ a.file { background-image: url('../images/file_icons/file.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } a[href$=".doc"], a[href$=".docx"] { background-image: url('../images/file_icons/doc.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } a[href$=".xls"], a[href$=".xlsx"] { background-image: url('../images/file_icons/xls.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } a[href$=".ppt"], a[href$=".pptx"] { background-image: url('../images/file_icons/ppt.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } a[href$=".pdf"] { background-image: url('../images/file_icons/pdf.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } a[href$=".zip"] { background-image: url('../images/file_icons/zip.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } a[href$=".xml"] { background-image: url('../images/file_icons/rss.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 28px; } .content ul.downloads li {line-height:2em; background:none; padding-left:0px;} /* --- Steuerberater -> Downloads Österreich von DK -- */ p.left{ text-align: left!important; } p.floatleft{ clear: none; float: left; display: inline-block; margin-right: 10px; } p.right{ text-align: right!important; } p.floatright{ clear: none; float: right; display: inline-block; margin-left: 10px; } p.center{ text-align: center!important; } .toggle_container {} .trigger { cursor: pointer; font-size:17px; line-height:1.25em; color:rgb(237,101,1); text-decoration: none; width: auto; display: inline-block; padding-right: 15px; background: url('../images/design/morelink.png') no-repeat right 6px; } .trigger:hover { background: url('../images/design/download_link_hover.gif') no-repeat right 5px; } .trigger.hover_delete { background: url('../images/design/download_link_hover-delete.gif') no-repeat right 5px; } /* Spezielle Objekte Design ----------------------------------------------------------------------------------------------- */ /* -------------------------------- Social Media Quicklinks ----------------------- */ .socialmediaquicklinks { position:relative; padding-top:20px; } .landwirtschaftsnews .socialmediaquicklinks { position:relative; padding-top:0!important; margin:0; float:left; } .socialmediaquicklinks:before {clear: both; content: ''; display: block; font-size: 0; height: 0; visibility: hidden; } .socialmediaquicklinks:after {clear: both; content: ''; display: block; font-size: 0; height: 0; visibility: hidden; } .socialmediaquicklinks ul { margin:0; padding:0; background:url(../images/design/sociallinks_bg.png) no-repeat left top; padding-top:70px; } .socialmediaquicklinks ul li {float:left; display:block; position:relative; background:none;} .socialmediaquicklinks ul li:before { content:''; position:absolute; width:66px; height:6px; bottom:12px; background:url(../images/design/sociallinks_shadow.png) no-repeat center center; } .socialmediaquicklinks ul li:after { content:''; position:absolute; width:66px; height:12px; bottom:0px; background:white; } .socialmediaquicklinks a { width:35px; height:35px; padding:0 15px; display:block; background-repeat:no-repeat; background-position:center center; -webkit-transition:margin 0.2s ease; -moz-transition:margin 0.2s ease; -ms-transition:margin 0.2s ease; -o-transition:margin 0.2s ease; transition: margin 0.2s ease; } .socialmediaquicklinks a span { display:none; } .socialmediaquicklinks a:hover { margin-top:-12px; margin-bottom:12px; } .socialmediaquicklinks .rss a { background-image:url(../images/design/sociallinks_rss.png); } .socialmediaquicklinks .mail a { background-image:url(../images/design/sociallinks_newsletter.png); } .socialmediaquicklinks .twitter a { background-image:url(../images/design/sociallinks_twitter.png); } .socialmediaquicklinks .facebook a { background-image:url(../images/design/sociallinks_facebook.png); } .socialmediaquicklinks .linkedin a { background-image:url(../images/design/sociallinks_linkedin.png); } .socialmediaquicklinks .xing a { background-image:url(../images/design/sociallinks_xing.png); } .socialmediaquicklinks .googleplus a { background-image:url(../images/design/gplus.png); } /* ----------------------------- Social Media Share ---------------------------*/ .socialmediashare { float:right; } ul.socialmediashare li { background:none; padding-left:7px; float:left; } .socialmediashare li a { display:block; width:18px; height:18px; background-repeat:no-repeat; background-position:center center; } .socialmediashare li a span { display:none; } .socialmediashare .mail a { background-image:url(../images/design/socialshare_mini_email.png);} .socialmediashare .facebook a { background-image:url(../images/design/socialshare_mini_facebook.png); } .socialmediashare .twitter a { background-image:url(../images/design/socialshare_mini_twitter.png); } .socialmediashare .xing a { background-image:url(../images/design/socialshare_mini_xing.png); } .socialmediashare .linkedin a { background-image:url(../images/design/socialshare_mini_linkedin.png); } .socialmediashare .googleplusrec a {background-image:url(../images/design/socialshare_mini_gplus.png); } /* -------------------------------- Forms plugin/object --------------------------- */ /* general */ /*form .section, */form .group {width:280px; float:left; padding-left:20px; /*margin-bottom:5px;*/} /*form .section.first,*/ form .group.first {padding-left:0px; padding-right:20px;} form .section.summary_section { } form .section_title {/*margin-bottom:8px;*/} form .entry { padding: 10px 0; position: relative; display:inline-block; vertical-align:bottom;} form .sub_entry.first { } form .sub_entry { } form .add { } form .remove { } #newsletter_subscribe_extended .group.last {clear:both; padding-left:0px; padding-right:20px; padding-top:10px;} /* Error */ form .error_msg { margin: 7px 0 0 0px; display:none!important;} form .options .error_msg { margin: 7px 0; } form .comments .error_msg { margin-left: 0; } .error textarea, .error input, .error.privacy_policy {-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 0, 0, 1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 0, 0, 1); box-shadow: inset 0px 0px 1px 2px rgba(255, 0, 0, 0.5); } /* Label */ label { display: block; font-size:12px; padding: 5px 10px; color:rgb(153,153,153); color:rgba(0,0,0,0.4); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.0); } .privacy_policy label {text-shadow:none; color:rgb(31,44,54); line-height: 1.42em;} .labelslider {margin-bottom:6px;} .labelslider label {} .labelslider label.inside { cursor:text; } /* Input */ input[type=text], input[type=file], select, textarea {font-family:Georgia, "Times New Roman", Times, serif; padding:6px; font-size:17px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); width:268px; border:0; background-color:rgb(235,235,235); /*rgb(245, 245, 245);*/ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; transition: background-color 0.5s;} input[type=text]:hover, input[type=file]:hover, select:hover, textarea:hover, .inlineentries:hover input[type=text], .inlineentries.focus input[type=text], input[type=text]:focus, input[type=file]:focus, select:focus, textarea:focus { background-color:rgb(219, 219, 219); } input[type=file] {font-size:13px;} input[type=text]:focus, input[type=text].focus, input[type=file]:focus, select:focus, textarea:focus {outline:0; } input[type=checkbox], input[type=radio] { border: 0; display: inline-block; margin:0;} input[type=checkbox] + label, input[type=radio] + label { cursor: pointer; display: inline-block; padding: 0 0 5px 0; vertical-align: top; width:264px;} input[type=checkbox] + label.last, input[type=radio] + label.last { padding: 0; } .title input {width:44px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .first_name input {width:100px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .family_name input {width:100px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .postal_code input{width:44px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .city input {width:212px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .inlineentries {font-size:0px;} select {padding-top:4px;} textarea { padding: 6px; resize: vertical; overflow: auto; } /* Button */ button, .button {cursor: pointer; margin: 0/*0.6em*/ 5px 0.8em; overflow: visible; width: auto; white-space: nowrap; color: rgb(255,255,255); font-size:13px; padding: 4px 10px; vertical-align:top; background: #424d57; background: -moz-linear-gradient(top, #424d57 0%, #26333d 100%); background: -webkit-gradient( linear, left top, left bottom, from(#424d57), to(#26333d)); background: -o-linear-gradient(top, #424d57 0%,#26333d 100%); background: -ms-linear-gradient(top, #424d57 0%,#26333d 100%); background: linear-gradient(top, #424d57 0%,#26333d 100%); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid rgb(0,0,0); border: 1px solid rgba(0,0,0,0.6); -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.2), inset 0px 1px 2px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2), inset 0px 1px 2px rgba(255,255,255,0.3); box-shadow: 0px 2px 1px rgba(0,0,0,0.2), inset 0px 1px 2px rgba(255,255,255,0.3); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .button {padding:5px 13px;} button span, .button span {-webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display:block;} .button span {display:inline-block;} button:hover, button:focus, .button:hover, .button:focus { -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2), inset -1px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2), inset -1px 0px 5px rgba(0,0,0,0.4); box-shadow: 0px 0px 1px rgba(0,0,0,0.2), inset -1px 0px 5px rgba(0,0,0,0.4); background: -moz-linear-gradient(top, #3f4b54 0%, #26333d 100%); background: -webkit-gradient( linear, left top, left bottom, from(#3f4b54), to(#26333d)); background: -o-linear-gradient(top, #3f4b54 0%,#26333d 100%); background: -ms-linear-gradient(top, #3f4b54 0%,#26333d 100%); background: linear-gradient(top, #3f4b54 0%,#26333d 100%);} button:active, .button:active {-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2), inset -2px 5px 5px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2), inset -2px 5px 5px rgba(0,0,0,0.9); box-shadow: 0px 0px 1px rgba(0,0,0,0.2), inset -2px 5px 5px rgba(0,0,0,0.9); background: -moz-linear-gradient(top, #3f4b54 0%, #26333d 100%); background: -webkit-gradient( linear, left top, left bottom, from(#3f4b54), to(#26333d)); background: -o-linear-gradient(top, #3f4b54 0%,#26333d 100%); background: -ms-linear-gradient(top, #3f4b54 0%,#26333d 100%); background: linear-gradient(top, #3f4b54 0%,#26333d 100%);} button:active span, .button:active span {-moz-transform: translate(0,0.13em); -webkit-transform: translate(0,0.13em); -o-transform: translate(0,0.13em); -ms-transform: translate(0,0.13em); transform:translate(0,0.13em);} .buttondiv {float:right;} .button{text-decoration:none;} /* error */ .required_text {display:none;} .required_asterisk { } #errorpage { } /* test it with 'http://' as text in an input field */ #confirmpage { } /* progress */ #progress_steps { } #progress_bar {} #progress_bar li {background:none; padding-left:0; list-style:none; list-style-type:none; font-family: 'Zapf Elliptical',Georgia,'Times New Roman',Times,serif; font-size: 15px; line-height: 1.42em;} #progress_bar li a {text-decoration:none;} #progress_bar li a span {-webkit-transition: all 0.07s ease; -moz-transition: all 0.07s ease; -ms-transition: all 0.07s ease; -o-transition: all 0.07s ease; transition: all 0.07s ease;} #progress_bar li a:hover span {text-shadow:0 4px 4px rgba(0, 0, 0, 0.3); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em);} #progress_bar li.active span {color:rgb(237,101,1); padding-right:13px; background:url(../images/design/li_nav.png) no-repeat right center; text-shadow:0 4px 4px rgba(0, 0, 0, 0.3); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em); -webkit-transition: background 0s; -moz-transition: background 0s; -ms-transition: background 0s; -o-transition: background 0s; transition: background 0s;} /* summarypage */ .summary { } .summary th { } .multi_summary { padding: 0; } .multi_summary table { border: 0; margin: 0; width: 100%; } /* multiple inputs */ form .add {padding:10px 0; float:left; width:auto;} form .uploads .group {padding:0px; float:none;} .block .remove {text-align:right;} /* others */ #iframesubmit { height: 200px; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } /* Datepicker plugin */ .datepicker { padding: 10px; position: relative; } .datepicker .title { text-align: center; } .datepicker td, .datepicker th { } .dpbox { position: relative; } .dpweekend { } .dptoday { } .dpclickable { cursor: pointer; } .dpprev { left: 0; position: absolute; top: 0; } .dpnext { position: absolute; top: 0; right: 0; } form .product {margin-bottom:20px;} form .product #product {width:588px;} /* --------------------------------- Filterselector -----------------------------*/ /* Filter Selector */ #filterselector { } #filterselector, #loadingselector, #loadedselector {; float:left;} #filterselector .selectorgroup, #loadingselector .referenceselection, #loadedselector .referenceselection {display:inline-block; vertical-align:top; width:150px; margin:0;} #filterselector .selectorgroup.large, #loadingselector .referenceselection.large, #loadedselector .referenceselection.large { width:300px; } #filterselector .selectorgroup.large ul, #loadingselector .referenceselection.large ul, #loadedselector.large ul {-moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px;} #filterselector ul li, #loadingselector ul li, #loadedselector ul li {background:none; padding-left:0px; } #filterselector a, #loadingselector a, #loadedselector a { text-decoration:none; font-size:12px; line-height:1.42em; display:inline-block; white-space:nowrap; -webkit-transition: all 0.07s ease; -moz-transition: all 0.07s ease; -ms-transition: all 0.07s ease; -o-transition: all 0.07s ease; transition: all 0.07s ease; background-image:url(../images/design/li.png); background-repeat:no-repeat; background-position:left center; padding-left:13px; } #filterselector a:hover, #loadingselector a:hover, #loadedselector a:hover { text-shadow:0 4px 4px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em);} #filterselector a.active, #loadingselector a.active, #loadedselector a.active { color:rgb(237,101,1); padding-left:13px; background:url(../images/design/li_nav.png) no-repeat left center; text-shadow:0 4px 4px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em); -webkit-transition: background 0s; -moz-transition: background 0s; -ms-transition: background 0s; -o-transition: background 0s; transition: background 0s; } .loading #filterselector, .loading #loadingselector { position:relative; } .loading #filterselector:after, .loading #loadingselector:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(255,255,255,0.7);} /* ----------------------------------- Isotope -----------------------------------*/ /* Isotope Filtering */ .isotope-item {z-index: 2;} .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity;} /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} /* ----------------------------------- References -------------------------------*/ .reference_overview {min-height:200px;} .choose_references { float:left; width:306px; cursor:pointer; padding-bottom:40px;} .choose_references .centered { margin:0 auto; width:280px; text-align:center; } .choose_references.first .centered { float:left; } .choose_references.last .centered { float:right; } .choose_references h2 {text-align:left;} .choose_references .image { min-height:240px; } .choose_references img { margin:0 auto; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .choose_references:hover img {-moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .choose_references .infotext {text-align:left;} #reference_items_container:after { clear: both; content: ''; display: block; font-size: 0; height: 0; visibility: hidden; } #reference_items_container .loading {display:block; width:100%; min-height:11px;} #reference_items_container .loading span { display:none; } /* Reference Item */ .reference_item { display:inline-block; vertical-align:top;} .reference_item div {display:none;} .reference_detail_link { display:block; background:url(../images/popup/loader_small.gif) no-repeat center center; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .reference_detail_link:hover {-moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .reference_detail_link img { display:none; } .reference_item { display:block; } .reference_detail {} .detail_client, .detail_country, .detail_reference {display:none;} .reference_detail a.active {} .detail_title {margin-top:15px;} ul.detail_morereferences li {background:none; padding-left:0px; font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif;} ul.detail_morereferences li span {font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; text-decoration:none; font-size:15px; line-height:1.42em; display:inline-block; white-space:nowrap; -webkit-transition: all 0.07s ease; -moz-transition: all 0.07s ease; -ms-transition: all 0.07s ease; -o-transition: all 0.07s ease; transition: all 0.07s ease;} ul.detail_morereferences li a:hover span {text-shadow:0 4px 4px rgba(0, 0, 0, 0.3); /*font-size:17px; margin-top:-2px; margin-bottom:-1px;*/ -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em);} ul.detail_morereferences li.active span {color:rgb(237,101,1); padding-right:13px; background:url(../images/design/li_nav.png) no-repeat right center; text-shadow:0 4px 4px rgba(0, 0, 0, 0.3); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em); -webkit-transition: background 0s; -moz-transition: background 0s; -ms-transition: background 0s; -o-transition: background 0s; transition: background 0s;} .detail_moreinfo {position:absolute; bottom:0px; width:280px;} .detail_moreinfo .detaillink {display:inline-block; } .detail_moreinfo .detail_more {margin-right:30px;} .detail_moreinfo .detail_url a {display:none;} .detail_moreinfo .detail_url a.active {display:block;} .referencedetailcolumn {padding-top:0px; margin:20px 0;} .reference_detail_clientlink {position:absolute; bottom:0px; right:0px; margin-right:30px; margin-bottom:40px;} .prev_reference {display:inline-block; vertical-align:middle; width:18px; height:0px;} .prev_reference.active {height:22px; background:url(../images/design/prev_big.png) no-repeat left 0;} .prev_reference:hover {background-position:left -24px; margin-top:-2px; margin-bottom:2px;} .prev_reference span {display:none;} .next_reference {display:inline-block; vertical-align:middle; width:18px; height:0px;} .next_reference.active {height:22px; background:url(../images/design/next_big.png) no-repeat left 0;} .next_reference:hover {background-position:left -24px; margin-top:-2px; margin-bottom:2px;} .next_reference span {display:none;} .content_reference {display:inline-block; vertical-align:middle; } .detail_image {display:table-cell; vertical-align:middle; height:460px; width:555px;} .detail_image img { margin:0 auto; display:block; } .prev_client {display:inline-block; width:15px; height:0px;} .prev_client.active {height:12px; background:url(../images/design/prev.png) no-repeat center 2px;} .prev_client.active:hover { margin-right:2px;} .prev_client span {display:none;} .next_client {display:none; /*inline-block;*/ height:0px; vertical-align:top;} .next_client.active {height:12px; display:inline-block; background:url(../images/design/next.png) no-repeat right 2px; padding-right:13px;} .next_client.active:hover {padding-right:15px; margin-right:-2px;} /* ----------------------------------- Team -------------------------------*/ .team_overview {min-height:300px;} /* Reference Item */ .team_item {/*border:1px solid red;*/ display:inline-block; vertical-align:top;} .team_item div {display:none;} .team_item img { padding:10px; border:1px solid rgb(226,226,226); border:1px solid rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.10); } .team_item .image1 { } .team_item .image2 { display:none; } .team_detail_link {-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;} .team_detail {} .detail_title {margin-top:15px; margin-bottom:25px;} .detail_phone { line-height:25px; display:block; background:url(../images/design/phone.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_fax { line-height:25px; display:block; background:url(../images/design/fax.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_email { line-height:25px; display:block; background:url(../images/design/mail.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_vcard { line-height:25px; display:block; background:url(../images/design/vcard.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_facebook { line-height:25px; height: 25px; display:none; background:url(../images/design/facebook.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_twitter { line-height:25px; height: 25px; display:none; background:url(../images/design/twitter.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_xing { line-height:25px; height: 25px; display:none; background:url(../images/design/xing.png) no-repeat left center; padding-left:35px; margin:8px 0; } .detail_showpresentations { line-height:25px; display:block; background:url(../images/design/speech.png) no-repeat left center; padding-left:35px; margin:8px 0; } .teamdetailcolumn {padding-top:0px; margin:20px 0;} .team_detail_memberlink {position:absolute; bottom:0px; right:0px; margin-right:30px; margin-bottom:40px;} .content_team {display:inline-block; vertical-align:middle; } .team_detail .detail_presentations { display:table-cell; vertical-align:top; height:460px; widht:555px; padding-top:53px; } .team_detail .detail_image {display:table-cell; vertical-align:middle; height:460px; width:555px; } .team_detail .detail_image img { margin:0 auto; padding:20px; border:1px solid rgb(226,226,226); border:1px solid rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); } .prev_teammember {display:inline-block; width:15px; height:0px;} .prev_teammember.active {height:12px; background:url(../images/design/prev.png) no-repeat center 2px;} .prev_teammember.active:hover {margin-right:2px;} .prev_teammember span {display:none;} .next_teammember {display:inline-block; height:0px; vertical-align:top;} .next_teammember.active {height:12px; background:url(../images/design/next.png) no-repeat right 2px; padding-right:13px;} .next_teammember.active:hover {padding-right:15px; margin-right:-2px;} /* -------------------------------- Heightened Popup ----------------------------*/ .heightened_popup {position:absolute; left:0px; width:100%; height:500px; z-index:5; background:rgb(255,255,255); background:rgba(255,255,255,1); display:none; box-shadow:/* 0 1px 0 1px rgba(0, 0, 0, 0.05) inset, /* Border */ inset 8px 0 5px -5px rgba(0,0,0,0.04), inset -8px 0 5px -5px rgba(0,0,0,0.04), /* Inner Shadow */ /*3px 0px 15px 0 rgba(0, 0, 0, 0.1)*/ inset 0 2px 0 -1px rgba(0,0,0,0.09), /* Border Top */ inset 0 -2px 0 -1px rgba(0,0,0,0.09), /* Border Bottom */ inset 2px 0 0 -1px rgba(0,0,0,0.05), /* Border Left */ inset -2px 0 0 -1px rgba(0,0,0,0.05); /* Border Right */} .heightened_popup:before { content:''; display:block; position:absolute; width:100%; height:100px; top:-100px; box-shadow: inset 0px -35px 30px -30px rgba(0,0,0,0.1); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */ } .heightened_popup:after { content:''; display:block; position:absolute; width:100%; height:100px; bottom:-100px; box-shadow: inset 0px 35px 30px -30px rgba(0,0,0,0.1); background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .heightened_popup_content {margin:0 10px;} .close_heightened_popup {position:absolute; top:20px; right:20px; width:22px; height:22px; background:url(../images/design/close.png) no-repeat left 0px;} .close_heightened_popup:hover {background-position: left -22px; margin-top:-2px; margin-bottom:2px;} .close_heightened_popup span {display:none;} /* ---------------------------------- Slider --------------------------------------*/ .slider-box {position:relative;} .slider-container {position: relative; overflow: hidden; width: 540px; height: 320px; margin:0 30px; background:rgb(255,255,255);} .slider-entry { position: absolute; z-index: 9;} .slider-entry.active {z-index: 8;} .slider-entry-link {display:none; } .slider-layer { position: absolute; /*white-space: nowrap;*/ } .slider-layer.layer1 { height: 320px; top: 0; width: 540px; } .slider-layer.layer1.inside { left: 0; } .slider-layer.layer1.outside { left: 700px; } .slider-layer.layer1.outside_opposite { left: -700px; } .slider-layer.layer2 { height: 320px; top: 0; width: 540px; } .slider-layer.layer2.inside { left: 0; } .slider-layer.layer2.outside { left: 700px; } .slider-layer.layer2.outside_opposite { left: -700px; } .slider-overview {position:absolute; z-index:11; bottom:15px; width:100%; text-align:center;} .slider-link {display:inline-block; height:9px; width:9px; margin-right:9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:rgb(215,215,215); } .slider-link.active { background:rgb(119,119,119); } .slider-button {height:22px; width:18px; display:block; position:absolute; top:50%;} .slider-prev {left:0px; background:url(../images/design/prev_big.png) no-repeat left 0;} .slider-next {right:0px; background:url(../images/design/next_big.png) no-repeat left 0;} .slider-button:hover {background-position:left -24px; margin-top:-2px; margin-bottom:2px;} .slider-button span {display:none;} .headerslider {} .headerslider .slider-container {width:980px; height:407px; margin:0;} .headerslider .slider-layer.layer1 { height: 407px; top: 0; width: 980px; } .headerslider .slider-layer.layer1.inside { left: 0; } .headerslider .slider-layer.layer1.outside { left: 980px; } .headerslider .slider-layer.layer1.outside_opposite { left: -980px; } .headerslider .slider-layer.layer2 { height: 407px; top: 0; width: 980px; } .headerslider .slider-layer.layer2.inside { left: 0; } .headerslider .slider-layer.layer2.outside { left: 980px; } .headerslider .slider-layer.layer2.outside_opposite { left: -980px; } .headerslider .slider-layer.layer3 { height: 407px; top: 0; width: 980px;} .headerslider .slider-layer.layer3.inside {left:0; } .headerslider .slider-layer.layer3.outside { left:980px;} .headerslider .slider-layer.layer3.outside_opposite { left:-980px; } .headerslider .slider-overview {top:15px; left:33px; width:auto; text-align:left;} .bestpractice_slider {} .bestpractice_slider .shortinfo_references {display:table; width:100%; bottom:0px;} .bestpractice_slider .shortinfo_references .infotext {display:table-cell; vertical-align:bottom; padding-right:10px;} .bestpractice_slider .shortinfo_references .inforeference {float:none; display:table-cell; vertical-align:middle; text-align:right; height:280px;} .bestpractice_slider .shortinfo_main {display:table-cell; height:280px; vertical-align:bottom;} /* -------------------------------- Cleardiv / BlockEnd ----------------------------*/ .cleardiv {clear:both; float:none;} .blockend {height:28px; background:url(../images/design/bottomshadow.png) no-repeat bottom center; margin:28px 0;} .blockend.small {height:10px; } .blockend hr {display:none; visibility:hidden;} /* -------------------------------- Testimonial -----------------------------------*/ .testimonial {} .testimonialimage {width:280px; float:left;} .testimonialimage img {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .testimonialinfo {width:280px; float:right;} .testimonialtext { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:1.42em; background:url(../images/design/quote.png) no-repeat top left; padding-left:30px; margin-bottom:15px;} .testimonialname {text-align:right; margin-bottom:10px;} .testimoniallink {} .testimonials_overview { display:none; } /* Testimonials Overview */ /* .testimonial_overview .testimonial_entry.even { padding-left:320px; } .testimonial_overview .testimonial_entry .testimonialinfo { margin-left:40px; float:left; } .testimonial_overview .testimonial_entry.even .testimonialinfo { margin-left:0px; margin-right:40px; }*/ .testimonial_overview .testimonialimage { float:left; margin-right:20px; display:block; min-height:10px; } .testimonial_overview .testimonialinfo { float:left; margin-left:20px; margin-right:20px; } .testimonial_overview .testimonialcompany { float:left; width:280px; margin-left:20px; text-align:left; } .testimonial_overview .testimonialcompany h3 { margin-top:0px; } /* --------------------------------- Shortinfo ---------------------------------- */ .landwirtschaftsnews .shortinfo {float:left!important;} .shortinfo {} .shortinfo:after {clear:both; float:none; content:''; display:block;} .infoimage {display:inline-block; vertical-align:top; width:50px; height:50px; margin-right:10px;} .infotextsmall {display:inline-block; width:215px;} .infotext {display:inline-block; width:280px;} .inforeference {} .infoimage a.download_picture img { border:0.5px solid #dcdcdc; } .shortinfo_references {margin-bottom:40px;} .shortinfo_references a img {-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .shortinfo_references a:hover img {-moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .shortinfo_image a img {-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .shortinfo_image a:hover img {-moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .shortinfo_orderlink { padding-bottom:20px; } .shortinfo_orderlink .button, .product_overview .button { line-height:15px; background: #ed6301; /* background: -moz-linear-gradient(top, #f7a22c 0%, #ed6301 100%); background: -webkit-gradient( linear, left top, left bottom, from(#f7a22c), to(#ed6301)); background: -o-linear-gradient(top, #f7a22c 0%,#ed6301 100%); background: -ms-linear-gradient(top, #f7a22c 0%,#ed6301 100%); background: linear-gradient(top, #f7a22c 0%,#ed6301 100%); */ background: -moz-linear-gradient(top, #ff7b24 0%, #ed6301 100%); background: -webkit-gradient( linear, left top, left bottom, from(#ff7b24), to(#ed6301)); background: -o-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: -ms-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: linear-gradient(top, #ff7b24 0%,#ed6301 100%); border:#A64A04; border: 1px solid rgba(0,0,0,0.15); } .landwirtschaftsnews .shortinfo_orderlink .button {float:left!important;} .shortinfo_orderlink .button span {/*background:url(../images/design/shoppingbag2.png) no-repeat center left; padding-left:23px;*/} .onlinerechner .col6 .shortinfo_orderlink .button { background: -moz-linear-gradient(top, #424D57 0%, #26333D 100%); background: -webkit-gradient( linear, left top, left bottom, from(#ff7b24), to(#ed6301)); background: -o-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: -ms-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: linear-gradient(top, #ff7b24 0%,#ed6301 100%); } .onlinerechner .button_orange .shortinfo_orderlink .button { line-height:15px; background: #ed6301; background: -moz-linear-gradient(top, #ff7b24 0%, #ed6301 100%); background: -webkit-gradient( linear, left top, left bottom, from(#ff7b24), to(#ed6301)); background: -o-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: -ms-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: linear-gradient(top, #ff7b24 0%,#ed6301 100%); border:#A64A04; border: 1px solid rgba(0,0,0,0.15); } /* -------------------------------- News --------------------------- */ .atikonnews_overview .entry.group {padding-left:60px; background-repeat:no-repeat; background-position:left top;} .atikonnews_overview .atikonnews_groups1 {background:url(../images/design/promotion.png);} .atikonnews_overview .atikonnews_groups2 {background:url(../images/design/communication_intern.png);} .atikonnews_overview .atikonnews_groups3 {background:url(../images/design/online_big.png);} .atikonnews_overview .atikonnews_groups4 {background:url(../images/design/positioning.png);} .atikonnews_overview .atikonnews_groups5 {background:url(../images/design/communication_extern.png);} .infopanel {padding-bottom:270px;} .heightened {background-color:rgb(255,255,255); padding:28px 22px 0px; border:1px solid rgb(226,226,226); border:1px solid rgba(0,0,0,0.1); -webkit-box-shadow: -4px 5px 10px -5px rgba(0, 0, 0, 0.10), inset -8px 0 5px -5px rgba(0,0,0,0.04); -moz-box-shadow: -4px 5px 10px -5px rgba(0, 0, 0, 0.10), inset -8px 0 5px -5px rgba(0,0,0,0.04); box-shadow: -4px 5px 10px -5px rgba(0, 0, 0, 0.10), inset -8px 0 5px -5px rgba(0,0,0,0.04);} .infopanel .heightened {position:absolute; right:0px; width:297px;} .infopanel .heightened .infoimage {width:60px;} .infopanel .heightened .infoimage span {display:none;} .infopanel .heightened .infotextsmall p {min-height:50px;} .infopanel a[href$=".pdf"] {background-image:none; padding-left:0px;} .infoimage a[href$=".pdf"] {display:block; width:65px; height:50px; background:url(../images/design/pdf_big.png) no-repeat center center; } .newspanel .infoimage {background:url(../images/design/news_big.png) no-repeat top left;} .eventspanel .infoimage {background:url(../images/design/calendar.png) no-repeat top left;} .atikonnews_overview .entry.imageentry p { padding-left:122px; } .atikonnews_overview .entry.imageentry .newsimage { padding-bottom:28px; } .newsimage {float:left; padding:2px 12px 8px 0;} .newsimage img { max-width:110px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* ------------------------------- Onlinetools object --------------------------- */ .onlinetools { } .onlinetool { } .onlinetool .online { background-image: url('../images/file_icons/browser.png'); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 26px; } .onlinetool .description { } .onlinetool .calc { } /* -------------------------------- Popup plugin --------------------------- */ .lb_overlay { background: #000; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9998; } .lb_popup { background: #fff; left: 50%; overflow: hidden; padding: 10px; position: fixed; top: 50%; z-index: 9999; } .lb_iframe_load { background: #fff url('../images/popup/loader.gif') no-repeat 50% 50%; border: 0; height: 50px; margin: -25px 0 0 -25px; width: 50px; } .lb_image_load { background: #fff url('../images/popup/loader.gif') no-repeat 50% 50%; border: 10px solid #fff; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 8000; } .lb_popup.image { height: 180px; margin: -100px 0 0 -100px; width: 180px; } .lb_popup.image .lb_close { background: url('../images/popup/close_image.gif') no-repeat 100% 0; bottom: 10px; height: 21px; position: absolute; right: 10px; width: 20px; } .lb_popup.iframe .lb_close { background: url('../images/popup/close_iframe.gif') no-repeat 100% 0; height: 15px; position: absolute; right: 13px; top: 13px; width: 16px; } .lb_close { display: block; overflow: hidden; text-indent: -99999px; } .lb_title { left: 15px; margin: 0; position: absolute; right: 50px; top: 10px; } .lb_desc { padding-right: 100px; } .lb_desc_title { font-weight: bold; } a.lb_nav { bottom: 0; outline: 0; position: absolute; top: 0; width: 50%; } .lb_nav span { background: url('../images/popup/blank.gif'); bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-indent: -99999px; top: 0; } .lb_prev { left: 0; } .lb_prev:hover { background: url('../images/popup/prev.gif') no-repeat 0 50%; } .lb_next { right: 0; } .lb_next:hover { background: url('../images/popup/next.gif') no-repeat 100% 50%; } .lb_content.image { position: relative; } .lb_content.iframe { bottom: 15px; left: 15px; position: absolute; top: 40px; right: 15px; } .lb_iframe { height: 100%; bottom: 0; left: 0; position: absolute; top: 0; right: 0; width: 100%; } .lb_footer { background: #fff; min-height: 21px; padding: 10px 0 0 0; } /* -------------------------------- Address object --------------------------- */ /* general */ .address.location {margin-top:60px;} .address strong {display:inline-block; vertical-align:middle; width:25px; height:25px; ; margin:5px 10px 5px;} .address .contact strong span {display:none;} .address .street {background:url(../images/design/street.png) no-repeat left center;} .address .phone {background:url(../images/design/phone.png) no-repeat left center;} .address .fax {background:url(../images/design/fax.png) no-repeat left center;} .address .mail {background:url(../images/design/mail.png) no-repeat left center;} .address .facebook {background:url(../images/design/facebook.png) no-repeat left center;} .address .twitter {background:url(../images/design/twitter.png) no-repeat left center;} .address .xing {background:url(../images/design/xing.png) no-repeat left center;} .address .googleplus {background:url(../images/design/googleplus_small.png) no-repeat left center;} .address .vcard {background:url(../images/design/vcard.png) no-repeat left center;} .address .website { } p.facebook {background:url(../images/design/facebook.png) no-repeat 10px center; padding-left:48px; line-height:40px; margin-bottom:0px;} p.twitter {background:url(../images/design/twitter.png) no-repeat 10px center; padding-left:48px; line-height:40px;} p.xing {background:url(../images/design/xing.png) no-repeat 10px center; padding-left:48px; line-height:40px;} p.googleplus {background:url(../images/design/googleplus_small.png) no-repeat 10px center; padding-left:48px; line-height:40px;} /* contact */ .address .contact.first {} .address .contact { margin-bottom:20px;} .address .contact span {display:block; display:inline-block; vertical-align:top;} /* social media */ p.facebook {background:url(../images/design/facebook.png) no-repeat 10px center; padding-left:48px; line-height:40px; margin-bottom:0px;} p.twitter {background:url(../images/design/twitter.png) no-repeat 10px center; padding-left:48px; line-height:40px;} /* -------------------------- Google Maps plugin/object --------------------------- */ /* map */ .mapcontainer {padding:20px; border:1px solid rgb(226,226,226); border:1px solid rgba(0,0,0,0.1); display:inline-block; margin-bottom:40px; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); -moz-transform: rotate(-3deg) translate(10px, 10px); -webkit-transform: rotate(-3deg) translate(10px, 10px); -o-transform:rotate(-3deg) translate(10px, 10px); -ms-transform:rotate(-3deg) translate(10px, 10px); transform:rotate(-3deg) translate(10px, 10px); } .infowindow { border: 0; margin: 0; /*width: 350px; */} .infowindow img { margin:0 auto; } .infowindow td { background: none; border: 0; padding: 0; } .map {} .map img { display: block; } .map input[type=checkbox] { margin: 0 3px; padding: 0; } .map input[type=checkbox] + label { min-width: 0; padding: 1px 0; width: auto; } /* directions */ .direction input[type="text"] {width:400px;} .direction .button {padding-top:10px;} .direction .travelmode { display:none; } .adp-placemark { background: none; border:none; margin-bottom:35px; } .adp-placemark td { border-top:none; } .adp-step, .adp-substep {border:none; } .adp-substep { border-top:none; border-bottom:none; text-align:left; } .adp-substep:first-child, .adp-substep:last-child { text-align:center; } .adp-text { text-align:left; } .adp-summary { } .adp-legal { } /* -------------------------------- Gallery object --------------------------- */ .gallery_overview { margin: 0 0 28px 0; width: 100%; } .gallery_overview .entry { float: left; margin: 10px 10px 0 0; } .gallery_overview .image { display: block; height: 110px; width: 110px; overflow: hidden; padding: 0; position: relative; } .gallery_overview img { left: 50%; position: absolute; top: 60%; } .gallery_overview .last { margin-right: 0; } /* -------------------------------- Infolists object ----------------------------- */ #overview { } .top_anchor { } .disclaimer { } /* --------------------------------- News object ------------------------------- */ #news_image { float: right; } #news_selection.onchange_select label { min-width: 0; } #news_selection.onchange_select select { width: auto; } .rss_feeds { list-style: none; padding: 0; } /* --------------------------------- Jobs object -------------------------------- */ #jobs_overview .header span, #jobs_overview .entry div {display:inline-block; } #jobs_overview .date {width:200px;} #jobs_overview .label {} #jobs_overview span.position, #jobs_overview div.position {display:none;} #jobs_overview .header {} #jobs_overview .entryheader {} #jobs_overview .entryheader:hover {} #jobs_overview .entryheader a {text-decoration:none;} #jobs_overview .trigger {font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; font-size:15px; line-height:1.42em; display:inline-block; color:rgb(31,44,54); padding:6px; margin-bottom:8px; background:none; background-color:rgb(255,255,255); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09) inset; width:600px;} #jobs_overview .trigger:hover, #jobs_overview .trigger_active { background-color:rgb(255,255,255); box-shadow:0 0 0 1px rgba(0, 0, 0, 0.09) inset, 0px 5px 10px -5px rgba(0, 0, 0, 0.1);} #jobs_overview .entry .entrydetail {display:none; margin-top:12px; margin-bottom:40px;} /* --------------------------------- Events object -------------------------------- */ #events_overview .header span, #events_overview .entry div {display:inline-block; } #events_overview .date {width:120px;} #events_overview .location {width:150px;} #events_overview .label {/*width:400px;*/} #events_overview span.category, #events_overview div.category {display:none;} #events_overview .header {} #events_overview .entryheader {} #events_overview .entryheader:hover {} #events_overview .entryheader a {text-decoration:none;} #events_overview .trigger {font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; font-size:15px; line-height:1.42em; display:inline-block; color:rgb(31,44,54); padding:6px; margin-bottom:8px; background:none; background-color:rgb(255,255,255); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09) inset; width:600px;} #events_overview .trigger:hover, #events_overview .trigger_active { background-color:rgb(255,255,255); box-shadow:0 0 0 1px rgba(0, 0, 0, 0.09) inset, 0px 5px 10px -5px rgba(0, 0, 0, 0.1);} #events_overview .entry .entrydetail {display:none; margin-top:12px; margin-bottom:40px;} .link_event {float:right; margin-top: 20px;} p.link_event a {margin-bottom:0px!important;} /* --------------------------------- Events object ------------------------------- */ /* ------------------------------ Google Translate object -------------------------- */ #google_translate_element{ } .goog-tooltip { display: none!important; } .goog-text-highlight { background: transparent!important; box-shadow: none!important; } /* ------------------------------ Social Media objects -------------------------- */ /* links to facebook and twitter */ #social_media_links .facebook { } #social_media_links .twitter { } /* share buttons */ #social_media_twitter { } #social_media_facebook { width: 130px; } /* ----------------------------- Pageflip ------------------------------------------ */ #pageflip_wrapper { background:url(../images/design/loader.gif) no-repeat center center; min-height:100px;} .atikon_pageflip { position: relative; overflow: hidden; /*border: 1px solid #ccc;*/ margin-bottom:10px; background:white; border-style:solid; border-color:#ccc; z-index:1;} .atikon_pageflip .book_page { position: absolute; top: 0; left: 0; } .atikon_pageflip .shadow_rightpage { position: absolute; top: 0; right: -99px; width: 100px; height: 100%; background: url(../images/design/shadow_rightpage.png) top right; } .atikon_pageflip .shadow_leftpage { position: absolute; top: 0; left: -100px; width: 100px; height: 100%; background: url(../images/design/shadow_leftpage.png) top right; } .atikon_pageflip .right_page { left: 50%; } .atikon_pageflip .left_page { left: 100%; } .atikon_pageflip .book_hover_left { position: absolute; top: 0; left: 0; height: 100%; width: 50%; cursor: pointer; } .atikon_pageflip .book_hover_right { position: absolute; top: 0; right: 0; height: 100%; width: 50%; cursor: pointer; } .atikon_pageflip_zoom { display: none; } .atikon_pageflip_zoomer { position: absolute; overflow: hidden; border: 1px solid #ccc; background: #fff; z-index: 99; display:none!important;} .atikon_pageflip .page_count { float: left; padding: 5px; color: white; background: gray; } .atikon_pageflip .book_fullscreen { position: absolute; height: 30px; padding: 5px; color: white; background: url(../images/design/pageflip_zoom.png) center center gray no-repeat; width:120px; background-position: 10px center; } .blown_up .book_fullscreen { background-image: url(../images/design/pageflip_close.png); } .atikon_pageflip .book_fullscreen_zoom { padding: 5px; color: white; background: url(../images/design/pageflip_zoom.png) center center gray no-repeat; background-position: 10px center; width: 120px; height: 30px; } .atikon_pageflip .book_fullscreen span, .atikon_pageflip .book_fullscreen_zoom span{ display: block; font-size:12px; line-height:30px; padding-left:35px; text-align:center; } .atikon_pageflip .book_arrow_right { float: left; margin-left: 1px; background: url(../images/design/pageflip_next.png) center center gray; } .atikon_pageflip .book_arrow_left { float: left; margin-right: 1px; background: url(../images/design/pageflip_previous.png) center center gray; } .atikon_pageflip .book_arrow_right span, .atikon_pageflip .book_arrow_left span { float: left; float: left; display: block; width: 100%; height: 100%; } .book_fullscreen_background { background-color:rgba(0,0,0,0.75)!important; } .atikon_pageflip_zoomer { width:310px!important; height:449px!important; margin-top:0!important; top:0!important; margin-left:0!important; right:0!important; left:auto!important; } #pageflip_wrapper { position:relative; } #pageflip_wrapper .zms_graphic, #pageflip_wrapper .zms_graphic.left .graphic{ margin:0!important; clear:none; float:none; } /* ----------------------------- Sitemap -------------------------------------------- */ #sitemap {} #sitemap > li { float:left; width:230px; } #sitemap li {background:none; padding-left:0px; margin-right:25px;} #sitemap a { font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; padding-right:13px; text-decoration:none; font-size:15px; line-height:1.42em; display:inline-block; /*white-space:nowrap;*/ -webkit-transition: all 0.07s ease; -moz-transition: all 0.07s ease; -ms-transition: all 0.07s ease; -o-transition: all 0.07s ease; transition: all 0.07s ease; background-position:right center; background-repeat:no-repeat; } #sitemap a:hover { /*background-image:url(../images/design/li.png);*/ background:none!important; text-shadow:0 4px 4px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.05) translate(0,-0.1em); -webkit-transform: scale(1.05) translate(0,-0.1em); -o-transform: scale(1.05) translate(0,-0.1em); -ms-transform: scale(1.05) translate(0,-0.1em); transform: scale(1.05) translate(0,-0.1em); } #sitemap > li > a { font-size:17px; line-height:1.25em; color:rgb(237,101,1);} #sitemap > li > a:hover { /*background-image:url(../images/design/li_nav.png);*/ background:none!important; } .atikon #sitemap > li { } .atikon #sitemap > li:last-child {float:none;} /* Spezielle Seiten Design ------------------------------------------------------------------------------------------------ */ /* ------------------------------- Startpage --------------------------------*/ .startpage.big #header {padding-bottom:188px;} .startpage #menu {height:118px;} .startpage #nav {} .startpage #nav .nav_description {display:block;} .startpage #nav li { height:108px; padding-top:20px;} .startpage #nav li:hover, .startpage #nav li.hover, .startpage #nav li.open {padding-top:30px;} .startpage .hovermenu {bottom:138px;} .startpage #nav .hovermenu li {height:auto; padding:0;} .startpage #content {} .startpage #breadcrumbs {display:none;} .startpage #sitetitle {display:none;} .startpage #footer {} .startpage.big #referencelinks {display:block; position:absolute; top:502px;} .startpage #sidelinks {} /*-------------------------------- Rezensionen ---------------------------------*/ .rezensionen .testimonialinfo {height:250px;} /*-------------------------------- Referenzen -----------------------------------*/ /*---------------------------------- Warum Marketing? ---------------------------*/ ul.linkcollection li, div.linkcollection ul li {float:left; width:185px;} /*------------------------------------ Impressum ---------------------------------*/ .impressum #sitetitle {display:none;} .impressum .address.location.first {margin-top:0px;} /*----------------------------------- Atikon im Netz ------------------------------ */ .atikonimnetz #content .mobile { display:block; line-height:40px; padding-left:48px; background:url(../images/design/mobile.png) no-repeat 10px center; margin-bottom:28px; } .atikonimnetz #content .facebook { margin-bottom:28px; } .atikonimnetz #content .twitter { margin-bottom:28px; } .atikonimnetz #content .rss { display:block; line-height:40px; padding-left:48px; background:url(../images/design/rss.png) no-repeat 10px center; margin-bottom:28px; } .atikonimnetz #content .newsletter { display:block; line-height:40px; padding-left:48px; background:url(../images/design/mail.png) no-repeat 10px center; margin-bottom:28px; } /*----------------------------------- Error Page ---------------------------------- */ .errorpage #sitetitle { display:none; } /*----------------------------------- Bestellformular ----------------------------- */ .bestellformular .product p { margin-bottom:0px; } /*----------------------------------- Bestätigung ---------------------------------- */ .bestaetigung #sitetitle { display:none; } /*------------------------------------ Suchergebnisse ------------------------------ */ .suchergebnisse .searchresults { font-size:12px; line-height:1.42em; } .suchergebnisse .searchresults dt strong a { font-family:'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; font-weight:normal; color:rgb(237,101,1); text-decoration:none; font-size:17px; line-height:1.25em; } .suchergebnisse .searchresults dl { margin-bottom:10px; } .suchergebnisse .searchresults p { margin-bottom:0px; } .suchergebnisse .searchresults .count { margin-top:20px;} .suchergebnisse .searchresults dd a { display:none } /*------------------ Mehr Link bei Marketingstips bzw. News -------------------*/ #moreTipsOrNews:hover {text-decoration:underline; cursor: pointer;} .atikonnews_more { width:100px; float:right; } /*------------------ Buttons in Textabschnitt -----------------------------------*/ .button_in_text { text-align: right; padding-right: 0; } .button_in_text a { text-decoration: none; } /*-------------- Bilder mit Bildunterschrift in Textabschnitt --------------------*/ .lowmargin { margin-bottom:4px!important; } /*-------------------- Werbemittel Onlineshop ----------------------------------*/ #products_overview .product_info { float: left; padding-bottom: 20px; } #products_overview .product_info img { padding: 5px; } #products_overview .product_info a { text-decoration: none; } #products_overview .product_info .show_heightened_popup .product_image { -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } #products_overview .product_info .show_heightened_popup:hover .product_image { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } #products_overview .product_info .image_container { position: relative; display:block; } #products_overview .product_info .image_container .offer_img { position: absolute; top: 20px; left: 15px } #products_overview .product_moreinfo {position:absolute; bottom:10px; width: 550px; } #products_overview .product_moreinfo p {margin-bottom:25px;} #products_overview .product_title { text-align: center; font-size: 17px; line-height: 1.25em; color: rgb(237,101,1); text-decoration: none; font-family: 'Zapf Elliptical', Georgia, 'Times New Roman', Times, serif; display: block; } #products_overview .product_overview .product_title1 { background: #ed6301; background: -moz-linear-gradient(top, #ff7b24 0%, #ed6301 100%); background: -webkit-gradient( linear, left top, left bottom, from(#ff7b24), to(#ed6301)); background: -o-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: -ms-linear-gradient(top, #ff7b24 0%,#ed6301 100%); background: linear-gradient(top, #ff7b24 0%,#ed6301 100%); border: #A64A04; border: 1px solid rgba(0,0,0,0.15); line-height: 15px; text-decoration: none; width: 180px; color: #fff; font-family: inherit; font-size: 13px; padding: 4px 4px 4px 4px; margin: 0 auto; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.2), inset 0px 1px 2px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2), inset 0px 1px 2px rgba(255,255,255,0.3); box-shadow: 0px 2px 1px rgba(0,0,0,0.2), inset 0px 1px 2px rgba(255,255,255,0.3); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); } #products_overview .morelink { display:none; } #products_overview .product_overview .morelink { display:block; margin-top:5px; text-decoration:underline; text-align:center; } #products_overview .product_overview .morelink:hover { text-decoration:none; } #products_overview h3 { font-weight: 400!important; } /*.product_moreinfo .button { margin-left:0px; }*/ #product_detail ul { margin-bottom:10px; } #product_detail table { float: none; margin-bottom: 10px; } #product_detail table tr { font-family: 'Arial' !important; font-size: 13px; border-bottom: 1px solid #ddd; box-shadow:none!important;} #product_detail table td { text-align: left; padding: 0px; padding-top: 2px; padding-bottom: 2px; min-width: 120px; } #product_detail { text-align: left; font-size: 13px; } #product_detail h3 { text-align: left; } #product_detail .content_product { vertical-align: center; } #product_detail #product_title, .productgroup_detail .productgroup_title { margin-top: 15px; margin-bottom: 20px; } #product_detail { z-index: 6; } #product_detail .image_container { position: relative; } #product_detail .image_container .offer_img { position: absolute; top: 20px; left: 15px; visibility: hidden; } #product_detail .image_container .loading {background:url(../images/popup/loader_small.gif) no-repeat center center; min-height:20px;} #product_image { width: 300px; } .button_in_text.orange { margin: -20px 0 25px 0; } .button_in_text.orange a button, a.button_in_text.orange { background: -moz-linear-gradient(center top , #ff7b24 0%, #ed6301 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0.15); } a.button_in_text.orange {padding-right: 12px;} div.rahmen { background: #f5f5f5; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.05) inset; padding: 18px; margin: 0 0 28px 0; } div.rahmen ul, div.rahmen p { margin-bottom: 0; } .onlinemarketing_listobjekt { border-bottom: 1px solid rgba(119, 119, 119, 0.15); margin: 0 0 15px 0; padding: 15px 0 25px; } .onlinemarketing_listobjekt.first { border-top: 1px solid rgba(119, 119, 119, 0.15); } .onlinemarketing_listobjekt .infoimage { width: 180px!important; height: auto!important; text-align: center; } .onlinemarketing_listobjekt .infotextsmall { width: 380px; } .onlinemarketing_listobjekt .infotextsmall p { margin: 0; } .onlinemarketing_listobjekt .infotextsmall a { text-decoration: underline; }