



		 	 	 	 	 	 	 	 	 	 	 	


				
					
		
		
		

body {
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	background: #fff url(/images/standard/bg_header.gif) repeat-x;
	text-align: center; /* center IE 5 */	
	color: #000;
	margin: 0;
	padding: 0;
}


a {
	color: #0073cf; 
	text-decoration: none;
}


a:focus {
	background-color: #0073cf; 
	color: #fff; 
}

img {
	border: 0;
}

.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.print {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

#logo_print {
display: none;
}

.nospam,
.skip {
position: absolute;
top: -2000px;
left: -2000px;
}

.zoom {
	position: relative;
	margin-top: -26px;
	margin-left: 5px;
	background: #0073cf url(/images/standard/zoom.gif) 3px 3px no-repeat;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
}

.zoom a {
	display: block;
	width: 18px;
	height: 18px;
	text-decoration: none;
}


hr {
    color: #d6d8d9; /* IE 6 */
	border:	0px;
	border-top: 1px dotted #cfcfd0;
	border-bottom: 	1px dotted #FFF;
	padding: 0;
	margin:	15px 0 15px 0;
	margin /**/: 20px 0 20px 0;
	height:	2px;
}

/*
-----------------------------------------------
Struktur
----------------------------------------------- */

#header {
	width: 952px;
	height: 106px;
	padding: 15px 0;
}

#archiv {
	width: 200px;
	height: 105px;
	border-right: 1px solid #d6d8d9;
	border-left: 1px solid #d6d8d9;
}

#logo {
  float:right;
  padding-right:55px;
	border-right: 1px solid #d6d8d9;
}

#eyecatcher {
  clear:both;
  width:950px;
  height: 246px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #0073cf url(/images/standard/bg_eyecatcher.gif) repeat-y;
}

#eyecatcher #vorfreude {
  position:absolute;
  margin: 70px 0 0 300px;
}

#eyecatcher #kirchentag {
  position: relative;
  float:right;
  width:  229px;    
  height: 246px;
  border-left: 1px solid #FFF;
  background: #0073cf url(/images/standard/oekumenischer_kirchentag.jpg) no-repeat;
}

#content {
	width: 952px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	border-bottom: 1px solid #D6D8D9;
}

#left {
	width: 200px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
}

#left_middle {
  width: 720px;
	float: left;
}

#middle {
	width: 500px;
	padding: 18px 9px 0 9px;
	float: right;
}

#right {
	width: 229px;
	height:20px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	float: right;
}

#footer {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

 /*
-----------------------------------------------
     left
----------------------------------------------- */

#left h1 {
   color: #ff7e22;
   font-size: 12px;
   padding: 9px 19px;
   border-top: 2px solid #7b7b7b;
   border-bottom: 1px dotted #7b7b7b;
   margin:0 0 5px 0;
   background: #FFF;
}

#newsletterbox, #dialogcenter {
  padding-bottom:  10px;
  background-color: #f7f7f7;
  color: #6c6c6c;
} 

#newsletterbox p { 
  padding: 0 10px 5px 19px;
  margin: 0;
}

#newsletterbox input#email {  
  width: 105px;
  height: 14px;
  border-width: 1px;
  padding-right: 15px;
  margin-left: 10px;
  font-size: 11px;
  background: #fff url(/images/standard/icon_sprite.gif) 108px -145px no-repeat;
}

#newsletterbox input.submit {
 font: bold 11px Arial, Versana, sans-serif; 
 background-color:#f7f7f7;
 border:0;
 text-align:left;
 padding:0;
 margin:0 0 0 -2px;
 color: #0073cf;
 cursor: pointer;
} 

#newsletterbox a {  
  font-weight:bold;
}

#dialogcenter ul { 
  list-style:none;
  padding:0;
  margin: 0 0 0 19px;
  line-height: 16px;
}


/*
-----------------------------------------------
     content
----------------------------------------------- */

h1.tab_headline {
    border-bottom: 1px dotted #cfcfd0;
} 

h1.tab_headline span {
  display:inline-block;
  font-size: 12px;
  padding: 8px 12px;
  margin-bottom: -1px;
  border-top: 1px dotted #cfcfd0;
  border-right: 1px dotted #cfcfd0;
  background: url(/images/standard/bg_headline_tab.gif) repeat-x; 
} 

.header_pic { 
	background-color: #D6D8D9;
	margin: 3px 4px 0 4px;
}

.header_text { 
	background-color: #F4F5F5;
	margin: 0 4px 4px 4px;
	padding: 20px 25px 20px 25px;
}

