/*
  ===============================================================
  GLOBAL
  ==================================
*/

body {
       	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

      }
	

/*===================================*/

table img {display: block;}
td img {display: block;}
tr img {display: block;}
div img {display: block;}
a img {display: block; border:0;}

/*===================================*/

div,table,td,tr, span {
      padding: 0px;
      border: 0;
      margin: 0px 0px 0px 0px;
     }
     
/*===================================*/     
 
#col3 img {padding-bottom: 4px;} 
#col2 img {padding-bottom: 4px;}
                     
p, h1, h2, h3, h4, h5,h6,ol,ul, li
{
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #4d4d4d;	
}                     


	/*=== p-Tag ===*/                     
	p
	{
	color:#4d4d4d;
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	}
                     
	/*=== strong ===*/                     
	strong
	{
	font-weight: bold;
	}

	/*=== H1 ===*/
	h1 
	{
	color:#4d4d4d;
	font-family: verdana;
	font-size:16px;
	font-weight: normal;
	letter-spacing:5px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;	
	}
	/*=== H2 ===*/
	h2
	{
	color:#ED8E32;
	font-family: verdana;
	font-size:14px;
	font-weight: normal;
	letter-spacing:5px;
	padding-bottom:10px;
	text-decoration:none;	
	}
	/*=== H3 ===*/                    
	h3
	{
	color:#ED8E32;
	font-family: verdana;
	font-size:12px;
	font-weight: normal;
	letter-spacing:5px;
	padding-bottom:4px;
	text-decoration:none;	
	}	                     
	/*=== H4 ===*/                    
	h4
	{
	color:#ED8E32;
	font-family: verdana;
	font-size:12px;
	font-weight: normal;
	padding-bottom:4px;
	text-decoration:none;	
	} 
	/*=== H5 ===*/                    
	h5
	{
	color:#4d4d4d;
	font-family: verdana;
	font-size:14px;
	font-weight: normal;
	letter-spacing:2px;
	padding-bottom:4px;
	text-decoration:none;	
	width: 100%;
	display: block;
	float: none;
	clear: both;
 	border-bottom: 1px solid #CBC8C3;
 	margin-bottom: 4px;
	} 
	
	/*=== li ===*/                    
	li
	{
	font-family: arial;
	font-size: 12px;
	color: #4d4d4d;
	font-weight: normal;
	margin-left: 30px;
	}	

.bodytext img 
{
	display: inline;
	
}

/*===============================================================*/

.csc-textpic-caption
{
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial;
	font-size: 10px;
	color: #4d4d4d;	
}                     

/*
  ===============================================================
  LINKS
  ==================================
*/

a:link, a:active, a:visited 
        {
	color: #4d4d4d;
	text-decoration:none;
	font-weight: normal;
        }
        
a:hover {
	text-decoration:none;
	color: #ED8E32;
	}

a img{border: 0;}
/*===============================================================*/



.bodytext a:link,.bodytext a:visited 
        {
	color: #4d4d4d;
	text-decoration:none;
	font-weight: normal;
	border-bottom: 1px solid #ED8E32;
        }
        
.bodytext a:hover {
	text-decoration:none;
	color: #ED8E32;;
	border-bottom: 1px solid #4d4d4d;
	}

/*===============================================================*/

/*
  ===============================================================
  DIV BOXES
  ==================================
*/


#grayBar
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	background-color: #EFEEEC;
	width: 100%; 
	height: 70px;
	display: block;
	z-index: 1;
}

#preload1
{
	display: none;
	background-image: url(menu_on.gif);	
}


#preload2
{
	display: none;
	background-image: url(menu_off.gif);	
}

#total
{
    position : absolute;
    left: 50%;
    top: 0px;
    width: 900px;
    margin-left: -450px;
    display: block; 
    z-index:2; 
    border: 1px solid #EFEEEC;
}


#logo
{
    position: absolute;
    left: 120px;
    top: 13px;
    width: 408px;
    height: 88px;
    display: block; 
    overflow: hidden;
    z-index:3; 
}

#stundenzaehler

{
    position: absolute;
    right: 18px;
    top: 78px;
    width: 200px;
    height: 50px;
    background-image: url(uhr_bg.gif);
    background-repeat: no-repeat;
    display: block; 
    z-index:3; 
	color:#848484;
	
	font-family: arial;
	font-size: 12px;
	font-weight: normal;  
}

.uhrimage img
{
width: 24px;
height: 24px;
display: block;
position: relative;
top: 4px; 
left: 4px;
}

.uhrvalue
{
display: block; 
width: 120px; 
height: 24px; 
position: relative; 
left: 45px; 
top: -17px;
text-align: right;
}

	#stundenzaehler #stunden
	{
	color: #707070;
	display: inline;
	font-weight: bold;
	font-size: 17px;
	}
	
