@charset "UTF-8";

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

/* Standard Link Farbe */
a, a:link, a:visited, a:focus {color:#2ebada}
.atabs .tabs .mod a:hover, .atabs .tabs .mod a:focus, .atabs .tabs .mod a:active {color:#2ebada}

/* Inhaltliche Links mit Pfeilgrafik, s. auch iehacks.css */
/*#wrapper a.arrowbold:after, #wrapper a.arrow:after {content: "\2002" url(../../img/icon-content-selbermachen-arrow.gif) !important;}*/
a.arrow, a.arrowbold { background: url(../../img/icon-content-selbermachen-arrow.gif) bottom right no-repeat;}	

#content .mod ul li,
#content .atabs .contenttabs .mod ul li { background-image: url(../../img/dot_blue.gif); }
#content .sortimentsbilder ul li { background: none; }

/* Grundstyling für alle Action Buttons, die ein Icon (links) haben */	
a.btn, a.btn:visited {border:1px solid #d5f1f7;color:#fff;background-color:#2ebada}
a.btn:hover, a.btn:focus, a.btn:active {color:#2ebada;background-color:#d5f1f7}

/* Neutralisiere farblich alle Links, die in einem Overlay container stehen */
.overlay {background-color:#2ebada}

/* Neutralisiere farblich alle Links, die in einem Overlay container stehen */
.overlay a, .overlay a:visited {color:#fff;text-decoration:none}

/* Skip Navigation */
.skipaccess a:hover, .skipaccess a:focus, .skipaccess a:active {background-color:#d5f1f7;color:#2ebada}

/* Formulare */
.formulare input, .formulare textarea {border:1px solid #dfdfdf;color:#2ebada;background-color:#fff}
.formulare input[type=submit] {background-color:#2ebada;color:#fff;font-weight:bold;padding:3px 25px}
.formulare input[type=submit]:active, .formulare input[type=submit]:focus {background-color:#d5f1f7;color:#2ebada}

/* Action Menu */
/*#actionMenu #wrapbranches {color: #2ebada}*/

#container {background-color: #d5f1f7}

/* Page Navigation */
#pagenav a:hover, #pagenav a:focus, #pagenav a:active {background-color:#2ebada;color:#fff}

/* Zweite Ebene */
#pagenav ul ul {background-color:#2ebada;color:#d5f1f7}
#pagenav ul ul li a:hover, #pagenav ul ul li a:focus, #pagenav ul ul li a:active {color:#d5f1f7}

/* Genereller On-Zustand */
#pagenav .current {background-color:#2ebada}

/* classes supposed to be used on h2 heading tags */
.mod .subheader {color:#2ebada}

/* Newsletter login Sidebar */
.leftContentTeaser h2 {color:#2ebada;}
.login2newsletter h2 {background-image: url(../../img/icon-envelope-selbermachen.gif)}
.leftContentTeaser p, .leftContentTeaser .email {color:#2ebada}
.leftContentTeaser .btnSubmit {background-color:#2ebada;color:#fff;border:1px solid #d5f1f7}

/* Mehrspaltige Listen */
.simplefloatlist ul {color:#2ebada}

/* Mehrspaltige Listen */
.atabs .simplelist ul {color:#2ebada}

/* Sortimentsbilder */
.sortimentsbilder li h4 {color:#2ebada}

/* Terminkalender/Veranstaltungskalender */
.kalender dt span {color:#2ebada}

/* Katalogbeilage/Download, Erweiterung von Module universal */
.katalog h4 {color:#2ebada}

/* Angebotsdarstellung - 3 Bilder pro Reihe, mit Unterzeile */
.mosaik dd {background-color:#2ebada}

/* Bilder mit Fließtext Overlay, rechte Spalte */
.teaserImage, .teaserImage .overlay, .teaserBig .overlay, .teaser3Col .overlay, .teaser1Col .overlay {background:rgb(46,186,218);background:rgba(46,186,218,0.8)}

/* Overlay in Modul bildraster neutralisieren */
.bildraster .overlay {background:transparent}

/* Angebotslayer */
.angebot div span {color:#2ebada}
.angebot a.showOffer {background: #fff url(../../img/icon-angebot-selbermachen.gif) 6px 8px no-repeat}

/* Tabs Icons */
.atabs .tabs ul .service {background: transparent url(../../img/icon-stern-selbermachen.gif) 3px 4px no-repeat;padding-left:25px}
.atabs .tabs ul .tippsundtricks {background: transparent url(../../img/icon-gluehbirne-selbermachen.gif) 3px 4px no-repeat;padding-left:25px}

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

/* Upper Action Menu */
#upperActionMenu a.login, #upperActionMenu a.login:visited {background-image: url(../../img/icon-login-selbermachen.gif);color:#2ebada}

/* Listen generell */
.mod ul {color:#2ebada}

/* Infoboxen (Lightbox) */
.infobox h2 {color:#2ebada}

/* Bildergalerie/Slidshow */
.jcarousel-next-horizontal {background-image:url(../../img/icon-rightslide-selbermachen.png)}
.jcarousel-prev-horizontal {background-image:url(../../img/icon-leftslide-selbermachen.png)}


#pagetitle {background-color:#2EBADA;}