/* ##################################################### */
/* ###                                               ### */
/* ### GLOBAL                                        ### */
/* ###                                               ### */
/* ##################################################### */

body{
   background: url(../_img/deco/back-body.png) repeat-x 0px 40px;
}

.right{
   float: right;
   margin-left: 20px;
   padding-top: 4px;
}

.left{
   float: left;
   margin-right: 20px;
}

.hidden,
.hide{
   display: none;
}

.shadow{
   -webkit-box-shadow: 4px 4px 4px #babaad;
   -moz-box-shadow: 4px 4px 4px #babaad;
   box-shadow: 4px 4px 4px #babaad;
}

.icon-inline{
   margin-right: 10px;
   vertical-align: middle;
}


/* ##################################################### */
/* ###                                               ### */
/* ### GLOBALE POSITIONIERUNG                        ### */
/* ###                                               ### */
/* ##################################################### */

#page_margins {
   width: 1000px;
   margin: 0 auto;
   position: relative;
}

#page {
   position: relative;
}

#main {
   margin: 20px 0 0 0;
   position: relative;
}


/* ##################################################### */
/* ###                                               ### */
/* ### HEADER UND LOGO                               ### */
/* ###                                               ### */
/* ##################################################### */

#header {
   color: #000000;
   background: url(../_img/deco/back-dotted-horiz-header.png) repeat-x 0px 40px;
   height: 265px;
   position: relative;
}

#logo{
   width: auto;
   padding: 20px 20px 20px 20px;
   background: #ffffff;
   position: absolute;
   top: 90px;
   left: 0px;
   height: 120px;
}

/* ##################################################### */
/* ###                                               ### */
/* ### SPALTEN                                       ### */
/* ###                                               ### */
/* ##################################################### */

#col3_content{
   border-top: 1px dotted #000000; /*background: url(../_img/deco/back-sidebar.png) repeat-y top right;*/
}

/* LINKS ---------------------------------------------------- */
.sidebars #col1 {
   float: left;
   width: 250px;
}

.sidebar-right #col1 {
   display: none;
}

/* RECHTS ------------------------------------------------------ */
.sidebars #col2,
.sidebar-right #col2 {
   float: right;
   width: 379px;
/*   display:none;*/
}

/* MITTE ----------------------------------------------------- */
#col3 {
   width: auto;
   z-index: 1;
}

.sidebars #col3 {
   width: auto;
   margin: 0 379px 0 250px;
}

.sidebar-right #col3 {
   width: auto;
   margin: 0 379px 0 0;
/*   margin: 0 0 0 250px;*/
}

/* ##################################################### */
/* ###                                               ### */
/* ### FOOTER                                        ### */
/* ###                                               ### */
/* ##################################################### */
#footer {
   margin-top: 10px;
   margin-bottom: 20px;
   width: 100%;
   overflow: hidden;
}

/* ##################################################### */
/* ###                                               ### */
/* ### NAVIGATION                                    ### */
/* ###                                               ### */
/* ##################################################### */
#nav {
   width: 990px;
   padding-left: 20px;
   background: #ffffff;
   position: fixed;
   top: 0px;
   z-index: 1000;
   height: 40px;
}

.hlist {
   width: auto;
   float: left;
   list-style: none;
   line-height: 0;
   position: relative;
   height: 100%;
}

.hlist-right .hlist {
   float: right;
}

.hlist ul {
   float: left;
   width: 700px;
   height: 100%;
}

.hlist-right .hlist ul {
   float: right;
   width: auto;
}

.hlist ul li {
   float: left;
   font-size: 1.0em;
   line-height: 1em;
}

.hlist ul li a{
   width: auto;
   padding: 12px 12px 15px 2px;
   display: block;
   color: #000000;
   background: url(../_img/deco/back-nav.png) no-repeat top right;
   text-decoration: none;
}

.hlist ul li.last a{
   background: none;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active {
   text-decoration: underline;
   outline: 0 none;
}

.hlist ul li.active,
.hlist ul li.active-trail {
   font-weight: bold;
}

.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active {
   text-decoration: none;
}

#footer .hlist {
   float: left;
   display: inline;
   list-style: none;
   line-height: 0;
   position: relative;
   height: 100%;
}

/* DRUPAL NODE $links Linkschleife */
ul.links{
   display: block;
}

ul.links li,
.content ul.links li{
   padding: 0;
   margin-left: 0;
   display: inline;
}

ul.links li.first{
   margin-left: 0;
}

/* DRUPAL COMMENT $links Linkschleife */
#comments ul.links{
   text-align: right;
}

