/* Studio Delhi – Theme-CSS (unverändert gebündelt, Stand 22.10.2026) */

/* ===== normalize.css ===== */
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   Normalize.css is intended to be used as an alternative to CSS resets.

   It is suggested that you read through the normalize.css file and customise it
   to meet the design requirements of a project rather including it as a "black
   box". @see http://nicolasgallagher.com/about-normalize-css/

   Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
         @see http://snook.ca/archives/html_and_css/no_css_reset/
   ========================================================================== */
/* Google-Font entfernt, siehe fonts.css */


.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

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

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
  display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/* Instead of relying on the fonts that are available on a user's computer, you
   can use web fonts which, like images, are resources downloaded to the user's
   browser. Because of the bandwidth and rendering resources required, web fonts
   should be used with care.

   Numerous resources for web fonts can be found on Google. Here are a few
   websites where you can find Open Source fonts to download:
   - http://www.fontsquirrel.com/fontface
   - http://www.theleagueofmoveabletype.com

   In order to use these fonts, you will need to convert them into formats
   suitable for web fonts. We recommend the free-to-use Font Squirrel's
   Font-Face Generator:
     http://www.fontsquirrel.com/fontface/generator

   The following is an example @font-face declaration. This font can then be
   used in any ruleset using a property like this:  font-family: Example, serif;

   Since we're using Sass, you'll need to declare your font faces here, then you
   can add them to the font variables in the _base.scss partial.
*/

/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
  /*
   * To use a 14px font size on the page, delete the 16px and 12px declarations.
   * To use a 12px font size on the page, delete the 16px and 14px declarations.
   */

  /* Use a 12px base font size */
  font-size: 75%; /* 16px x 75% = 12px */
  /* Use a 14px base font size */
  font-size: 87.5%; /* 16px x .875 = 14px */

  /* Use a 16px base font size */
  font-size: 100%; /* 1 */

  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */

  /* Establish a vertical rhythm. */
  line-height: 1.5em;
  overflow-y: scroll;
}

/*
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;

@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;

}

 */

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
  /* The following font family declarations are based on the Microsoft core web
   * fonts which are common fonts available on most computer systems. The DejaVu
   * and Nimbus Sans fonts are commonly available on Linux systems where the MS
   * fonts are less common. Tahoma and Helvetica are also widely available.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif, serif or
   * monospace) hints at what type of font to use if the web browser doesn't
   * find any of the fonts in the list.

  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;

  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;

  font-family: "Courier New", "DejaVu Sans Mono", monospace;

   */

  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-family: 'Ubuntu',Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #FFF;
}



input,
select,
textarea {
	color: #5D5D5A;
}

.section-users #contentinner,
.section-user #contentinner,
.section-node-add #contentinner,
.section-admin #contentinner,
.section-node-edit #contentinner{
	 background-image: url("/sites/all/themes/studiodelhi/images/node-bg.png");
    color: #5D5D5A;
    padding: 40px 30px 30px;
    width: 60%;
}

.section-user #contentinner a,
.section-node-add #contentinner a,
.section-admin #contentinner a,
.section-node-edit #contentinner a{
    color: #5D5D5A;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
  margin: 0;
  background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
   
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
 
a{
	color: #FFF;
} 

.vertical-tabs ul.vertical-tabs-list a,
.admin-menu #content a{
    color: #5D5D5A;
}
a:link {
}

a:visited {
}

a:hover,
a:focus {
}

a:active {
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
  outline: 0;
}


/* =============================================================================
   Typography

   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
   so that the line height of our base font becomes the basic unit of vertical
   measurement. We use multiples of that unit to set the top and bottom margins
   for our block level elements and to set the line heights of any fonts.
   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */


 
h1 {
  font-size: 25px;
  line-height: 33px;
  margin: 0;
  font-weight: normal;
  margin-bottom: 25px;
  /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
     margin specified in ems is relative to the element's font-size, not to the
     pages' base font size. So, for example, if we want a 1.5em margin (relative
     to the base font), we have to divide that length by the element's
     font-size:  1.5em / 2em = 0.5em  */
}

.node {
	color: #5D5D5A;
}

h2 {
  font-size: 1.5em;
  line-height: 2em; /* 3rem / 1.5em = 2em */
  margin-top: 1em; /* 1.5rem / 1.5em = 1em */
  margin-bottom: 1em;
}

.view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht h2{
color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    margin: 0;
    padding: 15px;
    text-transform: uppercase;
}


.nodecontent h2{
	font-weight: normal;
	font-size: 25px;
	line-height: 33px;
	margin-top: 0px;
	margin-bottom: 25px;
}

