/* file: public.css
 * Id: public.css 2017-05-18 12:14:48 ouhlemann
 * Copyright (c) 2017 by Olaf Uhlemann - sertrec media
 * www.sertrec.de
 */

/* /*@override */
    http://localhost:8080/4/portal_css/Sunburst%20Theme/public.css
    http://localhost:8080/sprites/portal_css/Sunburst%20Theme/public.css
*/

/* +++++++++++++++++++++++++++++++
 * REUDNITZ DESIGN-SPECIFIC STYLES
 * +++++++++++++++++++++++++++++++
 * 1. basics
 * 
 */


/* workflow state color "published". Other definitions in member.css */
.state-published {
	color: #436976 !important;
}

/* @group 1: basics */
   body {
     font-family: Arial, sans-serif;
     font-size: 1em;
     background: #ddd;
     color: #000000; }

   #portal-top {
     position: fixed;
     left: 50%;
	 background: #dddddd;
     width: 1202px;
     margin: 0 0 0 -600px;
     z-index: 101; }

   .template-manage-viewlets #portal-top {
     position: static;
	 background: #dddddd;
     width: 1202px;
     margin: 0 auto;
     z-index: 100; }

   #portal-wrapper-top-border {
     height: 8px;
     border: 1px solid #000;
     background: #ffffff;
     border-top-right-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topleft: 10px;
     border-bottom: none; }


   #visual-portal-wrapper {
   	 background: transparent;
     width: 1200px;
     margin: 0px auto;
     padding: 120px 0 0 0; }

   .template-manage-viewlets #visual-portal-wrapper {
     padding: 0; }

   h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.15em; }

   h1 {
    font-size: 2.4em; }

   h2 {
    font-size: 1.8em; }

   h3 {
    font-size: 1.4em; }

   h4 {
    font-size: 1.25em; }

   h5 {
    font-size: 1.2em; }

   h6 {
    font-size: 1.2em;
    font-weight: bold;;
    margin: 0.5em 0; }

   h3, h4, h5, h6 {
    color: #444; }

   h2 a, h3 a, h4 a {
    border-bottom: none !important; }

   .documentFirstHeading {
	font-family: Verdana, Arial, sans-serif;
	border-bottom: 1px solid black;}

   p {}

   a:link, a:visited {
     color: #017C46;}

   a:hover {
   	color: #222222;}

   a:focus img {
    outline: thin dotted; }

   dt {
    font-weight: bold; }

   input {
    font-family: "Lucida Grande", Arial, FreeSans; }

   input[type=button],
   input[type=submit],
   input[type=reset],
   button {
      padding: 2px 12px;
      border-width: 2px; }

   input[type=file]::-webkit-file-upload-button  {
      padding: 2px 12px;
      border-width: 2px; }

   sup,
   sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;}

   sup {
    bottom: 1ex; }

   sub {
    top: 0.5ex; }

/* @end */

/* @group 2: head*/
   #portal-header {
   	 position: relative;
   	 z-index: 2;}

   #portal-logo {
     display: inline-block;
     margin: 1.375em 0;}
   /* removes extra space above logo in IE6 and IE7 */
   /* .ie6 and .ie7 is set on <html> by Modernizr library */
   .ie6 #portal-logo,
   .ie7 #portal-logo {
     margin-top: 0; }

