/* CSS Document */


*       {margin:0px;
         padding:0px}
		 
body   {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		background-color: #CCCCCC;
		padding-bottom:10px;
		}


ul 		{
	position:absolute;
	left:0px;
	}
	
ol 	{list-style:decimal; 
	list-style-type:decimal; }
	
	
h1 {display:none}
h2 {display:none}

.sternliste li {
	list-style-position: outside;
	list-style-image:url(../eye_graphiken/stern2.gif);
	margin-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: auto;


	}
/*menu ul li    { list-style:none; list-style-image:none; background: url(......) left 5px no-repeat; padding:3px 0 3px 13px;}*/
	
	
	
.eyeartliste li {
	margin-left:45px;
	width: 380px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	padding-left: 0px;
	list-style-image:url(../eye_graphiken/forward_gruen.png);
	list-style-position: outside;
	 padding-left: 5px;
	}
	
#pfolioliste {
	position:absolute;
	bottom: 45px;
	left:30px;
}

.portfolioliste li	{

	
	width: 157px;
	margin-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	line-height:1.5;

	list-style-image: url(../eye_graphiken/forward_gruen.png);
	list-style-position: outside;
	padding-left:-5px;
	}	
	
		





a:link		{color:#669933; font-weight: bold;}
a:visited	{color:#669900;font-weight: bold;}
a:hover 	{color:#666666; font-weight: bold;}
a:active 	{color: #006600;font-weight: bold;}



.top {
	text-align:left;
	margin-top:10px;
	
	

}

.back_bordservice {position:absolute;
					right:5px;
					text-align:right;
					font-family:Verdana, Arial, Helvetica, sans-serif;
				}
				
					
#seite {
	position:relative;
	top:25px;
	width:800px;
	height:600px;
	z-index:3;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	visibility: visible;
	}


#seite_lang_transparent {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:1000px;
	visibility:visible;
	z-index:0;

	}
			
.seitenaufbau {
	position: absolute;
	width: 440px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	line-height:1.5em;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: auto;
	left: 0px;
	top: 108px;
	text-align: justify;
	z-index: 1;
	}
		
#seite_lang_destinationen{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:1650px;
	z-index:1;
	background-color: #FFFFFF;
	margin-bottom:20px;

	}

#seite_lang_bordservice{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:1480px;
	z-index:1;
	background-color: #FFFFFF;
	}
	
#seite_lang_links	{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:1050px;
	z-index:1;
	background-color: #FFFFFF;
	}


#seite_lang_eyeart_news{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:2050px;
	z-index:1;
	background-color: #FFFFFF;
	}	

/**/
#seite_lang_bisherige_koops{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:3200px;
	z-index:1;
	background-color: #FFFFFF;
	}		
	
#auge {
	position:absolute;
	left:0px;
	top:23px;
	width:500px;
	height:475px;
	z-index:1;
	margin-left: 300px;
	padding-top: 100px;
	}

.seitenaufbau_referenzen {
	position: absolute;
	width: 440px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	line-height:normal;
	padding-left: 5px;
	padding-top:45px;
	background-color: #FFFFFF;
	height: auto;
	left: 10px;
	top: 70px;
	}






.gruene_worte  {color: #669900}


.auge_bonusmeilen_stiefel {
	height:280px;
	width:96px;
	position:absolute;
	right:0px;
	top: 0px;
	float:right;
	margin-left: 0px;
	padding-left: 0px;
	
}

.auge_bonusmeilen_stiefel img{
	height:280px;
	width:96px;
	
}


.auge_flugobjekt_rakete img{
	height:288px;
	width:92px;
	position:absolute;
	right:50px;
	top: 118px;
	float:right;
	
}




.auge_eyeartnews_pinsel {
	height:252px;
	width:71px;
	position:absolute;
	right:50px;
	top: 118px;
	float:right;	
}


.auge_eyeartnews_pinsel img{
	height:252px;
	width:71px;

	
}

#zwischentitel_eyeart {
	height:25px;
	margin-bottom: 10px;
	right: -20px;
	width: 427px;
	
}

#zwischentitel_eyeart img{
	height:25px;


}


.auge_links_erde img{
	height:84px;
	width:145px;
	position:absolute;
	right:50px;
	top: 118px;
	float:right;
	
}

.auge_destinationen_portfolio img{
	height:169px;
	width:170px;
	position:absolute;
	right:50px;
	top: 118px;
	float:right;
	
}

.auge_funkkontakt_portfolio img{
	height:83px;
	width:407px;
	position:absolute;
	right:50px;
	top: 118px;
	float:right;
	
}

