/* CSS fuer Berliner Missionswerk */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #3F4B54;
	background-color: #E0DDD5;
	min-width: 990px;
	padding: 0;
	margin: 0;
	text-align: center;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
}

dfn {
	display: none;
}

#page {
    text-align: left;
    width: 990px;
    margin: 20px auto 100px auto;
    padding: 16px 0 0 0;
	background-color: #ffffff;
}

#head {
    margin: 0;
    padding: 0 20px;
	height: 77px;
	overflow: hidden;
}

* html #head {
	height: 1%;
}

#main {
	clear: left;
    margin: 0;
    padding: 0 20px 60px 20px;
}

* html #main {
	height: 1%;
}


/**** navigation top ****/
#navigation-top {
	text-align: right;
	padding: 0;
	height: 77px;
	overflow: hidden;
	background: url("../img/bg_head.gif") repeat-x;
}

#logo {
	float: left;
	padding: 0 0 0 5px;
}

#navigation-top ul {
	margin: 0;
	padding: 32px 0 0 0;
}

#navigation-top ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
}

#navigation-top a {
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #9966CC;
	text-decoration: none;
	text-transform: normal;
	margin: 0;
	padding: 0;
}

#navigation-top a:hover {
	color: #633399;
}

/**** navigation left ****/
#navigation-left {
	float: left;
	width: 220px;
	margin: 0;
}

* html #navigation-left {
	margin: 4px 0 0 0;
}

#navigation-left ul {
	margin: 0;
	padding: 0;
}

#navigation-left ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#navigation-left ul li ul {
	margin: 0 0 1px 0;
	padding: 0;
}

#navigation-left ul li a {
	display: block;
	margin: 0;
	padding: 0 0 0 1px;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #9966CC;
/*	height: 8px;*/
	background: url("../img/bg_nav_l1.gif") no-repeat bottom;
}

#navigation-left ul li a.curifsub,
#navigation-left ul li a.actifsub {
	background: url("../img/bg_nav_l2.gif") no-repeat bottom;
}

#navigation-left ul li ul li a.last {
	padding: 2px 0 2px 16px;
	line-height: 17px;
	font-weight: bold;
	text-transform: none;
	background: url("../img/bg_nav_l1.gif") no-repeat bottom;
}

#navigation-left ul li ul li a {
	padding: 2px 0 2px 16px;
	line-height: 17px;
	font-weight: bold;
	text-transform: none;
	background: url("../img/bg_nav_l2.gif") no-repeat bottom;
}

#navigation-left ul li ul li a.curifsub {
	padding: 2px 0 2px 16px;
	line-height: 17px;
	font-weight: bold;
	text-transform: none;
	background: none;
}

#navigation-left ul li ul li a.actifsub {
	padding: 2px 0 2px 16px;
	line-height: 17px;
	font-weight: bold;
	text-transform: none;
	background: none;
}

#navigation-left ul li ul li ul li a,
#navigation-left ul li ul li ul li a.act {
	text-transform: none;
	padding: 0 0 0 32px;
	line-height: 17px;
	font-weight: normal;
	background: none;
}

#navigation-left ul li ul li ul li a.last {
	text-transform: none;
	padding: 0 0 5px 32px;
	line-height: 17px;
	font-weight: normal;
	background: url("../img/bg_nav_l3.gif") no-repeat bottom;
}


#navigation-left a:hover {
	color: #633399;
}

#navigation-left a.act,
#navigation-left a.curifsub {
	color: #633399;
}

/**** content ****/

#content {
	margin: 3px 0 0 240px;
}

* html #content {
	height: 1%;
	margin: 8px 0 0 237px;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
	display: block;
	overflow: hidden;
}

* html .clearfix {
	height: 1%;
	overflow: visible;
}

.content-section {
	margin: 10px 0 0 0;
	padding: 0;
}

* html .content-section {
	height: 1%;
}

.content-center {
	float: left;
	width: 470px;
	padding-bottom: 45px;
}

.content-center-start {
/*	float: left;*/
	width: 470px;
}

* html .content-center,
* html .content-center-start {
	height: 1%;
}


.content-center-left {
	float: left;
	width: 230px;
}

.content-center-right {
	margin: 0 0 0 240px;
}

* html .content-center-right {
	margin: 0 0 0 237px;
}

.content-right-container {
	margin: 0 0 0 480px;
}

* html .content-right-container {
	margin: 0 0 0 477px;
}

.content-right {
	margin: 0;
}

h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	padding: 6px 1px 11px 1px;
	margin: 0;
	color: #633399;
}

.csc-header-n1 h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	padding: 6px 5px 0 5px;
	margin: 0;
	height: 20px;
	overflow: hidden;
	color: #ffffff;
}


.content-center .csc-header-n1 h1,
.content-center-start .csc-header-n1 h1 {
/*	background: #9966CC url("../img/bg_content_center.gif") repeat-x;*/
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	background: url("../img/bg_content_center2.gif") repeat-x;
}

.content-center .csc-header-n1 h1.fullwidth {
	width: 700px;
}

