/* 
	(c)2005 diakonie-station.de
*/

/* ***** GLBOAL settings ***** */

html {font-size:95%}

body {
	margin:0;
	padding:0;
	font-size:98%;
}

* {	font-family: Arial, Helvetica, sans-serif;
	font-size:0.98em;
}

div, p, ul, li, h1, h2, h3, h4, h5 {margin:0; padding:0}

img {border:none}

ul, li {list-style-type:none}

.break {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* ***** BASIC LAYOUT ***** */

/* --- header --- */

#header {width:60em;height:11.063em;margin-bottom:0.5em}
#header img {width:100%;height:100%;display:block}

#header #motto {
	position:absolute;
	top:8.263em;
	width:10.7em;
	padding: 0.3em 0;
}

#header #motto h1 {padding:0 0.5em}		/* menschen in ihrer ..*/

/* --- global placeholding container --- */

#main {width:60em}


/* --- navigation column --- */

#navi {	/* (css for navigation menue put in navigation.css) */
	float:left;
	width:17.6%; /* was: 10.7em */
}

#navi img {vertical-align:bottom}

#navi #motto2 {text-align:center;padding:0.5em 0}

#navi #lang {text-align:center;padding-bottom:1em}
#navi #lang img {margin:0 3px}


/* --- content column --- */

#content {
	float:left;
	width:61%; /* was: 37.5em */
	margin-left:1.9%;
}

#content p {padding-bottom:1em}

/* --- context column --- */

#context {float:right;width:10.7em}

#context .box {width:100%;margin-bottom:1em}
#context .box .content {padding:5px}


/* --- footer --- */

#footer {
	padding-left:5px;
	padding-bottom:20px;
	padding-top:1em;
}

#footer a  {
	font-size:0.75em;
	text-decoration:none;
	vertical-align:bottom;
}

#footer span {
	font-size:1em;
	line-height:1em;
	vertical-align:top;
}

/* --- popup-settings --- */
#popup {padding:0.2em}
#popup p {padding-bottom:0.3em}

/* --- tooltip-settings --- */
 .tooltipheader {
	background:#98cffe;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #00a8eb; 
	padding:2px;
	width:180px;
 }
 
 .tooltipbody {
	background:#CDE8FE;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #00a8eb;
	border-right:1px solid #00a8eb;
	border-bottom:1px solid #00a8eb;
	padding:2px;
	width:180px;
 }

/* --- global font sizes --- */

#main h1 {font-size:1.2em;margin-bottom:0.7em}
#main h2 {font-size:1.1em;margin-bottom:0.5em}
#main h3 {margin-bottom:0.3em}
#main h4 {font-size:0.9em;margin-bottom:0.1em}
#main h5 {font-size:0.8em;margin-bottom:0.1em}

.small {font-size:0.95em}
.smaller {font-size:0.8em}

/* --- additional settings --- */
.contactimage {margin-top:0.1em; margin-bottom:0.1em; vertical-align:middle}
.lexikon {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: -0.5em;
	margin-left: 0em;
}


/* --- tabelle --- */

.table1 {width:100%}

.table1 caption {
	background-color:#00A8EB;
	color:#fff;
	font-size:0.97em;
	font-weight:bold;
	text-align:left;
	border-bottom:9px solid #fff;
	padding:3px 5px;
}

.table1 th {
	background-color:#98CFFE;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
	padding:5px;
}

.table1 th.price {
	color:#98cffe; /* equals bg */
	border-left:1px solid #fff;
}

.table1 td {
	background-color:#DBEFFC;
	padding:5px;
	font-size:0.87em;
	border-bottom:1px solid #fff;
}

.table1 td.price {
	border-left:1px solid #fff;
	vertical-align:bottom;
	white-space:nowrap;
}

.table1 tr.smaller * {font-size:0.98em}

.table2 {width:100%}

.table2 caption {
	background-color:#00A8EB;
	color:#fff;
	font-size:0.97em;
	font-weight:bold;
	text-align:left;
	border-bottom:9px solid #fff;
	padding:3px 5px;
}

.table2 th {
	background-color:#98CFFE;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #fff;

}

.table2 th.price {
	color:#98cffe; /* equals bg */
	border-left:1px solid #fff;
}

.table2 td {
	background-color:#DBEFFC;
	padding:5px;
	font-size:0.87em;
	border-bottom:1px solid #fff;
}

.table2 td.price {
	border-left:1px solid #fff;
	vertical-align:bottom;
	white-space:nowrap;
}

.table2 tr.smaller * {font-size:0.98em}


ul.bullets li {
	background:transparent url(../img/bullet2.gif) 0 0.47em no-repeat;
	padding-left:1em;
	padding-top:0.1em;
}

.coloredBox {
	width: 100%;
	background-color: #DBEFFC;
	background-position: 100%;
	padding: 4px;
}

#breadcrumb {
	padding:0 0 1px 0 !important;
	margin:0 0 0.7em 0;
	font-size:0.9em;
	color:#aaa;
	border-bottom:1px solid #ddd; /* #98CFFE; */
}

/* -- colored content boxes -- */

.contentbox {
	border-top:2px solid #01a5ec;
}

#content .contentbox .text {
	background-color: #dbeffc;
	padding:5px;
}

#content .halfcontentboxes {width:100%}
#content .halfcontentboxes .contentbox {width:48.5%}
#content .halfcontentboxes td {
	vertical-align:top;
	background: #dbeffc;
}
#content .halfcontentboxes td.wspace {background:#fff}
#content div.image {width:100%}
#content .image {
	vertical-align:middle;
	border-top:none !important;
	text-align:center;
	background-color:#DBEFFC;
	overflow:hidden;
	/* padding:5px 0; */
}
#content .image img {vertical-align:top}

#content .contentbox h4 {
	background-color:#98CFFE;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	padding:5px;
	margin:0;
}

.spende {
    text-align:center;
	margin-top:10px;
	font-size:0.8em;
	padding: 2px;
}