/* ----- ploneCustom.css ----- */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/* <!-- compression status: disabled --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */

body {
  background-color: #3D3D3D;
  margin: 0px;
  color: #EFEFEF;
  font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 11px;
}

#visual-portal-wrapper {
  position: relative;
  width: 960px;
  margin: auto;
  background-color: #000000;
}

#portal-top {
  background-image: url(header-image-2.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #204060;
}

#portal-column-two {
  width: 190px !important;
}

#portal-column-one .visualPadding {
    padding-left: 10px;
    padding-top: 15px !important;
}
#portal-column-two .visualPadding {
    padding-right: 10px;
    padding-top: 15px !important;
}

#portal-column-content .visualPadding {
    padding: 0px;
    padding-top: 15px !important;
}

#content {
  padding: 0px;
  margin: 0px;
}
.documentContent {
  background-color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 10px !important;
}
.documentEditable .documentContent {
  padding: 7px !important;
  padding-top: 0px !important;
}
.documentFirstHeading {
  padding-top: 0px;
}
.documentEditable {
padding: 8px !important;
padding-top: 0px !important;
}
.contentViews {
    margin-top: 0px;
}
.documentDescription {
  font-size: 13px;
  font-weight: bold;
  color: #204060;
  line-height: 150%;
}
h1, h2, h3 {
  clear: left;
  margin-top: 20px;
  border: 0px none;
}

h1 {
  font-size: 18px;
  font-weight: bold;
}
h1.documentFirstHeading {
  margin-top: 0px;
}
h2 {
  font-size: 14px;
  font-weight: bold;
}
h3 {
  font-size: 12px;
  font-weight: bold;
}

div.comment {
  border: 1px solid #202020;
  background-color: #111111;
}

/*********************** Breadcrumbs ******************************/
#portal-breadcrumbs {
  border: 0px;
  padding: 0px;
  margin: -20px 0px 0px 15px;
  position: relative:
  top: 0px;
  left: 0px;
}
#portal-breadcrumbs a {
color: #FFFFFF;
font-weight: bold;
}
/************************ Footer **********************************/
#portal-footer {
    float: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 83%;
    background-color: #000000;
    border-width: 0px;
}

/************************ Colophon ********************************/
#portal-colophon {
  font-size: 85%;
}
#portal-colophon a {
  text-decoration: underline;
}

/************************ Portal Logo *****************************/
#portal-logo {
background: url(http://www.achwelle.at/achwelle-logo-weiss) no-repeat;
border: 0px;
margin: 30px 0px 5px 15px;
padding: 0px;
}

/*********************** Personal Tools bar ***********************/
#portal-personaltools {
  /* Bar with personalized menu (user preferences, favorites etc) */
  margin: 0px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  line-height: 15px;
  color: white;
  padding: 5px;
  text-align: left;
  text-transform: lowercase;
  list-style-image: none;
}
#portal-personaltools li {
  background: transparent none center left no-repeat;
  padding-left: 8px;
  color: #eeeeee;
  margin-left: 1em;
  display: inline;
}

/*********************** Global Navigation ***********************/
#portal-globalnav {
  border-bottom: 1px solid #eeeeee
}
#portal-globalnav li a { padding: 0em 10px; }
.contentViews li a { padding: 0em 5px; }

/************************* Searchbox ******************************/
#portal-searchbox {
    float: right;
    clear: right;
    background-color: transparent;
    margin: 10px 15px 0 0;
    padding: 0 0 0 0;
    text-align: right;
    text-transform: lowercase;
    white-space: nowrap;
    z-index: 2;
}
#searchGadget {
    background-color: #222222; 
}

/* LiveSearch */
.livesearchContainer {
    background-color: #222222;
    border: none;
}

/******************* Portal Messages ******************************/
.portalMessage {
  margin-bottom: 7px;
}

/******************** Form Fields **************************/
input, textarea, select {
   background: none;
   background-color: #222222;
}

input, select {
  border: 1px solid #eeeeee
}

/************************* Links **************************/
a {
  text-decoration: none;
}
a:hover,
.documentContent a:hover,
.documentContent p a:hover, {
  text-decoration: underline;
}

.documentContent p a,
.documentContent p a:visited {
  border: 0px none;
  color: #204060;
}

.card a:hover {
    text-decoration: none;
}

/*
.documentContent a,
.documentContent a:visited {
  text-decoration: none;
  border: 0px none;
}
.documentContent a:hover {
  text-decoration: underline;
}
.documentContent li a {
  text-decoration: none;
  color: #6699cc;
  border: 0px none;
}
.documentContent li a:hover {
  text-decoration: underline;
}

a, .documentContent ul li a {
  text-decoration: none;
  border: 0px none;
}
a:hover, .documentContent ul li a {
  border: 0px none;
}

div.documentByLine a {
  text-decoration: none;
}

div.documentByLine a:hover {
}

#portal-breadcrumbs a, #portal-colophon a, #portal-personaltools a, #portlet-static a, li a{
  text-decoration: none;
}
*/

/************************ portlets ************************/
/*
.portletBody {
  border: none;
}
.portlet h5 {
  display: none;
}
.portlet {
  margin-bottom: 0px;
}
*/

/*********************** Navigation Portlet ***********************/
#portlet-navigation-tree {
    border-bottom: none;
}

#portlet-navigation-tree dt {
    display: none;
}

#portlet-navigation-tree dd {
    border: none;
}

#portlet-navigation-tree a {
    text-align: right;
    text-decoration: none;
    font-size: 12px;
    border: none;
}

#portlet-navigation-tree a:hover {
    font-weight: bold;
    border: none;
  background-color: #111111;
    background-image: none !important;
}

#portlet-navigation-tree .navTreeItem .navTreeCurrentItem {
    border: none !important;
    background: none;
    background-image: none !important;
    font-weight: bold;
}

#portlet-navigation-tree div {
    background-image: none !important;
}

#portlet-navigation-tree .visualIconPadding {
    padding: 0;
}

.navTreeLevel2 li a {
    font-size: 10px !important;
}

.navTreeLevel2 li {    
    padding-right: 7px;
}

/*********************** Member Listings *************************/
.card {
  width: 27%;
}

/************************* PloneRadio *****************************/
#portlet-ploneradio h5 {
  display: none;
}

#portlet-ploneradio .portletBody {
  border: none;
}

.PloneRadio_portlet_streamname {
  font-size: 11px;
  font-weight: bold;
}
.PloneRadio_portlet_artist {
  text-align: left !important;
  font-size: 95%;
}
.PloneRadio_portlet_title {
  text-align: left !important;
  font-size: 93%;
}
img.PloneRadio_playnow {
  margin-top: 5px;
  margin-bottom: 5px;
}

/****************** PloneRadio SOTF Station **********************/
.ploneradio_sotf_mediafile {
  border: 1px solid white;
  font-size: 70%;
}
.ploneradio_sotf_station_programme {
  border: 0px !important;
}
.ploneradio_sotf_station_programme_info {
  width: 365px;
}
.ploneradio_sotf_station_entry_broadcast_date {
  font-size: 80%;
}
.ploneradio_sotf_station_programme_files {
  margin-right: 3px;
}


/* Additional CSS Information
 * applied by Christian Haudum
 * /

code {
  font-family: Monaco, Courier New, Courier, monospace;
  font-size: 10px;
  color: #555221;
}

a {
  border-bottom: none;
  text-decoration: none;
}

p {
  line-height: 18px;
}

p.bu {
  font-size: 10px;
}


/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo. 
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */
}