/*
  Theme Name: eco WordPress theme
  Theme URI: http://eco.de/
  Description: eco.de main theme. Built upon the foundation of Aaron T. Grogg's <a href="http://aarontgrogg.com/boilerplate/">HTML5 Boilerplate merger</a>, of the HTML5 Boilerplate (<a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a>) and the Starkers theme (<a href="http://starkerstheme.com/">http://starkerstheme.com/</a>).
  Author: Tobias Baldauf (based upon the works of Aaron T. Grogg, Paul Irish, Divya Manian & Elliot Jay Stocks)
  Author URI: http://www.tobias-baldauf.de/
  Version: 0.1

  License: GNU General Public License v2.0
  License URI: http://www.gnu.org/licenses/gpl-2.0.html

  This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
  Comment blocks indicate where each begins and ends.
*/

/** START HTML5 Boilerplate CSS **/

/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */

/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, 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;
  font-size: 100%;
  vertical-align: baseline;
}

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

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:14px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* 1) Always force a scrollbar in non-IE
   2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements.
      Firefox adds a 1px margin above and below textareas
   3) Set font-size to match <body>'s, and font-family to sans-serif
   4) Align to baseline */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }

/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
   2) Align to text-top */
textarea { overflow: auto; vertical-align:text-top; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* Remove Chrome, Chromium, Safari default styling of search input form - For better consistency */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}
input[type=search]:focus {
    outline:0;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/**
 * You might tweak these..
 */

@font-face {
    font-family: 'MuseoSans500';
    src: url('/wp-content/themes/eco-wp-theme/webfonts/museosans_500-webfont.eot');
    src: url('/wp-content/themes/eco-wp-theme/webfonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/eco-wp-theme/webfonts/museosans_500-webfont.woff') format('woff'),
         url('/wp-content/themes/eco-wp-theme/webfonts/museosans_500-webfont.ttf') format('truetype'),
         url('/wp-content/themes/eco-wp-theme/webfonts/museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
    font-family: 'MuseoSans500', MuseoSans, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection { background: #d7212e; color:#fff; text-shadow: none; }
::selection { background:#d7212e; color:#fff; text-shadow: none; }

/**
 * Primary styles
 *
 * Author: Tobias Baldauf
 */

/* Simple fix for footer bg-color below end of actual footer  */
html {
  background-color: #FAFAFA;
}
body {
  background-color: #FFFFFF;
}

hr {
  display: block;
  position: relative;
  padding: 0;
  margin: 10px auto;
  width: 100%;
  height: 0;
  clear: both;
  border: 0;
  border-bottom: 4px solid #f4f4f4;
  color: #f00;
  background-color: #f00;
  font-size: 1px;
  line-height: 0;
  overflow: visible;
}

/* Special treatment for Services and Topics */
.services hr,
.team hr,
.mitglieder hr,
.partner hr,
.presse-downloads hr,
.press-downloads hr,
.themen hr,
.topics hr {
  margin-bottom: 35px;
}

/* Special treatment for member page */
.memberlist, .partnerlist {
  width: 326px;
  height: 130px;
  margin-right: 20px;
  margin-bottom: 30px;
}
.memberlist .entry-title a:link,
.memberlist .entry-title a:visited,
.partnerlist .entry-title a:link,
.partnerlist .entry-title a:visited{
  color: #444 !important;
}
.memberlist .entry-title a:hover,
.partnerlist .entry-title a:hover  {
  color: #d7212e !important;
}
.anchorjumppoint {
  visibility: visible;
  width: inherit;
  color: #d7212e;
  font-size: 48px;
  margin-bottom: 30px;
  padding-top: 30px;
  margin-right: 20px;
}
.anchortop {
  color: #D91D27 !important;
  font-size: 12px !important;
  float: right;
  position: relative;
  bottom: -18px;
}
.anchortop:hover {
  text-decoration: underline !important;
}
.anchortop:after {
  content: " \25B2";
}
a.anchorjumppoint:hover{
  color: #d7212e !important;
  text-decoration: none !important;
}
#a{
  border: none;
}
.memberlist-separator, .partnerlist-separator {
  border: 1px solid #e6e6e6;
}

#memberlist-separator-top, #partnerlist-separator-top {
  margin-bottom: 50px;
}

/* Take care to reset stuff if we're viewing a single post */
.fulltextview hr {
  margin-bottom: auto;
}

.thegrid {
  width: 940px;
  margin: 0 auto;
}

.extendedgrid {
/*    width: 1060px;  */
    width: 940px;
    margin: 0 auto;
}

header {
  height: 115px;
  background: #ededed;
  background: -moz-linear-gradient(top, #ededed 0%, #feffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#feffff));
  background: -webkit-linear-gradient(top, #ededed 0%,#feffff 100%);
  background: -o-linear-gradient(top, #ededed 0%,#feffff 100%);
  background: -ms-linear-gradient(top, #ededed 0%,#feffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#feffff',GradientType=0 );
  background: linear-gradient(top, #ededed 0%,#feffff 100%);
}

#logo a {
  display: block;
  position: relative;
  top: 26px;
  width: 120px;
  height: 62px;
  /* Progressive Enhancement to use SVG as CSS background with PNG fallback for IE8/7/6. See https://gist.github.com/1565894 */
  background: url("images/sprite.png") no-repeat 0px 0px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px 0px;
}

#description {
    float: left;
    margin-top: 10px;
    margin-left: 135px;
    font-size:16px;
}

#languageswitcher {
  float: right;
    width: 132px;
    height: 24px;
    margin-top: -2px;
    margin-right: -2px;
    overflow: hidden;    
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 17%, #dbdbdb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(17%,#f9f9f9), color-stop(100%,#dbdbdb));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dbdbdb',GradientType=0 ); Info: will break the flyout menu in IE because of proprietary filter */
    background: linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    list-style: none;
    cursor: pointer;
}

#languageswitcher li {
    width: 132px;
    height: 28px;
}

.navigation .button {
    text-align: center;
    width:120px;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: -2px;
    margin-right: -2px;
    overflow: hidden;    
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 17%, #dbdbdb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(17%,#f9f9f9), color-stop(100%,#dbdbdb));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    border: 1px solid #ffffff;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    list-style: none;
    cursor: pointer;
}

.navigation .button:hover {
    background: #f6f6f6;
    background: -moz-linear-gradient(bottom, #f6f6f6 0%, #f9f9f9 17%, #dbdbdb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f6f6f6), color-stop(17%,#f9f9f9), color-stop(100%,#dbdbdb));
    background: -webkit-linear-gradient(bottom, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: -o-linear-gradient(bottom, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: -ms-linear-gradient(bottom, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
    background: linear-gradient(bottom, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
}

#languageswitcher a {
    position: static;
    background: none;
}

#languageswitcher:hover {
    overflow: visible;
}

.alternative {
  width: 130px !important;
    background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 2%, #ececec 50%, #ededed 98%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#ededed), color-stop(50%,#ececec), color-stop(98%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 2%,#ececec 50%,#ededed 98%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#ededed 2%,#ececec 50%,#ededed 98%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#ededed 2%,#ececec 50%,#ededed 98%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#ededed 2%,#ececec 50%,#ededed 98%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    margin-top: -2px;
    border: 1px solid #ffffff;
    border-bottom: 3px solid #ECECEC;
    -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
    box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
}

#languageswitcher li a {
    display: block;
    height: 24px;
    padding-left: 26px;
    background-repeat: no-repeat;
    font-size: 13px;
    text-decoration:none;
    color: #666;
    text-shadow:1px 1px 1px #ffffff;
}

#preselected a {
  background-position: 6px 7px;
  line-height: 23px;    
}

#languageswitcher li.alternative a {
  background-position: 6px 9px;
    line-height: 28px;
}

#languageswitcher li a:link,
#languageswitcher li a:visited
.alternative li a:link,
.alternative li a:visited {
    color: #666;
    text-shadow:1px 1px 1px #ffffff;
}

#preselected {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFAQMAAABGqu8rAAAABlBMVEWZmZnu7u6nY/m8AAAAHUlEQVR4Xg3AgQAAAAjEwKGFFtpUnuEF6ng7KJF6HVoFlQx+DQQAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: 114px 10px;
}

#languageswitcher:hover #preselected {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFAQMAAABGqu8rAAAABlBMVEWZmZnu7u6nY/m8AAAAHUlEQVR4XgXAgQwAMAwAwUMb2tBepQwVaGwm5T8cNwQFlRxplFUAAAAASUVORK5CYII=');
}

#languageswitcher li a.germanflagicon {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAMAAAA1k+1bAAAAQlBMVEXz32n3sWbwmED7q6f8YmL3V1X4R0X2gHZUQED9bm51ZGS5s670MDCHdHSXg37455NsUFD1o1KpqZ2Zl4zs1TTriSg0f6yGAAAASElEQVR4Xi3HxwHAMAgEsAPXXlL2XzU4WD+h/C5xC5TeWss5zxlj7NJ+OndNSMla57z3tQYY3Y72TDuIaC1mfgVhQDwHMBTUB2ujBQVewACGAAAAAElFTkSuQmCC');
}

#languageswitcher li a.britishflagicon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAMAAAA1k+1bAAAANlBMVEX+//6Xp9b3V1VOWa78YmJzhsr7jof4R0XAxeL0MDD2gHb7q6fV2/D/6+vwwM/9bm6pqZ0ZGpnbNwNuAAAAT0lEQVQIHSXBCRKEIBAAsZ6bAXTX/39Wq0hYbBEyERkJY90I7sRKBIl7giu/a1twaHGku2p9+qMc1Rxi+3K6of6PIcwMujFSA+aIQAuzgb6IFwIDPYlaVgAAAABJRU5ErkJggg==');
}

