
@media all {
/* ##################################################### */
/* ###                                               ### */
/* ### GLOBAL                                        ### */
/* ###                                               ### */
/* ##################################################### */
html * {
   font-size: 100.01%;
}

body {
   font: 75.00% Arial, Helvetica, sans-serif;
}

/* ##################################################### */
/* ###                                               ### */
/* ### TEXTFORMATE                                   ### */
/* ###                                               ### */
/* ##################################################### */
/* ------------------------------------------------------------ */
/* HEADING H1 */
/* ------------------------------------------------------------ */
h1,h2,h3 {
   margin-bottom: 0.25em;
}

h1{
   font: normal 233.33% 'HelveticaNeueLTStd47LightCond',Helvetica,Arial,sans-serif;
   text-transform: uppercase;
}

/* Titel die in der Seite und nicht im Node stehen */
h1.pagetitle{
   padding: 14px 0 7px 20px;
}

.view-header h1{
   margin-bottom: 15px;
}

/* ------------------------------------------------------------ */
/* HEADING H2 */
/* ------------------------------------------------------------ */
h2 {
   font: normal 150.00% 'HelveticaNeueLTStd67MediumCon',Helvetica,Arial,sans-serif;
}

/* ------------------------------------------------------------ */
/* HEADING H3 */
/* ------------------------------------------------------------ */
h3 {
}

.block h3{
   margin-bottom: 0.15em;
}

.profile h3{
   border-bottom: 1px #000000 dotted;
   padding-bottom: 3px;
   margin-bottom: 10px;
}

/* ------------------------------------------------------------ */
/* HEADING H4 */
/* ------------------------------------------------------------ */
h4 {
   margin: 0 0 1em 0;
   letter-spacing: 0.05em;
}

/* ------------------------------------------------------------ */
/* HEADING H5 */
/* ------------------------------------------------------------ */
h5 {
   margin-bottom: 0.75em;
   font: 92% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------ */
/* HEADING H6 */
/* ------------------------------------------------------------ */
h6 {
   margin-bottom: 0;
   font-weight: normal;
   text-transform: uppercase;
}

/* ------------------------------------------------------------ */
/* ABSAETZE */
/* ------------------------------------------------------------ */
p {
   margin: 0 0 1em 0;
   line-height: 1.7em;
   letter-spacing: 0.01em;
}

p.legend{
   border: 1px solid #ddddd5;
   border-bottom: none;
   padding: 20px;
   margin-bottom: 0;
   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;
}

/* ------------------------------------------------------------ */
/* Kleiner Text */
/* ------------------------------------------------------------ */
.small{
   white-space: nowrap;
   color: #000000;
   font: 11px Arial,sans-serif;
   letter-spacing: normal;
   text-transform: none;
}

.smaller{
   font: 10px Arial,sans-serif;
   letter-spacing: normal;
   text-transform: none;
}

div.small,
p.small{
   margin-bottom: 8px;
   white-space: normal;
}

#col2 div.small,
#col2 p.small{
   margin-bottom: 5px;
}

#block-views-public_news-block_1 .small{
   display: block;
   white-space: normal;
}

/* ##################################################### */
/* ###                                               ### */
/* ### LISTEN                                        ### */
/* ###                                               ### */
/* ##################################################### */
ul, ol{
   padding: 0;
   margin: 0 0 0.8em 0;
   list-style: none none;
}

.section ul{
   margin-bottom: 0;
}

.block ul.box{
padding:20px 20px 10px 20px;
}

.block ul.box li{
margin-bottom:10px;
}

.block ul.box li a{
color: #ff4b00;
}

/* LI --------------------------------------------------------- */
li {
   margin-left: 0;
   line-height: 1.5em;
}

.content li {
   margin-left: 15px;
   list-style: disc;
   line-height: 1.5em;
}

ul.seperator li{
   padding: 7px 0 0 0;
   border-bottom: 1px dotted;
}

.right li{
   margin-left: 0px;
   list-style: none;
}

#block-views-public_news-block_1 li{
   margin-bottom:10px;
}

/* OL --------------------------------------------------------- */
ol {
   list-style-type: decimal;
}

/* ##################################################### */
/* ###                                               ### */
/* ### LINKS                                         ### */
/* ###                                               ### */
/* ##################################################### */
a {
   color: #000000;
   text-decoration: none;
   outline: 0 none;
}

a:hover{
   color: #ff4b00;
   outline: 0 none;
}

