/* ----------------------------------------------------------------
	CSS: kirchendach-lengerich
	Version: 1.1
	Date: 18.05.2010
	www.florian-diederich.de
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

body {
	margin:0px; padding:0px;
	text-align:left;	
	color:#000000;
	font-size:101%;
	line-height:16px;
	font-family:trebuchet MS,Arial, Helvetica, sans-serif;
	background: #fff;
}

/* global */

a {color:#657d39;text-decoration:none}
a:hover {text-decoration:underline}

p  { margin-bottom:0.5em}

hr {
background-color: #80b280; /* Farbe f�r Opera und Firefox */ 
color: #80b280; /* Farbe f�r Internet Explorer (IE) */
border: 0; 
height: 1px; 
noshade;
}


h1 {color:#006600;}

img {border:0px}

#logo {

	position:absolute;
	left:60px;
	top:99px;
	z-index:3;
}

/* positioning-layers */

#horizontal {

	position:absolute
	top:0px;
	left:0px;
	width:100%;
	height:300px;
	background: transparent  url("images/overall-bg.gif") 0px 0px repeat-x;
}



#overall {
position:absolute;
top:100px;
left:50px;
	float:left;
	margin-top:0px;
	width:767px;
	height:auto;
	background:white;
}


#header {
	width:762px;
	height:200px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	background: transparent;

}

#header #banner {float:left}
#header #spenden {
	margin-left:5px;
	float:left;
	width:150px;
	height:200px;
}

#menu {
	font-size:12px;
	background:transparent;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	width:602px;
	height:31px;
	background: #808080;
	text-transform:uppercase;
}


#menu ul {
	float:left;
	background:transparent
	list-style:none;
	margin-top:3px;
}
#menu ul li {
	list-style:none;
	height:auto;
	float:left;
	padding-top:0px;
	
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #fff;
}


#menu ul li  a {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:13px;
	color:#fff;
}
#menu ul li a:hover {color:#fff;}
#menu ul li.act a {color:#fff}



#main {
	float:left;
	margin-bottom:20px;
}

#main #inhalt {
	font-size:12px;
	color:#2a352b;
	float:left;
	width:240px;
	min-height:200px;
	padding:25px;
	padding-top:12px;
	margin-left:5px;
	text-align:justify;
	background:#f3f3f3;
}


#main #inhalt h1.csc-firstHeader {
	float:left;
}

*html div#main #inhalt h1.csc-firstHeader {
}

#main #inhalt h1 {
	float:left;
	clear:both;
	width:240px;
	color:#666666;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	margin-bottom:0.5em;

}



#main #inhalt h2 {
	float:left;
	clear:both;
	width:240px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.5em;
}




#main #inhalt ul, ol {
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
}

#main #inhalt ul li {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-left:16px;
}

#main #inhalt ol li {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-left:22px;
}

#main #inhalt ul.green {
	padding:10px;
	background: #81b380
}

#content-trenner {
	width:100%;
	height:13px;
	background: url("images/line.gif") top left repeat-x;
}



#main #inhalt p {
	font-size:12px;
}



/* Text mit Bild */
#main #inhalt .csc-textpic img {
	margin-left:-25px;
	margin-top:-12px;
	padding:0px;
	margin-bottom:12px;
}

/* im Text rechts */
#main #inhalt .csc-textpic-intext-right .csc-textpic-imagewrap {}
#main #inhalt .csc-textpic-intext-right .csc-textpic-imagewrap dt img {}
#main #inhalt .csc-textpic-intext-right .csc-textpic-text  {}
#main #inhalt .csc-textpic-intext-right .csc-textpic-text  h2 {}
#main #inhalt .csc-textpic-intext-right dt span.rgmediaimages-player { 
	clear:both;
	margin:0px;
	padding:0px;
}