#languageswitcher li:last-child {
    border-bottom: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#access {
  width: 100%;
  height: 28px;
  margin-bottom: 3px; /* cleares the dropshadow for the element beneath */
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 17%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(17%,#f9f9f9), color-stop(100%,#e4e4e4));
  background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#e4e4e4 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#e4e4e4 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#e4e4e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 );
  background: linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#e4e4e4 100%);
  -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
}

#menu-hauptnavigationsleiste,
#menu-main-navigation {
  width: 700px;
  height: 28px;
  float: left;
  margin-right: 20px;
  border-left: 1px solid #d2d2d2;
  border-left: 1px solid rgba(202, 202, 202, 0.75);
}

.menu-header .menu li {
  float: left;
  border-right: 1px solid #d2d2d2;
  border-right: 1px solid rgba(202, 202, 202, 0.75);
}

.menu-header .menu li a {
  display: block;
  width: 115.5px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size:16px;
  text-decoration: none;
  outline: 0;
}

.menu-header .menu li a:link,
.menu-header .menu li a:visited {
  color: #666;
  text-shadow:1px 1px 1px #ffffff;
}

.menu-header .menu li a:hover,
.menu-header .menu li a:active {
  color: #EDEDED;
  text-shadow: none;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgb(76,76,76) 0%, rgb(38,38,38) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(76,76,76)), color-stop(100%,rgb(38,38,38)));
    background: -webkit-linear-gradient(top, rgb(76,76,76) 0%,rgb(38,38,38) 100%);
    background: -o-linear-gradient(top, rgb(76,76,76) 0%,rgb(38,38,38) 100%);
    background: -ms-linear-gradient(top, rgb(76,76,76) 0%,rgb(38,38,38) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#262626',GradientType=0 );
    background: linear-gradient(top, rgb(76,76,76) 0%,rgb(38,38,38) 100%);
    border-top: 1px solid #262626;
    border-bottom: 1px solid #262626; /* for older browsers */
    border-bottom: 2px solid rgba(145,145,145,0.66);
    margin-top: -1px;
}

