/* - ploneCustom.css - */
@media all {
/* uncomment the below selector to get a fixed-width layout. *
 * 60em is equivalent to 960px in this case, and every       *
 * grid cell will be 40px with 10px padding.                 */

#visual-portal-wrapper { width: 60em; margin: 0 auto; } 

#portal-logo img {
	background-color: rgb(240,169,1); /*Adler gelb RAL-1003*/
	-webkit-animation: rgb 60s infinite alternate;
        }
        @-webkit-keyframes rgb {
	/* 0% will fallback to the default background-color of #rgb*/
	20% {background-color: rgb(160,92,55); /*Bären braun hell, RAL-8023*/}
	40% {background-color: rgb(129,185,182); /*Delfine blau, RAL-6027*/}
	60% {background-color: rgb(162,50,48); /*Haie rot; RAL-3000*/}
	80% {background-color: rgb(91,156,66); /*Pandas Minzgrün, RAL-6018*/}
	100% {background-color: rgb(6,94,142); /*Wale Verkehrsblau, RAL-5017*/}
}

#portal-logo .notvisible {
        background-color: hsl(0, 100%, 50%); /*red*/
        -webkit-animation: hue 120s infinite alternate;
        }
        @-webkit-keyframes hue {
        /*hue will animate from 0 to 360. Saturation and Lightness remain constant*/
        20% {background-color: hsl(72, 100%, 50%);}
        40% {background-color: hsl(144, 100%, 50%);}
        60% {background-color: hsl(216, 100%, 50%);}
        80% {background-color: hsl(288, 100%, 50%);}
        100% {background-color: hsl(360, 100%, 50%);}
}

/* To change the link color (or the navigation link  background), uncomment *
 * the selectors below, and insert new color values:                        */

/*
a:link, a:visited, #content a:link, #content a:visited, dl.portlet a:link, dl.portlet a:visited {
    color: red;
}
#portal-globalnav .selected a, #portal-globalnav a:hover {
    background-color: red;
}
*/

/* To change the edit bar color, uncomment the selectors below, and insert *
 * new color values:                                                        */

/*
#contentActionMenus,
dl.actionMenu.activated dd,
#content-views,
#edit-bar {
	background-color: blue;
	border-color: blue;
}
dl.actionMenu a {
	background-color: blue;
}
*/

/* If you want to hide the path bar (aka. breadcrumbs), uncomment the below: */

/*
#breadcrumbs-you-are-here,
#breadcrumbs-home,
#breadcrumbs-current,
#breadcrumbs-1 {
    display: none;
}
*/

/* If you want variables in the CSS (for example for colors that are used     *
 * in several locations), Plone has a built-in facility for this. An example  *
 * is shown below, the variables are defined in the file "base_properties",   *
 * and below we show the syntax for using them directly in the CSS file.      *
 * Note that you always need to surround the relevant part (or the entire CSS *
 * file) with the dtml-with statements for it to work.                        */

/*

/*
    #content a:link { color: #205c90; }
*/

}