/*  
**  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
**/
 
/*  (do not remove this :) */
/*  (not this either :) */

h1, h2, h3, h4, h5, h6 
{
    border-bottom: White;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
    color: #4400FF ! important ;
    font: courier;
}
body {
    background-color: White;
    color: Black;
    margin: 0;
    padding: 0;
    text-align: center;
}

#hlinespace {
    background-color: White;
    border-top-color: #996633;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #996633 ;
    border-bottom-style: solid;
    border-bottom-width: 0 ;
    padding: 1em 0em 0em 0em;
    margin: 1em 0em 0em 0em;
    
}

#cdtracks {
    background-color: White;
    border-top-color: #996633;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #996633 ;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 1em 0em 1em 0em;
    margin: 1em 0em 1em 0em;
    
}

#cdtext {
    background-color: White;
    border-top-color: #996633;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #996633 ;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 1em 0em 1em 0em;
    margin: 1em 0em 1em 0em;
    
}


/* not needed anymore
#body-div {
   background-color: red;
}
*/

#visual-portal-wrapper { 
   width: 70em;  
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto; 	
   background-color: White;
   border: 1px solid #996633; 
   text-align:left;     
}

/* searchbox style and positioning */
#portal-top {
    /* Top section */
    background-color: #996633;
    margin: 0;
    padding: 0;
    height: 8em;
    border-bottom-width: 1px;
    valign: top;
}

#portal-logo {
    background: url(http://tonto.at/tontokle.gif) no-repeat;
    border: 0;
    margin: 0.75em 0em 0.75em 1.5em;
    padding: 0;
}

#portal-siteactions {
    position: relative;
    left: 50em;
    top: -3em;
    border: 0;
    width: 54px;
    padding: 0;
    margin: 0;
    z-index: +2;
}
#portal-searchbox {
    position: relative;
    left: 50em;
    top: -1em;
    border: 0;
    width: 20em;
    padding: 0;
    margin: 0;
    z-index: +2;
}


#portal-menu {
    background-color: White;
    border-top-color: #996633;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #996633 ;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    margin: 0;
    width: auto;
    height: 1.3em;
}

#portal-globalnav {
/*    float: left;    */
    border-top-color: White;
    background-color: transparent;
    border-collapse: collapse;
    padding: 0px 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    border-bottom-width: 0px;
}

#portal-globalnav li {
    display: inline;
}

#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #996633;
    border-width: 1px; 
    border-style: solid;
    border-bottom: 0px;
    border-bottom-color: White ;
    color: #4400FF;
    height: auto;
    margin-right: -1px;
    padding: 0em 2em;
    text-decoration: none;
    text-transform: uppercase;
}

#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #996633;
    border: 1px solid #996633;
    border-bottom: 0px;
    border-bottom-color: White;
    color: White;
}
#portal-globalnav li a:hover {
    background-color: #996633;
    border-color: #996633;
    border-bottom-color: red;
    border-bottom: 0px;
    color: #4400FF;
}

/* --------------- */

#sub-tabs {    
    background-color: dtml-globalBackgroundColor;;
    border-color: #996633;
    border-collapse: collapse;
    border-bottom-color: #996633;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 0px 0em 0em 0em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
}

#sub-tabs li {
    display: inline;
    border: 0;
}

#sub-tabs li  a{
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #996633;
    border 0;
    color: #4400FF;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 2em;
    text-decoration: none;
}

#sub-tabs li.selected a{
    /* The selected tab. There's only one of this */
    border: 0px;
    color: #996633;
    font: Arial, Helvetica,  Verdana,"Lucida Grande", Lucida,  sans-serif;
    font-size: 140%; 
    text-decoration: none;
}


/* --------- */



#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    float: right;
    background-color: White;
    border-top-color: White;
    border-top-style: none solid;
    border-top-width: 1px;
    border-bottom-color: #996633;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    margin: 0;
    line-height: 1.4em;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
}

#portal-personaltools .portalUser {
    background: transparent;
    padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
    visibility: hidden;
    color: Black;
    padding: 0;
    background: transparent;
    background-image: none;
} /* Used on all descriptions relevant to those not logged in */
 
#portal-personaltools li {
    background: transparent;
    padding-left: 8px;
    color: Black;
    margin-left: 1em;
    display: inline;
}
#portal-personaltools li a {
    text-decoration: none;
    color: Black;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    background-color: White;   
    border-top-color: White;
    border-top-style: none solid;
    border-top-width: 1px;
    border-bottom-color: #996633;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    line-height: 1.4em;
    text-transform: lowercase;
}

/* ----------- listings  --------------- */


.listingtable {
	width: 30em;
}

.lt-number a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100% ;
	color: #FFFFFF;
	background-color: #4400FF;
}

.lt-name {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.lt-pfeil {

}

.lt-notselrow {
    border-top-color: White;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}


.lt-selrow td {
    border-top-color: #996633;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #996633;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}



/* Bottom */

#portal-bottom{
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}

#portal-footer {
    background-color: White;
    float: left;
    border: none;
    text-align: center;
    margin: 0.5em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}

#portal-colophon {
    float: right;
    text-align: center;
    margin: 0em 0em 0em 0em;
    padding: 0.5em 0em 0em 0em;
}

#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
    list-style: none;
    display: inline;
    text-decoration: none;
    color: Black;
}

#portal-colophon ul li {
    border: 1px solid #996633;
    border-width: 1px 1px 1px 1px;
    background-color: White;
    font-size: 85%;
    margin: 0 0.25em;
    padding: 0.1em 0.2em;
}

/* Tonto view */

/* table for two columns  as rows*/
#portal-columns{
  width: 75em;
  height: 60em;
}

.plain{
  height: 40em;

}

#content-row-left {
	float: top;  
	width: 32em; 
	overflow: hidden;
	border: 0px Solid Grey;
	valign: top;
	}

#content-row-right {
	float: top;
	width: 32em; 
	overflow: hidden;  
	border: 0px Solid Grey;
	valign: top;
}

/* shorts render in the left column */
#content-cd_short {

}
#content-text_short {

}


/*  */

/* 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 test 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
 
   tontobraun #996633
 */