/*																							*/
/* 							 CSS für www.seelsorgeeinheit.ch 								*/
/*								März 2008 													*/
/*------------------------------------------------------------------------------------------*/

body{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:10px;
	width:955px;
	color:#333333;
	

}

/* Alle Bilder ohne Rahmen */
img{
	border:none;
}

div{
}

h1{
font-size:16px;
color:#74A0BF;
}

h2{
font-size:14px;
color:#666666;
}

h3{
font-size:12px;
color:#666666;
}

/* Haupt frame */
#main{
	float:left;
	clear:none;
	width:955px;
	min-height:480px;
	height: auto !important;
	height: 480px;
	background:url(/pagemedia/backgrounds/background_body.jpg);
	background-repeat:repeat-y;
	background-position:center top;	
}

/*################## Navigation mit den Tabs ####################*/
#siteselector{
	float:left;
	clear:none;
	height:89px; 
	background:url(/pagemedia/backgrounds/background_main_top.jpg);
	background-repeat:no-repeat;
	width:955px;
}

#sitenavigation{
	float:left;
	clear:none;
	width:581px;
	height:61px;  
	background:url(/pagemedia/tabs/tab_1.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#sitenavigation a{
	float:left;
	clear:none;
	margin-top:35px;
}
#sitenavigation img{
	float:left;
	clear:none;
	height:25px;
}

#gemeinde_logo{
	float:left;
	clear:none;
	width:290px;
	height:50px;
	background-image:url(/pagemedia/logos/logo_1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

/*#####################################################################*/

#theclock{
	float:left;
	clear:none;
	width:90px;
	height:20px;
	padding-top:5px;
	margin-left:100px;
	background-color:#f4ecd0;
	color:#736e61;
	font-weight:bold;
	font-size:16px;
}

/*########################## Header ######################################################*/
#header{
	float:left;
	clear:none;
	width:955px;
	height:242px;
	background:url(/pagemedia/media/emotion_1.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}

#search{
	float:left;
	clear:none;
	padding-left:42px;
	width:236px;
	height:242px;
}

#searchpg{
	float:left;
	clear:none;
	padding-top:10px;
	padding-left:15px;
	width:176px;
}

.search_field{
	float:left;
	clear:none;
	width:132px;
	height:16px;
	background:url(../../media/header/search_bg.jpg);
	border:none;
	padding:2px 0px 0px 2px;
	font-size:11px;
	line-height:14px;
	color:#8b8b8b;
}


#turm_navi{
	float:left;
	clear:none;
	height:236px;
	width:610px;
}

#turm_navi a{
	margin-left:50px;
}

/* ############################ Kontakt-Infos ########################## */
#contact{
	float:left;
	clear:none;
	width:176px;
	padding-left:15px;
	padding-top:15px;
	color:#FFFFFF;
}

#contact a{
	color:#FFFFFF;
}

/* ##############################################################################################*/

/* ############################## Linker Panel ################################################# */
#left_panel{
	float:left;
	clear:none;
	width:260px;
	min-height:480px;
	height: auto !important;
	height: 480px;
	padding-left:50px;
	line-height:normal;
}

#left_menu{
	float:left;
	clear:none;
	width:195px;
	padding-left:35px; 
	min-height:480px;
	height: auto !important;
	height: 480px;
}

#left_menu ul{
	float:left;
	clear:none;
	display:block;
	margin:0px;
	list-style-type:none;
	font-size:13px;
	width:195px;
	padding:0px;
}
#left_menu ul li{
	float:left;
	clear:none;
	display:block;
	padding-left:0px;
	line-height:30px;
	width:195px;
}

#left_menu ul li a{
	float:left;
	clear:none;
	display:block;
	padding-left:15px; 
	text-decoration:none;
	color:#5b5545;
	width:180px;
}

#left_menu ul li a.menuactive{
	color:#FFFFFF;
}

#left_menu ul li.li_menuactive{
	background-color:#74a0bf;
}

#left_menu ul li.li_menuactive a{
	color:#FFFFFF;
}

#left_menu ul li ul{
	float:left;
	clear:none;
	display:block;
	background-color:#FAF9E2;
	margin-left:0px;
}


#left_menu ul li ul li{
	float:left;
	clear:none;
	display:block;
	line-height:25px;
} 

#left_menu ul li.li_menuactive ul li a{
	color:#333333; 
	padding-left:15px;
}

#left_menu ul li.li_menuactive ul li a.submenu_active{
	color:#DA4B13;
	padding-left:15px;
}

#left_menu ul li ul li a.submenu_active{
	color:#666666;
	padding-left:15px;
}

