* {
	margin:0;
	padding:0;
	}

body {
	height:101%;
	background-image:url(../grafiken/hg_multigruen.jpg);
	padding-top:15px;
	}
		
		
h2 {
    padding-bottom:1em;
    font-size:140%;
    color:#004000;
    }		
		
h3 {
    padding-bottom:1em;
    font-size:130%;
    }	
    
p {
   padding-bottom:15px;
   font-size:110%;
   }   	

		
/*Der Container, der alles umschliesst*/
div#haupt_container {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:small;
			margin:auto;
			width:960px;
			background-color:#ffffff;
			}
	
div#header {
	    height:150px;
	    margin:auto;
	    margin-top:0px;
	    width:960px;
            background-image:url(../grafiken/header_bg.jpg);
            background-repeat:repeat-x;
            background-position:top left;
            border:2px outset #f7db22;

	    }
	    
#headertext {
	   /* position:relative;*/
	    margin-top:46px;
	    margin-left:240px;
	    color:#028621;
	    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	    font-size:350%;
	    font-weight:800;
	    letter-spacing:4px;
	    /*float:left;*/
	    }	
	    
#header_logo {
		position:relative;
		margin:0;
		padding:0;
		float:left;
		width:190px;
		height:190px;
		}

#emma {
	position:absolute;
	margin-left:570px;
	margin-top:-50px;
        z-index: 1;
	}			       
	    
#infozeile {
	    width:960px;
	    margin:auto;
	    min-height:30px;
	    padding-top:26px;
	    background-color:#ffffff;
		}	

			
div#site {
	  margin:auto;
	  width:960px;
	  border:2px outset #ffffff;
	  background-color:#FFFFFF;
	  }
		
#infozeile .pfadangabe {
			text-align:left;
			float:left;
			width:800px;
			padding-left:5px;
			}	
			
#infozeile .pfadangabe a {
			  color:#028621;
			  }				
		
#infozeile .datum {
		   text-align:right;
		   padding-left:5px;
		   padding-right:5px;
		   }    
		   
			
/*Der gesamte Teil unter dem Header*/
div#hauptbereich {
		position:relative;
		background-color:#ffffff;
		}
		
/*Fuer die Navitagion*/
div#linke_spalte {
		position:relative;
		top:10px;
		left:0;
		width: 190px;
		background: url(../grafiken/hg_nbox1.jpg) no-repeat bottom left;
                float:left;
		}


/*eigentlicher Inhalt*/
div#inhalt {
	    position:relative;
	    margin:0px 220px 0px 215px;
	    padding:10px;
	    min-height:600px;
	    }
	    
#inhalt p,a {color:#004000;}	
	    
	    
/* in dieser Variante als separates Seitenelement - nicht untergeordnet	*/    
div#rechte_spalte {
		   position:absolute;
		   top:0px;
		   right:0px;
		   margin-top:10px;
		   margin-right:1px;
		   margin-bottom:30px;
		   width:183px;
		   background: url(../grafiken/hg_inhalt_box_re.jpg) no-repeat bottom left;
			}	
#rechte_spalte h2 {
		   padding:6px 2px 3px 12px;
		   font-size:110%;
		   color:#004000;
		   border-bottom:1px solid #f7db22;
		   background: url(../grafiken/hg_top_box_re.jpg) no-repeat top left;
		   }			
#rechte_spalte p {
                  padding:5px 2px 12px 12px;
		  font-size:80%;
                  color:#004000;
                  background: url(../grafiken/hg_inhalt_box_re.jpg) no-repeat bottom left;
		  }    
			
/* ============DIE NAVIGATION=========== */	

#linke_spalte ul {
		  list-style-type:none;
		  background: url(../grafiken/hg_nbox2.jpg) no-repeat top left;		  
		  padding-top:6px;
		 }

#linke_spalte li {
		 display:block;
		 padding-left:15px;
                 padding-bottom:15px;
		 font-size:120%;
		 line-height:2em;
		 font-weight:800;
		  }

#linke_spalte ul li a {
	display: block;
	text-decoration: none;
	color: #028621;
	}
	
/* 1. Ebene */
#linke_spalte ul li a.navi_links {
	/*display:block;*/
	}
#linke_spalte ul li a.navi_links_hover, #linke_spalte ul li a.navi_links:hover {
	display:block;
	text-decoration:underline;
	/*background-color:#f7db22;*/
	font-size:120%;
	font-weight:800;
	letter-spacing:2px;
	}
#linke_spalte ul li a.navi_links_active {
	/*display:block;*/
	/*background-color:#f7db22;*/
	font-size:120%;
	font-weight:800;
	letter-spacing:2px;
	}
#linke_spalte ul li a.navi_links_actifsub {
	/*display:block;*/
	/*background-color:#f7db22;*/
	border-bottom:none;
	font-size:120%;
	font-weight:800;
	letter-spacing:2px;
	}

/* ===========Ende NAVIGATION============*/	


#fusszeile {
	    background-color:#ffffff;
	    }

/* ========== Mailformular==============*/

.mailformular {
		background-color:#e4ebf0;
		width:500px;
		height:auto;
		padding:10px;
		}

.label {
	color:#014A97;
	padding-bottom:8px;
	font-weight:600;
	}
	
.required {
	   color:#014A97;
	   padding-bottom:8px;
	   font-weight:600;
	   }	
	   
.mailforminput {
		border:1px solid #014A97;
		padding:2px;
		margin-bottom:20px;
		width:400px;
		}	
		
.mailformtext {
		border:1px solid #014A97;
		padding:2px;
		margin-bottom:20px;
		width:400px;
		}	
		
.mailformcheck {
		margin-bottom:20px;
		}	
		
.mailformradio {
		}
		
.mailformselect {
		 }
		 
.mailformfile {
		}
		
.mailformreset {
		 padding:2px;
		 color:#014A97;
		 font-weight:bold;
		 margin-top:15px;
		}
		
.mailformsubmit {
		 padding:2px;
		 color:#014A97;
		 font-weight:bold;
		 margin-top:15px;
		 }						 						   


/*=============Ende Mailformular============*/





/* ===========Formulare================== 

	vorerst auskommentiert !!!

form {
	font-size: 100%;
	text-align: right;
}
input , textarea, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 8px;
	padding: 2px;
}

 Mailformular 


form#mailform {
	background-color: #e5ebef;
	border: none;
	padding: 10px;
	width: 500px;
	height: auto;
}
fieldset.csc-mailform {
	border: none;
}
div.csc-mailform-field {
	width: 100%;
	height:auto;
	clear: both;

}
#mailform label {
	display: block;
	width: 180px;
	float: left;
}
#mailform input {
	width: 290px;
	float:right;
}
input#mailformname {

}
input#mailformemail {

}

#mailform textarea{
	width: 290px;
	float:right;
	clear: right;
}
textarea#mailformnachricht {

}
select#mailformessen {
	width: 150px;
	float: right;

}
input#mailformformtype_mail {
	width: 150px;
	background-color:#FF0000;
	color: #ffffff;
}
input.csc-mailform-submit {

}

 ==========Ende Formulare============== */