.content-right h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 5px 0 5px;
	margin: 0;
	height: 20px;
	overflow: hidden;
	color: #ffffff;
/*	background: #009EE0 url("../img/bg_content_right.gif") repeat-x;*/
	background: url("../img/bg_content_right2.gif") repeat-x;
}

h2,
.csc-projectheader-n1 h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding: 6px 1px 11px 1px;
	margin: 0;
	color: #633399;
}

h3 {
	display: block;
/*	text-transform: uppercase;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	padding: 0 1px;
	margin: 0;
	color: #9966CC;
}

h4 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding: 0 1px;
	margin: 0;
	color: #3F4B54;
}

.content-center ul,
.content-center-start ul {
	list-style-type: disc;
	padding: 0;
	margin: 0;
}

.content-center ul li,
.content-center-start ul li {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 12px;
}

.content-center p,
.content-center-start p {
	font-size: 12px;
	line-height: 15px;
	padding: 0;
	margin: 0;
}

.content-right p {
	font-size: 11px;
	line-height: 13px;
	padding: 0 0 10px 0;
	margin: 0;
}

.content-center a,
.content-center-start a {
	font-size: 11px;
/*	font-weight: bold;*/
	line-height: 15px;
	color: #9966CC;
	text-transform: normal;
	text-decoration: none;
}

.content-center a:hover,
.content-center-start a:hover {
	color: #633399;
}

.content-center h3 a,
.content-center-start h3 a {
	font-size: 12px;
	font-weight: bold;
}


.content-right a {
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #009EE0;
	text-transform: normal;
	text-decoration: none;
}

.content-right a:hover {
	color: #006FAE;
}

.content-right h3,
.content-right h4 {
	text-transform: none;
	font-size: 11px;
	line-height: 13px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	padding: 0 1px;
	margin: 0;
	color: #3F4B54;
}

.content-right h3 a {
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color: #009EE0;
	text-transform: normal;
	text-decoration: none;
}

.content-center .csc-header-n1 {
	padding: 5px 0 0 0;
}

.csc-textpic-left dt {
	float: left !important;
	width: 230px;
}

dd.csc-textpic-caption,
p.news-single-imgcaption {
	color: #3F4B54;
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 0 240px !important;
}

div.csc-textpic-left div.csc-textpic-imagewrap {
	float: none;
}

.csc-textpic-clear {
	clear: left;
}

.csc-textpic-imagewrap {
	margin: 5px 0 15px 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:18px;
}

div.csc-text-filelinks,
div.csc-text-intlinks,
div.csc-text-extlinks {
	margin: 0.75em 0 0 0;
}

.news-list-container {
	margin: 0.75em 0 0 0;
}

.news-single-backlink{
	margin: 0.75em 0 0 0;
}

select {
	font-size: 11px;
	margin: 0 0 5px 1px;
	padding: 0;
	width: 228px;
	height: 15px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

input {
	font-size: 11px;
	margin: 0 0 5px 1px;
	padding: 0;
	width: 228px;
	height: 15px;
	color: #9B9292;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.csc-form-fieldcell input {
	color: black;
	padding: 0 0 0 2px;
}


input.sbm {
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #009EE0;
	text-transform: normal;
	text-decoration: none;
	background: white;
}

input.sbm:hover {
	color: #006FAE;
	cursor: pointer;
}

.content-center input.sbm {
	color: #9966CC;
}

.content-center input.sbm:hover {
	color: #633399;
}

.project-box {
	background-color: #E7D6F4;
	padding: 6px 10px;
	margin: 0 0 12px 0;
}

.project-box p {
	color: #633399;
	font-size: 10px;
}

.project-box h2 {
	color: #633399;
	font-weight: bold;
	padding: 0 1px 0 1px;
}


/*** footer ***/
#footer-start {
	clear: left;
	height: 1px;
	background: url("../img/bg_footer_start2.gif") no-repeat;
}

#footer {
	padding: 2px 0 0 240px;
	clear: left;
	height: 1px;
	background: url("../img/bg_footer2.gif") no-repeat;
}

#footer2 {
	padding: 8px 0 0 240px;
	clear: left;
	height: 1px;
	background: url("../img/bg_footer2.gif") no-repeat;
}

#footer-right {
	margin: 2px 0 0 0;
	padding: 0;
	height: 10px;
	background: url("../img/bg_footer_blue.gif") no-repeat;
}

.footer-center {
	margin: 10px 0 0 0;
	padding: 0;
	height: 10px;
	background: url("../img/bg_footer_mag.gif") no-repeat;
}

#footer a,
#footer-start a,
#footer2 a {
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #9966CC;
	text-transform: normal;
	text-decoration: none;
	padding: 0 10px 0 0;
	margin: 0;
}

#footer a:hover,
#footer-start a:hover,
#footer2 a:hover {
	color: #633399;
}

#toplink {
	position: absolute;
	top: 0;
	left: 0;
}

table.typo3-editPanel {
	margin: 0;
}