/* DRUPAL TAXONOMIE $terms Linkschleife */
.terms{
   margin-bottom: 20px;
}

/* ------------------------------------------------------------ */
/* DRUPAL TABS */
/* ------------------------------------------------------------ */
ul.primary{
   border-bottom: none;
   padding: 10px;
   margin: 10px 10px 20px 0;
   background: #ff4b00;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 2px 2px 2px #c1c092;
   -moz-box-shadow: 2px 2px 2px #c1c092;
   box-shadow: 2px 2px 2px #c1c092;
}

ul.secondary{
   border-bottom: none;
   padding: 10px;
   margin: 0px 10px 20px 0;
   background: #ff4b00;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 2px 2px 2px #c1c092;
   -moz-box-shadow: 2px 2px 2px #c1c092;
   box-shadow: 2px 2px 2px #c1c092;
}

ul.primary li.active a,
ul.secondary li.active a{
   border: none;
   background: #ff4b00;
   color: #ffffff;
}

ul.primary li a,
ul.secondary li a{
   border: none;
   background: #ffffff;
   color: #000000;
}

ul.secondary li{
   border: none;
}

/* ##################################################### */
/* ###                                               ### */
/* ### NODES                                         ### */
/* ###                                               ### */
/* ##################################################### */
.node{
   border-top: 1px dotted #000000;
   padding: 15px 20px 8px 20px;
   margin-top: -1px;
   position: relative;
}

#col3 .view-content .node{
   border-bottom: none;
   padding: 16px 20px 0px 20px;
}

#col2 .view-content .node{
   border-top: none;
}

#col3 .blockcontent .view-content .node{
   padding: 12px 0 0px 0;
}

.block .node{
   border-bottom: none;
   padding: 0px;
   position: relative;
}

.section{
   padding: 10px 10px 10px 10px;
   margin-bottom: 20px;
   margin-right: 3px;
   width: auto;
   float: left;
   clear: both;
   background: #f9f9f6;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 2px 2px 2px #c1c092;
   -moz-box-shadow: 2px 2px 2px #c1c092;
   box-shadow: 2px 2px 2px #c1c092;
}

.view-public-info .section{
   width: 97%;
   float: none;
}

.section-left{
   float: left;
   width: 47%;
   padding: 0 20px 0 0;
}

.section-right{
   float: right;
   width: 47%;
   padding: 0 0 0 20px;
}

#target{
   width: 525px;
   padding: 0;
   position: absolute;
   top: 69px;
}

#target .node{
   margin: 10px;
   padding: 23px 20px 20px 20px;
   border-top: none;
   border-bottom: none;
   background: #f9f9f6;
   overflow: auto;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 5px;
   -webkit-box-shadow: 2px 2px 2px #c1c092;
   -moz-box-shadow: 2px 2px 2px #c1c092;
   box-shadow: 2px 2px 2px #c1c092;
}

/* ##################################################### */
/* ###                                               ### */
/* ### BLOECKE                                       ### */
/* ###                                               ### */
/* ##################################################### */
/* HEADER ------------------------------------------------------ */
#header .block{
   float: right;
   width: 120px;
   margin: 90px 0 0 10px;
   padding-top: 22px;
   background: url(../_img/deco/back-header-orange.png) repeat-x left top;
   color: #ffffff;
   font: 100% 'HelveticaNeueLTStd47LightCond',Helvetica,Arial,sans-serif;
   text-align: center;
   letter-spacing: 0.5px;
   height: 100px;
}

#header .block em{
   font-size: 233.33%;
   font-style: normal;
   line-height: 102%;
}

#header .block a{
   margin-top: 20px;
   padding-bottom: 30px;
   display: block;
   color: inherit;
}

#header .block a:hover{
   text-decoration: none;
}

#header .block img{
   margin-top: 10px;
   display: inline-block;
}

/* INHALTSBEREICH ---------------------------------------------- */
#main .block{
   padding: 14px 20px 20px 20px;
   border-top: 1px dotted #000000;
   position: relative;
}

#main #col3 .block{
   margin-top: 0;
}

/* DRUPAL BOX ------------------------------------------------- */
.box{
   padding: 10px;
   margin: 10px 0 3px 0;
   border: 1px solid #ddddd5;
   display: block;
   background: #f9f9f6;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: inset 2px 2px 1px #f0f0df;
   -moz-box-shadow: inset 2px 2px 1px #f0f0df;
   box-shadow: inset 2px 2px 1px #f0f0df;
}

