/*
Design by Thomas Stadler
http://www.thomasstadler.at
for Gratisflug.com 
*/


body {
	margin: 0;
	padding: 0;
	background: #ffcc00 url(media/bg/g.jpg) repeat-y;
	font-size: 14px;
	color: #333;
}

#dasganze {
	float: left;
	width: 894px;
	margin: 25px 2% 20px;
	position: relative;
}

#header {
	width: 900px;
	height: 120px;
	position: relative;

}

h1 {position: relative; margin: 0; padding: 0; width: 300px; height: 120px; text-indent: -9999px; background: #fff;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus  {background:url(media/bg/header.gif) no-repeat;text-decoration:none;display:block;border:none;margin:0;padding:0;width:100%;height:100%;}

h1 span {
	position: absolute;
	top:78px;
	left: 105px;
	text-indent:0;
	width:500px;
	height: 20px;
	font: normal 12px/26px Helvetica, HelveticaNeue, Arial, sans-serif;  
	color: #333;   
}


.slogan {
	position: absolute;
	bottom:0; right: 0;
	width: 600px;
	border: none;
	font: normal 124px/1 Times New Roman, Helvetica, HelveticaNeue, Arial, sans-serif;  
	text-align: right;
	color: #fff;
	background: transparent;
}




#sidebar{
	float: left;
	width: 301px;
	margin: 0; padding: 0;
}


#menu {
	height: 300px;
	width: 300px;
	margin: 0 0 40px; padding: 0;
	background: #000;
}

#menu p{
	font: normal 125px/126px Helvetica, Arial, sans-serif; 
	color: blue;
	margin: 0 0 5px 10px; 
	padding: 8px 0 10px 0;    
}

#menu .side span {
	position: absolute;
	top: 160px;
	right: 4px;
	font: normal 12px/22px Helvetica, Arial, sans-serif;    
	color: #fff; 
	text-align: right; 
}


#menu ul {      
	list-style: none;     
	margin: 0;      
	padding: 0;
}

#menu li {      
	display: block;
	margin:0; 
	width: 285px; 
	height: 30px;
	margin: 0px 0 0 7px;
	border-bottom: 1px dotted #999;
}

#menu a {     
	display: block; 
	width: 100%;  
	height: 100%;               
	text-transform: none;      
	text-decoration: none;      
	margin: 0;      
	padding:0 0 0 35px;      
	font: 14px/26px Helvetica, Arial, sans-serif; 
	letter-spacing: 1px;
	color: #999; 
	background: url(media/bg/men1.gif) no-repeat; 
}


#menu a:hover {     
	background: url(media/bg/men2.gif) no-repeat; 
	color: #fff; 
}

#menu a.open{     
	background: url(media/bg/men2.gif) no-repeat; 
	color: #fff; 
}


body#home #menu li.home a{background: url(media/bg/men2.gif) no-repeat;}
body#buchen #menu li.buchen a{background: url(media/bg/men2.gif) no-repeat;}
body#sparen #menu li.sparen a{background: url(media/bg/men2.gif) no-repeat;}
body#faq #menu li.faq a{background: url(media/bg/men2.gif) no-repeat;}
body#flughafen #menu li.flughafen a{background: url(media/bg/men2.gif) no-repeat;}
body#reiseziele #menu li.reiseziele a{background: url(media/bg/men2.gif) no-repeat;}
body#about #menu li.about a{background: url(media/bg/men2.gif) no-repeat;}


#menu li a span {
		font: normal 12px/18px  Arial, Sans-Serif;
		text-transform: regular;   
		letter-spacing: 0px;
		display: none;
		text-decoration: none;
		color: green;
}


#menu li a:hover span {
		display: inline;
}












#sidebar .textbox{
	margin: 10px 0; padding: 0;
	background: #fff;
	border: 1px solid;
	width:300px;  
}


#sidebar .textbox p{
	font: normal 16px/22px Helvetica, Arial, sans-serif; 
	margin: 5px;     
}



#sidebar .werbebox {
	margin: 10px 0; padding: 0;
	border: 1px solid;
	height: 250px;
	width:300px;  
	background: #eee;
}

#sidebar .werbebox p{
	font: normal 16px/1 Helvetica, Arial, sans-serif; 
	margin: 0px; padding: 0px;     
}


#sidebar .werbebox a{
	margin: 0px; padding: 0px;     
}

#sidebar .destination{
	margin: 30px 0; padding: 0;
	border: 1px solid;
	height: 160px;
	position: relative;
}