.uhrfooter
{
	display: block; 
	width: 194px; 
	height: 11px; 
	position: relative; 
	top: -18px;
	color:#848484;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;  
text-align: right;	
	
}


/*=== col1: ===*/
#col1
{
	width: 200px;
	/*background-color: yellow;*/
	overflow: hidden;
	float: left;
	display: inline;
        margin-top: 120px;	
}


.contentLeft
{
 border-left: 10px solid white;
 border-right: 20px solid white; 
}

/*=== menu: ===*/
#mm
{
	border-top: 1px solid white;
	border-left: 10px solid white;
	border-bottom: 25px solid white;	
	width: 180px;
	font-family: arial; 
	font-size: 12px;
	z-index: 10;
	margin: 0px 0px 0px 0px;	
	display: block;
}
	
	.mmNo a,.mmNo a:visited
	{
	height: 28px;
	width: 170px;
	display: block;	
	color: #4d4d4d;
	font-weight: normal; 
	line-height: 25px;
	text-indent: 15px;	
	text-decoration: none;
	background-image: url(menu_off.gif);
	background-repeat: no-repeat;
	border-top: 5px solid white;
	border-bottom: none;
	} 
	
	.mmNo a:hover
	{
	height: 28px;
	width: 170px;	
	display: block;
	color: #4d4d4d;
	font-weight: normal; 
	line-height: 25px;
	text-indent: 15px;	
	text-decoration: none;
	background-image: url(menu_on.gif);	
	background-repeat: no-repeat;	
	border-top: 5px solid white;	
	border-bottom: none;	
	}

	.mmAct a,.mmAct a:visited,.mmAct a:hover
	{
	height: 28px;
	width: 170px;	
	display: block;	
	color: #4d4d4d;
	font-weight: normal; 
	line-height: 25px;
	text-indent: 15px;
	text-decoration: none;
	background-image: url(menu_on.gif);	
	background-repeat: no-repeat;	
	border-top: 5px solid white;	
	border-bottom: none;	
	}

/*=== /menu ===*/

/*=== menu level2: ===*/

.mm2No, .mm2Act
{
	border-left: 15px solid white;
	font-family: arial; 
	font-size: 12px;
	color: #F18E31;
	border-bottom: 1px dotted #D4D4D4;
	font-weight: bold;
	width: 150px;	
}	
	.mm2No a,.mm2No a:visited
	{
	height: 16px;
	width: 170px;
	display: inline;	
	color: gray;
	font-weight: normal; 
	line-height: 16px;
	text-decoration: none;
	margin-left: 5px;
	border-bottom: none;	
	} 
	
	.mm2No a:hover
	{
	height: 16px;
	width: 170px;	
	display: inline;	
	color: #F18E31;
	font-weight: normal; 
	line-height: 16px;
	text-decoration: none;
	margin-left: 5px;	
	border-bottom: none;	
	}

	.mm2Act a,.mm2Act a:visited,.mm2Act a:hover
	{
	height: 16px;
	width: 170px;	
	display: inline;	
	color: #F18E31;
	font-weight: normal; 
	line-height: 16px;
	text-decoration: none;
	margin-left: 5px;	
	border-bottom: none;	
	}

/*=== /menu level2 ===*/
/*=== col2: ===*/
#col2
{
	width: 498px;
	overflow: hidden;	
	float: left;
	display: inline;	
        margin-top: 120px;
        border-left: 1px solid #EFEEEC;	
        border-right: 1px solid #EFEEEC;	        
 /*       border-right: 1px solid #D4D4D4; */
        margin-bottom: 45px;       
}

#content
{
	border-left: 15px solid white;
	border-right: 15px solid white;	
	
}


.clear
{
  clear: both;
}

/*======= CONTENTNAVI: =======*/
.contentnavi
{
    display: block;
    font-family: arial;
    font-size: 11px;
    color: #802319;
    float: none;
    text-align: center;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;    
    width: 498px;
    height: 22px;
    line-height: 22px;
    background-color: #EFEEEC;
}

.contentnavi a,.contentnavi a:link, .contentnavi a:visited, .contentnavi a:active
{
  color: #4d4d4d;
  font-weight: normal;
  text-decoration: none; 
  border-bottom: 0px solid white;
}


.contentnavi a:hover
{
  color: #4d4d4d;
  font-weight: normal;
  text-decoration: none;   
  border-bottom: 1px solid #ED8E32;  
}
/*=== col3: ===*/
#col3
{
	
	width: 165px;
	border-left: 20px solid white;
	border-right: 15px solid white;
	overflow: hidden;	
	float: left;
	display: inline;	
        margin-top: 120px;	
}


