/* =====================================================================================================
   Stylesheet für das www.callpersia.at
   Autoren:  Armin Priesner & Farzaneh EMADI (www.eurowerbung.at)
   Stand: Dez. 2009
   Datei: screen.css
   hell grau: fafafa
   grau: dbdbdb
   dunkelgrau: 464646
   gruen: 239f40
   Rot: e21019

   ======================================*/
/*allgemein informationen */


html { height: 101%; }
* { padding: 0; margin: 0;}


body {
	margin: 0px;
	background-image: url(bg40px.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

p {
	margin: 2px 0px 10px 3px;
}

#website {
	position: absolute;
	top: 6px;
	left: 50%;
	width: 902px;
	margin-left: -451px;
	background-image: url(BG_weiss_1px.gif);
	background-repeat: repeat;
	background-color: #fafafa;
	border: 1px solid #d0d0d0;
	min-height: 800px;
	
}
		#website a{
		text-decoration: none;
		color: #464646;
		}
		#website a:hover{
		color: #239f40;

		}
	


/*Ende: allgemein Informationen */



/*Kopfbereich */

#titel{
	float: left;
	height: 160px;
	width: 900px;
	background-image: url(titel.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0;
	margin: 0;
	}
	
		#titel_navi a{
		color: #464646;
		text-decoration: none;
	
		}
		#titel_navi a:hover,
		#titel_navi a:focus {
		color: #239f40;
		}
		
		#titel_navi ul { word-spacing: 0;}
		#titel_navi ul { margin: 0 0 0em 0;}
		#titel_navi li {
		list-style-type: none; /* kaine Markierung*/
		padding: 70px 0px 10px 30px;
}

#logo {
	float: left;
	margin: 0;
	top: 0px;
	width: 180px;
	padding: 0;

}

#banner2 {
	float: left;
	width: 180px;
	text-align: center;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	line-height: 19px;
	letter-spacing:0.02em;

}


#horizontalenavigation {
	float: left;
	width: 882px;
	text-align: left;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	line-height: 19px;
	padding: 2px 0 2px 20px;
	letter-spacing:0.01em;
	border-top: 1px solid #239f40;
	border-bottom: 1px solid #239f40;
}


		#horizontalenavigation a{
		text-decoration: none;
		color: #464646;
		}
		#horizontalenavigation a:hover{
		color: #239f40;

		}
	
		.p_horizontalenavigation {
	margin: 5px 0px 3px 3px;
	}


/* Ende: Kopfbereich */

/* Content Anfang*/


#banner_top {
	float: left;
	width: 902px;
	height: 110px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	line-height: 19px;
	padding: 0;
	letter-spacing:0.01em;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}
	#banner_top div {
		position: absolute;
		top: 260px;
		left: 150px;
		width: auto;
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		clear: both;
	}
	

		#banner_top a{
		text-decoration: none;
		color: #239f40;
		}
		#banner_top a:hover{
		color: #f7f6f4;

		}

/* Navigation */

#text_ueber_navi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #e21019;
	text-align: center;
	letter-spacing:0.5em;
	line-height: 19px;
	background-color: #dbdbdb;

} 

#navi-banner  {
		float: left;
		width: 180px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #464646;
		font-size: 11px;
		letter-spacing:0.1em;
		margin: 0 8px 0 8px; /* Keinen Außenabstand */ 
	

		}


 	#main-navi  {
		float: left;
		width: 178px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #464646;
		padding: 0px 0px 0px 0px;/* Innenabstand  */
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
		letter-spacing:0.1em;
		margin: 0; /* Keinen Außenabstand */ 
		border: 1px solid #464646;
	

		}
		
		#main-navi ul { word-spacing: 0;}
		#main-navi ul { margin: 0 0 0em 0;}
		#main-navi li {
		list-style-type: none; /* kaine Markierung*/
		padding: 10px 0px 10px 10px;
		border-top: 1px solid #464646;
		width: 168px;
		background-image: url(BG_weiss_1px.gif);
		}
	

		#main-navi a{
		color: #464646;
		text-decoration: none;
	
		}
		#main-navi a:hover,
		#main-navi a:focus {
		color: #239f40;
		}
			

		/* ==================== NAVIGATION [immer anpassen] ==================== */
	#page_index #navi_index a { background-color: #ffffff; }
	#page_index #navi_index a { color: #239f40; }
	
	#page_tarife #navi_tarife a { background-color: #f9f9f9; }
	#page_tarife #navi_tarife a { color: #239f40; }
		
	#page_aufladen #navi_aufladen a { background-color: #f9f9f9; }
	#page_aufladen #navi_aufladen a { color: #239f40; }

	#page_hilfe #navi_hilfe a { background-color: #f9f9f9; }
	#page_hilfe #navi_hilfe a { color: #239f40; }

	#page_agb #navi_agb a { background-color: #f9f9f9; }
	#page_agb #navi_agb a { color: #239f40; }

	#page_kontakt #navi_kontakt a { background-color: #f9f9f9; }
	#page_kontakt #navi_kontakt a { color: #239f40; }
	
	#page_impressum #navi_impressum a { background-color: #f9f9f9; }
	#page_impressum #navi_impressum a { color: #239f40; }
	
	#page_vorwahl #navi_vorwahl a { background-color: #f9f9f9; }
	#page_vorwahl #navi_vorwahl a { color: #239f40; }
	

	/* ==================== NAVIGATION [immer anpassen] ==================== */
	


	#ol {
	padding: 3px 0 3px 30px;
	}
	
	#ul {
	padding: 3px 0 0px 7px;
	}
	
	#li  {
	padding: 2px 0px 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_gelb.gif);
	margin: 0;
	
	}
	
	
