@charset "utf-8";

/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1.5, Breakpoints:  */ 

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

nav ul, nav li {margin: 0;} 
nav ul {list-style:none;}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.col {margin-left: 0;}
.col:first-child {margin-left:0;}
.span1 {width: 6.95833333333%;}
.span2 {width: 15.4166666667%;}
.span3 {width: 23.875%;}
.span4 {width: 32.3333333333%;}
.span5 {width: 40.7916666667%;}
.span6 {width: 49.25%;}
.span7 {width: 57.7083333333%;}
.span8 {width: 66.66%;}
.span9 {width: 74.625%;}
.span10 {width: 83.0833333333%;}
.span11 {width: 91.5416666667%;}
.span12 {width: 100%; margin-left: 0;}

/* LAYOUT ELEMENTS */
body {background-color: #f2f3f5 !important; background-image: url(/fileadmin/templates/img/bkgd_rufasw.jpg) !important; background-position: center top !important; background-repeat: repeat-x !important; position: relative; font-size: 70%; color: rgba(0,0,0, 0.9);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  line-height: 1.5em; margin:0; padding:0;}
body.Aktuell h1 {display: none;}
#page-wrapper {padding: 0px; position: relative; margin: 10px auto 155px; width: 1060px; min-height: 100%; overflow: visible;}
#container, .inner {margin: 0 auto;}
#header {background: none; margin:0; padding:0;}
#header img {margin: 5px 0 0 5px;}
.header-img {position: absolute; top: -15px; left: 10px; z-index: -5; padding: 0;  width:100%; overflow:hidden; text-align:left;} 
.subsite-header-img {position: absolute; top: 95px; left: 308px; z-index: -5; padding: 0;  width:100%; overflow:hidden; text-align:left;} 
.inner.cf.span4 {z-index: 500;}
img.logo {padding-left: 15px;}
#container {clear: both; padding-top: 20px; padding-left: 0px; padding-right: 0px;}
#left {margin-top:18px; padding-left:20px;}
.left-box {width: 85%;}

/* FOOTER */
#footer-wrapper {background: #333; padding: 0px; position: fixed; bottom: 0px; width: 100%;  height:150px; overflow: visible;}
.footer-container {color:#cfcfcf; padding: 0px; margin: 10px auto 0px; height:100%; width: 1060px;}
.footer-content-left {margin: 20px; float:left; width:28.75%;}
.footer-content-center {margin: 20px 20px 20px 0; float:left; width:36.5%;}
.footer-content-center .column1 {float:left;}
.footer-content-center .column2 {float:right;}
.footer-content-reight {margin: 20px; float:right; width:10%; text-align: right;}

/* ADDRESS  */
#address-tablet.span4.col {display: none;}
#footer-spacer {height:0;}

/* FONTS */
body h1 {font-size: 1.714285714em; /* 24 / 14 */ line-height: 1.5em; /* 21 / 14 */ padding:10px 0 5px 0; margin: 0;}
body h2 {font-size: 1.5em; /* 21 / 14 */ line-height: 1.5em; /* 21 / 14 */}
body p {font-size: 0.925em; /* 14 / 14 */ line-height: 1.5em; /* 21 / 14 */ margin-bottom: 1.5em; /* 21 / 14 */}
body a, body a:visited {color: rgba(0,0,0, 0.9); text-decoration: none;}
body a:hover {color: rgba(0,0,0, 0.9); text-decoration: none;}

.footer-container a, a:visited {color:#999 !important; text-decoration: none;}
.footer-container a:hover {color:#999; text-decoration: none;}
.footer-container b {color:#FFF;}


/* ACCORDION */
body .panel-group .panel{
  border-radius: 0px;
  border: none;
  box-shadow: none;
}
body .panel-group{
  margin-top: 20px;
}
body .panel-group .panel-body p{
    font-size: 1em;
    line-height: 1.5em;
}
body .panel-group .panel-body{
  padding-top: 5px;
  background-color: #f2f3f5;
}
body .panel-default > .panel-heading + .panel-collapse > .panel-body{
  border: none;
}
body .panel-default > .panel-heading{
  border-radius: 0px;
  border: none;
  background-color: #f2f3f5;
  padding: 0px;
}
body .panel-default > .panel-heading.active .panel-title a{
  color: #212121;
}
body .panel-group .panel + .panel{
  margin-top: 12px;
}
body .panel-default > .panel-heading .panel-title a{
  text-decoration: none !important;
  color: #555555;
}
body .panel-default > .panel-heading .panel-title{
  font-size: 1.1em;
}
body .panel-body{
  border-radius: 0px;
  border: none;
  padding: 0px;
}
body .panel-body header{
  display: none;
}
/* ACCORDION */


/* NAVIGATION */
#nav {margin: 220px 0 30px 0;}
#nav ul {text-align: right; overflow: auto; width: 100%; }
#nav ul li {margin: 0 0 0 0; text-align: center; overflow: auto; float: left;}
#nav li a, nav li a:visited {font-size: 1.2em; text-decoration: none; display: block; padding: 3px 1.5em 2px 0; margin: 0 0 0 0; color: rgba(0,0,0, 0.9); letter-spacing: 0.05em;}
#nav li a:hover {font-size: 1.2em; color: rgba(0,0,0, 0.6);}
#nav li.current {font-size: 1.2em; padding: 3px 1.5em 2px 0; margin: 0 0 0 0; color: rgba(0,0,0, 0.6); letter-spacing: 0.05em;}
#nav .cf {margin-left:0 !important;}
.mobile_top  {display: none;}

/* RUF ASW NEWS*/
.rufnews {margin-top: 20px;}
.rufnews .text {margin-bottom: 10px;}


/* MAP CANVAS */
#map-canvas {margin: 0; padding: 0; height: 350px; width: 695px;}

/* FIELDSETs */
.tx-felogin-pi1 fieldset {margin-top: 10px;}
.tx-felogin-pi1 fieldset legend {margin-bottom: 5px;}
.tx-felogin-pi1 input {background: rgba(0,0,0, 0.05); border: 0; margin-top: 3px; padding: 2px;}
.tx-felogin-pi1 input:focus {background: rgba(0,0,0, 0.02); border: 0; margin-top: 3px; padding: 2px;}
.tx-felogin-pi1 input[type="submit"] {background: rgba(0,0,0, 0.05); border: 0; margin-top: 10px; padding-top: 1px; padding-bottom: 1px; border-radius: 3px;}
.tx-felogin-pi1 input[type="submit"]:hover {color: rgba(0,0,0, 0.8); background: rgba(0,0,0, 0.1);}

/* IMAGES KUNDEN-LOGOS */
#c60.csc-default .csc-textpic-imagewrap {width: 100%;}
#c60.csc-default .csc-textpic-imagerow .csc-textpic-imagecolumn {border:0px solid blue; width: 33.33%; padding: 0; margin: 0;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px; margin-right: 5px;}
#c60.csc-default img {height:100% !important; width:100% !important; max-width: 100% !important; height: auto !important;}

/* IMAGES TEAM */
.csc-default .csc-textpic-imagewrap {width: 100%;}
.csc-default .csc-textpic-imagerow .csc-textpic-imagecolumn { width: 33.33%; padding: 0; margin: 0;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px; margin-right: 5px;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last table {width:100%;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last img {height:100% !important; width:100% !important; max-width: 100% !important; height: auto !important;}
#sbNumber {display: none;}

a.team-mail, 
a:visited.team-mail,
a:hover.team-mail {float: right;}

/* Konzept */
#subsite ul{padding-left:12px;}
/*#subsite .csc-textpic .csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last img {width: none !important; max-width: none !important; height: none !important;}*/
#subsite .csc-textpic-center-outer, #subsite .csc-textpic-center-inner {position: relative; float:left; left: 0; right: none; padding-bottom: 2px;}


/* IMAGE CAPTION */
.csc-textpic-image table caption.csc-textpic-caption {position:relative; background-color: rgba(255,255,255, 0.7); height: 36px; margin-top: -46px; padding:5px 10px 5px 10px;}
.csc-textpic-image:hover caption.csc-textpic-caption {visibility: visible;}
.csc-textpic-image  caption.csc-textpic-caption {visibility: hidden;}

/* IMAGE CAPTION LOGOS */
#c60 .csc-textpic-image table caption.csc-textpic-caption {position:relative; background-color: rgba(255,255,255, 0.7); height: 36px; margin-top: -46px; padding:5px 10px 5px 10px;}
#c60 .csc-textpic-image:hover caption.csc-textpic-caption {visibility: visible;}
#c60 .csc-textpic-image  caption.csc-textpic-caption {visibility: hidden;}

.divider {height:10px; background: url(/fileadmin/templates/img/squares_gray.png); background-position: center top; background-repeat: no-repeat; margin-bottom:50px;}
.divider hr {display:none;}

.tx-ruf-portfolio .item img{width: 100%;}
.tx-ruf-portfolio .back-link a, .tx-ruf-portfolio .bodytext a {color: #FFF;}
.tx-ruf-portfolio .back-link a:visited, .tx-ruf-portfolio .bodytext a:visited {color: #FFF;}
.tx-ruf-portfolio .back-link a:hover, .tx-ruf-portfolio .bodytext  a:hover {color: #999;}
 
.rufportfolio-grid-wrapper .controls{ float:left;width:100%; }
.rufportfolio-grid-wrapper .controls ul {padding-top: 10px;}

ul.subnavigation {color: #000;left: 0;padding: 18px 0;position: absolute;top: 270px;width: 23.875% !important;}
ul.subnavigation li {display: block;float: none;margin-left: 0;padding-left: 0;}
ul.subnavigation li a {line-height: 20px;padding: 0 0 15px 38px; font-size:14px;}
ul.subnavigation li.last a {line-height: 20px;padding-bottom: 0;}

/* Cookies dark */
#rufcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #000; padding: 10px 20px 10px 20px; font-size: 14px; line-height: 30px; font-family: verdana;}
#rufcookie a.button {cursor: pointer; background: #eee; padding: 4px 10px; margin-left: 10px; border-radius: 4px; font-weight: bold;  line-height: 15px; float: right;}
#rufcookie a.button:hover {background-color: #aaa;}
#rufcookie p.cookiemessage {display: block; padding: 2px 0 0 0; margin: 0; color: #fff;}
#rufcookie p.cookiemessage a {text-decoration: underline; color: #fff;}
#rufcookie p.cookiemessage a:hover {text-decoration: none;}


/*** MEDIA QUERIES ***/

/* Responsify Defaults */

@media screen and (max-width: 1060px){
  #page-wrapper {padding: 0px; position: relative; margin: 10px auto 130px; width: 100%; overflow: visible;}
  .footer-container {width: 100%;}
  /* MAP CANVAS */
  #map-canvas {height: 500px; width: 500px;}
}

/* Tablet */
@media screen and (max-width: 768px){
  #page-wrapper {padding: 0px; position: relative; margin: 0px auto 130px; width: 100%; overflow: hidden;}
  img.logo {padding: 0px; padding-top: 15px;}
  #header img {margin: 0;}  
  .header-img {border: 0px solid green; position: absolute; top: -500px; left: 380px; z-index: -5; padding: 0; margin: 0; width:100%; overflow:hidden; text-align:left;}   
  #nav ul.cf {margin-left:0; width: 100%;}
  #nav {margin: 190px 0 25px 0;}
  #nav .span4 {width: 100%;}
  #nav li a {font-size: 100%; text-decoration: none; display: block; padding: 2px 20px 2px 2px; margin: 0; color: rgba(0,0,0, 0.9); letter-spacing: 0.05em;}
  #nav li a:hover {font-size: 100%; color: rgba(0,0,0, 0.6);}
  #nav li.current {font-size: 100%; padding: 2px 20px 2px 2px; margin: 0; color: rgba(0,0,0, 0.6); letter-spacing: 0.05em;}
  .span8 {width: 100%; display: block;}
  .span4, aside {width: 100%; margin-left: 0;}
  #address-desctop.span4.col {display: none;}
  #address-tablet.span4.col {display: block;}
  #container, .inner {width: 90%; padding: 0 5% 0 5%;}
  header img {margin: 5px 0 0 0;}
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image  {margin-bottom: 5px;}
  .footer-content-left {margin-left: 35px;}
  
/* FOOTER SETINGS */
  .footer-container {color:#cfcfcf; padding: 0px; margin: 10px auto 0px; height:100%; width: 100%;}
  .footer-content-left {display:none;}
  .footer-content-center {margin: 20px 20px 20px 36px; float:left; width:52.5%;}
  .footer-content-center .column1 {float:left; padding-right:36px;}
  .footer-content-center .column2 {float:right;}
  .footer-content-reight {margin: 20px 36px 20px 20px; float:right; width:20%; text-align: right;}

/* MAP CANVAS */
  #map-canvas {height: 440px; width: 440px;}
}

/* Mobile */
@media screen and (max-width: 480px){
  #page-wrapper {padding: 0px; position: relative; margin: 0 !important; width: 100%; overflow: hidden;}
  body {background: none; background: #f2f3f5;}
  .span4 {display: none;}
  .mobile_top {display: block;}
  #navibutton {display: block; position: relative; width: 40px; height: 30px; float: right; margin-right:0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: rgba(0,0,0, 0.9) url(/fileadmin/templates/img/nav_button.png); background-position: center top; background-repeat: repeat-x;}
  .logo_mobile {position:relative; float: left; padding: 2px 0 40px 0;}
  .header-img {display:none;}
  #nav {margin: 0; position: relative;}
  #nav ul {background: none;}
  #nav ul li {text-align: left; width: 100%; margin: 0 0 1px 0; padding: 0; background-color: rgba(0,0,0, 0.9);}
  #nav a {margin: 0; padding: 12px 0 12px 0;}
  #nav li a, nav li a:visited {font-size: 120%; text-decoration: none; display: block; padding: 10px 0 10px 0; margin: 0; text-indent: 15px; color: rgba(255,255,255, 0.9); letter-spacing: 0.05em;}
  #nav li a:hover {font-size: 120%; text-indent: 15px; color: rgba(255,255,255, 0.6);}
  #nav li.current {font-size: 120%; padding: 10px 0 10px 0; margin: 0 0 1px 0; text-indent: 15px; color: rgba(255,255,255, 0.6); letter-spacing: 0.05em;}
  #nav ul.cf {margin-left:0; width: 100%; display:none}
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px; margin-right: 5px;}
  .csc-default .csc-textpic-imagerow .csc-textpic-imagecolumn {border:0px solid blue; width: 100%; padding: 0; margin: 0;}
  .csc-textpic-image  caption.csc-textpic-caption {visibility: visible;}

/* FOOTER SETINGS */
  #footer-wrapper {font-size:70%; width: 100%; position: relative; bottom: 0px; height: 100%; overflow: hidden;}
  .footer-content-left {margin: 0 0 0 15px; width:100%; float: none; display: block;}
  .footer-content-center {margin: 0 0 0 15px; width:100%; float: none; display: block;}
  .footer-content-center .column1 {width:100%; float: none; display: block;}
  .footer-content-center .column2 {width:100%; float: none; display: block;}
  .footer-content-reight {margin: 0 0 0 15px; width:100%; float: none; display: block; text-align: left;}
  
/* MAP CANVAS */
  #map-canvas {height: 380px; width: 380px;}
}

/* For modern browsers */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

.tx-ruf-portfolio {margin-left:-5px; !important}

/* Multiple Contenet Accordion */
.tx-jfmulticontent-pi1 .ui-widget {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  line-height: 1.5em; font-size:100%;}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-content {padding:0; height:auto !important;}
.tx-jfmulticontent-pi1 .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border:0;}
.tx-jfmulticontent-pi1 .ui-widget-content {background:none; border: 0;}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-icons {padding:0;}
.tx-jfmulticontent-pi1 .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius: 0px;}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {display:none;}
.tx-jfmulticontent-pi1 .ui-state-active .ui-icon {background-image:none;}
.tx-jfmulticontent-pi1 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:0; background:none; font-weight: normal;}
.tx-jfmulticontent-pi1 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0; background: none; font-weight: bold;}
.tx-jfmulticontent-pi1 .ui-accordion-header {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.1em; /* 24 / 14 */ line-height: 1.75em; /* 21 / 14 */ padding:10px 0 5px 0;}

/* Custom Koncept */
#subsite .tx-jfmulticontent-pi1 .ui-accordion-content-active {background-color: rgba(0,0,0, 0.04);}
#subsite .tx-jfmulticontent-pi1 .ui-accordion-content-active .csc-default {padding-left: 10px;}


/*.rufportfolio-grid-wrapper .info {overflow: hidden;}*/
.rufportfolio-grid-wrapper .info-details h3{padding-top:10px; font-size: 1em; padding-bottom: 5px; margin: 0;}
.rufportfolio-grid-wrapper .info-details p{ font-size: .9em;}
.rufportfolio-grid-wrapper .item.img-height66 .picture{height: 459px;}
.tx-ruf-portfolio .rufportfolio-grid-wrapper .info-details{overflow:auto;}
#rufportfolio-grid-details iframe{width: 32.55%; margin: 0 0 0.75% 0.75%;}
#rufportfolio-grid-details.audio .info-details, #rufportfolio-grid-details.video .info-details{min-height: inherit;}