/* @group 2.2: navigation*/
   #portal-globalnav {
      margin: 0; }

   * html #portal-globalnav {
     height: 1%; }

   #portal-globalnav ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline; }

   #responsiveBurger {
     cursor: pointer;
     display: none;
     height: 19px;
     padding: 9px 8px;
     width: 25px;
     margin: 0px auto; }

   #responsiveBurger div {
     background-color: #999;
     border: 1px solid #999;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     height: 2px;
     margin-top: 2px;
     width: 90%; }

   #responsiveBurger:hover div {
     background-color: #000;
     border: 1px solid #000; }

   #portal-globalnav h6 {
    letter-spacing: 0.01em;
    font-family: Verdana, Arial, sans-serif;
    text-transform: uppercase;}

   #portal-globalnav li {
     float: left; }

   #portal-globalnav li dt a {
     display: inline-block;
     color: #999;
     min-width: 118px;
     text-align: center;
     vertical-align: middle;
     white-space: normal;
     letter-spacing: 0.051em;
     font-family: Verdana, Arial, sans-serif;
     text-transform: uppercase;
     padding: 5px 2px 0;
     transition: all .2s ease-in-out 0s;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s; }

   .small #portal-globalnav li dt a {
     margin: 0; }
   
   #portal-globalnav li dt a img {
     width: auto;
     height: 75px;
     transition: all .2s ease-in-out 0s;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s; }

   .small #portal-globalnav li dt a img {
     height: 40px;
     padding: 0; }

   #portal-globalnav li dt img {
     padding: 0 0 0.2em 0; }

   #portal-globalnav li dt div {
     padding: 0 0 0.8em 0;
     transition: all .2s ease-in-out 0s;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s; }

   .small #portal-globalnav li dt div {
     padding: 0 0 0.2em 0; }

   #portal-globalnav dt .selected a {
     color: #000000; }

   #portal-globalnav dd {
   	display: none;
   	position: absolute;
   	left: 2em;
  	background: #eee;
    font-size: 0.8em;
   	width: 68em;
   	height: 18em;
    padding: 0.5em 1em;
    z-index: 999; }

   #portal-globalnav:not(.js) li:hover dd,
   #portal-globalnav dd.hover {
   	display: block; }

   #portal-globalnav dd ul {
     padding: 0.1em 0 0 0; }
   
   #portal-globalnav dd li,
   #portal-globalnav dd li a {
   	 float: none;
     display: block;
     padding: 2px 0px 0px 0px; }

   #portal-globalnav li:hover dt a,
   #portal-globalnav dt a:hover {
     background: #eee;
     color: #000000; }

#portal-personaltools {
    float: right;
    background: #e3e3e3;
    position: relative;
    z-index: 3; /* personaltools should be above #portal-header (with z-index: 2) */
    top: 0;
    right: 0;
    padding: 0.25em 0.5em;
    font-size: 80%;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
}
#portal-personaltools #anon-personalbar a {
    float: left;
    margin: 0 0.5em;
}

#portal-languageselector {
    float: right;
    background: #e3e3e3;
    position: relative;
    top: 0;
    right: 1px;
    z-index: 3; /* portal-header has 2 and we need to be above to be clickable */
    padding: 0.25em 0.5em;
    font-size: 80%;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    max-width: 50%;
}

/* @group Search */
   #portal-searchbox {
     float: right;
     text-align: left;
     clear: right;
     margin: 5px 16px 5px 2px;
     transition: all .2s ease-in-out 0s;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s; }

   #portal-searchbox form {
     white-space: nowrap; }

   #portal-searchbox label {
     font-weight: normal;
     color: #ccc;
     font-size: 14px;
     transition: all .2s ease-in-out 0s;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s; }

   .small #portal-searchbox label {
     color: #777; }

   #searchGadget {
     width: 15em;
     margin: 3px 10px; }

   .LSBox {
   	 background: #017C46;
   	 padding: 5px 0;
     border-radius: 0 .5em .5em .5em;
     -webkit-border-radius: 0 .5em .5em .5em;
     -moz-border-radius: 0 .5em .5em .5em;
     box-shadow: 3px 3px 4px #888;
     -webkit-box-shadow: 3px 3px 4px #888;
     -moz-box-shadow: 3px 3px 4px #888;
     transition: all .2s ease-in-out 0s;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s; }

   .small .LSBox {
     background: transparent; }

   .LSBox input.searchButton {
      display: none; }

   .LSBox .searchSection {
   	  margin: 0 10px; }

   .LSBoxDisplay {
     display: inline-block; }

   #content input.searchField {
     margin-bottom: 1em; }

   input.searchField {
     /* -webkit-appearance: searchfield; */
     -moz-appearance: searchfield; }

   .collapsible .collapser.collapsed {
     padding-right: 14px;
     background: url('arrowRight.png') center right no-repeat; }

   .collapsible .collapser.expanded {
     padding-right: 14px;
     background: url('arrowDown.png') center right no-repeat; }

   #LSResult {
     position: absolute;
     right: 0;
     background: White;
     border: 1px solid black;
     padding: 1px;
     border-radius: .5em 0 .5em .5em;
     -webkit-border-radius: .5em 0 .5em .5em;
     -moz-border-radius: .5em 0 .5em .5em;
     box-shadow: 3px 3px 4px #888;
     -webkit-box-shadow: 3px 3px 4px #888;
     -moz-box-shadow: 3px 3px 4px #888;
     z-index: 1000; }

   #LSResult fieldset {
     padding: 0;
     border: none; }

   #livesearchLegend {
     background-color: #ddd;
     padding: 5px 15px 5px 5px;
     margin: 0;
     border-radius: .5em .5em 0 .5em;
     -webkit-border-radius: .5em .5em 0 .5em;
     -moz-border-radius: .5em .5em 0 .5em;
      }