/* Ende: Navigation */

#feld-unter-navi {
	float: left;
	width: 178px;
	height: 110px;
	left: 12px;
	top: 468px;
	background-color: #dbdbdb;
	margin: 10px 0 10px 0;
	border: 1px solid #464646; 
}


#content {
	float: left;
	width: 455px;
	min-height: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:0.05em;
	margin: 0;
	background-image: url(BG_weiss_1px.gif);
	background-repeat: repeat;

}

#videofeld {
	float: left;
	width: 455px;
	margin: 0;
}

#feld-rechts {
	float: left;
	width: 220px;
	margin: 0 8px 0 8px;
	border: 1px solid #dbdbdb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	line-height: 19px;
	padding: 4px;
	letter-spacing:0.01em;


}
		#feld-rechts a{
		text-decoration: none;
		color: #239f40;
		}
		#feld-rechts a:hover{
		color: #464646;

		}
	
			
	
#banner_unten {
	float: left;
	width: 894px;
	text-align: left;
	margin: 8px 0px 8px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	line-height: 19px;
	padding: 4px;
	letter-spacing:0.01em;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	background-image: url(bg_hellgrau.gif);
	background-repeat: repeat;

}


/*Anfang footer*/
#fussbereich {
	float: left;
	margin: 0px;
	width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464646;
	text-align: center;
	padding: 2px 0px 2px 0px;
	background-image: url(bg_hellgrau.gif);
	background-repeat: repeat;
	border: 1px dotted #d0d0d0;

}
	#fussbereich a{
		text-decoration: none;
		color: #464646;
	}
	#fussbereich a:hover{
		color: #239f40;

	}
	
.p_fussbereich {
	margin: 5px 0px 3px 3px;
}


/*Ende footer*/

/* Anfang Text */

.h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #29120a;
	text-decoration: none;
	line-height: 19px;
	letter-spacing:0.1em;
	padding: 2px 0 2px 0px;


}
.h1_rot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #d22b37;
	text-decoration: none;
	line-height: 19px;
	margin: 8px 3px 6px 0;
	padding: 2px 0px 2px 0px;
	letter-spacing:0.1em;

}
.h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #29120a;
	text-decoration: none;
	line-height: 19px;
	margin: 6px 3px 4px 0;
	letter-spacing:0.1em;

}
.h2_rot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #d22b37;
	text-decoration: none;
	line-height: 19px;
	letter-spacing:0.1em;
}
.h1_gruen{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #239f40;
	text-decoration: none;
	line-height: 19px;
	margin: 8px 3px 6px 0;
	padding: 3px 4px 3px 4px;
	letter-spacing:0.1em;

}
.h2_gruen{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #239f40;
	text-decoration: none;
	line-height: 19px;
	margin: 6px 3px 4px 0;
	letter-spacing:0.1em;
}


/* Ende Text */

/*css zur gestaltung der Tabelle*/
#countries_table td {
	padding: 0.3em 3.8em 0.3em 0;
	text-align: left;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}
	#countries_table td a { text-decoration: underline; }

#rates_table {
	width: 455px;
}

/* Tabellenzellen gestalten */
#rates_table th, #rates_table td {
	padding: 0.3em 1em;
	text-align: left;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}
	#rates_table th {
		font-size: 110%;
		font-weight: bold;
		font-variant: small-caps;
		color: #fff;
		background-color: #239f40;
	}
	#rates_table td.lightgrey { background-color: #f4f3f7; }
	
#ul-slogen {
	padding: 3px 0 3px 30px;
	}
	
#li-slogen  {
	text-align: center;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	
	}


/* Formulare */
#rates_search {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
	float: left;
}

#user_login {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	width: 500px;
	float: left;
}

	#rates_search label, #user_login label { margin: 0 3px 0 7px; }
	#rates_search select, #user_login input { font: normal 1em Verdana, Arial, Helvetica, sans-serif; }
	#benutzername, #passwort { width: 100px; }