.node-page .nodecontent h2{
	font-weight: bold;
	font-size: 16px;
  line-height: 22px;
	margin-top: 0px;
	margin-bottom: 10px;
}

h3 {
  font-size: 1.17em;
  line-height: 1.282em; /* 1.5rem / 1.17em = 1.282em */
  margin-top: 1.282em;
  margin-bottom: 1.282em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em; /* 1.5rem / 1em = 1.5em */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.807em; /* 1.5rem / 0.83em = 1.807em */
  margin-top: 1.807em;
  margin-bottom: 1.807em;
}

h6 {
  font-size: 0.75em;
  line-height: 2em; /* 1.5rem / .75em = 2em */
  margin-top: 2em;
  margin-bottom: 2em;
}

/* Thematic break */
hr {
  height: 1px;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
  font-weight: bold;
}

blockquote {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 30px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

 p {
  margin: 0;
  margin-bottom: 25px;
}

p.line{
	border-bottom: 1px solid #5d5d5a;
	margin: 0px;
	padding: 10px 0px;
}

pre {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
  line-height: 1.5em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
  quotes: none;
}

/* 2 */

q:before,
q:after {
  content: '';
  content: none;
}

/* @todo Determine how big element affects vertical rhythm. */
small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul,
.item-list ul /* Drupal override */ {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 0;
}

.item-list ul li { /* Drupal override */
  margin: 0;
}

dd {
  margin: 0 0 0 30px; /* LTR */
}

ul ul, ul ol,
ol ul, ol ol,
.item-list ul ul, .item-list ul ol,
.item-list ol ul, .item-list ol ol {
  margin: 0; /* Turn off margins on nested lists. */
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul,
.item-list ul /* Drupal override */ {
  padding: 0 0 0 30px; /* LTR */
}

.region-sidebar-first ul.menu  {
	 margin: 0; 
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */

  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */

  /* Responsive images */
  /* @todo Add responsive embedded video. */
  max-width: 100%;
  width: auto;
  height: auto;
}



/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
  overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
  margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.5em 0.625em 1em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */ /* LTR */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
  line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
  *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
  /* width: 100%; */ /* Prevent cramped-looking tables */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/*
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */

th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}


/* ===== wireframes.css ===== */
/**
 * @file
 * Wireframes Styling
 *
 * Add wireframes to the basic layout elements.
 */


.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}

.lt-ie8 .with-wireframes #header,
.lt-ie8 .with-wireframes #main,
.lt-ie8 .with-wireframes #content,
.lt-ie8 .with-wireframes #navigation,
.lt-ie8 .with-wireframes .region-sidebar-first,
.lt-ie8 .with-wireframes .region-sidebar-second,
.lt-ie8 .with-wireframes #footer,
.lt-ie8 .with-wireframes .region-bottom {
  border: 1px solid #ccc; /* IE6/7 do not support the outline property. */
}


/* ===== responsive-sidebars.css ===== */
/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/*
 * Center the page.
 */

#page,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width.
 
  max-width: 1200px; */
  min-width: 320px;
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 0px;
  padding-right: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/*
 * Containers for grid items and flow items.
 */

#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}


#header{
	position: absolute;
z-index: 100;
width: 100%;
padding-top: 30px;
}

/*
 * Navigation bar
 */


  #main {
    /*padding-top: 3em;  Move all the children of #main down to make room. */
    position: relative;
  }

  #navigation {
    position: absolute;
    top: 0; /* Move the navbar up inside #main's padding. */
    height: 3em;
    width: 100%;
  }



/*
 * Use 3 grid columns for smaller screens.
 */

@media all and (min-width: 480px) and (max-width: 959px) {

  /*
   * The layout when there is only one sidebar, the left one.
   */

    .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    	float: left;
    	width: 79%;
    	margin-left: 21%;
    	margin-right: -100%;
  		}
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    	float: left;
    	width: 21%;
    	margin-left: 0%;
    	margin-right: -21%;
	 	padding-top: 90px;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */

  .sidebar-second #content { /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 66.667%;
    margin-left: 0%;
    margin-right: -66.667%;
  }
  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */

  .two-sidebars #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }
  .two-sidebars .region-sidebar-second { /* Start a new row and span all 3 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    *position: relative;
    *zoom: 1;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  .two-sidebars .region-sidebar-second:before,
  .two-sidebars .region-sidebar-second:after {
    content: "";
    display: table;
  }
  .two-sidebars .region-sidebar-second:after {
    clear: both;
  }
  .two-sidebars .region-sidebar-second .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
    clear: left;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 33.333%;
    margin-right: -66.667%;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n) { /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }
}

/*
 * Use 5 grid columns for larger screens.
 */

@media all and (min-width: 960px) {

  /*
   * The layout when there is only one sidebar, the left one.
   */

  .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 79%;
    margin-left: 21%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 21%;
    margin-left: 0%;
    margin-right: -21%;
	 padding-top: 158px;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */

  .sidebar-second #content { /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 80%;
    margin-left: 0%;
    margin-right: -80%;
  }
  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */

  .two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }
  .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }
}