.menu-header .current_page_parent,
.menu-header .current_page_item,
.menu-header .current-menu-parent,
.menu-header .current-menu-item,
.menu-header .current-page-ancestor,
.menu-header .current-post-ancestor,
.menu-header .current-post-parent,
.menu-header .current-menu-item a:link,
.menu-header .current-menu-item a:visited {
  background: #e4e4e4;
  background: -moz-linear-gradient(top, #e4e4e4 0%, #f9f9f9 83%, #f6f6f6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(83%,#f9f9f9), color-stop(100%,#f6f6f6));
  background: -webkit-linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
  background: -o-linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
  background: -ms-linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f6f6f6',GradientType=0 );
  background: linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
}

#menu-widget-area {
  width: 220px;
  height: 28px;
  position: relative;
  left: 721px;
}

#searchform{
    float: right;
    margin-top: -27px;
    margin-right: -18px;
}

input:focus,
textarea:focus {
  outline: none;
}

input[type="text"],
input[type="search"] {
    height: 18px;
    line-height: 18px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
    background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%);
    -webkit-box-shadow: inset 0px 0px 1px rgba(92, 92, 92, 0.75);
    -moz-box-shadow: inset 0px 0px 1px rgba(92, 92, 92, 0.75);
    box-shadow: inset 0px 0px 1px rgba(92, 92, 92, 0.75);
  border: 1px solid #c5c5c5;
  border: 1px solid rgba(10, 10, 10, 0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input[type="text"]:focus,
input[type="search"]:focus {
  border: 1px solid #7F7F7F;
  border: 1px solid rgba(10, 10, 10, 0.5);
}

#search {
    width: 118px;
    margin-top: 2px;
    padding-left: 15px;
}

#searchsubmit {
  position: relative;
  top: -4px;
  left: -132px;
  width: 9px;
  height: 9px;
  border:0;
  cursor: pointer;
  font-size: 0;
  /* Progressive Enhancement to use SVG as CSS background with PNG fallback for IE8/7/6. See https://gist.github.com/1565894 */
  background: url("images/sprite.png") no-repeat 0px -632px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px -632px;
}

