/* 
	Copyright notice

	(c) 2005-2008 Christian Technology Ministries International Inc.
	All rights reserved

	This template is part of the Web-Empowered Church (WEC)
	(http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries 
	International (http://CTMIinc.org). The WEC is developing TYPO3-based
	(http://typo3.org) free software for churches around the world. Our desire
	is to use the Internet to help offer new life through Jesus Christ. Please
	see http://WebEmpoweredChurch.org/Jesus.

	You can redistribute this template and/or modify it under the terms of the 
	GNU General Public License as published by the Free Software Foundation;
	either version 2 of the License, or (at your option) any later version.

	The GNU General Public License can be found at
	http://www.gnu.org/copyleft/gpl.html.

	This template is distributed in the hope that it will be useful for ministry,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	GNU General Public License for more details.

	This copyright notice MUST APPEAR in all copies of the template! 
*/

/******************************/
/******** Common Styles ********/
/******************************/

#body {
	/*background-color: #cccccc;
	background-image: url(images/body-rpt.gif);
	background-repeat: repeat-x;
	background-position: top left;*/
	/* margin: 0px;
	padding: 0px;*/
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;		
}

#page {
	width: 790px;
	height: 586px;
	/* height: 500px; */
	margin: auto;
	padding:0px;
	border: 1px solid #000000;	
	/* background-color: #FFFFFF; */
	/* 	z-index: 0; */
	position: relative;
	overflow: hidden;
	top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;		
}



/**** Layout Styles *********/
#outer-wrapper-index {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF ;
	margin: 0px;
	padding: 0px;
	height: 396px;
}


#outer-wrapper-index {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF ;
	margin: 0px;
	padding: 0px;
	height: 396px;
}
#inner-wrapper {
	position:relative;
	text-align:left;
	width:100%;
	height: 100%;
	/* background:url("images/left-sidebar-bg.gif") repeat-y top left; */
	margin: 0px;
	padding: 0px;
}
.clearing {
	height: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
}

/******** Header ****/

#header {
	/* height: 136px;*/
	/* background-image: url(images/banner2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	*/
	margin: 0 auto;
	padding: 0 ;/* 
	height: 217px;
	height: 217px;*/
	overflow: hidden;
	
}

#header-index {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	height: 220px;
	
}

#header-small {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	height: 200px;
	
}

#header-index #logo {
	margin: 0;
	padding: 0;
	height: 156px;
	background-image: url(images/kopfbild_startseite.jpg);	
	width: 100%;
}

#trenner1 {
	height: 6px; /* IE / WIN */
	margin: 0px;
	padding: 0px;	
	clear: both;
	position: relative;	
	overflow: hidden;
	background: #FFFFFF;
	z-index: 100;
}

#trenner1-small{
	height: 3px; /* IE / WIN */
	margin: 0px;
	padding: 0px;	
	clear: both;
	position: relative;	
	overflow: hidden;
	background: #FFFFFF;
	z-index: 100;
}

#trenner2 {
	height: 3px;
	margin: 0px;
	padding: 0px;
	clear: both;	
	position: relative;	
	background: #FFFFFF;
	overflow: hidden;		
}

#header #trenner1 {
	height: 0px; /* IE / WIN */
	margin: 0px;
	padding: 0px;	
	clear: both;
	position: relative;	
	overflow: hidden;
}

#header #siteid {
	/* float: left; */
	display: block;
	margin: 0px;
	padding: 0px;	
	overflow: hidden;
}
#header #logo {
	/*float: left; */
	margin: 0;
	padding: 0;
	height: 156px;
	background-image: url(images/kopfbild_startseite.jpg);	
	width: 100%;
	/* overflow: hidden; */
}
#header  #sitename h1 {
	text-align: left;
	/*top: 80px !important;
	top: 100px;
	right: 400px;*/
	margin-top: 50px;
	color: #336699;
	margin-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
}
#sitename h1 a:link, #sitename h1 a:visited, #sitename h1 a:hover {
        color: #336699;
}
#siteslogan h2 {
}
#siteslogan {
	top: -400px;
	left: 100px;
	position: relative;
	/*z-index: -15;*/
}
#siteid {
	top: -600px;
	left: 600px;
	position: relative;
	/* z-index: -15;  */
}


.act {
	color: #00FF00;
}


/******* Main Container ****/

#main {
	position:relative;
	margin:0 auto;
	height: 100%;
	width: 100%;
	color: #000000;
}

/******** Left *******/

#left-col { 
	position:relative;
	float:left;
	width:210px;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	height: 100%;
	overflow: hidden;	
}
#left {
	position: relative;
	width: 210px;
	/* height: 100px;*/
}

#leftpicture {
	height: 100%;
	padding-top: 167px;
	margin-left: -10px; 
	z-index: 10;
	overflow:visible;
	width: 210px;
	
}

#login {
	padding-top: 10px;
}


/********* Search *********/

#search {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}
#searchform .searchbox {
	width: 70px;
	margin-left: 3px;
	border: 1px solid #369;
	font-size: 11px;
	vertical-align: middle;
}
input.searchsubmit {
	/*width: 50px;*/
	font-size: 11px;
	vertical-align: middle;
}

/******* Right ***********/