#sidebar .destination:before{
	content:"Reiseziele. Diesmal nach";
	font: normal 16px/22px Helvetica, Arial, sans-serif; 
	text-align: right;
	position: absolute;
	top:-20px;
	right: 0;
	width: 200px;
}


#sidebar .destination a {position: relative; margin: 0; padding: 0; text-indent: -9999px; float: left; width:100%, height: 100%;}
#sidebar .destination a:link, #sidebar .destination a:visited, #sidebar .destination a:active, #sidebar .destination a:focus  {background:url(media/bg/destination.png) no-repeat 0 0;text-decoration:none;display:block;border:0; top: 90px; left: 240px; margin:0;padding:0;width:55px; height: 55px; z-index:100;}
#sidebar .destination a:hover {background:url(media/bg/destination.png) no-repeat 0 100% ; z-index:100;}



#sidebar .destination strong{
	display: block;
	position: absolute;	
	width: 230px;
	height: 45px;
	top: 0;
	right: 10px;
	font: normal 45px/45px Helvetica, Arial, sans-serif; 
	text-align: right;
}


.edinburgh {background: #fff url(media/destination/edinburgh.jpg);}
.london {background: #fff url(media/destination/london.jpg);}
.wien {background: #fff url(media/destination/wien.jpg);}
.pisa {background: #fff url(media/destination/pisa.jpg);}
.florenz {background: #fff url(media/destination/florenz.jpg);}
.stockholm {background: #fff url(media/destination/stockholm.jpg);}
.luxembourg {background: #fff url(media/destination/luxembourg.jpg);}
.berlin {background: #fff url(media/destination/berlin.jpg);}
.rom {background: #fff url(media/destination/rom.jpg);}
.venedig {background: #fff url(media/destination/venedig.jpg);}




#inhalt {
	float: right;
	width: 560px;
	margin: 0; padding: 10px;
	border: 1px solid #000;
	background: #fff;
}


#inhalt h2{
	margin:0 0 10px 0; padding: 0; 
	font: normal 40px/40px Impact, Helvetica, Arial, sans-serif;
}


#inhalt h2:before{
	content:".:";
	color:#ffcc00;
}

#inhalt h2 span{
	font: normal 30px/44px Impact, Helvetica, Arial, sans-serif;
}

#inhalt h2 span:before{
	content:" :: ";
	color:#ffcc00
}


/* 
#inhalt h3{
	margin: 10px 10px 0 0; padding: 0; 
	font: normal 28px/28px Impact, Helvetica, Arial, sans-serif;
	color: #000;
	float: left;
	width: 245px;
	height: 84px;
	background:#eee;
	padding: 6px;
}

*/

#inhalt h3{
	font: bold 28px/28px Helvetica, Arial, sans-serif;      
	color: #999;
	margin: 20px 0 20px 0;
}


#inhalt h3+h4{
	margin: 20px 0 10px 0;

}



#inhalt h4{
	font: normal 24px/30px Helvetica, Arial, sans-serif;      
	color: #999;
	margin: 20px 0 20px 0;
}



#inhalt p{
	font: normal 15px/20px Helvetica, Arial, sans-serif;  
	color: #333;   
	text-align: justify; 
	margin: 0 0 20px 0;
}

#inhalt a{
	font: italic 15px/20px Helvetica, Arial, sans-serif;      
	color: #000;    
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

#inhalt a:before{
	contnt:url(media/bg/link.gif)" ";
}

#inhalt a:hover{
	font: italic 15px/20px Helvetica, Arial, sans-serif;      
	color: #000;    
	border-bottom: 1px dotted #333;
}



#inhalt .img{
	padding: 0;
	background: #eee;
}

#inhalt .left{
	float: left;
	margin: 0 10px 0 0;
}

#inhalt .right{
	float: right;
	margin: 0 0 0 10px;
}


#inhalt .left1{
	float: right;
	margin: 0 0 10px 10px;
}


#inhalt .right1{
	float: right;
	margin: 0 0 10px 0;
}


#inhalt .infobox{
	float: right;
	width: 250px;
	margin: 0 0 0 10px;
	background: #eee;
}

#inhalt .infobox p{
	margin: 6px 6px 2px 6px; padding: 0; 
	font: bold 15px/19px Helvetica, Arial, sans-serif;
	color: #000;
	float: left;
	background:#eee;
}

#inhalt .infobox strong{
	color: #ffcc00 ;
	text-shadow:black 0 0 6px;
	font: bold 18px/20px Helvetica, Arial, sans-serif;
	padding: 0 0 0 4px;	
}


#inhalt .infobox p+p{
	margin: 0 6px 6px 6px; padding: 0; 
}