/*Stufe 3 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#left_menu ul li ul li ul{
	margin-left:10px;
	width:150px;
	font-size:11px;
}
#left_menu ul li ul li ul li{
	width:150px;

}
#left_menu ul li ul li ul li a{
	width:150px;
	
}
/* ####################### Inhalt ############################################*/

#content_panel{
	float:left;
	clear:none;
	width:387px;
	margin-top:15px;
	line-height:18px;
}

#content_panel a{
	color:#34618a;
	text-decoration:none;
}

#content_panel a:hover{
	color:#333333;
}

/* ####################### Rechter Panel #####################################*/

#right_panel{
	float:left;
	clear:none;
	width:180px;
	min-height:480px;
	height: auto !important;
	height: 480px;
	margin-top:15px;
	padding-left:20px;
}

#right_panel h1{
	float:left;
	clear:none;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-left:5px;
	color:#74A0BF;
	border-left:1px solid #74A0BF;
}

#right_panel a:hover{
	color:#333333;
}

/* ##################### Footer ###############################################*/

#footer{
	float:left;
	clear:none;
	width:870px;
	padding-left:85px;
	padding-top:5px;
	height:30px;
	background:url(/pagemedia/backgrounds/background_bottom.jpg);
	background-repeat:repeat-y;
	background-position:center top;	
}

#footer a{
	text-decoration:none;
	color:#333333;
}

/**************************************************************
	MultiBox
	v1.2
**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #4c84ad;
	background-color: #FFF;
	display: none;
	z-index: 2;
}

.MultiBoxLoading {
	background: url(/pagemedia/icons/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(/pagemedia/icons/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #4c84ad;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(/pagemedia/icons/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	padding-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(/pagemedia/icons/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	padding-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(/pagemedia/icons/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/pagemedia/icons/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 60px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}

/*************************************************************/
/*Tabellen repeater*/

.row1{
	background:none;
}

.row1{
	background-color:#EEEEEE;
}

.row2{
	background:none;
	background-color:#FAF9E2;
}

.bottomborder{
	float:left;
	clear:none;
	border-bottom:1px solid #CCCCCC;
	width:100%;
}

/*************************************************************/
.newsstart{
	float:left;
	clear:none;
	width:169px;
	height:14px;
	padding-top:2px;
	background-image:url(/pagemedia//backgrounds/reiter_start.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	border-left:1px solid #74A0BF;
}
.newstab{
	float:left;
	clear:none;
	width:169px;
	height:18px;
	padding-top:2px;
	background-image:url(/pagemedia//backgrounds/reiter_oben.gif);
	background-repeat:no-repeat;
	border-left:1px solid #74A0BF;

}
.newstab a{
	padding-left:5px;
	color:#FFFFFF;
	text-decoration:none;

}

.newstab a:hover{
	color:#000000;
	text-decoration:none;

}

.newsitem{
	padding:5px 5px 20px 5px;
	float:left;
	clear:none;
	width:160px;
	background-image:url(/pagemedia//backgrounds/reiter_unten.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	border-left:1px solid #74A0BF;
	background-color:#FFFFFF;
}

.newsitem a{
	color:#74a0bf;
}

/* ###################### Seiten-Navigation ##################*/

#pagenav{
	float:left;
	clear:none;
	padding-top:10px;
	color:#74a0bf;
}

#pagenav a{
	color:#74a0bf;
}

#rubriken a{
padding-left:5px;
padding-right:5px;
border-right: 1px solid #999999;
}

#rubriken a.active{
color:#000000;
font-weight:bold;

}


/* ###################### Paragrafentemplates ################*/

/*	Standard mit Bild rechts */

#paragraf1r{
	float:left;
	clear:none;
	width:387px;
	padding-bottom:15px;
}

#paragraf1r .pg_image{
	float:right;
	clear:none;
	padding-left:5px;
	padding-right:3px;
	padding-bottom:3px;
}

#paragraf1r .pg_morelink{
	float:left;
	clear:none;
	width:380px;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
}

#paragraf1r .pg_morelink a{
	color:#74a0bf;
}

#paragraf1_left  .gallery1{
	float:left;
	clear:none;
	width:380px;
	padding-top:15px;
}

/*	Standadard mit Bild links */

#paragraf1_left{
	float:left;
	clear:none;
	width:387px;
	padding-bottom:15px;
}

#paragraf1_left .pg_image{
	float:left;
	clear:none;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:3px;
}

#paragraf1_left .pg_morelink{
	float:left;
	clear:none;
	width:380px;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:3px;
}

#paragraf1_left .pg_morelink a{
	color:#74a0bf;
}

#paragraf1_left  .gallery1{
	float:left;
	clear:none;
	width:380px;
	padding-top:15px;
}