/* ##############################################################################
** # Farben für 3sp_banner- Template Variante Basis/Lila ########################
** ##############################################################################

@media all
{

/* Formatierung der Kopfbereiches */
#header {position:relative; height:189px; border-bottom: 0px solid;}
#kopfbild {height:189px; width:925px; position:relative; top:0px; left:0px; }
#kopfbanner {position:relative; top: 0px; left: 0px;}
#logo {float:left; height:180px; width:330px; z-index:10; display: none;}
#header img {position:absolute; top:0px; left:0px; font-size:208%;}
#banner {position:absolute; top:20px; right:0px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#topnav {position:relative; top:10px; left:0px; height:30px; background:transparent;}
#tnav_links {float:left; width:64%; margin-left:17px;}
#tnav_rechts{float:right; width:32%; margin-right:16px;}

#teaser div {float:left; width:auto; height: 15px; margin-right:0em;}
#teaser .block1 {width:925px; padding:0 0 0 1.4em; margin-top:0px; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size:0.8em;}

/* aus basemod_3sp_banner_base.css */

a.anzeige-kb img {
    max-width: 100%;
    height: auto;
}

/* Formatierung der Seite */
body {background:#5C9DDF url(../../img/bg_overlay.gif) repeat-x left top;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#pageborder{border-color: #667; background:transparent; margin: 0 16px 0 17px;}
#page_margins {border-color: #889; background: #fff; padding-bottom:17px;}

/* Formatierung der Kopfbereiches */
#header {color:#222; background:#ffffff; border-color: #663366;}
/*#kopfbild {color:#fff;}*/
#kopfbild {color:#fff; background:transparent;}
#logo {color:#fff; background:transparent;}
/*#hauptnavi {color:#222; background:#fdb913;}*/

/* Formatierung der Fusszeile */
#footer {color:#000; background:#ffffff;}
#footernavi {color:#000; background:transparent;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {background:#fff url(../../img/bg_menu_kb_bza.png) repeat-y;}

/* linke Spalte */
#col1 { border-color: #663366; border-top: 0px solid; margin-bottom:10px;}
#col1_content { color:#444; background:#transparent;}

/* Mittlere Spalte */
#col3 {border-color: #ddd;}

.content_sp1 {
  width: 49%;
  float: left;
  margin-right: 1%;
  margin-bottom: 0px;
  overflow: hidden;
}

.content_sp2 {
  float: right;
  overflow: hidden;
  width: 49%;
}

#zweispaltencontainer .spalte1 {
	width: 64%;
	float: left;
}

#zweispaltencontainer .spalte2 {
	width: 33%;
	float: right;
	margin-top: 20px;
}