#featuredcalltoaction {
  width: 100%;
  height: 227px; /* 230px minus 3px dropshadow from the element above */
  overflow: hidden;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(246,246,246) 25%, rgb(236,236,236) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(25%,rgb(246,246,246)), color-stop(100%,rgb(236,236,236)));
  background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 25%,rgb(236,236,236) 100%);
  background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 25%,rgb(236,236,236) 100%);
  background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 25%,rgb(236,236,236) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
  background: linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 25%,rgb(236,236,236) 100%);
}

#slider {
  width: 698px;
  height: 198px;
  float: left;
  margin-top: 13px;
  margin-right: 20px;
  border: 1px solid #c5c5c5;
  border: 1px solid rgba(10, 10, 10, 0.2);
}

#calltoaction {
  width: 219px;
  height: 198px;
  float: left;
  margin-top: 13px;
  text-shadow:1px 1px 1px #ffffff;
}

#calltoaction a {
  outline: 0;
  color: #444;
  text-decoration: none;
}

.calltoactionbutton {
  width: 100%;
  height: 65px;
  margin-bottom: 15px;
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 17%, #dbdbdb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(17%,#f9f9f9), color-stop(100%,#dbdbdb));
  background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dbdbdb',GradientType=0 );
  background: linear-gradient(top, #f6f6f6 0%,#f9f9f9 17%,#dbdbdb 100%);
  -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  cursor: pointer;
}

.calltoactionbutton:hover,
.calltoactionbutton:active {
  background: #e4e4e4;
  background: -moz-linear-gradient(top, #e4e4e4 0%, #f9f9f9 83%, #f6f6f6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(83%,#f9f9f9), color-stop(100%,#f6f6f6));
  background: -webkit-linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
  background: -o-linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
  background: -ms-linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f6f6f6',GradientType=0 );
  background: linear-gradient(top, #e4e4e4 0%,#f9f9f9 83%,#f6f6f6 100%);
}

.calltoaction_icon {
  width: 45px;
  height: 45px;
  float: left;
  margin: 10px 13px 0 10px;
  background-color: #666666;
}

#calltoaction_vorteile_icon {
  /* Progressive Enhancement to use SVG as CSS background with PNG fallback for IE8/7/6. See https://gist.github.com/1565894 */
  background: url("images/sprite.png") no-repeat 0px -63px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px -63px;
}

#calltoaction_newsletter_icon {
  /* Progressive Enhancement to use SVG as CSS background with PNG fallback for IE8/7/6. See https://gist.github.com/1565894 */
  background: url("images/sprite.png") no-repeat 0px -109px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px -109px;
}

#calltoaction_anmelden_icon {
   background: url("images/sprite.png") no-repeat 0px -384px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px -384px;
}
#calltoaction_savethedate_icon {
   background: url("images/sprite.png") no-repeat 0px -338px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px -338px;
}

.calltoactionbutton h1 {
  margin-top: 14px;
  font-size:16px;
  text-transform: uppercase;
}

#newslettersignupform {
  position: relative;
  top: 11px;
  left: 6px;
  width: 208px;
  height: 63px;
  background: #bfbfbf;
  background: -moz-linear-gradient(top, #bfbfbf 0%, #e4e4e4 15%, #f9f9f9 83%, #f6f6f6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(15%,#e4e4e4), color-stop(83%,#f9f9f9), color-stop(100%,#f6f6f6));
  background: -webkit-linear-gradient(top, #bfbfbf 0%,#e4e4e4 15%,#f9f9f9 83%,#f6f6f6 100%);
  background: -o-linear-gradient(top, #bfbfbf 0%,#e4e4e4 15%,#f9f9f9 83%,#f6f6f6 100%);
  background: -ms-linear-gradient(top, #bfbfbf 0%,#e4e4e4 15%,#f9f9f9 83%,#f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#f6f6f6',GradientType=0 );
  background: linear-gradient(top, #bfbfbf 0%,#e4e4e4 15%,#f9f9f9 83%,#f6f6f6 100%);
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
  -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  cursor: auto;
}

#newslettersignupform legend,
#newslettersignupform label,
.blind /* Class to hide type defintions within vcards */
{
  display: none;
}

#newslettersignup {
  width: 197px;
  float: left;
  margin-top: 5px;
  margin-left: 3px;
  padding-left: 3px;
}

#newslettersignupsubmit {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: -20px;
  margin-top: 5px;
  border: 0;
  background-color: transparent;
}

#newsletterlegal {
  font-size: 9px;
  padding: 0 5px 0 5px;
  color: #999999;
}

#signupcomplete {
  margin-top: 8px;
  margin-left: 5px;
}

#content {
  margin-top: 45px;
}