#LSResult .LSDescr {
    font-size: 85%;
    color: #666;
}

.LSRow,
#LSNothingFound {
    display: block;
    padding: 0.5em 1em;
    white-space: normal;
    width:28em;
}

.LSHighlight {
    background: #ddd;
}

/* @end */

#plone-document-actions {
	text-align: left;
    margin: 0px 10px 0px 30px;
    float: right;
    clear: right; }

#plone-document-actions img {
	vertical-align: bottom; }

/* @group 2: content */
   #portal-columns {
   	 background: #fff;
     border-top: none;
   	 border-right: 1px solid #222;
   	 border-bottom: 1px solid #222;
   	 border-left: 1px solid #222;
   	 padding: 10px 0; }


/* @group Site actions */

#portal-siteactions {
    font-size: 85%;
    padding-bottom: 2em;
    text-align: center;
    clear: left;
}
#portal-siteactions li {
    margin-right: 0.5em;
}
#portal-siteactions li a:hover {
    color: #75ad0a
}

/* @end */


/* @group Listings */

a.link-parent {
}

a.link-anchor {
    border: none !important;
    color: Black !important;
    cursor: default !important;
}
#content a.link-overlay {
    border-bottom: 1px dotted #205c90 !important;
}

dl dt .documentByLine {
    font-weight: normal;
}

dl dt span.summary a,
dl dt.summary a {
    border: none !important; }

/* @end */


#content {
    line-height: 1.5em;
    clear: both;
    margin: 1em 0.25em 2em 0.25em; }

   /* Special case of #content - TinyMCE */
   body#content {
     margin: 1em; }

   #content h1 {
     margin-top: 0.5em; }

   #content h1.documentFirstHeading {
     margin-top: 0; }

   #content p,
   #content table,
   #content dl,
   dl.portlet p,
   dl.portlet {
     margin-bottom: 1em; }

   #content ul,
   #content ol {}

   #content a:link,
   dl.portlet a:link {
     color: #017C46;
     border-bottom: 0.1em solid #ccc; }

   #content a:visited,
   dl.portlet a:visited {
     color: #017C46;
     border-bottom: 0.1em solid #ccc; }

   #content a:hover,
   dl.portlet a:hover {
    color: #75ad0a !important; /* This one gets an !important because it should always activate in the content area, even when state coloring is active */
    }

   #content a:target {
     background-color: #ffb;}

   #content span.link-external a {
     background: transparent url(link_icon.png) 0px 1px no-repeat;
     padding: 1px 0px 1px 16px;}

   #content dt.summaryHeader a,
   #content dt.summaryHeader a:link,
   #content dt.summaryHeader a:visited {
   	 color: #000; }

   #content dt.summaryHeader a,
   #content dt.summaryHeader a:link,
   #content dt.summaryHeader a:visited,
   #content dt.summaryHeader a:hover {
   	 }

#category {
    font-size: 75%;
    margin-bottom: 1em;
    color: #666;
    text-align: right;
}

#category a.link-category, span.selectedTag {
    color: black;
    padding: 0.25em 0.5em;
    background: #ddd;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}
#category a.link-category:hover {
    background: #205c90;
    color: White;
    border-color: #205c90;
}
#category .separator {
    display: none;
}

#content dt {
    font-weight: bold;
    margin-bottom: 0;
    margin-right: 0;
}

#content-core dd {
    margin: 0 0 1em 0; }

#content dt.summary a {
	font-size: 1.2em; }