.header_text h1 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0073cf;
	padding: 0;
	margin: 0;
}

.teaser { 
	margin-bottom: 20px;
}

.teaser_text { 
	border-bottom: 1px dotted #cfcfd0;
	padding: 12px;
}


.teaser h2 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

.header_content { 
	background-color: #F4F5F5;
	margin-bottom: 0 20px;
	padding: 40px 25px 20px 25px;
}

.header_content h1 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0073cf;
	padding: 0;
	margin: 0;
}

.content_text { 
	padding: 0 10px 20px 10px;
}

.content_text h1 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0073cf;
	padding: 0;
	margin: 10px 0 20px 0;
}

.content_text h2 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 0;
	margin: 0;
}

.partner img { 
  vertical-align:middle;
  margin: 20px 0;
}


.partner.zdk img { 
  margin: 0 22px;
}

.pic_left { 
	float: left;
	padding: 0 20px 20px 0;
}

.pic_right { 
	float: right;
	padding: 0 0 20px 20px;
}

.pic_right img,
.pic_left img { 
border: 0;
}


/*
-----------------------------------------------
    archiv
----------------------------------------------- */

#archiv h1 {
	font: normal 24px Tahoma, Arial, Verdana, sans-serif; 
	color: #919191;
	padding:0 !important;
	margin: 15px 0 30px 25px !important;
	line-height:0;
}


/*
-----------------------------------------------
Verweise
----------------------------------------------- */


#logo a { background-color: #FFF; }

#kirchentag a, #archiv a.green, #archiv a.red, #archiv a.blue {
  background: url(/images/standard/icon_sprite.gif) no-repeat;
  display:  block;
}

#archiv a.green, #archiv a.red, #archiv a.blue {
 font-weight:bold;
 padding: 0 0 0 15px;
 margin: 0 0 0 8px;
}

#archiv a.green {
	color: #70bc54;
	background-position: 0 -78px;
}

#archiv a.red {
	color: #d52e11;
	background-position: 0 -44px;
}

#archiv a.blue {
	color: #7e97c5;
	background-position: 0 -112px;
}

#eyecatcher #kirchentag a {
  padding: 1px 0 3px 20px;
  width:192px;
  margin: 219px 0 0 9px;
  color: #000;
  background-position: 0 0;
}

#eyecatcher #kirchentag a:hover { color: #0073cf;}

/*
-----------------------------------------------
PAGER
----------------------------------------------- */


				
		
		


.letters {
	display: block;
	padding: 0;
	margin: 20px 0 0 0px;
}

.teaser .letters {
	margin: 20px 0 0 25px;
}

.letters ul {
	margin: 0;
	padding: 0;
}

.letters li {
	float: left;
	list-style-type: none;
	margin: 0 5px 5px 0;
	text-align: center;
	color: #585858;
}

.letters .inaktiv  {
	display: block;	
	width: 17px;
	height: 14px;
	color: #0073cf;
	text-decoration: none;
	background-color: #E5E6E8;
	border: 1px solid #0073cf;
	
}

.letters .aktiv a {
	display: block;	
	width: 17px;
	height: 14px;
	color: #333;
	text-decoration: none;
	background-color: #d1deee;
	border: 1px solid #0073cf;
		
}

*+html .letters .aktiv a {
	padding-top: 2px;
}

.letters .selected a {
	display: block;	
	width: 17px;
	height: 14px;
	color: #fff;
	text-decoration: none;
	background-color: #0073cf;
	border: 1px solid #0073cf;
	
}

*+html .letters .selected a {
	padding-top: 2px;
}


.letters .aktiv a:hover, #letters .aktiv a:focus {
		background-color: #fff;
}



/*
-----------------------------------------------
Formulare
----------------------------------------------- */

#formular { 
	width: 383px;
}

#formular form { 
	padding: 0;
	margin: 0;
}

#formular fieldset {
	border: 1px #ebebec solid;
	margin-bottom: 20px;
	padding: 5px;
	width: 370px;
}

#formular legend {
	background-color: #2489DB;
	color: #fff;
	padding: 2px 5px 2px 5px;
}

#formular input, 
#formular textarea, 
#formular select {
	border: solid #ccc 1px;
	font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
}

#formular textarea {
	overflow: auto;
}

#formular input:focus, 
#formular textarea:focus, 
#formular select:focus {
	border: solid #0073cf 1px;
	background-color: #fff;
}

#formular input:hover, 
#formular textarea:hover, 
#formular select:hover {
	border: solid #2489DB 1px;
	background-color: #fff;
}

