@charset "UTF-8";

/* 
* ============================================================== 
* Projekt: Kultcrossing
*
* @copyright       brandung GmbH & Co KG
* @author          Olaf Gleba
* @file            mediathek.css
* @version         0.1
*
* ============================================================== 
*/

/* Standard Link Farbe */
#content .browseLinksWrap span.active, a, a:link, a:visited {color:#e56218}

/* Links mit zus. Definitionen */
a.arrow, a.arrow:visited, a.arrowbold, a.arrowbold:visited,
a.verticalarrow, a.verticalarrow:visited, a.verticalarrowbold, a.verticalarrowbold:visited
{background-image:url(../../img/icon-arrow-mediathek.gif)}

a.verticalarrowbold, a.verticalarrowbold:visited {background-image: url(../../img/icon-verticalarrow-mediathek.gif)}

/* Formulare */
.formulare label {color:#e56218}
.formulare h3 {background-color:#e56218}
.formulare input, .formulare textarea {color:#e56218}
.formulare input[type=submit] {background-color:#e56218}
.formulare input[type=submit]:active, .formulare input[type=submit]:focus {background-color:#ccc}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {color:#e56218}

/* Overlay */
#pageoverlay {background-image: url(../../img/bg-overlay-mediathek.png)}


/* Page Navigation */
#pagenav {background-image:url(../../img/page-nav-head-mediathek.jpg)}

#pagenav a, #pagenav a:visited {background-image: url(../../img/page-nav-arrow-mediathek.gif)}
#pagenav a:hover, #pagenav a:focus, #pagenav a:active {background-color:#E37049}

/* Zweite Ebene */
#pagenav ul ul {background-color:#E3B0A1}

/* Aktiver Zustand erste Ebene */
#pagenav .current {background-color:#E37049}

/* Styling des On-Zustandes wenn dieser Unterlisten beinhaltet */
#pagenav .current span {background-color: #E37049;background-image:url(../../img/page-nav-arrow-mediathek.gif)}

#pagenav ul ul li a, #pagenav ul ul li a:visited {background-image:url(../../img/page-nav-subarrow-mediathek.gif)}

#pagenav ul ul li a:hover, #pagenav ul ul li a:focus, #pagenav ul ul li a:active {background-image:url(../../img/page-nav-subarrow-mediathek-active.gif)}

#pagenav ul ul .current {background-image: url(../../img/page-nav-subarrow-mediathek-active.gif)}


/* classes supposed to be used on h2 heading tags */
#content .subheader {color:#e56218}

/* Listengrafiken übergreifend */
#content li {background-image: url(../../img/icon-arrow-mediathek.gif)}

/* Breadcrumb neutralisieren */
.breadcrumb li {background:none}

/* Mindesthöhe auf Themenseiten neutralisieren, da Inhalte unter den Tabs angezeigt werden */
.atabs {min-height:0}