@charset "UTF-8";


/****************************************/
/***** Allgemeine Layoutangaben ***/

@media screen, projection
{
  
body { background: #b2e0b2; }
.page_margins { background: #fff url("img/verlauf-links.png") repeat-y top left; }
.page { background: #fff url("img/verlauf-rechts.png") repeat-y top right;}

/****************************************/

/****************************************/
/***** Header-Bereich ***/

#header {
background: #198dcc url("img/back-header.jpg") no-repeat top left;
}
  
.suchfeld {border: 5px solid #7cc07c !important; }
.suchbutton {border: 5px solid #7cc07c;}  
 
/****************************************/

/****************************************/
/***** Navigation-Bereich ***/

#navigation { background: url("img/back-navi.png") no-repeat top left; }
.navicontent { background: url("img/back-navi-footer.png") no-repeat bottom left; }

/* Naviagtion -Over- */
  
/* Level 1 
 
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background: #e7f6e7 url(http://www.ekir.de/www/css/img/navi-dot.gif) no-repeat scroll 1.2em 0.35em; text-decoration: none; }
  
#submenu li a.active { background: transparent url(http://www.ekir.de/www/css/img/navi-dot-act.gif) no-repeat scroll 1.2em 0.6em; text-decoration: none; font-weight: bold;}
#submenu li a.active:hover { background: transparent url(http://www.ekir.de/www/css/img/navi-dot-act.gif) no-repeat scroll 1.2em 0.6em; text-decoration: none; font-weight: bold;}
  
 
/* Level 2 
 
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background: #e7f6e7 url(http://www.ekir.de/www/css/img/navi2-dot.gif) no-repeat scroll 2.4em 0.7em; text-decoration: none; }

#submenu li ul li a.active { background: transparent url(http://www.ekir.de/www/css/img/navi2-dot.gif) no-repeat scroll 2.4em 0.7em; text-decoration: none; }

/****************************************/ 

/****************************************/
/***** Footer-Bereich ***/

#footer {    
background: #ccebcc url("img/back-footer.gif") no-repeat bottom right;
border-top: 5px #009900 solid;
}
 
.footer_content{	 	 
background: transparent url("img/back-footer-top.gif") no-repeat top left;
}
 
.hellblau {color: #ccebcc;}

a.zumanfang { background: transparent url(img/seitenanfang.gif) no-repeat 0px 4px;}

#footer .valid { background: transparent url(img/valid.gif) no-repeat 0px 0px; }

/****************************************/   

/****************************************/
/***** Content-Bereich ***/
 
.projekt_name {
width: 585px;
height:55px;
background: transparent url(img/back-projektname.jpg) no-repeat;
text-align: center;
margin-top: -10px;
margin-bottom: 1em;
}

.topthema {
	background: transparent url(img/back_topthema.jpg) no-repeat;
	margin-bottom: 1em;
	}

.topthema_bild {
margin-left: 2em;
margin-top: 1em;
}

.grafik {
	background: #b2e0b2;
	text-align: center;
	}
	
.grafik strong {
	text-align: left;
	}	
  	
.breadcrumb {
color: #0081c7;
font-size: 0.9em;
font-weight: bold;	
margin-bottom: 1em;
}

.contentpool_header {
	background: transparent url(img/contentpool-header.jpg) no-repeat scroll left top;
	width: 585px;
	height: 50px;
	margin-top: 2em;
	margin-bottom: -1em;
	}
	
		.box_termine p {
line-height:1.41em;
margin: 12em 0 0 1em;
}
	
.linkbox_header {background: transparent url(img/back-linkbox-oben.jpg) no-repeat scroll left top;}
	
.linkboxecke	{background: transparent url(img/linkbox-ecke.png) no-repeat scroll right bottom;}

.level4 {background: transparent url(img/back-level4-oben.jpg) no-repeat scroll left top;}
	
.level4_footer {background: transparent url(img/back-level4-unten.jpg) no-repeat scroll left bottom;}
	
.level4b {background: transparent url(img/back-level4b-oben.jpg) no-repeat scroll left top;}
	
.level4b_footer {background: transparent url(img/back-level4b-unten.jpg) no-repeat scroll left bottom;}

.bildbox {background: transparent url("img/back_bildbox.jpg") no-repeat 0px 0px;}

.multibox {background: #FFFFFF url(img/multimedia-box-header.jpg) no-repeat scroll left top;}
	
.multibox_header {background: #FFFFFF url(img/multimedia-box-header.jpg) no-repeat scroll left top;}
	
.multibox_footer {background: transparent url(img/multimedia-box-footer.gif) no-repeat scroll left bottom;}

.bilderstrasse {background: transparent url(img/back_bilderstrasse-n.jpg) no-repeat scroll left bottom;}	
	
.audiobox {background: transparent url(img/back-linkbox-unten.png) no-repeat scroll left bottom;}
	
.audiobox_header {background: transparent url(img/back-audiobox-oben.jpg) no-repeat scroll left top;}
	
.audioboxecke	{background: transparent url(img/linkbox-ecke.png) no-repeat scroll right bottom;}
	
.versendenrahmen {border: 1px solid #007fca;}

/****************************************/
/***** A-Z Liste ***/

.abisz {background: transparent url(img/back_archiv.jpg) no-repeat scroll left top;}		

.abisz ul li a {
color: #0081c7;
background: transparent url(img/back-a-bis-z-link.gif) no-repeat scroll left top;
}

a.zumanfang_glossar {
background:url("img/seitenanfang.gif") no-repeat scroll 0 4px transparent;
color:#0081C7;
font-weight:bold;
padding-left:10px;
float: right;
}


/****************************************/

	
/****************************************/
/***** Presse ***/
	
.newsarchiv {background: transparent url(img/back_archiv.jpg) no-repeat scroll left top;}		

.newsarchiv ul li a {
color: #0081c7;
background: transparent url(img/back_archiv_link.gif) no-repeat scroll left top;
}

.date {
color: #0082c8; 
margin: 0 0 0.2em 0;
}

/****************************************/

/****************************************/
/***** Suche ***/

div#pagination
{
	width: 				auto; 
	text-align: 		right; 
}
#pagination ul {list-style-type:none; }

#pagination li {display:inline; margin:0;}

#pagination span.pfeile a
{
	font-size:			11px;
	line-height:		13px;
	background: url('../img/rechts.gif') no-repeat 5px -1px;
	margin: 			2px 0 2px 0;
}

#pagination span.pfeile a:hover, #pagination span a:active{
	background-color: transparent;
	/* border:1px solid transparent; */
}

	#pagination span.pfeilel a
{
	font-size:			11px;
	line-height:		13px;
	background: url('../img/links.gif') no-repeat 5px -1px;
	margin: 			2px 0 2px 0;
}

#pagination span.pfeilel a:hover, #pagination span a:active{
	background-color: transparent;
	/* border:1px solid transparent; */
}

#pagination span
{
	font-size:			11px;
	line-height:		13px;
	margin: 			2px 0 2px 0;
}
#pagination span a{
	background-color:	#cccccc;
	border:1px solid 	#fff;
	color:				#303030;
	padding:			1px 5px 2px 5px;
	text-decoration:	none;
}
#pagination span a:hover, #pagination span a:active{
	background-color: 	#cfcfcf;
	border:1px solid 	#fff;
}

#pagination span.aktuell{
	background-color: 	#cfcfcf;
	border:1px solid 	#fff;
	color:				#303030;
	font-size:			11px;
	padding:			1px 5px 2px 5px;
}

/****************************************/

/****************************************/
/***** Rechte Spalte-Bereich ***/

.rechteseite {background:#FFFFFF url(img/back-box-rechts.jpg) no-repeat scroll left top;}

.presse_back {background:#FFFFFF url(img/back-box-rechts-presse.jpg) no-repeat scroll left top; !important}

.kirchenkreise {background:#FFFFFF url(img/back_kirchenkreise.jpg) no-repeat scroll left top !important;}

.box_klein {background:#FFFFFF url(img/back-box-rechts-klein.jpg) no-repeat scroll left top !important;}

.losungt {
color: #058acf;
font-style: italic;
}

.psalm {
text-align: right;
color: #81949d;
font-style: normal;
}
  
/****************************************/
/***** IE < Version 7 Bug-Fixes ***/

  
* html a.zumanfang {  background: transparent url(img/seitenanfang.gif) no-repeat 0px 4px; font-weight: bold;padding-left: 15px;}
  
  /**
  * TopThema Startseite
  *
  * @workaround
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  */
  
   * html .projekt_name {
		width: 580px;
		height:55px;
		margin-left: -5px;
		background: transparent url(img/back-projektname.jpg) no-repeat;
		text-align: center;
		}
  
  * html .topthema {
  	width: 580px;
  	height:230px;
  	margin-left: 0px;
  	background: transparent url(img/back_topthema.jpg) no-repeat;
  	}
  	
  * html .contentpool_header {
	background: transparent url(img/contentpool-header.jpg) no-repeat scroll left top;
	width: 580px;
	height: 50px;
	margin: 3em 0 -1em -5px;	
	}
	
	* html h2.contentpoolsifr {font-size:120.33%; font-weight:bold; margin: 0em 0 0 2.8em; padding-top:1em;}
	
	/****************************************/
/***** Formulare ***/		
		
/***** Error ***/	

.form_errorbox {
	width: 80%;
	border: 3px solid #af083b;
	background: #e8e0da;
	color: #af083b;
	padding: 20px;		
	font-weight: bold;
}	
	
.form_erfolgbox {
	width: 80%;
	border: 3px solid #08af28;
	background: #e8e0da;
	color: #08af28;
	padding: 20px;		
	font-weight: bold;
}	

.error {
	width: 80%;
	border: 3px solid #af083b;
	background: #e8e0da;
	color: #af083b;
	padding: 20px;		
	font-weight: bold;
	margin-bottom: 20px;
}

.erfolg {
	width: 80%;
	border: 3px solid #08af28;
	background: #e8e0da;
	color: #08af28;
	padding: 20px;		
	font-weight: bold;
	margin-bottom: 20px;
}

/***** Styling ***/
	
.kontaktformular {
	width: 80%;
	border: 1px solid #eeeeee;
	background: url("img/back_tabelle.gif") repeat-x scroll center top transparent;
	padding: 20px;	
	}	

.kontaktformular input[type=text] {
	background: #fff;
	border: 1px solid #ccc;
	height: 18px;
	width: 70%;
	}
	
	.kontaktformular input[type=password] {
	background: #fff;
	border: 1px solid #ccc;
	height: 18px;
	width: 70%;
	}
	
	.button_eintragen {
    background: url("http://www.ekir.de/www/css/img/mehr-pfeil.gif") no-repeat scroll 65px 16px transparent;
    border: 0 none;
    color: #0081C7;
    cursor: pointer;
    font-weight: normal;
    padding: 1em 2.6em 1em 0;
}
	
/*.kontaktformular input[type=submit] {
	background: #4b738b;
	border: 1px solid #ccc;
	height: 18px;
	font-size: 0.8em;
	color: #fff;
	cursor: pointer;
	}	*/
	
	.kontaktformular textarea	{
	background: #fff;
	border: 1px solid #ccc;
	height: 130px;
	margin-top: 10px;
	width: 97%;
	padding: 5px;
	}
		
	.kontaktformular .form_captcha {
	background: #fff;
	border: 1px solid #ccc;
	height: 18px;
	width: 70%;
	}
		
	.form_label { width: 30%; }
	
	.form_field	{	float: right;	}
	
	.clearfix {
display:inline-block;
}
  	
 
}