/* ##################################################### */
/* ###                                               ### */
/* ### SUCHE                                         ### */
/* ###                                               ### */
/* ##################################################### */
#search{
   width: 210px;
   padding: 10px 0 0 10px;
   background: #ddddd5;
   position: absolute;
   right: 0px;
   top: 60px;
   height: 74px;
}

#search .more-black{
   margin-top: 10px;
}

/* ##################################################### */
/* ###                                               ### */
/* ### KOMMENTARE                                    ### */
/* ###                                               ### */
/* ##################################################### */
/* Wrapper fuer alle Kommentare ------------------------------- */
#comments{
   margin-bottom: 20px;
   border-bottom: 1px dotted #000000;
   padding: 16px 20px 20px 20px;
   position: relative;
}

/* Wrapper fuer das Kommentar Formular ------------------------ */
.comments-form{
   overflow: hidden;
}

#comments .resizable-textarea{
   width: 460px;
}

#comments label{
   float: right;
}

#edit-notify-wrapper label{
   float: none;
}

#comments #edit-comment-wrapper{
   clear: both;
}

#comments #edit-comment-wrapper textarea{
   padding: 20px 20px 0 20px;
   border: 1px solid #ddddd5;
   width: 425px;
   background: #f9f9f6;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

#comments ul.links{
   padding-bottom: 16px;
   color: #ff4b00;
}

#comments ul.links a{
   color: inherit;
   text-decoration: underline;
}

/* Eigenschaften fuer einzelne Kommentare --------------------- */
.comment{
   width: 100%;
}

#comments h2{
   padding: 0 0 14px 0;
}

#comments .content-left{
   padding: 20px 20px 0 20px;
   float: right;
   width: 200px;
}

#comments .content{
   padding: 20px 20px 0 20px;
   border: 1px solid;
   margin-bottom: 20px;
   float: left;
   width: 425px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#comments .odd .content{
   border-color: #ddddd5;
   background: #ffffff;
}

#comments .even .content{
   border-color: #ddddd5;
   background: #f9f9f6;
}

#comments .mycomments{
   border-color: #ff4b00;
   background: #ff4b00;
}

#comments .new{
   width: 20px;
   float: left;
   margin: 5px 12px 10px 0;
   background: url(../_img/deco/back-new.png) no-repeat left center;
   text-indent: 1000px;
   height: 20px;
}

/* ##################################################### */
/* ###                                               ### */
/* ### SERVICE                                       ### */
/* ###                                               ### */
/* ##################################################### */
/* Kommentarblase mit Anzahl der Kommentare ------------ */
.icon-comment{
   padding: 0 14px 0 0;
   background: url(../_img/icon/icon-comment.png) no-repeat right center;
}

/* LAYER Bildet hoffentlich an einigen Stellen die Drupal $links ab - OnLoad versteckt -> wird über JavaScript eingeblendet oder versteckt --- */
.servicelinks{
   width: auto;
   border: 1px solid #ffffff;
   padding: 15px 15px 15px 20px;
   background: #f9f9f6;
   font: 92% Verdana, Geneva, Arial, Helvetica, sans-serif;
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 100;
   -webkit-box-shadow: 5px 5px 5px #ddddd5;
   -moz-box-shadow: 5px 5px 5px #ddddd5;
   box-shadow: 5px 5px 5px #ddddd5;
}

/* LAYER Sortierung - OnLoad versteckt -> wird über JavaScript eingeblendet oder versteckt --- */
.sortlinks{
   width: auto;
   border: 1px solid #ffffff;
   padding: 15px;
   background: #f9f9f6;
   font: 92% Verdana, Geneva, Arial, Helvetica, sans-serif;
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 100;
}

/* ##################################################### */
/* ###                                               ### */
/* ### VIEWS                                         ### */
/* ###                                               ### */
/* ##################################################### */
#col3 .view-public-news .view-content{
   border-bottom: 1px dotted #000000;
   position: relative;
}

.view-display-id-page_1,
.view-display-id-default{
   padding: 0 0 0 0;
}

.view-public-stuff,
.block .view-public-news{
   padding: 10px 0 0 0;
}

#block-views-admin_supporter-block_1 table{
   width: 100%;
   border: none;
}

#block-views-admin_supporter-block_1 td{
   width: 50%;
   text-align: center;
}

#block-views-admin_supporter-block_1 td.col-1{
   border-left: none;
}

.view-filters{
   margin: 0 0 20px 20px;
}

.view-public-stuff .view-filters{
   margin: 0 0 20px 20px;
   width: 960px;
   position: absolute;
}

.target-source .view-content{
   margin-top: 70px;
}

.view-public-rss-categories{
   padding: 10px 20px 20px 20px;
}