#content a:link,
#content a:visited {
  color: #999999; /* TODO: visited braucht eigenen Style! */
  text-decoration: none;
}

#content a:hover,
#content a:active {
  color: #444444;
  text-decoration: underline;
}

#content .entry-content a:link {
  color: #999999; /* TODO: visited braucht eigenen Style! */
  text-decoration:underline;
}

#content .entry-content a:visited {
  color: #444444;
}

#content .entry-content a:hover,
#content .entry-content a:active {
  color: #444444;
}

#texts {
  float: left;
  margin-bottom: 45px;
}

/* used by page-ohne-sidebar.php / Template "Ohne Sidebar" */
#texts.extended-width {
    width: 1000px;
/*  width: 940px;  */
}

#texts.full-width {
    width: 940px;
}

#texts, #texts.normal-width {
    width: 700px;
}

.post {
  padding-bottom:35px;
  margin-bottom: 35px;
  border-bottom: 4px solid #f4f4f4;
}

.separate {
  margin-bottom: 45px;
}

/* Special treatment for Services and Topics */
.services,
.team,
.mitglieder,
.partner,
.presse-downloads,
.press-downloads,
.themen,
.topics {
  width: 340px; /* 349px (698px Headerwidth/2) minus 9px for margin-right */
  float: left;
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: 9px;
}

/* Take care to reset stuff if we're viewing a single post */
.fulltextview {
  width: 700px;
  margin-right: auto;
  float: none;
}

#texts h1 {
  /* hide page headings from normal visitors */
  display: none;
}

#texts h2 { 
  color: #444444;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
}

#texts .entry-content h2 { 
  color: #444444;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}

#texts .page h1,
#texts .separate h1 {
  /* but show the intial heading of page-templates */
  display: block;
  color: #d7212e;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 20px;
  clear: both;
}

#texts .wp-post-image {
  float: left;
  margin-bottom: 20px;
  clear: both;
}

#texts h3 {
  color: #d7212e;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom:10px;
}

.entry-content {
  line-height: 20px;
}

.entry-content img {
  float: left;
  margin-left: -235px;
  margin-bottom: 20px;
  clear: both;
}

/* Highligthed Info */
.hervorheben {
  width: 100%;
  padding: 6px;
  margin-bottom: 15px;
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #ececec;
}

/* Annototations, Photo credits etc */
.kleingedrucktes {
  font-size: 8px;
}

/* Special care for inline images within pages that take up all 700px of content width */
.page .entry-content img {
  margin-left: 0px;
  float: none;
}

/* Special treatment for Services and Topics */
.services .wp-post-image,
.team .wp-post-image,
.mitglieder .wp-post-image,
.partner .wp-post-image,
.presse-downloads .wp-post-image,
.press-downloads .wp-post-image,
.themen .wp-post-image,
.topics .wp-post-image {
  width: 100px;
  height: 100px;
}

/* Take care to reset stuff if we're viewing a single post */
.fulltextview .wp-post-image {
  width: 220px;
  height: auto;
}

.mitglieder .wp-post-image,
.partner .wp-post-image {
  height: auto;
}

.entry-content tr {
  border: 10px solid #ffffff;
}

.entry-content th,
.entry-content td {
  padding: 5px;
  background-color: rgb(248,248,248);
}

.featured-image .entry-meta, .content-images .entry-meta,
.featured-image .entry-title, .content-images .entry-title,
.featured-image .entry-content, .content-images .entry-content {
  margin-left: 235px;
}

.featured-image.fulltextview .entry-meta,
.featured-image.fulltextview .entry-title,
.featured-image.fulltextview .entry-content{
  margin-left: 235px;
}

/* Special treatment for Services and Topics */
.services .entry-title,
.services .entry-content,
.themen .entry-title,
.themen .entry-content,
.partner .entry-title,
.partner .entry-content,
.mitglieder .entry-title,
.mitglieder .entry-content,
.team .entry-title,
.team .entry-content,
.presse-downloads .entry-title,
.presse-downloads .entry-content,
.press-downloads .entry-title,
.press-downloads .entry-content,
.topics .entry-title,
.topics .entry-content {
  margin-left: 115px;
}

.page .entry-meta,
.page .entry-title,
.page .entry-content {
  margin-left: 0px;
  font-size: 14px;
}

.entry-meta {
  padding-top: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  color: #858585;
}

/* Hide meta information for articles in category "Jugendschutzloesungen" */
.jugendschutzloesungen .entry-meta {
  display: none;
}

.entry-title {
  color: #d7212e;
  font-size: 18px;
  margin-bottom: 20px;
}

#content .entry-title a:link,
#content .entry-title a:visited {
  color: #d7212e;
  text-decoration: none;
}

