/* 
 * part of project: schalch.net
 * copyright: schalch.net - Internet Solutions, Switzerland
 * coder: Thomas Schalch
 * date: 9-2008
 * 
 * Description (de): zusaetzliche CSS-Formatierungen, Test-Dokument
 */


/* #navigation ul li:hover {
	float: left;
	position: relative;
	width: 20%;
	height: 125px;
	padding: 0px;
	margin: 0px;
	text-align: right;
} */

.grey_field {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	position:relative;
	padding: 90px 20px 10px 20px;
	margin: 0px;
	line-height: 25px;
	border-right: 10px solid #AAAAAA;
	}

.grey_field:hover, .grey_field_hover, .grey_field:active {
	position:relative;
	padding: 90px 20px 10px 20px;
	margin: 0px;
	line-height: 25px;
	border-right: 10px solid #AAAAAA;
}

/* TEST
#f1 {	background-color: #8F0000; }
#f2 {	background-color: #982020; }
#f3 {	background-color: #9F4040; }
#f4 {	background-color: #A86060; }
#f5 {	background-color: #AF8080; }
#f6 {	background-color: #B8A0A0; }

#f1:hover {	background-color: #7F0000; }
#f2:hover {	background-color: #8F0000; }
#f3:hover {	background-color: #982020; }
#f4:hover {	background-color: #9F4040; }
#f5:hover {	background-color: #A86060; }
#f6:hover {	background-color: #AF8080; }

*/
/*
echo '#f1 {	';
if ( $_GET['id'] == '1' ) { echo '	background-color: #AF2020; padding: 100px 20px 10px 20px;'; }
else { echo 'background-color: #8F0000;'; }
echo '}
';
echo '#f2 {	';
if ( $_GET['id'] == '2' ) { echo '	background-color: #AFAF20; padding: 100px 20px 10px 20px;'; }
else { echo 'background-color: #8F8F00;'; }
echo '}
';
echo '#f3 {	';
if ( $_GET['id'] == '3' ) { echo '	background-color: #20AFAF; padding: 100px 20px 10px 20px;'; }
else { echo 'background-color: #008F8F;'; }
echo '}
';
echo '#f4 {	';
if ( $_GET['id'] == '4' ) { echo '	background-color: #2020AF; padding: 100px 20px 10px 20px;'; }
else { echo 'background-color: #00008F;'; }
echo '}
';
echo '#f5 {	';
if ( $_GET['id'] == '5' ) { echo '	background-color: #20AF20; padding: 100px 20px 10px 20px;'; }
else { echo 'background-color: #008F00;'; }
echo '}
';
echo '#f6 {	';
if ( $_GET['id'] == '6' ) { echo '	background-color: #AF20AF; padding: 100px 20px 10px 20px;'; }
else { echo 'background-color: #8F008F;'; }
echo '}
';

 */
 
#f1 {	background-color: #8F0000;}
#f2 {	background-color: #6C0013;}
#f3 {	background-color: #490026;}
#f4 {	background-color: #260049;}
#f5 {	background-color: #13006C;}
#f6 {	background-color: #00008F;	padding: 65px 20px 10px 20px;}
 

/* rot-blau
#f1:hover, #f1_hover {	background-color: #AF2020; }
#f2:hover, #f2_hover {	background-color: #8C2033; }
#f3:hover, #f3_hover {	background-color: #692046; }
#f4:hover, #f4_hover {	background-color: #462069; }
#f5:hover, #f5_hover {	background-color: #33208C; }
#f6:hover, #f6_hover {	background-color: #2020AC; }
*/

/*
rot - hellblau
#f1:hover, #f1_hover {	background-color: #7F0000; }
#f2:hover, #f2_hover {	background-color: #8F0000; }
#f3:hover, #f3_hover {	background-color: #982020; }
#f4:hover, #f4_hover {	background-color: #9F4040; }
#f5:hover, #f5_hover {	background-color: #A86060; }
#f6:hover, #f6_hover {	background-color: #AF8080; }
*/
/*
#f1:hover, #f1_hover {	background-color: #AF2020; }
#f2:hover, #f2_hover {	background-color: #AFAF20; }
#f3:hover, #f3_hover {	background-color: #20AFAF; }
#f4:hover, #f4_hover {	background-color: #2020AF; }
#f5:hover, #f5_hover {	background-color: #20AF20; }
#f6:hover, #f6_hover {	background-color: #AF20AF; }
*/

#f1:hover, #f1_hover {	background-color: #AF2020; }
#f2:hover, #f2_hover {	background-color: #8C2033; }
#f3:hover, #f3_hover {	background-color: #692046; }
#f4:hover, #f4_hover {	background-color: #462069; }
#f5:hover, #f5_hover {	background-color: #33208C; }
#f6:hover, #f6_hover {	background-color: #2020AC; }