.view-public-rss-categories li{
   margin: 0 0 10px 0;
}

.view-public-rss-categories table.views-view-grid {
   width: 100%;
   margin-bottom: 16px;
}

.view-public-rss-categories .view-content table tr.row-last td{
   border-bottom: 1px dotted #000000;
}

.view-public-press table{
   border: none;
}

.view-public-press td{
   border: none;
   width: 50%;
   vertical-align: top;
}

.view-public-press td.col-1{
   padding-left: 0;
}

.view-public-press td.col-2{
   padding-right: 0;
}

.view-public-press .node{
   border: none;
}

#block-views-public_stuff-block_4 .taxonomy-highlight,
#block-views-public_stuff-block_5 .taxonomy-highlight,
#block-views-public_stuff-block_6 .taxonomy-highlight,
#block-views-public_stuff-block_3 .taxonomy-highlight{
   margin-bottom: 18px;
}

#main #col3 #block-views-public_stuff-block_2,
#main #col3 #block-views-public_news-block_1{
   margin-top: -1px;
}

#main #col3 #block-views-public_stuff-block_2{
  border-top: none;
}

#main #col3 #block-block-14,
#main #col3 #block-block-10,
#main #col3 #block-formblock-contact_site{
   margin-top: -1px;
}

.view-id-taxonomy_term{
   margin-right:249px;
}

/* ##################################################### */
/* ###                                               ### */
/* ### MODUL QUICKTABS                               ### */
/* ###                                               ### */
/* ##################################################### */
.quicktabs-hide {
   display: none;
}

#main .block-quicktabs .block{
   padding: 0;
   border-top: none;
   margin-top: 20px;
}

.block ul.quicktabs_tabs{
   border: none;
   margin-right: 3px;
   background: #ff4b00;
   color: #ffffff;
   overflow: hidden;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 2px 2px 2px #c1c092;
   -moz-box-shadow: 2px 2px 2px #c1c092;
   box-shadow: 2px 2px 2px #c1c092;
}

ul.quicktabs_tabs li{
   float: left;
   width: auto;
   display: inline;
   list-style-type: none;
   background: transparent;
   line-height: 1em;
}

ul.quicktabs_tabs li a{
   margin: 0;
   padding: 10px 10px 10px 10px;
   width: auto;
   display: block;
   font-size: 1em;
   text-decoration: none;
}

ul.quicktabs_tabs li a:hover{
   text-decoration: underline;
}

ul.quicktabs_tabs li.active a{
   padding: 10px 20px 10px 20px;
   color: #000000;
   background: #ffffff;
   font-weight: bold;
}

ul.quicktabs_tabs li.active a:focus,
ul.quicktabs_tabs li.active a:hover,
ul.quicktabs_tabs li.active a:active {
   text-decoration: none;
   outline: none;
}

/* ##################################################### */
/* ###                                               ### */
/* ### MODUL CKEDITOR                                ### */
/* ###                                               ### */
/* ##################################################### */
body.cke_show_borders{
   background: #ffffff;
}

/* ##################################################### */
/* ###                                               ### */
/* ### MODUL SHOUTBOX                                ### */
/* ###                                               ### */
/* ##################################################### */
.shoutbox-msg{
   border: 1px solid #ddddd5;
   padding: 10px;
   position: relative;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.shoutbox-msg p{
   margin-bottom: 0;
}

#shoutbox-body table{
   border: none;
   width: 100%;
}

#shoutbox-body td{
   border: none;
   padding: 0 0 10px 0;
}

#shoutbox-body tr.odd td .shoutbox-msg{
   background: #f9f9f6;
}

#shoutbox-body tr.even td .shoutbox-msg{
   background: #ffffff;
}

#shoutbox-add-form .resizable-textarea{
   width: 100%;
   margin-bottom: 10px;
}

#shoutbox-add-form fieldset{
   padding: 0 5px 20px 0;
   margin: 0;
}

.shoutbox-add-form .form-item {
   margin: 0;
   display: inline;
}

.shoutbox-view-form .form-submit {
   display: none;
   visibility: hidden;
}

#shoutbox-error {
   width: 99%;
   margin-bottom: 5px;
   display: none;
   cursor: pointer;
}

.block #shoutbox-body {
   margin: 0px;
   padding: 0px;
}

#shoutbox-body {
   margin: 20px;
   padding: 0px;
}

.block #shoutbox-add-form {
   margin: 0;
}

#shoutbox-add-form {
   margin: 20px;
}

div#shoutbox-posts {
   text-align: left;
}