@media all and (max-width: 1025px) {
	.nodecontent{
		width: 55% !important;
	}
}

@media all and (min-width: 480px) and (max-width: 1023px) {
  .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 70%;
    margin-left: 30%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 30%;
    margin-left: 0%;
    margin-right: -30%;
	 padding-top: 158px;
  }
  
  .section-news .nodecontent {
    left: 30% !important;
    }
    
  .section-news  .nodebgnav {
     left: 30% !important;
	}
	

.section-news .nodecontent{
	width: 43.3% !important;
	}
	
#logo {
    width: 30% !important;
	}
	
.region-header {
     width: 70%;
}
	
	.section-news .nodebg{
		margin-left: -42.9% !important;
	}
	
	.node-type-portfolio .nodebg{
		margin-left: -25.6% !important;
	}

}

@media all and (min-width: 480px) and (max-width: 619px) {
  .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 40%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 40%;
    margin-left: 0%;
    margin-right: -40%;
	 padding-top: 158px;
  }

  .section-news .nodebg{
		margin-left: -66.7% !important;
	}
	
	.node-type-portfolio .nodebg{
		margin-left: -25.6% !important;
	}
  
  #logo {
    width: 40% !important;
	}
	
.region-header {
    float: left;
    width: 59%;
}
	
	.section-news .nodebgnav {
     left: 40% !important;
	}
	
	.section-news .nodecontent {
    left: 40% !important;
    }

  
  .nodecontent{
	padding: 20px 5% 20px 5% !important;
	width: 80% !important;
	}
	
	.withaward .nodecontent {
    padding-bottom: 180px !important;
}
	
	.node-type-portfolio .nodecontent{
		width: 61% !important;
	}
	
	#block-menu-block-2 li a {
     padding: 0 10px 0 0 !important;
    }
    
    html, button, input, select, textarea {
       font-size: 12px !important;
    	line-height: 19px !important;
	}
	
	
	h1 {
    	font-size: 20px !important;
    	line-height: 25px !important;
    	margin: 0 0 15px  !important;
	}
}








@media all and (min-width: 620px) and (max-width: 830px) {
  .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 70%;
    margin-left: 30%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 30%;
    margin-left: 0%;
    margin-right: -30%;
	 padding-top: 158px;
  }

  .section-news .nodebg{
		margin-left: -66.7% !important;
	}
	
	.node-type-portfolio .nodebg{
		margin-left: -25.6% !important;
	}
  
  #logo {
    width: 30% !important;
	}
	
.region-header {
    float: left;
    width: 59%;
}
	
	.section-news .nodebgnav {
     left: 30% !important;
	}
	
	.section-news .nodecontent {
    left: 30% !important;
    }

  
  .nodecontent{
	padding: 20px 5% 20px 5% !important;
	width: 80% !important;
	}
		
	.node-type-portfolio .nodecontent{
		width: 61% !important;
	}
	
	
	.withaward .nodecontent {
    padding-bottom: 180px !important;
}
	
	#block-menu-block-2 li a {
     padding: 0 10px 0 0 !important;
    }
    
    html, button, input, select, textarea {
       font-size: 12px !important;
    	line-height: 19px !important;
	}
	
	
	h1 {
    	font-size: 20px !important;
    	line-height: 25px !important;
    	margin: 0 0 15px  !important;
	}
}



