.entry-content .ArticleSubHeading {
  display: none;
}

.entry-content p,
.entry-content ul {
  margin-bottom: 20px;
}

.entry-content .eventdetails {
	width: 100%;
	background: #eeeeee;
}

.entry-content .eventdetails h2 {
	font-size: 18px;
	text-align:center;
	padding:0;
	margin:0;
}

.entry-content .eventdetails table {
	width:100%;
	margin:0 auto;
	background-color:transparent;
	border-collapse:initial;
}


.more-link {
  text-transform: lowercase;
}

.alphabetanchors {
  margin-bottom: 35px;
  font-size: 19px;
  border-bottom: 2px solid #E6E6E6;
  padding-bottom: 8px;
  clear: both;
}

.alphabetanchors a:hover,
.alphabetanchors a:active {
  text-decoration: none;
}

.optionbox{
  margin-bottom: 35px;
}

#nlcfgsubmit {
  width: 100px;
  height: 35px;
}

#sidebar {
  float: right;
  width: 220px;
  margin-bottom: 45px;
}

.sidebarwidget {
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  -webkit-box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  box-shadow: 0pt 1px 2px 0px rgba(92, 92, 92, 0.75);
  margin-bottom: 19px;
}

.sidebarwidget h3 {
  height: 54px;
  padding-left: 10px;
  font-size: 18px;
  line-height: 44px;
  background: #dfe0df;
  background: -moz-linear-gradient(top, #dfe0df 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe0df), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #dfe0df 0%,#ffffff 100%);
  background: -o-linear-gradient(top, #dfe0df 0%,#ffffff 100%);
  background: -ms-linear-gradient(top, #dfe0df 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe0df', endColorstr='#ffffff',GradientType=0 );
  background: linear-gradient(top, #dfe0df 0%,#ffffff 100%);
}

.sidebarwidgetcontents {
  padding: 0 10px 25px 10px;
}

/* Different style for sidebar-widgets that contain menus */
.sidebarwidget.menu-subnavigation {
  background: -moz-linear-gradient(top, #4B4B4D 10%, #87888A 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#4B4B4D), color-stop(100%,#87888A));
  background: -webkit-linear-gradient(top, #4B4B4D 10%,#87888A 100%);
  background: -o-linear-gradient(top, #4B4B4D 10%,#87888A 100%);
  background: -ms-linear-gradient(top, #4B4B4D 10%,#87888A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B4B4D', endColorstr='#87888A',GradientType=0 );
  background: linear-gradient(top, #4B4B4D 10%,#87888A 100%);
}

.sidebarwidget.menu-subnavigation h3 {
  color: #FFFFFF !important;
  background: none;
}

.sidebarwidget.menu-subnavigation ul li {
  color: #ffffff;
}

.sidebarwidget.menu-subnavigation a:link,
.sidebarwidget.menu-subnavigation a:visited {
  color: #ffffff !important;
}

.themagefilteret {
  border-bottom: 1px solid #FF0000 !important;
}

.sidebarwidget .vcard .email { /* Fixes eMail addresses sliding aside contact photo in "Ansprechpartner" widgets */
  display: block;
  clear: both;
}

#widgetecoeventslist,
#widgetecomemberslist {
  list-style: none;
  margin: 0;
  padding: 0;
}

#widgetecoeventslist li,
#widgetecomemberslist li {
  margin-bottom: 10px;
}

#widgetecomemberslist li {
  float: left;
  margin-right: 9px;
  line-height: 45px;
}

#widgetecomemberslist li img {
  vertical-align: middle;
}

#linkallcategoryposts {
  display: block;
  width: 200px;
  clear: both;
  text-align: center;
}

#widgetecoeventslist li a {
  display: block;
}

#widgetecoeventslist li a:link,
#widgetecoeventslist li a:visited {
  color: #999;
  text-decoration: none;
}

#widgetecoeventslist li a:hover,
#widgetecoeventslist li a:active {
  color: #444;
  text-decoration: none;
}

.widgetecostrongtext {
  display: block;
  font-weight: bold;
  color: #d7212e;
  border-bottom: 1px solid #DEDEDE;
}


/* Widget Counter */
div[id*='ecdigit'] {
  text-align: center;
  line-height: 68px;
  font-size: 40px;
  width: 34px;
  float: left;
  margin-left: 1px;
}

#eventcounter {
  display: block;
  width: 140px;
  height: 62px;
  background-image: url('images/icon-widgetcounter.png');
  background-repeat: no-repeat;
  text-align: center;
  padding-bottom: 20px;
  margin: 0 auto;
}