#inhalt .vergleich{
	float:left;
	margin: 0 0 15px 0;
	background: #eee url(media/bg/vrgleich.jpg);
	clear: both;
	width: 570px;
}

#inhalt .vergleich p{
	font: bold 22px/24px Helvetica, Arial, sans-serif;
	text-align: center; 
	color: #888;
	margin: 10px 0 5px 0; 
}


#inhalt .vergleich1{float: left;text-align: left; }
#inhalt .vergleich1 p{text-align: left;}

#inhalt .vergleich2{float: right;text-align: right; }
#inhalt .vergleich2 p{text-align: right;}


#inhalt .vgl{
	width:279px;
	padding: 0;
	margin: 0;
}

#inhalt .vgl p{
	font: normal 13px/16px Helvetica, Arial, sans-serif;  
	color: #333;
	margin: 8px 8px 8px 8px;  
}




#inhalt .reiseziel{
	margin: 0 0 15px 0;
	background: #eee;
}

#inhalt .reiseziel p{
	font: normal 13px/16px Helvetica, Arial, sans-serif;  
	color: #333;
	margin: 8px 8px 8px 8px;  
}




#inhalt .ziel1{
	float:left;
	margin: 0 0 15px 0;
	background: #eee url(media/bg/vrgleich.jpg);
	width: 360px;
	height: 100px;
}

#inhalt .ziel1 p{
	margin: 0;
}


#inhalt .ziel1 a {position: relative; margin: 0; padding: 0; text-indent: -9999px; float: left; width:100%, height: 100%;}
#inhalt .ziel1 a:link, #inhalt .ziel1 a:visited, #inhalt .ziel1 a:hover, #inhalt .ziel1 a:active,#inhalt .ziel1 a:focus  {background:url(media/reiseziele/vorschau/london.jpg) no-repeat 0 0;text-decoration:none;display:block;border:0; top: 0; left: 0; margin:0;padding:0;width:360px; height: 280px; z-index:100;}


#inhalt .ziel1 a span{
	position: absolute;
	top:0;
	width: 360px;
	height: 100px;
	display: none;
	background: url(media/bg/grey-50.png);
	border: 1px solid red;
	z-index: 100;
	text-indent: 0;
}

#inhalt .ziel1 a:hover span{display: block;}



#inhalt .ziel1 a span strong{
	font: normal 60px/60px Helvetica, Arial, sans-serif;  
	display: block;    
}





#inhalt .abflug{
	width: 570px;
	height: 470px;
	margin: 0;
	padding: 0;
	background: url(media/flughafen/landkarte-ryanair.gif) no-repeat 10px 40px;
	position: relative;
}

#inhalt .abfluglegende{
	float: right;
	width: 180px;
	border: 1px solid #888;
	background: url(media/bg/airports.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

#inhalt .abfluglegende ul{
    margin: 0;
    padding: 5px;
    list-style: none;
}

#inhalt .abfluglegende ul strong{
	font: normal 18px/34px  Helvetica, Arial, sans-serif; 
	margin:6px -20px;
	padding: 5px 10px 10px 37px;
	dislay: block;

}

#inhalt .abfluglegende ul.ab-deutschland strong{
	background: url(media/bg/flags/deutschland.png) no-repeat;
}

#inhalt .abfluglegende ul.ab-oesterreich strong{
	background: url(media/bg/flags/oesterreich.png) no-repeat;
}

#inhalt .abfluglegende ul.ab-slowakei strong{
	background: url(media/bg/flags/slowakei.png) no-repeat;
}

#inhalt .abfluglegende ul.ab-europa strong{
	margin:6px 0;
	padding: 5px 10px 10px 4px;
}



#inhalt .abfluglegende li {
    padding: 0;
    margin: 0;
    font-decoration: none;
}


#inhalt .abfluglegende li a {
	display: block;
	font: normal 14px/16px  Helvetica, Arial, sans-serif; 
	color: #333;
	margin: 2px 0 2px 0;
	padding: 0 5px;
	border: none;
}


#inhalt .abfluglegende li a:hover, #inhalt .abfluglegende li a:focus {
	display: block;
	font: normal 14px/16px Helvetica, Arial, sans-serif; 
	color: #333;
	background:#ffcc00;
	text-decoration: none;
}

#inhalt .abfluglegende li a span {
	position: absolute;
	display: block;
	background: url(media/bg/airport.png) 50% 0;
	width: 22px; height: 22px;
	z-index: 100;
}


#inhalt .abfluglegende li a:hover span {
	background: url(media/bg/airport.png) 50% 100% ;
}