@media all and (max-width: 479px){

	.view-id-taxonomy_term_portfolio .views-row,
	.region-header {
    float: none !important;
	}

	
	#logo {
    float: none !important;
    width: 30% !important;
	}
	
	.sidebar-first #content {
		padding: 0px 4%;
	}
	.nodecontent{
	padding: 20px 5% 20px 5% !important;
	width: 90% !important;
	left: 0px !important;
	}
	
		.withaward .nodecontent {
    padding-bottom: 180px !important;
}

	.section-news .nodecontent{
	padding: 20px 5% 20px 5% !important;
	width: 80% !important;
	 left: 5% !important;
	}
	
	.section-news .nodebgnav {
     left: 5% !important;
	}
	
	.node-type-portfolio .nodebgnav {
     left: 0 !important;
	}
	
	#block-menu-block-2 {
    font-size: 17px !important;
    line-height: 21px !important;
}
	
	#block-menu-block-2 li a {
     padding: 0 10px 0 0 !important;
    }
    
    #block-menu-block-2 ul.menu {
      padding: 12px 0 0 10px !important;
}

	
	.page-taxonomy-term #content, .node-type-webform #content, .node-type-page #content, .node-type-auszeichnungen #content, .node-type-team #content, .not-front #content {
    	padding-top: 162px !important;
	}
	
	#block-menu-block-1 ul li.expanded, #block-menu-block-1 ul li.collapsed, #block-menu-block-1 ul li.leaf,#block-menu-menu-impressum-datenschutz ul li.leaf {
    	text-align: left !important;
    	padding-left: 5%;
	}
	
	.section-news .nodebg{
		margin-left: 0% !important;
		padding-top: 85px !important;
	}
	
	.node-type-portfolio .nodebg{
		margin-left: 0% !important;
		}
	
	.section-news #content{
		padding: 0px 0 0px 0 !important;
	}
	
	 html, button, input, select, textarea {
       font-size: 12px !important;
    	line-height: 19px !important;
	}
	
	
	h1 {
    	font-size: 20px !important;
    	line-height: 25px !important;
    	margin: 0 0 15px  !important;
	}

}


.lt-ie9 .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 79%;
    margin-left: 21%;
    margin-right: -100%;
  }
 .lt-ie9 .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 21%;
    margin-left: 0%;
    margin-right: -21%;
	 padding-top: 158px;
  }

  .lt-ie9 .view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht span{
	display: none;
	}


.lt-ie9 .view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht a:hover span{
	display: block;

}
  

.lt-ie8 .node-type-portfolio #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 79%;
    margin-left: 26%;
    margin-right: -100%;
  }
 .lt-ie8 .node-type-portfolio .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 21%;
    margin-left: -4.5%;
    margin-right: -21%;
	 padding-top: 158px;
  }


/* ===== tabs.css ===== */
/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal7-reference.css.)
 */


/*
 * Basic positioning styles shared by primary and secondary tabs.
 */

ul.primary,
ul.secondary {
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #bbbbbb;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0 2px;
  white-space: nowrap;
}

ul.primary li,
ul.secondary li {
  float: left; /* LTR */
  margin: 0.5em 3px 0;
}

ul.primary a,
ul.secondary a {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

/*
 * Primary tabs
 */

ul.primary li {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: white 1px 1px 0;
  border: 1px solid #bbbbbb;
  border-bottom: 0;
  margin: 0.5em 0 0 3px; /* LTR */
}

ul.primary li.active {
  border-bottom: 1px solid white;
  margin-bottom: -1px; /* Overlap the ul's border. */
}

ul.primary a:link,
ul.primary a:visited {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0 1em;
  text-align: center;
}

ul.primary a:hover,
ul.primary a:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2;
}

ul.primary a.active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -ms-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff;
}

/*
 * Secondary tabs
 */

ul.secondary {
  font-size: .9em;
  margin-top: -1.5em; /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em;
}

ul.secondary a:link,
ul.secondary a:visited {
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  -ms-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  border-radius: 0.75em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: white 1px 1px 0;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em;
}

ul.secondary a:hover,
ul.secondary a:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

ul.secondary a.active,
ul.secondary a:active {
  text-shadow: #333333 1px 1px 0;
  background-color: #666;
  border-color: #000;
  color: #fff;
}


/* ===== pages.css ===== */
/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
   background-color: #5D5D5A;
}

#page {
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
    text-align: right;
    width: 21%;
	 
}
#logo img {
  vertical-align: bottom;
   margin-right: 20px;
 
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  /* clear: both; Clear the logo */
  float: left;
}

/*
 * Main (container for everything else)
 */

#main {
}

/*
 * Content
 */

#content {
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

.page-node-9 #content.noadm div.messages{
	display: none;
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}


div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
	font-size: 12px;
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}

.page-taxonomy-term #content,
.node-type-webform #content,
.node-type-page #content,
.node-type-auszeichnungen #content,
.node-type-team #content,
.not-front #content{
	padding-top: 162px;
}

.section-news #content{
	padding-top: 0px;
}

/*.front #content{
	display: none;
}*/

/*.view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht a:hover img {
    transform: scale(1.1, 1.1);
}*/