footer {
  clear: both;
  border-top: 1px solid #ffffff;
  color: #909090;
  -moz-box-shadow:  0pt -2px 1px -1px #959595;
  -webkit-box-shadow:  0pt -2px 1px -1px #959595;
  box-shadow: 0pt -2px 1px -1px #959595;
}

footer a:link,
footer a:visited {
  color: #909090;
  text-decoration: none;
}

footer a:hover,
footer a:active {
  color: #404040;
}

#copyright {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #c5c5c5;
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #eaeaea 50%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#eaeaea), color-stop(100%,#e9e9e9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%,#eaeaea 50%,#e9e9e9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%,#eaeaea 50%,#e9e9e9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%,#eaeaea 50%,#e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e9e9e9',GradientType=0 );
  background: linear-gradient(top, #e5e5e5 0%,#eaeaea 50%,#e9e9e9 100%);
}

#copyrightcontents ul {
  margin:0;
  padding:0;
}

#copyrightcontents ul li {
  float: left;
  list-style: none;
  color: #bbb;
}

#copyrightcontents ul li a:link,
#copyrightcontents ul li a:visited {
  color: #bbb;
}

#copyrightcontents ul li a:hover,
#copyrightcontents ul li a:active {
  color: #404040;
}

#contactdetailsandlinks {
  background-color: #FAFAFA;
  padding-bottom: 25px;
}

/* hack to give the 3rd & 4th footer column better alignment */
#contactdetailsandlinks div + div + div {
  padding-left: 20px !important;
}

.footerwidget {
  display: table-cell;
  width: 235px;
  line-height: 22px;
}

.footerwidget h3 {
  padding: 21px 0 15px 0;
  color: #404040;
}

.footersociallink span {
  margin-bottom: -4px;
  margin-right: 5px;
  display: inline-block;
  width: 18px;
  height: 18px;
  /* Progressive Enhancement to use SVG as CSS background with PNG fallback for IE8/7/6. See https://gist.github.com/1565894 */
  background: url("images/sprite.png");
  background: rgba(0,0,0,0) url("images/sprite.svg");
  background-repeat: no-repeat;
}

#footersocialtwitter {
  background-position: 0px -431px;
}

#footersocialfacebook {
  background-position: 0px -450px;
}

#footersocialxing {
  background-position: 0px -469px;
}

#footersocialyoutube {
  background-position: 0px -488px;
}

#footersocialflickr {
  background-position: 0px -507px;
}

#footersocialrss {
  background-position: 0px -526px;
}

#footersociallinkedin {
  background-position: 0px -545px;
}

#footersocialpodcast {
  background-position: 0px -564px;
}
#footersocialnewsletter {
  background-position: 0 -583px;
}
#footersocialgoogleplus {
  background-position: 0 -602px;
}

.footerserviceslink span {
  margin-right: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  /* Progressive Enhancement to use SVG as CSS background with PNG fallback for IE8/7/6. See https://gist.github.com/1565894 */
  background: url("images/sprite.png") no-repeat 0px -621px;
  background: rgba(0,0,0,0) url("images/sprite.svg") no-repeat 0px -621px;
}
/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Hide completely */
.nodisplay { display: none; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Annototations, Photo credits etc */
.smallprint {
  font-size: 8px;
}


/**
 * Placeholder media queries for responsive design. Modify as design requires.
 * These follow after, and will override, the primary ('mobile first') styles
 * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill
 */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



#tabelle
{
        font-size: 14px;
        margin: 45px;
        width: 699px;
        text-align: left;
        border-collapse: collapse;
}
#tabelle th
{
        font-size: 14px;
font-weight: normal;
padding: 10px 8px;
        color: #444444;
}
#tabelle td
{
        padding: 8px;
        color: #444444;
}
#tabelle .ungerade
{
        background: #f4f4f4;
}

        a[tooltip]:link, a[tooltip]:visited
        {
                text-decoration: none;
                position: relative;
                color : red;
        }

        a[tooltip]:before
        {
                content: "";
                position: absolute;
                border-left: 20px solid #666;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                visibility: hidden;
                top: -12px;
                left: -25px;
                opacity:0;
                transition: opacity 0.5s;
        }

        a[tooltip]:after
        {
                position: absolute;
                content: attr(tooltip);
                color: #FFF;
                font-weight:normal;
                font-size:14px;
                left: -315px;
                bottom: -28px;
                width:270px;
                background: #666;
                padding: 5px 10px;
                -moz-border-radius: 9px;
                -webkit-border-radius:9px;
                -khtml-border-radius:9px;
                border-radius: 9px;
                visibility: hidden;
                opacity:0;
                transition: opacity 0.5s;
        }

a[tooltip]:hover:before, a[tooltip]:hover:after
{
         visibility: visible;
         opacity:1;
         transition: opacity 0.5s;
}





/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/** END HTML5 Boilerplate CSS **/


/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; padding: 0 10px 10px 0; }
.alignright { float:right; padding: 0 0 10px 10px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background: #eee; padding: 14px 10px 6px 10px; margin: 15px 10px; }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* TYPOGRAPHY */
/* ----------------------------------------- */

/* Font stack options

  The following represents a list of font stacks, as recommended by Nathan Ford in
  http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

  I've added inverted commas around the relevant family names to ensure compatibility.
  p = balanced for paragraphs or body copy
  t = balanced for headlines or titles

  - - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text { margin: 0; }
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/


/** CSS for HTML5 Content Slider **/
/* http://focalstrategy.com/blog/2010/08/howto/an-animated-image-slider-that-works-in-internet-explorer/ */
/* ----------------------------------------- */

#FS_slider {
  overflow: hidden;
  width: 698px;
  height: 198px;
}

