/*Style Sheet für Kirchengemeinde Lauf - erstellt von Tommy Bielefeldt */


/* Unterschiede zum Stantard Style sheet sind die drei Container: */
/* content, content_right und pfad. Hier sind die width-Angaben verändert */


/*Für die Optik des Kalenders wird hier ein zweites Stylsheet geladen */
@import url(kg_calendar.css);

/*------------------------------------------------*/
/* Allgemeine Vorgaben, die alle Elemente der Seite betreffen */
/*------------------------------------------------*/
body {	background-color: #ffffff;
		text-align: center; margin: 0px;
		font-family:  Verdana, Helvetica, Arial, sans-serif;
		
	}
	
div.right { text-align: right; }

hr {		width: 80%;
		text-align: center;
		color: #000033;
		noshade;
		size: 1px;
		}
h1.csc-firstHeader{
		font-weight: bold;
		font-size: 16pt;
		font-family: Verdana, sans-serif;
		color: #000000;
		border-bottom: 2px #dddddd solid;
	}
h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		font-size: 16pt;
		font-family: Verdana, sans-serif;
		color: #000000;
		border-bottom: 2px #dddddd solid;
	}

input {
		background-color: #c7c7d3;
	}

textarea {
		background-color: #c7c7d3;
	}

/*------------------------------------------------*/
/* Link-Design allgemein */
/*------------------------------------------------*/
a { 
font-size: 10pt;
font-weight: bold;
color: #000033;
text-decoration: none;
}


a:hover {
font-size: 10pt;
font-weight: bold;
color: #6b4b69;
text-decoration: underline;
}

/*------------------------------------------------*/	
/* Der Pagcontainer dient der Zentrierung der Seite */
/* und umrahmt alle anderen Inhaltselement			*/
/*------------------------------------------------*/
#pagecontainer  { margin: 0px auto;
		 padding: 0px; 
		 width: 800px; 
		 overflow: hidden;
		 text-align: left; 
	}
	
/*------------------------------------------------*/
/* Die Bannerzeile ganz oben auf der Seite */
/*------------------------------------------------*/
#head {height: 133px}

/*------------------------------------------------*/
/* Menu betrifft den schmalen Balken unter dem Banner */
/*------------------------------------------------*/
#menu { background-image: url(balken.jpg); 
		color: #ffffff; 
		padding-top: 130px; 
		height: 20 px;
		padding: 5px;
		font-weight: bold; 
		text-align: right; 

	}

div#menu a {
		color: #ffffff;
		text-decoration: none;
	}

div#menu a:hover {
		color: #ffffff;
		text-decoration: underline;
	}

div#menu a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	
/*------------------------------------------------*/
/* Die Gestaltung des Klickpfad unter dem Menu */
/*------------------------------------------------*/
div#pfad {
		font-size: smaller;
		background-color: #ffffff;
		background-color: #fff; float: left; width: 560px;
		border-bottom: 1px #919191 solid;
		padding-left: 10px;
	}
	
div#pfad a {
		font-weight: normal; 
		color: #33325b;
	}	

/*------------------------------------------------*/
/* Die Navigationsleiste am linken Rand */
/*------------------------------------------------*/
div#submenu {
 		float: left; 
 		width: 200px;
		background-color: #b8b8ff;
		color: #000000;
		background-image: url(menu_back.jpg);
		background-repeat: repeat-y ;
		line-height: 1.5em;
		padding-bottom: 5000px;
                margin-bottom: -5000px;
	}

div#submenu a{font-weight: bold}

div#submenu a:hover{font-weight: bold;
		text-decoration: none}

		
/*------------------------------------------------*/
/* 2Menuebene in der Navigation */
/*------------------------------------------------*/
div.menu2 a{
		font-weight: normal}

div.menu2 a:hover{
		font-weight: normal;
		text-decoration: none}

/*------------------------------------------------*/
/* hier werden die Einzüge der Menuebenen gesteuert */
/*------------------------------------------------*/
.menu1   {font-weight: bold;padding-left: 1em}
.menu2   {background-image: url(); font-weight: light; padding-left: 2em}
.menu3   {font-weight: light; padding-left: 3em}

/*------------------------------------------------*/
/* Das Aussehen eines aktiven Menueintrags der 1,2 und 3 Ebene */
/*------------------------------------------------*/
div.act    {background-color: #000033; 
		background-image: url(menu_act.jpg); 
		color: #ffffff; width= 100%; 
		font-weight: bold;
		padding-left: 1em;
	}
div.act a {color: #ffffff}

span.act a{font-weight: bold; color: #ffffff}

span.act a:hover{font-weight: bold;
		text-decoration: none}

/*------------------------------------------------*/
/* Der Hauptinhaltscontainer der Seite */
/*------------------------------------------------*/
div#content {
		font-size: 0.8em;
		background-color: #fff; 
		float: left; 
		width: 560px;
		border: 0px #919191 solid;
		padding: 10px;
		
	}

/*------------------------------------------------*/	  
/* Die rechte Inhaltsspalte */
/*------------------------------------------------*/
div#content_right { 
		background-image: url(balken_rechts.jpg); 
		background-repeat: repeat-y; 
		float: left; 
		width: 10px;
		padding-left: 10px;
                padding-bottom: 5000px;
                margin-bottom: -5000px;
	}

/*------------------------------------------------*/
/*-      NEWS MODUL OPTIK		        -*/
/*------------------------------------------------*/
div#news {
		position: absolute;
		width: 180px;
		right: 10px;
		top: 200px;
		z-index: 9;
		visibility: visible;
		border: none;
		border-left: 1px #000033 solid;
		padding-left: 10px;
		background-color: #b8b8ff;
		font-size: 12px;
		color: #000000;
		height: 500px;
	}



div#news a:hover {
		color: #470f39;
		text-decoration: underline overline;
	}

div#news h1 {
		font-size: 14px;
		font-weight: bold;
		font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
		text-align: right;
		border-bottom: 2px #470f39 solid;
		color: #000033;
	}

div#news a {
		text-decoration: none;
		color: #000033;
	}

div#news small {
		font-size: 10px;
		color: #7d7d7d;
	}

div.news-list {
		padding: 5px;
		margin-bottom: 10px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		border-right: #999 2px solid;
		border-bottom: #999 2px solid;
		width: 400px;
	}

div.news-list small {
		color: #7d7d7d;
	}

/*------------------------------------------------*/
/*-      LOSUNGEN  OPTIK	                 -*/
/*------------------------------------------------*/

.losung_title {color: #999; 
		font-size: 12 px;
		font-weight: bold;
	}
.losung_vers {color: #000000; 
		font-size: 10px; 
		font-style: italic; 
		text-align: right;
		font-weight: bold;
	}
.losung_text { color: #000000; 
		font-size: 10px; 	
	}
a.losung_lizenz, a.losung_lizenz {font-size: 10px}




/********* rahmen *******************/
DIV.csc-frame-frame1 { background-color: #ececec; padding: 2px 9px 2px 9px; margin: 0px; border: 1px solid #ccc; }
DIV.csc-frame-frame2 { background-color: #e3e3e3; padding: 2px 9px 2px 9px; margin: 0px; border: 1px solid #ccc; }