a.highlight {
   color: #ff4b00;
}

#header a{
   outline: none;
}

.view-facebook-status-recent a{
   color: #ff4b00;
}

.small a{
   color: #ff4b00;
}

.cc{
}

.cc img{
   float: left;
   margin: 3px 10px 17px 0;
}

.cc .small{
   float: left;
   margin: 0 10px 20px 0;
}

.edit-in-modal{
   padding: 1px 3px 1px 3px;
   margin-right: 6px;
   margin-left: 2px;
   background: #ff4b00;
   color: #ffffff;
   vertical-align: middle;
   -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;
}

/* Taxonomy */
.taxonomy-highlight {
   line-height: 18px;
}

.taxonomy-highlight a{
   padding: 1px 2px 1px 2px;
   white-space: nowrap;
   background: #f9f9f6;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 1px 1px 2px #c1c092;
   -moz-box-shadow: 1px 1px 2px #c1c092;
   box-shadow: 1px 1px 2px #c1c092;
}

#target .taxonomy-highlight a{
   background: #ffffff;
}

/* Fliesstext */
#col3 p a,
#col3 .content li a,
#col3 .content a,
.cke_show_borders a{
   color: #ff4b00;
}

#col3 .content h1 a,
#col3 .content h2 a{
   color: #000000;
}

/* ------------------------------------------------------------ */
/* MEHR LINK - READ MORE - WEITER */
/* ------------------------------------------------------------ */
a.more-black,
div.more-black a,
.blockcontent .read-more a,
#col3 .read-more a,
#col3 p a.more-black,
.shoutbox-all-shouts a{
   padding: 0 0 0 15px;
   display: block;
   background: url(../_img/icon/icon-more-black.png) no-repeat left center;
   color: #000000;
   font: normal 150.00% 'HelveticaNeueLTStd57Condensed',Helvetica,Arial,sans-serif;
}

.blockcontent .read-more a,
#col3 .read-more a{
   margin: 10px 0 16px 0;
}

a.more-black,
div.more-black a,
#col3 p a.more-black{
   margin: 10px 0 0px 0;
}

.pseudo-inline{
   margin-bottom: 12px;
}

/*
#col3 .blockcontent .engage .read-more a{
   background: url(../_img/icon/icon-more-orange.png) no-repeat left center;
   color: #ff4b00;
}
*/
a.more-black:hover,
div.more-black a:hover,
.read-more a:hover{
   background: url(../_img/icon/icon-more-orange.png) no-repeat left center;
   color: #ff4b00;
   text-decoration: none;
}

a.more-red,
div.more-red a{
   padding: 0 14px 0 0;
   background: url(../_img/icon/icon-more-red.png) no-repeat right center;
}

a.more-white{
   padding: 0 14px 0 0;
   background: url(../_img/icon/icon-more-white.png) no-repeat right center;
}

/* ------------------------------------------------------------ */
/* AUSKLAPPEN und EINKLAPPEN mit JS */
/* ------------------------------------------------------------ */
#col3 .content .expand,
.expand{
   padding: 0 0 0 24px;
   margin-bottom: 14px;
   display: block;
   background: url(../_img/icon/icon-expand-black.png) no-repeat left center;
   color: #000000;
   font: normal 150.00% 'HelveticaNeueLTStd57Condensed',Helvetica,Arial,sans-serif;
}

#col3 .content a.expand:hover,
a.expand:hover{
   background: url(../_img/icon/icon-expand-orange.png) no-repeat left center;
   color: #ff4b00;
}

#col3 .content a.expand-active,
a.expand-active{
   background: url(../_img/icon/icon-fold-black.png) no-repeat left center;
}

#col3 .content a.expand-active:hover,
a.expand-active:hover{
   background: url(../_img/icon/icon-fold-orange.png) no-repeat left center;
}

/* Erzwungene Unterstreichung */
.underline{
   text-decoration: underline;
}

/* ------------------------------------------------------------ */
/* EXTERNE LINKS */
/* ------------------------------------------------------------ */
a.ext{
   padding-right: 13px;
   margin-right: 2px;
   background: url(../_img/icon/icon-external.png) no-repeat right center;
   color: #ff4b00;
}

/* ##################################################### */
/* ###                                               ### */
/* ### TABELLEN                                      ### */
/* ###                                               ### */
/* ##################################################### */
table {
   width: auto;
   margin-bottom: 0.5em;
   border-right: 1px dotted;
   border-top: 1px dotted;
   border-collapse: collapse;
}