#col3 a
{
border: 0;
}
/*=== footer: ===*/
#footer
{
	height: 25px;
	width: 900px;
	background-color: #EFEEEC;
	overflow: hidden;	
	float: left;
	display: block;
	overflow:hidden;	
}

#footer_inner
{	
	position: relative; 
	top: 6px;
	left: 640px;
	color: #4d4d4d;	
	font-family: verdana;
	font-size: 11px;
	height: 18px;
	width: 260px;
	overflow: hidden;
}

	#footer_inner a, #footer_inner a:visited
	{
	font-weight: normal;
	border-bottom: 0px;
	color: #414141;
	}
	
	#footer_inner a:hover
	{
	font-weight: normal;
	border-bottom: 0px;
	color: #414141;
	text-decoration: underline;
	}

	.footer_font
	{
	color: #CBC7C4;	
	font-size: 8px;
	font-weight: bold;
	}
	
	
	 
/*=== forms: ===*/


#form
{
	border: 2px solid #CBC7C4;
	padding: 20px;
	padding-bottom: 80px;
	background-color: #F9F9F9;
}

.formBlock
{
	
}
	.formError
	{
	display: block;
	font-family: verdana, arial;
	font-size: 11px;
	color: #ED8E32;		
	font-weight: bold;
	}
	
	.wf_label
	{
	width: 80%; 
	border-bottom: 2px solid #F9F9F9;
	display: block;
	font-family: verdana, arial;
	font-size: 12px;
	color: #4d4d4d;	
	}

	.wf_labelsub
	{
	width: 80%; 
	border-bottom: 2px solid #F9F9F9;
	display: block;
	font-family: verdana, arial;
	font-size: 11px;
	color: #446D8C;	
	}

	.wf_labelsublong
	{
	width: 100%; 
	border-bottom: 2px solid #F9F9F9;
	display: block;
	font-family: verdana, arial;
	font-size: 11px;
	color: #446D8C;	
	}
	
	.wf_input
	{
	display: block;
	border-bottom: 10px solid #F9F9F9;
	}

	.wf_input input
	{
	width: 80%;
	background-color: #F2F2F2;
	border: 1px solid #CBC8C3;
	}
	
	.wf_input input:focus, .wf_input input:hover 
	{
	border:1px solid #ED8E32;
	}
	
	/*=== input_datum ===*/

	.wf_input_datum
	{
	display: block;
	border-bottom: 10px solid #F9F9F9;
	}

	.wf_input_datum input
	{
	width: 17%;
	background-color: #F2F2F2;
	border: 1px solid #CBC8C3;
	}
	
	.wf_input_datum input:focus, .wf_input_datum input:hover 
	{
	border:1px solid #ED8E32;
	}

	/*=== textarea ===*/
	.wf_input textarea
	{
	width: 100%;
	background-color: #F2F2F2;
	border: 1px solid #CBC8C3;
	}
	
	.wf_input textarea:focus, .wf_input textarea:hover 
	{
	border:1px solid #ED8E32;
	}
	
	.wf_inputlong textarea
	{
	width: 100%;
	height: 130px;
	background-color: #F2F2F2;
	border: 1px solid #CBC8C3;
	}
	
	.wf_inputlong textarea:focus, .wf_inputlong textarea:hover 
	{
	border:1px solid #ED8E32;
	}

/*=== /forms ===*/


/*******************
* Frames setzten
*******************/

.box_150
{
 width: 120px; 
 height: 92px;
 float: left; 
 margin: 8px; 
 overflow: hidden; 
 border: 1px solid silver;
 background-color: white;
 padding: 7px 5px 0px 5px;
}


 *+html .box_150
 {
 padding: 7px 5px 3px 5px;
 }
	*html {margin: 4px;}


	

/*********************************
*  Spendenbarometer
*/
.spendenBarometer
{
 font-family: arial; 
 font-size: 12px; 
 color: #4d4d4d;
}

.spendenBarometer .summe
{
 background-image: url('sp_bg3.jpg');
 background-repeat: no-repeat;
 text-indent: 110px; 
 font-weight: bold; 
 font-size: 16px;
 height: 40px; 
 width: 400px;
 line-height: 34px;
}

.spendenBarometer .spenderLine
{}

.spendenBarometer .spender
{
 display: inline;
}

.spendenBarometer .spende
{
 display: none;
}



/********
* Kalender Regenschirmaktion
*/

#regenschrimKalender .termin
{
 border-top: 1px solid silver;
}

.slideshow { height: 120px; width: 160px; margin: auto }
.slideshow img { padding: 0px; border: 1px solid #ccc; background-color: #eee; }