* {
	margin:0;
	padding:0;
	}

body {
		height:101%;
		background-color:#e2eaf2;
		margin-top:4px;
		}
		
h2 {
    padding-bottom:1em;
    font-size:120%;
    }		
		
h3 {
    padding-bottom:1em;
    font-size:115%;
    }	
    
p {
   padding-bottom:15px;
   }   	
		
/*Der Container, der alles umschliesst*/
div#haupt_container {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:small;
			color:#014A97;
			width:1000px;
			margin:auto;
			border:1px solid #2861a8;
			background-color:#FFFFFF;
			}

div#header {
	    height:176px;
	    }
	    
#headertext {
	    position:absolute;
	    margin-top:120px;
	    margin-left:20px;
	    color:#FFFFFF;
	    font-size:130%;
	    font-weight:600;
	    }	   
	    
#infozeile {
	    border-bottom:1px dotted #014A97;
	    width:1000px;
	    min-height:20px;
	    background-image:url(../grafiken/hg_infozeile.jpg);
	    background-repeat:repeat-x;
	    background-position:top left;
	    padding-top:6px;
		}	
		
#infozeile .pfadangabe {
			text-align:left;
			float:left;
			width:800px;
			padding-left:5px;
			}	
			
#infozeile .pfadangabe a {
			  color:#014A97;
			  }				
		
#infozeile .datum {
		   text-align:right;
		   padding-left:5px;
		   padding-right:5px;
		   }    
			
/*Der gesamte Teil unter dem Header*/
div#hauptbereich {
		position:relative;
		border:1px solid #FFFFFF;
		}
		
/*Fuer die Navitagion*/
div#linke_spalte {
		position:absolute;
		top:0;
		left:0;
		border:1px dotted #014A97;
		margin:10px 10px 10px 5px;
		width: 185px;
		min-height:400px;
		}


/*eigentlicher Inhalt*/
div#inhalt {
	    /*border:1px solid #014A97;*/
	    margin:10px 220px 10px 215px;
	    padding:10px;
	    min-height:600px;
	    }
	    
#inhalt p,a {color:#014A97;}	

.autor {
	text-align:right;
	font-size:80%;
	font-style:italic;}  
	
.zentrieren {
	    text-align:center;
	    font-weight:bold;
              }

.rahmen1 {
	  border:1px solid #014A97;
	  padding:5px;
	  }              
              	  
	    
	    
/* in dieser Variante als separates Seitenelement - nicht untergeordnet	*/    
div#rechte_spalte {
		   position:absolute;
		   top:0px;
		   right:0px;
		   margin-top:10px;
		   margin-right:10px;
		   margin-bottom:10px;
		   padding:10px;
		   width:180px;
		   background-color:#cad2e9;
		   border-top:1px solid #7493cc;
		   border-right:3px solid #7493cc;
		   border-bottom:3px solid #7493cc;
		   border-left:1px solid #7493cc;
			}	
			
#rechte_spalte p {
		  font-size:80%;
		  padding-bottom:30px;
		  }    
			
/* ============DIE NAVIGATION=========== */	

#linke_spalte ul {
		  list-style-type:none;
		 }

#linke_spalte li {
		 display:block;
		 line-height:2em;
		 font-weight:bold;
		  }

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

/* 2. Ebene */

#linke_spalte ul li a.navi_links2 {
	display:block;
	padding-left:15px;
	border-bottom:1px dotted #7493cc;
	}
#linke_spalte ul li a.navi_links2_hover, #linke_spalte ul li a.navi_links2:hover {
	display:block;
	padding-left:15px;
	background-color:#cad2e9;
	border-bottom:1px dotted #7493cc;
	}
#linke_spalte ul li a.navi_links2_active {
	display:block;
	padding-left:15px;
	background-color:#cad2e9;
	border-bottom:1px dotted #7493cc;
	}
			

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


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