/**************************************
 *** FARBEN (HINTERGRUND & SCHRIFT) ***
 **************************************/

@media only screen and (min-width: 320px) {
	
	/***************
	 *** CONTENT ***
	 ***************/
	body, #top_page_container{
		background-color: #004389; /* RAL 5005 (BLAU) */
	}
	#content_n_nav_container{
		background-color: #b0b0a9; /* RAL 7038 (GRAU) */
	}
	#balken_container,
	#balken_1024,
	#balken_0768,
	#balken_0320{
		background-color: #E5BE01; /* RAL 1003 (GELB) */
	}
	
	/*************
	 *** TITEL ***
	 *************/
	h1, h2, h3, h4{
		color: #000000;
	}
	
	/***********************
	 *** FOOTER BG-COLOR ***
	 ***********************/
	#footer{
		background-color: #ff0;
	}
	#footer_content_320,
	#footer_content_768,
	#footer_content_1024{
		background-color: #0f0;
	}
	/****************************
	 *** FOOTER SCHRIFT-FARBE ***
	 ****************************/
	#footer,
	#footer a{
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover{
		text-decoration: underline;
	}
	
	/*********************
	 *** SEITE KONTAKT ***
	 *********************/
	/*** EINGABE-FELDER ***/
    input.kontakt_form, textarea.kontakt_form, a.kontakt_form,
    textarea.kontakt_form{
		color: #000;

		border: solid #000000 1px;
	}
	/*** SENDEN BUTTON ***/
    a.kontakt_form{
        color: #ffffff;

		background-color: #9c844d; /* Safari 5.1 */
        background: linear-gradient(to top, #bfae7e, #9c844d);

		border: solid #000000 1px;
    }
    a.kontakt_form:hover{
        background-color: #9c844d; /* Safari 5.1 */
        background: linear-gradient(to bottom, #bfae7e, #9c844d);
    }
	a.kontakt_form{
		color: #000000;
	}
}


@media only screen and (min-width: 1024px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}
@media only screen and (min-width: 320px) and (max-width: 767px) {

}