.ie6 #FS_slider, .ie7 #FS_slider {
  position: relative;
}

#FS_holder {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 10000px;
  height: 198px;
}

#FS_holder section {
  float: left;
  width: 698px;
  height: 198px;
}

#FS_holder section div,
#FS_holder section audio,
#FS_holder section video,
#FS_holder section canvas,
#FS_holder section object,
#FS_holder section embed,
#FS_holder section iframe {
  float: left;
  width: 349px !important;
  height: 198px !important;
  border: 0;
}

.description {
  color: #FFFFFF;
  background: #87888a;
  background: -moz-linear-gradient(top, #87888a 0%, #4b4b4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87888a), color-stop(100%,#4b4b4d));
  background: -webkit-linear-gradient(top, #87888a 0%,#4b4b4d 100%);
  background: -o-linear-gradient(top, #87888a 0%,#4b4b4d 100%);
  background: -ms-linear-gradient(top, #87888a 0%,#4b4b4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#4b4b4d',GradientType=0 );
  background: linear-gradient(top, #87888a 0%,#4b4b4d 100%);
}

.description h1 {
  width: 349px;
  margin: 15px 0 -7px 15px;
  font-size: 41px;
  line-height: 42px;
  text-transform: uppercase;
}

.description a,
.description p {
  display: block;
  margin: 15px 0 0 15px;
}

.description a:link,
.description a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.description a:hover,
.description a:active {
  text-decoration: underline;
}

section#hall-of-fame .description h1 {
    width: 330px;
    font-size: 41px;
    text-transform: none;
    line-height: 41px;
    margin: 20px 20px 50px 15px;
}



.whitebgcenteredimage {
  text-align: center;
  background-color: #FFFFFF;
}

.ie6 #FS_holder, .ie7 #FS_holder {
  margin-top: 0;
}

/* No border around image map areas on www.eco.de/themen.html */
a, img {
    outline:none;
}
map > area, map > area:active, map > area:focus {
    outline: none; border:0;
}
section.my-right-half {
    background-color: #FFFFFF;
}
section.my-right-half div.description {
    position: relative;
}

#FS_holder section .description .header-20-jahre-eco {
    position: absolute;
    top:10px;
    right:7px;
    width: auto !important;
    height: auto !important;
    /* max-width: 80px; */
}

section.my-right-half #header-right-half {
    position: relative;
    width: 349px;
    height: 198px;
    background-color: #FFFFFF;
}
section.my-right-half #header-right-half .header-logo-slideshow {
    text-align: center;
    /* background: #FFFFFF; */
    /* border: #a0a0a0 solid 1px; */
    height: 150px !important;
    /* margin: 20px; */
}
section.my-right-half #header-right-half .header-logo-slideshow:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
    /* background: #808080; width: 5px; */

}
section.my-right-half #header-right-half .centered {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
    width: 347px !important;
    height: auto !important;
    float: none;
    /* padding: 10px 15px; */
    /* border: #a0a0a0 solid 1px; */
    /* background: #f5f5f5; */

    /* height: 100px !important; */
}
#header-right-half .centered img {
    width: auto;  /* override image dimensions, defined by containing div instead */
    height: auto;
max-width: 320px;  /* but not beyond fixed container dimensions */
    max-height: 120px;  /* for square logos leaving 10px clear space on top and at bottom of div */
}
section.my-right-half #header-right-half .bottom-text {
    line-height: 125%;
    position: absolute;
    bottom: 6px;
    text-align: center;
    left: 32px;
    font-size: 130%;
    letter-spacing: 0.6px;
}
#FS_holder section.my-right-half .description p.bottom-text {
    position: absolute;
    bottom: 6px;
    font-size: 90%;
    padding-right: 10px;
}

.show-links-by-cat {
    display: none;
}