/* 
	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 {
	margin: 30px 30px 30px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	position: relative;
}

#page {
	width: 790px;
	height: 586px;
	/* height: 500px; */
	margin: auto;
	border: 1px solid #000000;	
	/* background-color: #FFFFFF; */
	/* 	z-index: 0; */
	position: relative;
	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-content {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF ;
	margin: 0px;
	padding: 0px;
	height: 350px;
}

#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-group {
	/* 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;*/
	: hidden;
	height: 217px;
	
}
#header-group #logo {
	margin: 0;
	padding: 0;
	height: 156px;
	background-image: url(images/kopfbild_startseite.jpg);	
	width: 100%;
}

#header-group #trenner1 {
	height: 3px; /* IE / WIN */
	margin: 0px;
	padding: 0px;	
	clear: both;
	position: relative;	
	: hidden;
	background: #FFFFFF;
	top: -3px;
	/* border: 1px solid #FF0000; */
	z-index: 100;
	}
#header-group #trenner2 {
	height: 3px; /* IE / WIN */
	margin: 0px;
	padding: 0px;	
	clear: both;
	position: relative;	
	: hidden;
	background: #FFFFFF;
	/* top: -3px; */
	/* border: 1px solid #FF0000; */
	z-index: 100;
	}




.act {
	color: #00FF00;
}


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

#main {
	position:relative;
	margin:0 auto;
	/* padding:10px; */
	height: 100%;
	width: 100%;
	color: #000000;
}

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

#left-col { 
	position:relative;
	/* top:-10px; */
	/* left:-10px; */
	float:left;
	width:210px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:210px; /* actual value */
	margin: 0;
	padding: 0;
	/* margin:0 0 -10px 0; */
	/* padding:10px; */
	/* background:#c6d3e0; */
	/* border: 1px solid #000000; */
	/* z-index:100;*/
	height: 100%;
	: hidden;	
}
/*
#left {
	position: relative;
	margin-top: 155px;
	bottom: 0px;
	width: 210px;
	height: 100px;
}*/
#leftpicture {
	position: relative;
	/* border: 1px solid #000000;  */
	height: 210px;
	/*margin-top: 200px;*/
	margin-top: 186px;
	margin-left: -10px; 
	z-index: 10;
	:visible;
	width: 210px;
	
}

#login {
	padding-top: 10px;
}

#person {
	float: right
	width: 240px;
	height: 160px;
	margin-left: 465px;
	margin-top: 20px;
}
#contact_person {
	width: 160px;
	heigh: 124px;
	margin-top: 35px;
	float: left;
	/* padding-left: 12px; */
}

#bild_person {
	float:right;
	width: 160px;
	height: 160px;	
}

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

#right-col {
	position: relative;
	/* top:-10px; */
	margin-left: 34px;
	margin-top: 15px;	
	float:left;
	width:224px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px; /* actual value */
	/*: hidden; */
/*	height: 369px; */
	height: 100%;
	float:right;
}
#right-contact {
	background: #e1e1e1;
	z-index: 100;
	width: 150px;
	height: 210px;
	margin-top: 186px;
	padding-left: 12px;
	float: right;
	padding-top: 78px;
	}
	
/*********** Main Styling *********/

#center-col-index {
	/* top:-10px; */
	position:relative;
	padding: 0;
	margin-left: 10px;
	/* margin:0px 220px;*/
	width: 256px;
	: hidden;
	float:left;
	/*border: 1px solid #000000; */
	height: 100%;
}
#center-col{
	/* top:-10px; */
	position:relative;
	padding: 0;
	margin-left: 10px;
	margin-top: 15px;
	/* margin:0px 220px;*/
	width: 256px;
	: hidden;
	float:left;
	/*border: 1px solid #000000; */
	height: 396px;
}
#pagetitle h2{
	color: #336799;
	font-weight: bold;
}
#main-content {
}


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

#footer {
	width: 790px;
	height: 50px;
	margin:0 auto;
	padding:0;
	/* border: 1px solid #000000;	 */
	/* z-index: -5; */
	margin-top: 10px;
	bottom: 0;
	position: relative;
}
#footer a:link, a:visited {
	/* color: #FFFFFF; */
	text-decoration: underline;
	color: #000000;
}
#footer a:hover, a:active {
	/* color: #7DCBFF;*/
	color: #132951;
}
.bottom-nav {
	position:relative;
	/* top:-20px; */
	background-color: #e1e1e1;
	width:150px;
 	float: right; 
/*	clear:both; */
	margin:0;
	padding: 0 auto;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align:center;
	top: 40px;
	/* : hidden; */
	/* z-index: -10; */
	/* color: #FFFFFF; */
}



/********************************************/
/********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	------		*/

#mainmenu {
/*
	display: block;
	text-align: center;
 	margin-top: 6px;	 */
	position: relative;
/* 	border: 1px solid #ff00ff;
	color: #000000;
/* top: -10px;*/	
	border: 0;
	background-color: #e1e1e1;
	padding-left: 92px;
	font-size: 11pt;
	padding-top: 5px;
	background: #E1E1E1;
	color: #000;
	height: 12px;
	height: 26px;
	position: relative;
	list-style-type: none;
}
#mainmenu ul {
	list-style-type: none;
	/* top: -5px; */
	/*padding-top: -6px; */
	
}
#mainmenu li {
	float: left;
	padding: 0;
	margin: 0;
}
#active {
	color: #132951;
}
#mainmenu a {
	display: block;
	/*
	font-size: 11pt;
	text-transform: none;*/
	text-align: center;
	padding-left: 42px;
	color: #000000;
	text-decoration: none;	
	/* color: #132951; */	
	/* font-weight: bold; */
	/* top: 5px; */	

}
mainmenu a:hover{
/* color: #132951; */
}
#mainmenu li li {
/* 	width: 100%; */
}

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

#mainmenu li li ul {
/*	top: 0px;
	left: 0;
	*/
}

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

/* initialy hide all sub menus */
#mainmenu li ul {
/*
	display: none;
	position: absolute;
	z-index: 10;*/
}

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

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

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



#submenu {
/*
	display: block;
	text-align: center;
 	margin-top: 6px;	 */
	position: relative;
	color: #000000;
/* top: -10px;*/	
	background-color: #d4d4d4;
	padding-left: 62px;
	padding-right: 6px;
	font-size: 9pt;
	padding-top: 3px;
	color: #000;
	height: 2px;
	height: 23px;
	maring: 0px;
	position: relative;
	list-style-type: none;
	: hidden;
}
#submenu ul {
	list-style-type: none;
	/* top: -5px; */
	/*padding-top: -6px; */
	
}
#submenu li {
	float: left;
	padding-left: 7px;
	padding-right: 7px;	
	margin: 0;
}
#submenu li active {
	color: #132951;
}
#submenu a {
	display: block;
	/*
	font-size: 11pt;
	text-transform: none;*/
	text-align: center;
	color: #000000;
	color:#000000;
	text-decoration: none;	
	/*color: #132951; */
	/* font-weight: bold; */
	/* top: 5px; */

}


#a:link {
	color: #000000;
}
#a:active {
	color: #132951;
 }

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


.active{
	color: #132951;
	}
	
.bodytext {
	margin: 0 0 0 0;
	padding: 0;
}