#seitentitel {
	position:absolute;
	margin-top:0px;
	z-index:1;
	width: auto;
	height: 43px;
	right: 50px;
	margin-right: 0px;
	top: 35px;
	background-image: url(eye_graphiken_impressum/9_1_Impressum_Titel.gif);
			}
			
#seitentitel img {
			height:43px;
				}

.zwischentitel {
	height:25px;
	margin-top: 10px;
	margin-bottom: 5px;
	right: -10px;


}
.zwischentitel img {
	height:25px;
	margin-top: 10px;
	margin-bottom: 2px;
}


#eyeart_anker {
	position:absolute;
	left:0px;
	width: 440px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: auto;
	top: 205px;

	

}

#eyeart_text_aktuelloneyeboard{
	position:absolute;
	left:-25px;
	top: 180px;
	width:355px;
}






#eyeart_bild_des_monats_titel {
	position:absolute;
	left:0px;
	height:25px;
	width: 427px;
	top: 370px;
}

#eyeart_comicdiplom_titel {
	position:absolute;
	left:0px;
	height:25px;
	width: 427px;
	top: 780px;
	margin-top: 10px;
}

#eyeart_geheimnis_titel {
	position:absolute;
	left:0px;
	height:25px;
	width: 427px;
	top: 1480px;
}





#eyeart_bild_des_monats {
	position:absolute;
	top:370px;
	width: 440px;
	left: 0px;
}

#eyeart_comicdiplom {
	position:absolute;
	top:830px;
	left: 0px;
	width: 440px;
	
}

#eyeart_geheimnis {
	position:absolute;
	top:1530px;
	left: 0px;
	width: 440px;
	
}











#eyeart_bild_des_monats_schutzperuecke img {
	position:absolute;
	left:5px;
	height:302px;
	padding-bottom:10px;
	padding-top: 0px;
	width: 310px;
}






#eyeart_comicdiplom img {
	
	height:291px;
	width: 210px;
	float: right;
}






#titel_referenzen {
	position:absolute;
	margin-top:0px;
	z-index:1;
	width: auto;
	height: 25px;
	right: 40px;
	margin-right: 0px;
	top: 35px;
			}
			
#titel_referenzen img {
			height:25px;
				}

/*anfang navigation alle seiten*/

#zitat {
	position:absolute;
	width:247px;
	height:550px;
	z-index:1;
	margin-top: 25px;
	margin-left: 10px;
	background-image: url(../eye_graphiken/0_Gruen_links_ohne.gif);
	top: 0;
}

#zitat_navi {
	position:absolute;
	width:247px;
	height:550px;
	z-index:1;
	margin-top: 0px;
	margin-left: 0px;	
	}
	
#zitat_navi li {
		list-style-type:none;
		}
		
#zitat_navi a  {
	width:178px;
	height:31px;
	display:block;
	}
	

#navi_v_home  {
	background-image:url(../eye_graphiken/01_HOME_passiv.gif);
	background-repeat:no-repeat;
	height:31px;
	width:180px;
	position:absolute;
	top: 40px;
	left: 30px;
	z-index: 1;
	background-position:top;
	}
		
#navi_v_flugobjekteye	{
	height:31px;
	width:180px;
	position:absolute;
	top: 71px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/02-FLUGOBJEKT_passiv.gif);
	background-repeat: no-repeat;
		}
		
		
#navi_v_destinationen	{
	height:31px;
	width: 180px;
	position:absolute;
	top: 101px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/03_DESTINATIONEN_passiv.gif);
		}				
		
#navi_v_bonusmeilen	{
	height:31px;
	width: 180px;
	position:absolute;
	top: 133px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/04_BONUS_MEILEN_passiv.gif);
		}
		
#navi_v_bordservice	{
	height:31px;
	width: 180px;
	position:absolute;
	top: 164px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/05_BORDSERVICE_passiv.gif);
		}
		
#navi_v_funkkontakt	{
	height:31px;
	width: 180px;
	position:absolute;
	top: 195px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/06_FUNKKONTAKT_passiv.gif);
		}		
		
#navi_v_eye-art_news	{
	height:31px;
	width: 180px;
	position:absolute;
	top: 226px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/07_EYE_ART_passiv.gif);
		}		
				
#navi_v_links	{
	height:31px;
	width: 180px;
	position:absolute;
	top: 257px;
	left: 30px;
	z-index: 1;
	background-image: url(../eye_graphiken/08_LINKS_passiv.gif);
	border:none;
		}
				
#navi_v_eye	{
	height:181px;
	width: 179px;
	position:absolute;
	top: 320px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	left: 25px;
		}
				