.view-id-taxonomy_term_portfolio .views-row{
	float: left;
	width: 230px;
	font-size: 0px;
	line-height: 0px;
	height: 155px;
}


.view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht span{
	/*display: none;*/
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/sites/all/themes/studiodelhi/images/term-overlay.png);
	width: 225px;
	height: 150px;
		opacity: 0;
		transition: opacity 0.5s ease 0s;
}

.view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht a{
	display: block;
	position: relative;
}

.view-id-taxonomy_term_portfolio .views-field-field-bild-uebersicht a:hover span{
	/*display: block;*/
	opacity: 1;
}

.page-taxonomy-term h1{
	display: none;
}

.page-taxonomy-term .feed-icon{
	display: none;
}

/* TEAM */

.teamwrap{
	margin-bottom: 25px;
}

.teamimg,
.teamprofil{
	float: left;
}

.teamimg{
	width: 30%;
	padding-right: 3%;
	
}

.teamprofil{
	border-top: 1px solid #5d5d5a;
	padding-top: 7px;
	width: 67%;
}


th.right, 
td.right{
	
}

table#auszeichnungen th,
table#auszeichnungen td{
	padding: 5px 3% 5px 0;
	border-bottom: 1px solid #5d5d5a;
	vertical-align: bottom;
}

table#auszeichnungen td.right{
	padding-right: 0;
}




.view-inhalte-admin table{
	width: 50%;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 45px;
}

.view-inhalte-admin table caption{

	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
}


.view-inhalte-admin tr,
.view-inhalte-admin tr.even, 
.view-inhalte-admin tr.odd {
    background-color: #DFDFDE;
    border-bottom: 1px solid #5D5D5A;
    padding: 0;
}

.view-inhalte-admin thead tr{
	border-bottom: 3px double #5D5D5A;
}

.view-inhalte-admin th,
.view-inhalte-admin td{
	padding: 4px;
}

.view-inhalte-admin td.views-field-title{
	width: 75%;
}

.view-inhalte-admin td.views-field-title a{
	text-decoration: none;
}

#webform-emails-form td,
#webform-components-form td,
.view-inhalte-admin th,
.view-inhalte-admin a{
	color: #5D5D5A
}


#navportfolio{
	display: none;
}















/* ===== blocks.css ===== */
/**
 * @file
 * Block Styling
 */


.block { /* Block wrapper */
  margin-bottom: 35px;
}

.block.first { /* The first block in the region */
}

.block.last { /* The last block in the region */
}

.block.odd { /* Zebra striping for each block in the region */
}

.block.even { /* Zebra striping for each block in the region */
}

h2.block-title { /* Block title */
}

#block-aggregator-category-1 { /* Block for the latest news items in the first category */
}

#block-aggregator-feed-1 { /* Block for the latest news items in the first feed */
}

#block-block-1 { /* First block created with "Add block" link */
}

#block-blog-recent { /* "Recent blog posts" block */
}

#block-book-navigation { /* "Book navigation" block for the current book's table of contents */
}

#block-comment-recent { /* "Recent comments" block */
}

#block-forum-active { /* "Active forum topics" block */
}

#block-forum-new { /* "New forum topics" block */
}

#block-locale-language { /* Language switcher block */
}

#block-menu-menu-NAME { /* Custom menu block */
}

#block-node-recent { /* "Recent content" block */
}

#block-node-syndicate { /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
}

#block-poll-recent { /* "Most recent poll" block */
}

#block-profile-author-information { /* "Author information" block for the profile of the page's author */
}

#block-search-form { /* "Search form" block */
}

#block-shortcut-shortcuts { /* "Shortcuts" block */
}

#block-statistics-popular { /* "Popular content" block */
}

#block-system-main-menu { /* "Main menu" block */
}

#block-system-management { /* "Management" block for Drupal management menu */
}

#block-system-navigation { /* "Navigation" block for Drupal navigation menu */
}

#block-system-user-menu { /* "User menu" block for Drupal user menu */
}

#block-system-help { /* "System help" block */
}

#block-system-main { /* "Main page content" block */
}

#block-system-powered-by { /* "Powered by Drupal" block */
}

#block-user-login { /* "User login form" block */
}

#block-user-new { /* "Who's new" block for a list of the newest users */
}

#block-user-online { /* "Who's online" block for a list of the online users */
}