span.shoutbox-user-name, 
span.shoutbox-user-name a, 
span.shoutbox-user-name a:visited {
   color: #000000;
   font-weight: bold;
}

span.shoutbox-current-user-name, 
span.shoutbox-current-user-name a, 
span.shoutbox-current-user-name a:visited {
   color: #ff4b00;
}

span.shoutbox-anonymous-user {
   color: #b2b2a4;
}

div.shoutbox-archive a, div.shoutbox-archive a:visited {
   display: block;
   color: #ffffff;
   background-color: #ddddd5;
   text-align: center;
}

span.shoutbox-msg-time {
   color: #b2b2a4;
   font-style: italic;
   font-size: 80%;
}

.shoutbox-addinput {
   width: 100%;
}

.shoutbox-imglink {
   padding: 0px 2px 0px 2px;
   float: right;
}

.shoutbox-queue-title {
   color: #000000;
   background-color: #ddddd5;
   font-weight: bold;
   text-align: center;
}

.shoutbox-unpublished {
   background-color: #ff4b00;
}

.interval-msg {
   float: left;
   color: #b2b2a4;
   font-size: 85%;
}

#shoutbox-throbber {
   width: 16px;
   margin: 7px 12px 0 0;
   float: right;
   display: none;
   background: transparent url(images/throbber.gif) no-repeat;
   height: 16px;
}

.shoutbox-admin-links {
   display: none;
}

#shoutbox-add-form .form-submit {
   float: right;
   margin: 2px 2px 0 0;
   font-size: 120%;
}

/* ##################################################### */
/* ###                                               ### */
/* ### MODUL VIEWS SLIDESHOW                         ### */
/* ###                                               ### */
/* ##################################################### */
#views_slideshow_singleframe_main_public_slideshow_supporters-block_1 .views-field-field-img-logo-fid{
   width: 210px;
   padding: 10px 0 10px 0;
   background: #ffffff;
   text-align: center;
}

/* ##################################################### */
/* ###                                               ### */
/* ### JQUERY                                        ### */
/* ###                                               ### */
/* ##################################################### */
.js-load-ajax-node,
.js-load-ajax-view,
.js-toggle{
   cursor: pointer;
}

.js-load-ajax-node:hover,
.js-load-ajax-view:hover,
.js-toggle:hover{
   color: #ff4b00;
}

/* --- Jump to top --- */
#back2top {
   width: 40px;
   display: none;
   background-color: #f9f9f6;
   color: #000000;
   background: url(../_img/icon/icon-jump-to-top.png) no-repeat left top;
   text-decoration: none;
   bottom: 0px;
   cursor: pointer;
   position: fixed;
   right: 0px;
   z-index: 3;
   height: 40px;
}

/* ##################################################### */
/* ###                                               ### */
/* ### DEKORATION                                    ### */
/* ###                                               ### */
/* ##################################################### */
.deco-cross{
   width: 11px;
   background: url(../_img/deco/back-cross.png) no-repeat left top;
   position: absolute;
   height: 11px;
}

.tl{
   top: -6px;
   left: -6px;
}

.tl-5{
   display: none;
   top: -5px;
   left: -6px;
}

.tr{
   top: -6px;
   right: -6px;
}

.bl{
   bottom: -6px;
   left: -6px;
}

.br{
   bottom: -6px;
   right: -6px;
}

.ballon-top{
   width: 20px;
   position: absolute;
   height: 20px;
   top: -20px;
   left: 20px;
}

.view-facebook-status-recent tr.odd .ballon-top {
   background: url(../_img/deco/back-ballon-top-odd.png) no-repeat left top;
}

.view-facebook-status-recent tr.even .ballon-top{
   background: url(../_img/deco/back-ballon-top.png) no-repeat left top;
}

#main .block-quicktabs .block .deco-cross{
   display: none;
}

.view-content .node .deco-cross{
   display: none;
}

#col3 .block-views .deco-cross{
   display: none;
}

/* ------------------------------------------------------------ */
/* MODUL DOWNLOAD */
/* ------------------------------------------------------------ */
ul.download-file{
   margin-left: 0px;
   list-style: none;
}

ul.download-file li{
   margin-left: 0px;
}

.filefield-icon{
   vertical-align: middle;
}

/* ------------------------------------------------------------ */
/* MODUL WIDGET */
/* ------------------------------------------------------------ */
#widget{
   background-image: none;
   background-color: #ffffff;
}

/* ------------------------------------------------------------ */
/* MODUL ACTIVITYSTREAM */
/* ------------------------------------------------------------ */
#activitystream{
margin-left:20px;
}