.clearer {
	clear: both;
}

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {background:#fbfbfb url(../../img/bg_teaser_kb_bza.png) repeat-y;  color:#222;}
#teaser .block1 a {color:#222;}
#teaser .block1 a:hover {background:transparent;}

/* ######################################################################################################
** ### Formatierung der Boxen in der rechten und linken Spalte ##########################################
** ######################################################################################################
*/
#box {border-color: #B8292F;}

/* aus basemod_3col_banner_base.css */

/* Korrektur von Randabständen */
#footer {border-color:#663366;}
#footernavi {border-color:#663366;}

/* Himtergrundgrafik für linke Spalte - Grafikbreite 200 Pixel */
#main {background:#fff url(../../img/bg_menu_kb_bza.png) repeat-y;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#col3 {border-color: #003066; }

/* aus nav_vlist_3sp_banner_base.css */

/*******************************************
* Vertikale Listennavigation
********************************************/
#col1_content h3 {color:#444; background-color:#fbfbfb; border-color: #ccc;}
.mainMenu {color:#663366;}

/* 1. Ebene des Menüs */
.mainMenu ul {border-color: #ddd;}
.mainMenu ul li strong {background-color:#fbfbfb; color:#663366;}
.mainMenu ul li a {background-color:#fbfbfb; color:#663366; margin-left: 3%; padding-left: 1%; border-bottom:0px solid; border-left:5px solid; }
.mainMenu ul li a:hover {background-color:#663366; color:#fff;}

/* 2. Ebene des Menüs */
.mainMenu ul li ul li strong {background-color:#fbfbfb; color:#663366; border-color: #ddd;}
.mainMenu ul li ul li a {background-color:#fbfbfb; color:#663366; margin-left: 5%; padding-left: 1%; border-bottom:0px solid; border-left:5px solid; border-color: #663366;}
.mainMenu ul li ul li a:hover {background-color:#663366; color:#fff;}

/* 3. Ebene des Menüs */
.mainMenu ul li ul li ul li strong {background-color:#fbfbfb; color:#663366; border-color: #ddd;}
.mainMenu ul li ul li ul li a {background-color:#fbfbfb; color:#663366; border-bottom:0px solid; border-left:3px solid; border-color: #ddd;}
.mainMenu ul li ul li ul li a:hover {background-color:#663366; color:#fff;}

.mainMenu ul li#title {color:#663366; background-color:#fbfbfb; border-color:#888;}

.mainMenu ul li a.menu {border-color:#FF0606;}
.mainMenu ul li a.menu01 {border-color:#FE6001;}
.mainMenu ul li a.menu02 {border-color:#FF8000;}
.mainMenu ul li a.menu03 {border-color:#FDA502;}
.mainMenu ul li a.menu04 {border-color:#FDDE02;}
.mainMenu ul li a.menu05 {border-color:#F9FF00;}
.mainMenu ul li a.menu06 {border-color:#A6FE01;}
.mainMenu ul li a.menu07 {border-color:#60D02F;}
.mainMenu ul li a.menu08 {border-color:#15EABF;}
.mainMenu ul li a.menu09 {border-color:#16AFE9;}
.mainMenu ul li a.menu10 {border-color:#1575EA;}
.mainMenu ul li a.menu11 {border-color:#4640BF;}

.mainMenu ul li ul li a.sub01 {border-color:#FF0606;}
.mainMenu ul li ul li a.sub02 {border-color:#FE6001;}
.mainMenu ul li ul li a.sub03 {border-color:#FF8000;}
.mainMenu ul li ul li a.sub04 {border-color:#FDA502;}
.mainMenu ul li ul li a.sub05 {border-color:#FDDE02;}
.mainMenu ul li ul li a.sub06 {border-color:#F9FF00;}
.mainMenu ul li ul li a.sub07 {border-color:#A6FE01;}
.mainMenu ul li ul li a.sub08 {border-color:#60D02F;}
.mainMenu ul li ul li a.sub09 {border-color:#15EABF;}
.mainMenu ul li ul li a.sub9 {border-color:#15EABF;}
.mainMenu ul li ul li a.sub10 {border-color:#16AFE9;}
.mainMenu ul li ul li a.sub11 {border-color:#1575EA;}
.mainMenu ul li ul li a.sub12 {border-color:#4640BF;}

/********************************************
*Sitemap
********************************************/

.csc-sitemap ul {border-color: #ddd; color:#663366; }
.csc-sitemap ul li ul {border-color: #ddd; color:#663366; }

/* aus content_3sp_banner_base.css */

/* ### Ueberschriften, Fliesstexte ###################################################################### */

body {color:#222;}

h1,h2,h3,h4,h5,h6 {color: #663366;}

#tnav_links p, #tnav_rechts p {color:#808080;}
#tnav_rechts {color: #808080;}
#tnav_rechts a {color:#808080;}

.losung { background: #eee; }
#col1_inhalte h1 {color: #663366; background:transparent; border-color: #B92A30; }
#col3_innen h1 {border-bottom: 1px solid #663366; line-height:2em; width:100%;}

#spotlight h1 {color: #663366; background:transparent; border-color: #B92A30;}
#lakilink h1 {color: #663366; background:transparent; border-color: #B92A30;}

#block {
	border-color: #663366;
	background: #fff;
}
#block h1 {
	background:#663366;
	color:#fff;
	border-bottom: 4px solid #663366;
}

#zweispaltencontainer .spalte2 #block h1 {
	padding: 5px 10px
}

#blocktext {
	border-color: #d4ebf8;
}

hr {color:#fff; background:transparent; border-color: #eee;}

acronym, abbr {border-color:#c00;}

td {vertical-align: top; font-size: 1em;}

/*Modul: Gottesdienstplan (Die gesamte Tabelle)*/
.tabelle {
border-collapse:collapse;width:99%
}

/*Modul: Gottesdienstplan (Gerade Zeilen)*/
.zeile_gerade {
background-color:#EEEEEE
}

/*Modul: Gottesdienstplan (Spalte Datum)*/
.spalte_datum {
padding-left:5px;padding-right:7px;padding-top:1px;padding-bottom:1px;vertical-align:top;text-align:center;width:15%
}

/*Modul: Gottesdienstplan (Spalte Ort)*/
.spalte_ort {
padding-left:5px;padding-right:5px;padding-top:1px;padding-bottom:1px;vertical-align:top;width:25%
}

/*Modul: Gottesdienstplan (Spalte Text)*/
.spalte_text {
padding-left:5px;padding-right:5px;padding-top:1px;padding-bottom:1px;vertical-align:top;width:45%
}

/*Modul: Gottesdienstplan (Spalte Uhrzeit)*/
.spalte_uhrzeit {
padding-left:5px;padding-right:5px;padding-top:1px;padding-bottom:1px;vertical-align:top;width:10%
}

/*Modul: Gottesdienstplan (Spalte Wochentag)*/
.spalte_wochentag {
padding-left:5px;padding-right:10px;padding-top:1px;padding-bottom:1px;vertical-align:top;width:5%
}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color:#663366; font-weight: bold;}
a:hover {color:#b8292f;}

#topnav a {color:#808080; background:transparent;}
#topnav a:hover{background-color:transparent;}

#footer a {color:#669;}
#footer a:hover {background-color:#eef;}

.indent {padding:0em 1em 0 1em; margin:0 0 1em 1em;}

}