#right-col {
	position: relative;
	/* top:-10px; */
	float:left;
	width:224px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px; /* actual value */
	/*overflow: hidden; */
/*	height: 369px; */
	height: 100%;
	padding-top: 13px;
	padding-left: 20px;
}


#right-contact {
	width: 160px;
	height: 210px;
	margin-top: 186px;
	/*padding-left: 5px;*/
	float: right;

	}
#right-contact2 {
	width: 210px;
	height: 107px;
	margin-top: 266px;
	/*padding-left: 5px;*/
	float: right;
	}
#right-contact3 {
	width: 210px;
	height: 107px;
	margin-top: 286px;
	/*padding-left: 5px;*/
	float: right;
	}	
	
	
#bild_person {
	margin-top: 14px;
	float:right;
	text-align:right;
	width: 160px;
	height: 160px;	
}

#bild_person img{
	padding: 0px;
	margin: 0px;
}
	
#contact_person {
	width: 135px;
	heigh: 124px;
	margin-top: 25px;
	float: left;
	/* padding-left: 12px; */
}	

.bodytext {
	margin: 0 0 0 0;
	/*white-space: normal;*/
}

	
/*********** Main Styling *********/

#center-col-index {
	/* top:-10px; */
	position:relative;
	padding: 0;
	margin-left: 10px;
	/* margin:0px 220px;*/
	width: 256px;
	overflow: hidden;
	float:left;
	height: 100%;
}
#center-col{
	/* top:-10px; */
	position:relative;
	padding: 0px;
	margin-left: 10px;
	/* margin:0px 220px;*/
	width: 256px;
	overflow: hidden;
	float:left;
	/*border: 1px solid #000000; */
	height: 396px;
	padding-top: 13px;
}

#center-col-single{
	/* top:-10px; */
	position:relative;
	padding: 0;
	margin-left: 10px;
	/* margin:0px 220px;*/
	width: 278px;
	overflow: hidden;
	float:left;
	/*border: 1px solid #000000; */
	height: 396px;
}

#center-col2{
	position:relative;
	padding: 0;
	width: 465px;
	float:left;
	/*border: 1px solid #000000; */
	height: 201px;
	padding-top:25px;
}

#center-col4{
	/* top:-10px; */
	position:relative;
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
	margin-left: 10px;
	/*margin-top: 15px;*/
	/* margin:0px 220px;*/
	width: 250px;
	overflow: hidden;
	float:left;
	/*border: 1px solid #000000; */
	height: 100%;
}

#person2 {
	height: 150px;
	margin-left: 195px;
	margin-top: 10px;
}
#person3 {
	width: 690px;
	height: 300px;
	margin-left: 100px;
}


#pagetitle h2{
	color: #336799;
	font-weight: bold;
}
#main-content {
}

h1,h2,h3,h4 {
	margin:0px 0px 2px 0px;
	font-size: 9pt;
}

a:link, a:visited {
	color: #132951;
}


/******** Footer ****/


#footer {
	margin:0 auto;
	width: 790px;
	clear: none;
}
#bottom-nav {
background-color:#E1E1E1;
float:right;
padding-top:25px;
position:relative;
text-align:center;
top:50px;
height: 30px;
width:195px;
z-index: 1;
}


/********************************************/
/********Horizontal Menu Styles************/
/*********************************************/
/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */

/*		------	Basic style	------		*/




/********************************************/
/********Horizontal Menu Styles************/
/*********************************************/
/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */

/*		------	Basic style	------		*/

#submenu {
	display: block;
	background-color: #e1e1e1;
	height: 24px;
	font-size: 9pt;
	padding: 0;
	background: #d4d4d4;
	color: #000;		
	padding-left:57px;
}
#submenu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	padding-top: 6px;
}
#submenu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 250;
}
#submenu a {
	display: block;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	padding-left: 42px;
	color: #000000;	
}
#submenu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */

#submenu li li ul {
	top: 0px;
	left: 0;
}

/* ...and then place it where it should be when shown */
#submenu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#submenu li ul {
	display: none;
	position: absolute;
}

/* display them on hover */
#submenu li:hover>ul {
	display: block;
	margin-top: 0px !important;
	margin-top: -1px;
}

/* this is needed if you want to style #submenu div - force containment of floated LIs inside of main UL */
#menuList:after {
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}


#mainmenu {
	background-color: #e1e1e1;
	padding-left: 92px;
	font-size: 11pt;
	background: #E1E1E1;
	color: #000;
	height: 25px;
	padding-top:5px;
	list-style-type: none;
}
#mainmenu ul {
	list-style-type: none;
	padding: 0px;
	margin:0px;
}

#mainmenu li {
	float: left;
	padding: 0;
	margin: 0;
}
#mainmenu a {
	text-align: center;
	padding-left: 42px;
	color: #000000;
	text-decoration: none;	
}

/* For Doctype strict, Images in TDs must be block and not inline Elements, otherwise there are empty spaces between the pictures in the team picture*/
td img {
	display: block;
	border: 0px;
}


/* Clear-fix for IE5/Mac \*//*/
#mainmenu a {
	float: left;
}
#menuList {
	display: inline-block;
	text-align: center;
}
/*  */