#content pre {
    background-color: #222;
    color: White;
    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
    padding: 1em;
    overflow-x: auto;
    font-size: 90%;
    margin-bottom: 1em;
    line-height: 1.25em;
}

#content pre.python {
    background-color: White;
}

#content code {
    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

#content table {
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0px;
}

#content .documentDescription,
#content #description {
    color: #666;
    margin-left: 0;
    margin-bottom: 1em;
    font: bold 1.25em "Helvetica Neue", Arial, FreeSans, sans-serif;
}

#content .documentDescription a,
#content #description a {
    border-bottom: none;
}

#content div.newsImageContainer a {
    border-bottom: none;
}
#content div.newsImageContainer p.discreet {
    margin: 0;
    padding: 0.5em;
    background-color: #666;
    background-color: rgba(40,40,40,0.7);
    color: White;
    font-weight: bold;
    position: relative;
    width: 190px;
    top: -3em;
}

/* For event view template, changed headerless table to headings and divs,
 * for better accessibility.  */

#content .eventDetails {
    width: 22em;
    margin-top: 1em;
}
#content .eventDetails h2 {
    background-color: #DDDDDD;
    font-size: 100%;
    letter-spacing: 0;
    padding: 0.5em;
    padding-left: 1em;
}
#content .eventDetails .eventDetail h3,
#content .eventDetails .eventDetail div {
    padding: 2%;
}
#content .eventDetails .eventDetail h3 {
    float: left;
    font-size: 100%;
    text-align: right;
    width: 37%;
}
#content .eventDetails .eventDetail div {
    float: left;
    width: 55%;
}
.tile {
     border-bottom: 1px dotted #017C46;
     color: #19763f; }

#content .tileItem {
	padding: 0 5px;
}

#content .tileHeadline {
	line-height: 1.2em;
	border-bottom: 1px solid #ddd;
}

#content .tileHeadline,
#content .tileItem .documentLocation,
#content .tileItem .documentByLine,
#content .tileBody {
    padding: 0 5px; }

#content .tileFooter,
#content .tileItem .tileImage {
	display: none; }

.icons-on #content-core dd,
.icons-on #content-core .summary .documentLocation,
.icons-on #content-core .summary .documentByLine {
    margin-left: 20px; }

/* @end */

/* @group Path indicator (breadcrumbs & location) */

#portal-breadcrumbs {
    font-size: 80%;
    line-height: 2.1em;
    margin-bottom: 1em;
    margin-left: .25em; }

#portal-breadcrumbs a {
    border-bottom: none;
    display: inline-block; }

.breadcrumbSeparator {
      color: #666666; }

.portalBreadcrumbs {
     padding: .4em .9em .3em .8em;
     position: relative;
     z-index: 0; }

.portalBreadcrumbs .crumb {
	 font-weight: bold;
     background: none repeat scroll 0 0 #ddd;
     border: 1px solid #b9b9b9;
     border-radius: 0 .5em .5em .5em;
     -webkit-border-radius: 0 .5em .5em .5em;
     -moz-border-radius: 0 .5em .5em .5em;
     margin-left: -1em;
     padding: .4em .6em .3em 1.4em;
     position: relative; }

.portalBreadcrumbs .crumb:nth-child(1) {
     z-index: 10; }

.portalBreadcrumbs .crumb:nth-child(2) {
     z-index: 9; }

.portalBreadcrumbs .crumb:nth-child(3) {
     z-index: 8; }

.portalBreadcrumbs .crumb:nth-child(4) {
     z-index: 7; }

.portalBreadcrumbs .crumb:nth-child(5) {
     z-index: 6; }

.portalBreadcrumbs .crumb:nth-child(6) {
     z-index: 5; }

.portalBreadcrumbs .crumb:nth-child(7) {
     z-index: 4; }

.portalBreadcrumbs .crumb:nth-child(8) {
     z-index: 3; }

.portalBreadcrumbs .crumb:first-child {
      padding-left: 10px; }

#document-location a,
#document-location a:link {
    border-bottom: none;
    display: inline-block; }