#formular .formrow {
	width: 370px;
	padding: 2px 0 2px 0;
	margin-bottom: 3px;
	background-color: #ebebec;
}

#formular .form_button input {
	     background-color:#f7f7f7;
}

#formular .form_button input:hover {

}

#formular .form_small {
	width: 40px;
}

#formular .form_medium {
	width: 200px;
}

#formular .form_big {
	width: 255px;
}


#formular select.form_big {
	width: 267px;
}

#formular .left {
	color: #000;
	float: left;
	width: 90px;
	padding: 3px 0 0 5px;
	margin: 0;
}

#formular .leftcheckbox {
	float: left;
	width: 90px;
	text-align: right;
}

#formular .right {
	color: #000;
	float: left;
	width: 270px;
	padding: 0;
	margin: 0;
}

#error fieldset {
	border: 1px #ff0000 solid;
	padding: 5px;
	width: 370px;
}

#error legend {
	background-color: #ff0000;
	color: #fff;
	padding: 3px;
}

#formular .error {
	border: solid #ff0000 1px;
	background-color: #F4F9FD;
}
 
#formular .texterror {
	color: #ff0000;
}




/*
-----------------------------------------------
Bildergalerie
----------------------------------------------- */

.pics {
	display: block;
}

.pics a {
	display: block;
	width: 75px;
	height: 56px;
	float: left;
	overflow: hidden;
	background-color: #ddd;
	border: 5px solid #f4f5f5;
	margin: 0 10px 10px 0;
	over-flow: hidden;
}

.pics a img {
	display: block;
}

.pics a:hover  {
	background-color: #f4f5f5;
	border: 5px solid #b8cbe3;
}


/*
-----------------------------------------------
Bigsize
----------------------------------------------- */


#bigsize #content {
background: #fff url(/images/bg_shop.gif) repeat-y;
}


#bigsize #middle {
width: 600px;
}

#bigsize #left_middle {
width: 770px;
}

#bigsize #right {
width: 1px;
}

#bigsize #archiv {
display: none;
}

#bigsize #footer_left_right {
width: 770px;
}


/*
-----------------------------------------------
Live
----------------------------------------------- */

.live_content { 

}


#live .letters {
	margin: 20px 0 5px 25px;
}


.live_content a:focus {
	background-color: #0073cf; 
	color: #fff; 
}

.live_content p { 
	padding: 0 0 15px 0;
	margin: 0;
}

.live_content hr {
    color: #ccc; /* IE 6 */
	border:	0px;
	border-top: 1px dotted #cfcfd0;
	border-bottom: 	1px dotted #FFF;
	padding: 0;
	margin:	15px 0 25px 0;
	height:	2px;
}


.live_content h1 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0073cf;
	padding: 0;
	margin: 0 0 15px 0;
}

.live_content h2 { 
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
	margin: 0;
}

.live_content h3 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
	margin: 0;
}

.live_content h4 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
	margin: 0;
	color: #0073cf;
}


.live_download a {
	background: transparent url(/images/live/download.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}

.live_link a {
	background: transparent url(/images/live/link.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}

.live_link_intern a {
	background: transparent url(/images/live/link_intern.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}

.live_video a {
	background: transparent url(/images/live/video.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}

.live_galerie a {
	background: transparent url(/images/live/galerie.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}

.live_audio a {
	background: transparent url(/images/live/audio.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}

.live_pics  {
	background: #f4f5f5;
	padding: 9px 0 0 9px;
	width: 375px;
	margin-bottom: 15px;
}

.live_pics .pic {
	float: left;
	padding: 0 9px 9px 0;
}

.live_pics .pic a {
	border: 0;
	outline: 0;
}


.pic_left_live { 
	float: left;
	padding: 2px 20px 20px 0;
}

.pic_right_live { 
	float: right;
	padding: 2px 0 20px 20px;
}

.pic_big_live { 
	padding: 0 0 15px 0;
}




/* ----- AdmonOnPage ------ */


.admon {
padding: 10px 10px 10px 25px;
background-color: #fff;
border-bottom: 0;
display: block;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom: 15px;
color: #000;
}

.admon a {
color: #000;
text-decoration: underline;
}

.admon_content {
background-color: #fff; /* Hintergrundfarbe der box */
display: block;
margin-bottom: 15px;
}

.admon_new {
padding: 10px 10px 25px 25px;
color: #000;
}

.admon_new a {
color: #000;
text-decoration: underline;
}

#right .admon {
padding-left: 5px;
}

#right .admon_new {
padding-left: 5px;
}

#right .admon_content {
background-color: #f4f5f5; /* Hintergrundfarbe der box */
}

#right h3 {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}