#navi_v_impressum09 	{
	height:21px;
	width: 170px;
	position:absolute;
	left: 30px;
	z-index: 1;
	top: 510px;
	background-image: url(../eye_graphiken/10_IMPRESSUM_passiv.gif);
	background-repeat:no-repeat;
		}
		
#navi_v_impressum09 a:hover { background-image: url(../eye_graphiken/10_IMPRESSUM_aktiv.gif);
	background-repeat:no-repeat;
	}		

#navi_v_home a:hover { background-image: url(../eye_graphiken/01_HOME_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_flugobjekteye a:hover { background-image: url(../eye_graphiken/02-FLUGOBJEKT_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_destinationen a:hover { background-image: url(../eye_graphiken/03_DESTINATIONEN_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_bonusmeilen a:hover { background-image: url(../eye_graphiken/04_BONUS_MEILEN_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_bordservice a:hover { background-image: url(../eye_graphiken/05_BORDSERVICE_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_funkkontakt a:hover { background-image: url(../eye_graphiken/06_FUNKKONTAKT_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_eye-art_news a:hover { background-image: url(../eye_graphiken/07_EYE_ART_aktiv.gif);
	background-repeat:no-repeat;}
#navi_v_links a:hover { background-image: url(../eye_graphiken/08_LINKS_aktiv.gif);
	background-repeat:no-repeat;}
/*ende navigation alle seiten*/


/*indexseite willkommenstext links im gruen*/
#willkommen {
	width:181px;
	position: absolute;
	left: 25px;
	top: 45px;
				}
				
/*indexseite div für animation blinkendes auge*/				
#radiowellen {
	width:181px;
	position:absolute;
	left:25px;
	top:315px;
	}	
	
/*indexseite div für logo*/
#logo {height:488px;
		width:309px;
			position:absolute;
		left:-25px;
		top:31px;
			}
			
#logo img {height:488px;
		width:309px;}		

/*anfang navigation indexseite*/
#navi {position:absolute;
		top:-31px;
		left:0px;
		z-index:1;
		width:500px;
		height:550px;
		border:0px
		
}

#navi a  {
	width:310px;
	height:39px;
	display:block;
	background-repeat: no-repeat;
	}

#navi_dasflugobjekt {
	position:absolute;
	top: 27px;
	left:21px;
	z-index: 1;
	background-image:url(../eye_graphiken_indexseite/1_FLUGOBJEKT_passiv.gif);
	background-repeat: no-repeat;
	height: 39px;
	width: 310px;
	    }

#navi_destinationen {
	position: absolute;
	top: 118px;
	left:222px;
	z-index: 1;
	background-image:url(../eye_graphiken_indexseite/3_DESTINATIONEN_passiv.gif);
	background-repeat: no-repeat;
	height: 39px;
	width: 310px;
		}

#navi_bonusmeilen   {
	position:absolute;
	top: 262px;
	left:304px;
	z-index: 1;
	background-image:url(../eye_graphiken_indexseite/2_BONUS-MEILEN_passiv.gif);
	background-repeat: no-repeat;
	width: 310px;
	height: 39px;
		}

#navi_bordservice	{
	position:absolute;
	bottom:99px;
	left:222px;
	z-index: 1;
	background-image:url(../eye_graphiken_indexseite/4_BORDSERVICE_passiv.gif);
	background-repeat: no-repeat;
	width: 310px;
	height: 39px;
		}

#navi_funkkontakt		{
	position:absolute;
	bottom:11px;
	left:22px;
	z-index: 1;
	background-image:url(../eye_graphiken_indexseite/5_FUNKKONTAKT_passiv.gif);
	background-repeat: no-repeat;
	width: 310px;
	height: 39px;
		}

#navi_dasflugobjekt a:hover { background-image: url(../eye_graphiken_indexseite/1_FLUGOBJEKT_aktiv.gif);
			background-repeat: no-repeat;	}		
#navi_destinationen a:hover { background-image: url(../eye_graphiken_indexseite/3_DESTINATIONEN_aktiv.gif);
			background-repeat: no-repeat;	}	
#navi_bonusmeilen a:hover { background-image: url(../eye_graphiken_indexseite/2_BONUS-MEILEN_aktiv.gif);
			background-repeat: no-repeat;	}	
#navi_bordservice a:hover { background-image: url(../eye_graphiken_indexseite/4_BORDSERVICE_aktiv.gif);
			background-repeat: no-repeat;	}	
#navi_funkkontakt a:hover { background-image: url(../eye_graphiken_indexseite/5_FUNKKONTAKT_aktiv.gif);
			background-repeat: no-repeat;	}
		