table.full {
   width: 100%;
}

table.fixed {
   table-layout: fixed;
}

tr.even{
   border-bottom: none;
   background: #ffffff;
}

tr.odd{
   border-bottom: none;
   background: #ffffff;
}

th,td {
   padding: 10px;
   border-left: 1px dotted;
   border-bottom: 1px dotted #000000;
}

thead th {
   padding: 10px;
   border-bottom: 1px dotted;
}

.view-content table tr.row-last td{
   border-bottom: none;
}

/* ##################################################### */
/* ###                                               ### */
/* ### WEITERE ELEMENTE                              ### */
/* ###                                               ### */
/* ##################################################### */
hr {
   margin: 0 0 0.5em 0;
   padding: 0 0 0.5em 0;
   border: 0;
   border-bottom: 1px #000000 dotted;
   color: #ffffff;
   background: transparent;
}

blockquote{
   background: #f9f9f6 url(../_img/deco/back-quote-left.png) no-repeat 10px 10px;
   text-align: justify;
   margin:-5px 5px 1.5em 0px;
   padding: 10px 10px 10px 38px;

}

#target blockquote{
   background-color: white;
}

.block blockquote{
   padding: 0 0 0 26px;
   margin: 0px 0px 0px 0px;
   background: white url(../_img/deco/back-quote-left.png) no-repeat top left;
   text-align: justify;
}

.multicolumn{
-moz-column-count: 2;
-moz-column-gap: 40px;
-webkit-column-count: 2;
-webkit-column-gap: 40px;
column-count: 2;
column-gap: 40px; 
}

/* ##################################################### */
/* ###                                               ### */
/* ### FORMULARE                                     ### */
/* ###                                               ### */
/* ##################################################### */
/* ------------------------------------------------------------ */
/* DRUPAL FORMULARE */
/* ------------------------------------------------------------ */
.node-form{
   padding: 10px 20px 20px 20px;
   margin-right: 20px;
   background: #edefd8;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.node-form fieldset{
   padding: 5px 10px 0 10px;
   margin-top: 10px;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

html.js fieldset.collapsed{
   margin-bottom: 10px;
}

.resizable-textarea{
   width: 98%;
}

#field-link-multi-items,
#field-file-multi-items,
#field-ref-news-div-items{
   margin: 20px 0 20px 0;
   padding: 10px;
   background: #ffffff;
}

.body-field-wrapper{
   padding: 5px 10px 5px 10px;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.profile{
   margin: 0 20px 20px 20px;
}

#user-profile-form{
   margin: 0 20px 20px 14px;
}

/* ------------------------------------------------------------ */
/* TEXTFELDER */
/* ------------------------------------------------------------ */
input[type="text"],
input[type="password"]{
   border: 1px solid #000000;
   background: #ffffff;
   height: 20px;
   vertical-align: middle;
}

#search input[type="text"]{
   width: 170px;
}

/* ------------------------------------------------------------ */
/* TEXTAREA */
/* ------------------------------------------------------------ */
textarea{
   border: 1px solid #000000;
   font: 100.00% Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------ */
/* SUBMIT */
/* ------------------------------------------------------------ */
input[type="submit"]{
   border: none;
   padding: 3px 5px 5px 5px;
   margin-right: 7px;
   margin-bottom: 2px;
   background: #ff4b00;
   color: #ffffff;
   vertical-align: middle;
   -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;
}

#search input[type="submit"]{
   width: 20px;
   margin-left: 7px;
   background: url(../_img/button/button-submit-gray.png) no-repeat center center;
   text-indent: -1000px;
   height: 20px;
}

/* ------------------------------------------------------------ */
/* BUTTON */
/* ------------------------------------------------------------ */
button{
   border: none;
   padding: 5px 7px 6px 7px;
   margin: 0.5em 0 1.5em 0;
   background: #ff4b00;
   color: #ffffff;
   font-weight: bold;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* ##################################################### */
/* ###                                               ### */
/* ### SPEZIELLES                                    ### */
/* ###                                               ### */
/* ##################################################### */
.textcopy
{
   padding: 10px;
   margin: 10px 3px 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;
}

.box .textcopy{
   background: #ffffff;
}

.modal-noderef-creation-link-wrapper{
   padding-top: 10px;
}

h2.ui-state-default{
cursor: pointer;
}

}