/* ===== navigation.css ===== */
/**
 * @file
 * Navigation Styling
 */

 #block-menu-block-2{
 	font-size: 20px;
	line-height: 24px;
 }
 
 
 #block-menu-block-2 li a{
 	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 20px 0px 0px;
 }
 
 #block-menu-block-2 li a.active-trail{
	text-decoration: underline;
 }
 
 #block-menu-block-2 ul.menu{
 	padding-left: 0px;
	list-style-type: none;
	margin: 0;
    padding: 32px 0 0;
 }
 
 #block-menu-block-2 ul.menu li.leaf{
 	list-style-image: none;
	list-style-type: none;
 }

  #block-menu-block-2 ul.menu li{
 	float: left;
 }
 
 
 /* Navi linke sidebar */
 
#block-menu-block-1 li a,
#block-menu-menu-impressum-datenschutz li a{
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	line-height: 22px; 
	padding-right: 33px;
}

#block-menu-menu-impressum-datenschutz li a{
	text-transform: none;
}

#block-menu-block-1 li li a{
	text-transform: none;
}

#block-menu-block-1 a.active-trail,
#block-menu-block-1 a.active,
#block-menu-menu-impressum-datenschutz a.active{
	text-decoration: underline;
}

#block-menu-block-1 ul,
#block-menu-menu-impressum-datenschutz ul{
	padding-left: 0px;
	padding: 0px 0 0;
}

#block-menu-menu-impressum-datenschutz ul{
	padding-top: 0px;

}
 
 #block-menu-block-1 ul ul{
	margin: 0px 0 0;
	margin-bottom: 10px;
}
 
 
#block-menu-block-1 ul li.expanded,
#block-menu-block-1 ul li.collapsed,
#block-menu-block-1 ul li.leaf,
#block-menu-menu-impressum-datenschutz ul li.leaf {
    list-style-image: none;
    list-style-type: none;
	 text-align: right;
}


/* Admin Menu */

#block-menu-menu-administration{
	margin-top: 68px;
}

#block-menu-menu-administration h2{
	text-align: right;
	padding-right: 33px;
}


#block-menu-menu-administration ul{
	margin: 0px;
}

#block-menu-menu-administration ul li.expanded,
#block-menu-menu-administration ul li.collapsed,
#block-menu-menu-administration ul li.leaf {
    list-style-image: none;
    list-style-type: none;
	 text-align: right;
}

#block-menu-menu-administration li a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 22px;
    padding-right: 33px;
    text-decoration: none;
    text-transform: uppercase;
}


#block-menu-menu-administration li li a {
    padding-right: 50px;
}

#block-menu-menu-administration a.active-trail,
#block-menu-menu-administration a.active{
	text-decoration: underline;
}


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(/sites/all/themes/studiodelhi/images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(/sites/all/themes/studiodelhi/images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(/sites/all/themes/studiodelhi/images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Navigation bar
 */

#navigation {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#secondary-menu {
  float: right; /* LTR */
}

/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}


/* ===== views-styles.css ===== */
/**
 * @file
 * Views Styling
 */


/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */

.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}


/* ===== nodes.css ===== */
/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node { /* Node wrapper */
}

.preview .node { /* Preview of the content before submitting new or updated content */
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

.node .node-title { /* Node title */
}

.node .user-picture { /* The picture of the node author */
}

.node .submitted { /* The "posted by" information */
}

.node .content { /* Node's content wrapper */
}

.node ul.links { /* Node links. See also the ul.links declaration in the pages.css. */
}

.node-promoted { /* A node that has been promoted to the front page */
}

.node-sticky { /* A sticky node (displayed before others in a list) */
}

.node-by-viewer { /* A node created by the current user */
}

.node-teaser { /* A node displayed as teaser */
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.node-page { /* Page content node */
}

.node-article { /* Article content node */
}

.node-unpublished { /* Unpublished nodes */
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
}


.nodebgnav{
	position: relative;
	left: 21%;
	width: 200px;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}

.nodebgnav img{
	vertical-align: text-bottom;
	}

.nodebg{
	background-repeat: no-repeat;
	padding-top: 125px;
	padding-bottom: 85px;
	margin-left: -26.6%;
	/*background-size: 100%;
	padding-left: 220px;*/
}

.node-type-portfolio .nodebg{
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 45px;
	margin-left:-26.6%;
	/*background-size: 10

	/*background-size: 100%;
	padding-left: 220px;*/
}

.nodecontent{
	position: relative;
	left: 21%;
	padding: 40px 2% 30px 2%;
	width: 40%;
	height: auto;
	background-image: url(/sites/all/themes/studiodelhi/images/node-bg.png);
	color: #5d5d5a;
}

.node-type-portfolio .nodecontent,
.section-news .nodecontent{
	width: 31.6%;
	padding: 40px 1.6% 30px 1.6%;
}

.withaward .nodecontent{
	padding-bottom: 180px;
}

.nodebg .award{
	position: absolute;
	left: 30px;
	bottom: 20px;
	font-size: 0px;
	line-height: 0px;
	max-width: 80%;
}

.node-type-auszeichnungen .nodecontent,
.node-type-webform .nodecontent,
.node-type-page .nodecontent,
.node-type-team .nodecontent{
	left: 0px;
	padding: 40px 2% 30px 2%;
	height: auto;
}


.node-type-page .node-12 .nodecontent{
	left: 0px;
}

.nodecontent a {
	color: #5d5d5a;
}

.page-node-85 #content #block-block-2{
	margin-top: 100px;
}

.page-node-85 #content p.links,
.node-type-webform #content p.links{
	float: left;
	padding-top: 45px;
	width: 70%;
}