.documentLocation .location {
	 font-weight: bold;
     background: none repeat scroll 0 0 #f0f0f0;
     border: 1px solid #dddddd;
     border-radius: 0 5px 5px 5px;
     -webkit-border-radius: 0 5px 5px 5px;
     -moz-border-radius: 0 5px 5px 5px;
     padding: 3px 4px 3px 4px;
     margin-right: 4px; }

/*.icons-on .summary .documentByLine,
  .icons-on .summary documentLocation {
    margin-left: 20px; }
*/

div.box {
	padding: 15px 6px 1px 6px;
    border: 1px solid #ddd;
    margin-bottom: 1.2em; }


/* @end */

/* @group Image alignment classes */

/*note: the tricky thing here is that image-inline|image-left|image-right
can both be on an image and a wrapper element e.g. a dl tag*/
img.image-left,
img.image-right,
.captioned img {
	padding: 1px;
    border: 1px solid #ddd;}

img.image-noborder {
	border: 0; }

dd.image-caption {
    text-align: left;
    padding: 0 0 0 3px; /*image padding+border with*/
    margin: 0;
    color: #666;
    font-size: 85%; }

/* @end */


/* @group Footer */

/* @group 4: footer */
   #portal-footer-container {
     background: #017C46;
     margin:  0;  
     padding: 0 0 1em 0; }

   #portal-footer-wrapper {
     width: 1200px;
     color: #aaa;
     font-size: 0.8em;
     padding: 0;
     margin: 0 auto; }

   #portal-footer-wrapper h2 {
     display: block;
     text-transform: lowercase; }

   #portal-footer-cell {
     padding: 0;  }

   #portal-footer-cell h6 {
     display: block;
     text-transform: lowercase;
     color: #fff; }

   #portal-footer-cell p,
   #portal-footer-cell ul {
     padding: 1px 0 0 0; }
   
   #portal-footer-cell li {
     display: block;}

   #portal-footer-cell a,
   #portal-footer-cell a:link,
   #portal-footer-cell a:visited {
     display: block;
     color: #aaa; }

   #portal-footer-cell a:hover {
     color: #fff; }

   #portal-footer-cell .row{
     margin: 0.8em 0; }

   #portal-footer-wrapper .copyright {
      text-align: right;
      margin: -10px 20px -10px 0;
      padding: 0 0 15px 0; }

   #portal-footer-wrapper img.copyright-logo {
       margin: 0 0 -12px 5px; }

   #portal-footer-cell .decorated {
     border-bottom: 1px dotted #ddd;}

   #portal-footer-cell .responsive {
     display: none;}

   /* 
    * override some banner-styles
    */
   #banner-portal-wrapper {
     background: #fff;
     width: 100%;
     padding: 10px 0;
     margin: 0;
     border-top: none;
   	 border-right: 1px solid #222;
   	 border-bottom: none;
   	 border-left: 1px solid #222; }

   .banner-container {
     margin: 3px 10px 0;
     width: auto; }

   .cycle-slideshow {
     border: 1px solid #000;
     border-radius: 0 .8em 0 .8em;
     -webkit-border-radius: 0 .8em 0 .8em0;
     -moz-border-radius: 0 .8em 0 .8em; }

   .cycle-slideshow img,
   img.banner-item,
   #banner-image {
     border: 1px solid #FFF;
     width: calc(100% - 2px);
     border-radius: 0 .8em 0 .8em;
     -webkit-border-radius: 0 .8em 0 .8em;
     -moz-border-radius: 0 .8em 0 .8em;}

   #banner-logo-overlay {
     position: relative;
     margin-top: -250px;
     width: 100%;
     z-index: 100; }

   .personal_portrait {
     margin: 5px 10px 10px 10px;
     padding: 2px;
     border: 1px solid #000; }

   .scaleable img {
     border: 1px solid #ddd;
     width: 100%;
     padding: 1px; }

   #content #plone-document-actions a:link {
	 border-bottom: none; }

   #flex-container {
     display: -webkit-flex;
     display: -ms-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap; }

   .flex-panel {
     margin: 0.15%;
     display: block;
     text-align: center; }

   .flex-panel h4 {
    background-image: url(++resource++reudnitz.static/logo.png) !important;
	background-repeat: no-repeat !important;
    background-size: 26px !important;
    background-position: top center;
    padding: 35px 0px 10px 0; }

/* @end */