/* im text links */
#main #inhalt .csc-textpic-intext-left .csc-textpic-imagewrap {float:left}
#main #inhalt .csc-textpic-intext-left .csc-textpic-imagewrap dt img {}
#main #inhalt .csc-textpic-intext-left .csc-textpic-text  {}
#main #inhalt .csc-textpic-intext-left .csc-textpic-text  {}
#main #inhalt .csc-textpic-intext-left dt span.rgmediaimages-player { 
	margin:0px;
	padding:0px;
}


/* linke Spalte */
#main #left {
	float:left;
	width:257px;
	margin-left:5px;
	padding:25px;
	padding-top:12px;
	border:0px solid blue;
	font-size:12px;
	color:#424242;
	background:#f6f8e6;	
}

#main #left h1{
	font-size:18px;
	text-align:left;
	width:257px;
	color:#000;
	font-weight:normal;
	margin-bottom:0.5em;
}

#main #left .csc-textpic img {
	margin-left:-25px;
	margin-top:-12px;
	padding:0px;
	margin-bottom:12px;
}


/* rechte Spalte */
#main #right {
	margin-top:-35px;
	padding-bottom:12px;
	float:right;
	width:150px;
	font-size:11px;
	margin-left:10px;
	padding-left:0px;
	border:0px solid green;
	color:#666666;
	border-bottom:1px dotted #666666;
}


#main #right h1 {
	font-size:12px;
	line-height:30px;
	color:#ffa900;
	font-weight:normal;
	border-bottom:1px dotted #666666;
	margin-bottom:12px;
}

#main #right h2,h3 {color:#666666;margin:0px;}


#main #right hr {
background-color: #80b280; /* Farbe f�r Opera und Firefox */ 
color: #80b280; /* Farbe f�r Internet Explorer (IE) */
border: 0; 
height: 1px; 
noshade;
}






#footer {
	float:right;
	width:150px;
	font-size:11px;
}

#footer  a {
	color:#666666;
}


/* Formular */
#main #inhalt form {clear:both}

#main #inhalt .csc-mailform {
	border:0px;
	font-size:11px;
	color:#000;
}

#main #inhalt .csc-mailform-field {
border:1px solid white
}

#main #inhalt .csc-mailform-field label {
	float:left;
	width:80px;
}

#main #inhalt .csc-mailform-field input, textarea {
	border:0px;
	margin-top:5px;
	border:1px solid black;
}

#main #inhalt .csc-mailform-field input#mailform374Vorname {
	width:150px;
}

#main #inhalt .csc-mailform-field input#mailform374Nacnhname {
	width:150px;
}

#main #inhalt .csc-mailform-field input#mailform374Betreff {
	width:150px;
}

#main #inhalt .csc-mailform-field textarea {
	width:225px;
}

#main #inhalt .csc-mailform-field input#mailform374formtype_mail {
	margin-left:80px;
}


#yymenu a {
	background: transparent url("images/subnavi-bg.png") 0px 0px;
	border-bottom:0px dotted #ffffff;
	color:#ffffff;
	display:block;
	font-family:Arial,Helvetica,Geneva,SunSans-Regular;
	font-size:11px;
	font-weight:normal;
	margin:0px;
	padding:3px;
	text-decoration:none;
}
#yymenu a.last {
	border-bottom:0px solid white;
}
#yymenu {
	background-color:#ffffff;
}
#yymenu > div {
}
#yymenu a:hover {
}
#yymenu .mmContent div.mmlink a.submenu:hover {
}
#yymenu .mmLevel1, #yymenu .mmLevel2 {
	border-top:0px dotted #c5c5c5;
	border-bottom:7px solid white;
	margin-bottom:10px;
}

#yymenu .mmLevel2 {
	position:absolute;
	top:-20px;
	left:0px;
}

#yymenu .sub {
	background-image:url(../../images/ypmenu_pfeilg.gif);
	background-position:right center;
	background-repeat:no-repeat;border:1px solid green;
}
#yymenu .mmContent {
}
#yymenu .mmLevel1 {
}