/*ende navigation indexseite*/
/*portfolioseite*/	
#seite_portfolio {
	position:relative;
	width:800px;
	height:600px;
	z-index:1;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;


	}
	
#auge_portfolio {
	position:absolute;
	right:0px;
	top:0px;
	width:614px;
	height:600px;
	z-index:1;

	}

#auge_portfolio img  {height:600px}	


/*navigation portfolio - bildwechsel bei hover*/	
#quadrate {
	position:absolute;
	width:157px;
	height:600px;
	z-index:1;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../eye_graphiken_portfolio/0_Hintergrund.gif);
	background-repeat:no-repeat;
	top: 0;
}

#quadrate_navi {
	position:absolute;
	width:119px;
	height:491px;
	z-index:1;
	margin-top: 40px;
	margin-left: 24px;	
	}
	

		
#quadrate_navi a  {
	width:57px;
	height:57px;
	display:block;
	}
	

		
		
#quadrate_navi1 {
	position:absolute;
	top: 0;
	left:0px;
	z-index: 1;
		width: 57px;
	height: 57px;
	background-image:url(../eye_graphiken_portfolio/Port_Seite01_passiv.gif);
	background-repeat: no-repeat;
	    }		
		
#quadrate_navi2 {
	position:absolute;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite02_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;	top: 0px;
	right: 0px;
	    }	
		
#quadrate_navi3 {
	position:absolute;
	top: 62px;
	left:0px;
	width: 57px;
	height: 57px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite03_passiv.gif);
	background-repeat: no-repeat;
	    }		
		
#quadrate_navi4 {
	position:absolute;
	top: 62px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite04_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;
	right: 0px;
	    }	
		
		
#quadrate_navi5 {
	position:absolute;
	top: 124px;
	left:0px;

	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite05_passiv.gif);
	background-repeat: no-repeat;
		width: 57px;
	height: 57px;
	    }		
		
#quadrate_navi6 {
	position:absolute;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite06_passiv.gif);
	background-repeat: no-repeat;
	right: 0px;
	width: 57px;
	height: 57px;
	top: 124px;
	    }	
		
#quadrate_navi7{
	position:absolute;
	top: 186px;
	left:00;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite07_passiv.gif);
	background-repeat: no-repeat;
		width: 57px;
	height: 57px;
	    }		
		
#quadrate_navi8 {
	position:absolute;
	top: 186px;
	left:62px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite08_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;
	right: 0px;
	    }			
		
#quadrate_navi9 {
	position:absolute;
	top: 248px;
	left:0;

	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite09_passiv.gif);
	background-repeat: no-repeat;
		width: 57px;
	height: 57px;
	    }		
		
#quadrate_navi10 {
	position:absolute;
	top:248px;
	left:62px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite10_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;
	right: 0px;
	    }	
		
#quadrate_navi11 {
	position:absolute;
	top: 310px;
	left:0;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite11_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;	    }		
		
#quadrate_navi12 {
	position:absolute;
	top: 310px;
	left:62px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite12_passiv.gif);
	background-repeat: no-repeat;
		width: 57px;
	height: 57px;
	    }	
		
		
#quadrate_navi13{
	position:absolute;
	top: 372px;
	left:0;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite13_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;
	    }		
		
#quadrate_navi14{
	position:absolute;
	top: 372px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite14_passiv.gif);
	background-repeat: no-repeat;
	left: 62px;
		width: 57px;
	height: 57px;
	    }	
		
#quadrate_navi15 {
	position:absolute;
	top: 434px;
	left:0;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite15_passiv.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 57px;
	    }		
		
#quadrate_navi16{
	position:absolute;
	top: 434px;
	left:62px;
	z-index: 1;
	background-image:url(../eye_graphiken_portfolio/Port_Seite16_passiv.gif);
	background-repeat: no-repeat;
		width: 57px;
	height: 57px;
	    }	
#quadrate_navi1 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite01_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi2 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite02_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi3 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite03_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi4 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite04_aktiv.gif);
	background-repeat:no-repeat;}
#quadrate_navi5 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite05_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi6 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite06_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi7 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite07_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi8 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite08_aktiv.gif);
	background-repeat:no-repeat;}
#quadrate_navi9 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite09_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi10 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite10_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi11 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite11_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi12 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite12_aktiv.gif);
	background-repeat:no-repeat;}
#quadrate_navi13 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite13_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi14 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite14_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi15 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite15_aktiv.gif);
	background-repeat:no-repeat;}	
#quadrate_navi16 a:hover { background-image: url(../eye_graphiken_portfolio/Port_Seite16_aktiv.gif);
	background-repeat:no-repeat;}