#inhalt .abfluglegende li a span.luebeck {top: 85px; left: 160px;}
#inhalt .abfluglegende li a span.weeze {top: 150px; left: 55px;}
#inhalt .abfluglegende li a span.bremen {top: 110px; left: 100px;}
#inhalt .abfluglegende li a span.berlin {top: 143px; left: 230px;}
#inhalt .abfluglegende li a span.altenburg {top: 195px; left: 210px;}
#inhalt .abfluglegende li a span.zweibruecken {top: 282px; left: 85px;}
#inhalt .abfluglegende li a span.friedrichshafen {top: 350px; left: 130px;}
#inhalt .abfluglegende li a span.memmingen {top: 328px; left: 153px;}
#inhalt .abfluglegende li a span.karlsruhe {top: 310px; left: 95px;}
#inhalt .abfluglegende li a span.hahn {top: 240px; left: 70px;}

#inhalt .abfluglegende li a span.graz  {top: 355px; left: 284px;}
#inhalt .abfluglegende li a span.linz  {top: 325px; left: 260px;}
#inhalt .abfluglegende li a span.salzburg  {top: 326px; left: 217px;}
#inhalt .abfluglegende li a span.bratislava  {top: 320px; left: 337px;}
#inhalt .abfluglegende li a span.basel  {top: 356px; left: 68px;}
#inhalt .abfluglegende li a span.billund  {top: 5px; left: 108px;}




#inhalt .abfluglegende li a span span, #inhalt .abfluglegende li a:link span span, #inhalt .abfluglegende li a:visited span span, #inhalt .abfluglegende li a:active span span, #inhalt .abfluglegende li a:focus span span {display: none; }







#inhalt .airport{
	float: right;
	width: 260px;
	border: 1px solid #eee;
	margin: 0 0 0 10px;
	padding: 0;
	background: #eee;
}

#inhalt .airport p{
	margin: 0;
	padding: 0;
}

#inhalt .airport ul{
    margin: 0 0 0 5px;
    padding: 2px;
    list-style: none;
}

#inhalt .airport ul li {
    padding: 0 0 0 20px;
    margin: 2px 0 0 0;
    font-decoration: none;
    font: normal 13px/16px Helvetica, Arial, sans-serif;      
}

#inhalt .airport a{
    font-decoration: none;
    font: normal 13px/16px Helvetica, Arial, sans-serif;   
    border: none;
}

.tel {background: url(media/bg/icons/tel.png) no-repeat;}
.fax {background: url(media/bg/icons/fax.png) no-repeat;}
.mail {background: url(media/bg/icons/mail.png) no-repeat;}
.web {background: url(media/bg/icons/web.png) no-repeat;}


#inhalt .airportliste {
    background: #eee;
    width: 560px;
    text-align: center;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #999;
}


#inhalt .airportliste a{
    text-decoration: none;
    font: normal 14px/14px Helvetica, Arial, sans-serif;   
    border: none;
    margin: 1px;
    color: #333;
}

#inhalt .airportliste a:hover{
    text-decoration: underline;
}




#inhalt .welcome1 {
	flot: left;
    width: 270px;
    height: 240px;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #999;
    background: url(media/bg/welcomebox.jpg);
}

#inhalt .welcome1 p {
    font: normal 16px/20px Helvetica, Arial, sans-serif;   
}

#inhalt .welcome1 p strong {
    font: normal 30px/20px Helvetica, Arial, sans-serif;   
    text-align: center;
}




#textlinks{
	float: right;
	width: 560px;
	height: 25px;
	margin: 15px 0 0 0;
	font-weight: normal;
	border-top:1px dashed #888;
}

#textlinks p{
	font: normal 11px/25px Helvetica, Arial, sans-serif;      
	color: #888;
	text-align: center;
	margin:0; padding:0;
}

#textlinks a, #textlinks a:hover{
	font: normal 11px/30px Helvetica, Arial, sans-serif;      
	color: #888;
	text-align: underline;
	margin:0; padding:0;
}




#werbung-top{
	position: absolute;
	top: -140px;
	left: 410px;
	width: 468px;
	height: 60px;
}


#werbung-side{
	position: absolute;
	top: 0;
	left: 910px;
	width: 160px;
	height: 860px;
}




#footer {
	float: left;
	clear: both;
	margin: 3px auto;
	width: 580px;
	height: 30px;
	margin: 5px 0 0 310px;
	background: #transparent;	
	border: 0px solid #000;
}

#footer p {
	margin: 0 0 10px 0;
	font: normal 12px/20px Helvetica, Arial, sans-serif;      
	color: #fff;
	text-align: left;
}

#footer a {
	text-decoration: underline;
	color: #fff;
}