.page-node-85 #content p.rechts,
.node-type-webform #content p.rechts{
	float: right;
	padding-top: 45px;
	width: 30%;
}

#block-block-1.block { 
	font-size: 0px;
	margin-bottom: 0px;
	line-height: 0px;
	height: 0px;
}

/* ===== comments.css ===== */
/**
 * @file
 * Comment Styling
 */


.comments { /* Wrapper for the list of comments and its title */
  margin: 1.5em 0;
}

.comments h2.title { /* Heading for the list of comments */
}

.comments h2.comment-form { /* Heading for the comment form */
}

.comment { /* Wrapper for a single comment */
}

.comment-preview { /* Preview of the comment before submitting new or updated comment */
  background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment.new { /* A new comment since the user last viewed the page. */
}

.comment.first { /* The first comment in the list of comments */
}

.comment.last { /* The last comment in the list of comments */
}

.comment.odd { /* An odd-numbered comment in the list of comments */
}

.comment.even { /* An even-numbered comment in the list of comments */
}

.comment-by-anonymous { /* A comment created by an anonymous user */
}

.comment-by-node-author { /* A comment created by the node's author */
}

.comment-by-viewer { /* A comment created by the current user */
}

h3.comment-title { /* Comment title */
}

.comment .new { /* "New" marker for comments that are new for the current user */
  color: #c00;
}

.comment .user-picture { /* The picture of the comment author */
}

.comment .submitted { /* The "posted by" information */
}

.comment .permalink { /* Comment's permalink wrapper */
  text-transform: uppercase;
  font-size: 75%;
}

.comment .user-signature { /* The user's signature */
}

.comment ul.links { /* Comment links. See also the ul.links declaration in the pages.css. */
}

.indented { /* Nested comments are indented */
  margin-left: 30px; /* Drupal core uses a 25px left margin */
}

.comment-unpublished { /* Unpublished comments */
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */
}


/* ===== forms.css ===== */
/**
 * @file
 * Form Styling
 */


.form-item { /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error { /* Highlight the form elements that caused a form submission error */
  border: 1px solid #FF0000;
  background-color: #FFA6A6;
}

.form-item label { /* The label for a form element */
  display: block;
  font-weight: bold;
}

.node-webform .form-item label { /* The label for a form element */
  font-weight: normal;
}

.form-item label.option { /* The label for a radio button or checkbox */
  display: inline;
  font-weight: normal;
}

.form-required { /* The part of the label that indicates a required field */
  color: #FF0000;
}

.pflicht{
	color: #FF0000;
	float: right;
}

.form-item .description { /* The descriptive help text (separate from the label) */
  font-size: 11px;
  line-height: 16px;
}

.form-checkboxes .form-item,
.form-radios .form-item { /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0; /* Drupal core uses "0.4em 0" */
}

.form-submit { /* The submit button */
}

.container-inline div,
.container-inline label { /* Inline labels and form divs */
  display: inline;
}

.tips { /* Tips for Drupal's input formats */
}

a.button { /* Buttons used by contrib modules like Media */
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */

.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */

#block-search-form { /* Wrapper for the search form */
}

/*
 * Drupal's default login form block
 */

#user-login-form {
  text-align: left; /* LTR */
}

/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul { /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link { /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link { /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */

form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody {
  border-top: 1px solid #ccc;
}

form tr.even {
  background-color: #fff;
}

form table .item-list ul {
  margin: 0;
}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */

td.menu-disabled {
  background: #ccc;
}
.node-type-webform input,
.node-type-webform textarea,
input.form-text{
	background-color: #FFF;
	border: none;
	width: 100%;
}

.node-type-webform input.form-checkbox{
	width: auto;
}

form#team-node-form,
form#page-node-form,
form#news-node-form,
form#portfolio-node-form,
form#auszeichnungen-node-form{
	width: 65%;
}

#team-node-form input.form-text,
#page-node-form input.form-text,
#auszeichnungen-node-form input.form-text,
#portfolio-node-form input.form-text,
#news-node-form input.form-text{
	border: 1px solid #5D5D5A;
	
}

.node-type-webform input#edit-delete,
.node-type-webform input#edit-submit{
	color: #FFF;
	background-color: #000;
	text-transform: uppercase;
	border: none;
	padding: 2px 10px;
	margin-right: 5px;
	width: auto;
}

input#edit-delete, input#edit-submit, input#edit-cancel, input#edit-remove {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    margin-right: 5px;
    padding: 2px 10px;
    text-transform: uppercase;
    width: auto;
}

