/* Version vom 22. September 2008 */

/* Allgemeine Definitionen, body ist in inhaltscreen.css */
html {
	font-size: 100%;
}
*{
	padding: 0;
	margin: 0;
}

/* Container */
#ausrichtung {
	width: 80em;
	background-color: #FFFFFF;
}
#bild  {
	height:12.5em;
	width: 80em;
}	
#hn {
	width: 60em;
  	height: 3em;
	padding-left: 20em;
	background-color: #B2C66A;
	float: left;
}
#bn {
	width: 58em;
	padding-left: 2em;
	padding-bottom: 0.5em;
	height: 1.5em;
	float: left;
	border-left-width: 20em;
	border-left-style: solid;
	border-left-color: #B2C66A;
  	border-bottom-width: 1px;
  	border-bottom-style: solid;
  	border-bottom-color: #B2C66A;	
}
#left {
 	float: left;
  	width: 20em;
	height: 10em;
	margin-right: -21em;
}
#inhalt {
	padding-left: 2em;
	padding-top: 1em;
	padding-right: 4em;
	width: 50.4em;
	float: right;
	min-height: 50em;
	border-right-width: 3.7em;
	border-right-style: solid;
	border-right-color: #31319C;
	border-left-width: 20em;
	border-left-style: solid;
	border-left-color: #B2C66A;
}
/* Für iFrame */
#inhalt #frami {
	margin: 0;
	padding: 0;
}
#balken {
	float: left;
	height: 50em;
	width: 3.7em;
	background-color: #31319C;
	margin-left: -3.7em;
}
#sn {
	width: 58em;
	height: 1.5em;
	float: left;
	margin-left:20em;
	padding-left: 2em;
  	border-top-width: 1px;
  	border-top-style: solid;
  	border-top-color: #B2C66A	
}
#kirche {
	float: left;
	width: 11.1em;
	height: 4.9em;
	padding-left: 68.9em;
}

/* left container */
#left #un {
	height: auto;
	float:left;
	width:20em;
}
#left #absender {
	float: left;
	width: 18em;
	height: 10em;
	margin-left: 2em;
	margin-top: 5em;
	font-weight: normal;
}
#left #absender a{
	font-weight: bold;
	text-decoration:underline;
	color: #333333;
}
#left #absender a:hover{
	text-decoration:none;
	color: #333333;
}
#left #un .dropdownmenu {
	margin-right: 1em;
	text-transform: none;
	margin-top: 0.5em;
}
#left #un select {
	background-color: #B2C66A;
	border: 1px solid #31319C;
	color: #31319C;
}

/* Hauptnavigation */
#hn .invisible {
	display: none;
}
#hn ul {
	list-style-type: none;
	margin:0;
	padding:0;
	font-weight: bold;
	text-transform: uppercase;
	font-size:1em;
	text-align: center;
}
#hn ul li {
	float:left;

}
#hn .normal {
	color: #31319C;
}
#hn ul li a {
	width:9.3em;
	/*margin-right: 1.7em;*/
	margin-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.05em;
	height:1.6em;
	text-decoration: none;
	display: block;
	background-color: #CECECD;
}
#hn a:hover {
	color: #ffffff;
}
#hn .active {
	color: #ffffff;
	background-color: #31319C;
}

/* Unternavigation */
#un .invisible {
	display: none;
}
#un ul {
	list-style-type: none;
	margin:0;
	padding:0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	text-align: right;
}
#un .normal {
	color: #31319C;
}
#un ul li a {
	height:1.6em;
	text-decoration: none;
	display: block;
	background-color: #CECECD;
	width:15.8em;
	margin-right: 1.0em;
	margin-left: 2.0em;
	margin-top: 1em;
	margin-bottom: 0.1em;
	padding-top: 0.1em;
	padding-bottom: 0.05em;
	padding-right: 1em;
}
#un ul li ul li a {
	text-decoration: none;
	display: block;
	width:15.8em;
	margin-right: 2.0em;
	margin-top: 0em;
	margin-left: 2.0em;
	margin-bottom: 0.1em;
	background-color: transparent;
}
#un a:hover {
	color: #ffffff;
}
#un .active {
	color: #ffffff;
}

/* Pfadnavigation */

#bn ul {
  font-size: 1.1em;
  color: #000000;
  list-style-type: none;
  font-weight: normal;
  font-style: normal;
  margin-top: 0px;
  padding-top: 0px;
  text-align: left;
  float: left;
  margin-left: 0px;
  padding-left: 0px;
}
#bn li {
  float: left;
  margin-left: 0px;
  padding-left: 0px;
}
#bn a:link, #bn a:visited {
  color: #000000;
  text-decoration: none;
}
#bn a:hover {
  color: #000000;
  text-decoration: underline;
}

/* Servicenavigation */
#sn ul {
	list-style-type: none;
}
#sn ul li {
	float: left;
	padding-right: 1em;
}
#sn .invisible {
	display: none;
}
#sn .normal {
  color: #000000;
  float: left;
}

#sn .active {
  color: #000000;
  text-decoration: none;
}
#sn a:link, #sn a:visited {
  color: #000000;
  text-decoration: none;
}

#sn a:hover {
  color: #000000;
  text-decoration: underline;
}


/* Linie unter Inhaltselementen Text mit Bild */
.csc-frame {
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
/* Text mit Bild: Bild links ist 130px */
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	width:130px;
	margin-right: 30px !important;
	float: left;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
	/*width: 360px;*/
	width: 355px;
	float: right;
}
/* Text mit Bild: Bild rechts ist 360px */
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	/*width: 360px;*/
	width: 355px;
}
.csc-textpic-intext-right-nowrap .csc-textpic-image {
	/*width: 360px;*/
	width: 355px;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text {
	width: 130px;
}
.csc-textpicHeader {
	display: none;
}







.inhalt label {
  float: left;
  width: 15em;
}
.logo {
	padding-top: 2em;
	width: 21em;
	padding-right: 0px;
	text-align: left;
	float: left;
	background-color: #B2C66A;
	height: 33.8em;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5em;
	color: #000000;
	text-decoration: none;
	padding-left: 1.1em;
}
.csc-sitemap ul {
  list-style-type: disc;
  line-height: 2.1em;
  list-style-position: inside;
  list-style-image: url(bullet.gif);
}
.csc-sitemap ul a:link, .csc-sitemap ul a:visited {
  color: #383e82;
}
.csc-sitemap ul a:hover {
  color: #ffffff;
}

/* Kontaktformular */
#inhalt form#mailform label {
    width: 150px;
    float: left;
}
#inhalt form#mailform .csc-mailform {
    border-style: none;
}
#inhalt form#mailform input { 
	margin-bottom: 10px;
	width: 300px;
}
#inhalt form#mailform textarea {
	width: 300px;
	margin-bottom: 10px;
}
#inhalt form#mailform .csc-mailform-submit {
	width: 150px;
}