/* CSS Layout Formatierung */


body { width:90%;
	color: #000;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style: normal;
	background-color:#2E8B57;}
	

.container {
	width:1012px;height:1012px;
	margin-top:0px;padding:5 2;
	background-color: #faebd7;
	background-repeat: repeat-y;
	
}
.masthead {
	text-align: right;
	margin:0px;
	width:100%;
	padding: 0;
	background-color: #cde;
	overflow: hidden;
}

.navigation {width:100%;margin:0px;
	         background-color: #228b22;
	         overflow: hidden;
}

.page_content{background-color:gray;width:1012px;
              margin:0px; height:1012px;}


.column_l {float:left; position:absolute;
	        width:500px;height:1012px;
	        margin:2px;
	        padding: 0px;
	        background-color: #228b57;
}

.column_l p{ color: #FFDEAD;} 
		
.column_l p.textfarbe a {color:#FFF5EE;text-decoration:none;}

.column_l p.textfarbe a:hover {color:#FF7F50;}

.column_l p a {color:#FFF5EE;}

.column_l p a:hover{color:#FF7F50; display:inline-block; text-decoration:none;}

/*img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
 -ie-transition: transform 0.8s;
}
img.zoom:hover {
 cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.0, 2.0);
 -moz-transform: scale(2.0, 2.0);
 -webkit-transform: scale(2.0, 2.0);
 -o-transform: scale(2.0, 2.0);
 -ms-transform: scale(2.0, 2.0);
 -ie-transform: scale(2.0,2.0);
}
*/
.column_r {height:1012px;padding:2px;
           margin-left:510px; width:500px;
           background-color:blue;
	
}

.button{background-color:transparent; width:200px; margin-left:150px;}
               
.button button{background-color:blue; margin-left:5px;
}	

.button button a{color:white; text-decoration:none;}
	
.button button:hover{background-color:#228b22;}
	
.seitenzaehlen{margin-left:250px;}
 
	
.footer {text-align: center;background-color: #228b22;
         width:100%;height:50px;
         float:left;margin: 0px;overflow: hidden;
	     padding: 2px;
}
/* Formatvorlagen für Mastertitel */
 


.masthead h1 { font-size: xx-large; color: #cd853f;
	
}

.masthead p {color: #000;font-size: x-small;
	         text-align: right;margin: 10px 10px 0 10px;
	         
}
/* Formatvorlagen für die Navigation */

.navigation ul {padding:2px; margin-left:300px;
                 width:600px;  }

	 

.navigation li {display:inline-block;
                 padding:2px;
                 margin-left:10px;list-style:none;
                 }



.navigation a {color: #fff5ee;text-decoration:none;
	           margin-left:10px;padding:2px;display:block;
	           border-style: none; text-align:center;
	           margin-right:auto;
 
}

.navigation a:hover  {color:#FF7F50;border-style: none; text-decoration:none;}


/* Inhaltsformatvorlagen */

h1 {color:#ff7f50;font-size: 2.0em;}

h2 {color: #708090;font-size: 1.75em;
	text-shadow: -2px 6px 10px #87ceeb;
	
}

/*Formular Layout */

form { background-color:#4169e1;}

.email{color:#fff5ee;}
	
.email input{color:#228b22;}

.nachricht{color:#fff5ee;}
	
.nachricht textarea{color:#228b22;overflow:hidden;}

.button input{background-color:#ffa500;color:#fff5ee;}


h3 {color: #2f4f4f;font-size: 1.5em;
	text-shadow: -2px 4px 10px #228b22;}


/* Formatvorlagen für Fußzeile */

.footer p {color: #fff;font-size: x-small;
	       margin-top: 2px;margin-bottom: 6px;}

.footer a {color: #fff5ee;text-decoration:none;}
  
.footer a:hover {background-color: #999999;text-decoration: none;}