#views-ajax-popup input.form-text,
#field-ui-field-overview-form input.form-text {
	background-color: #FFF;
	border: 1px solid #333;
}

.node-type-webform .form-item {
    margin: 0;	
	 margin-bottom: 11px;
}

form#webform-node-form{
	width: 75%;
	font-size: 12px;
	line-height: 18px;
}

ul.tabs{
	font-size: 12px;
	line-height: 18px;
}

.section-node-edit #content,
.section-users #content,
.section-node-add #content,
.section-user #content,
.section-admin #content{
	font-size: 12px;
	line-height: 18px;

}

.noadm fieldset#edit-locale,
.noadm fieldset.filter-wrapper{
	display: none;
}

form.node-form fieldset  {
    margin-top: 45px;
}

form.node-form .form-item label,
form.node-form fieldset legend {
    margin-top: 45px;
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
}

form.node-form #edit-field-bild-uebersicht .form-item .form-type-textfield label,
form.node-form fieldset legend {
    margin-top: 0px;
}


form.node-form fieldset .form-item label {
    margin-top: 15px;
 }

#edit-field-auszeichnung table.field-multiple-table{
	width: 100%;
}

form#auszeichnungen-node-form #edit-field-auszeichnung .form-item label, 
form#auszeichnungen-node-form #edit-field-auszeichnung fieldset legend {
    margin-top: 10px;
}

form#auszeichnungen-node-form #edit-field-auszeichnung input.form-text{
	width: 95%;
}

.view-display-id-page_1{
	width: 40%;
}

#views-form-taxonomy-term-portfolio-page-1 table td{
	color: #333;
}















/* ===== fields.css ===== */
/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */


/*
 * Field wrappers when the Fences module is enabled.
 */

.field-label { /* The optional label for a field. */
}

.field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */

.field { /* Wrapper for any field. */
}

/*
 * Field types (Core)
 */

.field-type-text {
}

.field-type-text-long {
}

.field-type-text-with-summary {
}

.field-type-image {
}

.field-type-file {
}

.field-type-taxonomy-term-reference {
}

.field-type-number-integer {
}

.field-type-number-decimal {
}

.field-type-number-float {
}

.field-type-list-text {
}

.field-type-list-boolean {
}

.field-type-list-integer {
}

.field-type-list-float {
}

/*
 * Field types (Contrib)
 */

.field-type-datetime { /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

.field-type-node-reference {
}

.field-type-user-reference {
}

/*
 * Named fields
 */

.field-name-body {
}

.field-name-field-image {
}

.field-name-field-tags {
}

.field-name-field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}


/* ===== print.css ===== */
/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */

@media print {

  a:link,
  a:visited { /* underline all links */
    text-decoration: underline !important;
  }

  #site-name a:link,
  #site-name a:visited { /* Don't underline header */
    text-decoration: none !important;
  }

  #content a[href]:after { /* Add visible URL after links. */
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }

  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after { /* Only display useful links. */
    content: "";
  }

  #content abbr[title]:after { /* Add visible title after abbreviations. */
    content: " (" attr(title) ")";
  }

  #content { /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body,
  #page,
  #main,
  #content { /* Turn off any background colors or images */
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }

  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons { /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none;
  }

} /* End @media print */


/* ===== Ergänzungen statische Fassung ===== */
/* aus Drupal system.base.css */
.element-invisible{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;}
.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{position:static!important;clip:auto;overflow:visible;height:auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Ersatz für jQuery-Backstretch */
.backstretch{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;margin:0;padding:0;z-index:-999999;}
.backstretch img.bs-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .5s ease;max-width:none;}
.backstretch img.bs-img.is-visible{opacity:1;}
/* Kontaktseite ohne Formular */
.kontakt-mail{margin-bottom:25px;}