body {
	background: url(http://www.travelphonecard.com/travelphonecard/bg_nl.gif);
	background-color: #ffffff;
	margin: 0px;
}

body, a, h1, h2, h3, span, div, ul, li, p, pre, em, strong, input, textarea {
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*  Formatierungen für den Header */
#header {
	background: #275b9e;
}

.hl {
	font-weight: bold;
}

/*  ENDE Formatierungen für den Header /
/*  Formatierungen für Link vertikale Navigation */
#navi {
	background: #3b8bc2;
	color: #ffffff;
}

#navi a:link {
	color : #ffffff;
	text-decoration : underline;
}

#navi a:visited {
	color : #cce6f2;
	text-decoration : underline;
}

#navi a:active {
	color : #202378;
	text-decoration : none;
}

 #navi a:hover {
	color : #202378;
	text-decoration : none;
}

#navi p {
	font-size: 0.8em;
	padding-left: 5px;
}

/*  ENDE Formatierungen für Link vertikale Navigation */
/*  Formatierungen für horizontale Navigation */
#text #hnavi {
	background: #3b8bc2;
	text-align: center;
	font-size: 0.8em;
	color: #ffffff;
}

#text #hnavi a:link {
	color : #ffffff;
	text-decoration : underline;
}

#text #hnavi a:visited {
	color : #cce6f2;
	text-decoration : underline;
}

#text #hnavi a:active {
	color : #202378;
	text-decoration : none;
}

 #text #hnavi a:hover {
	color : #202378;
	text-decoration : none;
}

/*  ENDE Formatierungen für horizontale Navigation */
/*  Formatierungen für den Textbereich */
#text {
}

#text a:link {
	color : #202378;
	text-decoration : underline;
}

#text a:visited {
	color : #3b8bc2;
	text-decoration : underline;
}

#text a:active {
	color : #58b0e0;
	text-decoration : none;
}

#text a:hover {
	color : #58b0e0;
	text-decoration : none;
}

#text .bildrechts {
	float: right;
	margin-top: 45px;
	margin-right: 25px;
}

#text p {
	font-size: 0.8em;
	padding-left: 45px;
}

#text ul, ol {
	margin-left: 65px;
}

#text  li {
	font-size: 0.8em;
}

#text h1 {
	font-size: 1.1em;
	color: #202378;
	margin-left: 45px;
	margin-top: 10px;
}

#text h2 {
	font-size: 1.0em;
	color: #ff6600;
	margin-left: 45px;
	margin-top: 10px;
}

#text h3 {
	font-size: 0.9em;
	color: #202378;
	margin-left: 45px;
	margin-top: 10px;
}

#text .tariftabelle {
	margin-left: 10px;
}

#text .tariftabelle td{
	font-size: 0.8em;
	padding: 5px 10px 5px 10px;
	background: #e9ebf7;
}

/*Formatierung für eine Tipp box*/
#text .tip {
	margin: 10px 10px 10px 45px;
	padding: 10px;
	background:  #ffe595;
	width: 450px;
	font-size: 0.8em;
}

#text .tarifrechner {
	border: 1px solid #000;
	margin: 10px 10px 10px 45px;
	padding: 10px;
	width: 449px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#text .tarifrechner p {
	font-size: 0.9em;

}

#text .rahmen {
	border: 1px solid #202378;
	padding: 3px;
	margin-left: 25px;
	font-size: 0.8em;
}

#text .klein {
	font-size: 0.7em;
}

#text .form td {
	padding: 1px;
}

#text .form td p {
	padding: 5px 10px 5px 15px;
	margin: 0;
} 

#text .form {
	padding: 1px;
}

#text .bestellform {
	border: 0;
	margin-left: 45px;
}

#text .bestellform td {
	background: #CCD7E6;
	padding: 5px;
	font-size: 0.8em;
}
/*ENDE Formatierung für eine Tipp box*/

/* Klasse für den Top-Link */
.top {
	text-align: right;
	font-size: 0.8em;
}

.top a:link {
	color : #202378;
	text-decoration : underline;
}

.top a:visited {
	color : #202378;
	text-decoration : underline;
}

.top  a:active {
	color : #3b8bc2;
	text-decoration : none;
}

.top  a:hover {
	color : #3b8bc2;
	text-decoration : none;
}

/*  ENDE Formatierungen für den Textbereich /
/*  Formatierungen für den footer */
#footer {
	text-align: center;
	font-size: 0.7em;
}

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

#footer a:visited {
	color : #275b9e;
	text-decoration : underline;
}

#footer a:active {
	color : #3b8bc2;
	text-decoration : none;
}

#footer a:hover {
	color : #3b8bc2;
	text-decoration : none;
}

/*  ENDE Formatierungen für den footer /