/*////////// Schriftarten, Größe und Farbe außerhalb v. Tabellen, 
Abstände zum Rand */

BODY  {
	margin-top: 10px;
	margin-left: 10px;
	background: url(img/2_bg.jpg) no-repeat 10px 5px #FFFFFF;
 } 

 
/*////////// Schriftarten, Größe und Farbe innerhalb v. Tabellen */

table { font-family: Arial, Helvetica, sans-serif; }

TD {
	font-size: 12px; 
	font-weight: normal;
	color : Black;
}

option {
	background: #FFFFFF;
}

td div:empty:before {
content:"Kein Termin gewählt"; }

DIV {
	text-align: center;
	width: 100%;
	padding: 5px;
	margin: 2px;
}

/*////////// LINKS innerhalb des Contents */

A {
	font-weight: normal;
	color : Blue;
	text-decoration: none;
	margin: 3px;
}

A:hover {
	font-weight: normal;
	color : #000000;
	text-decoration: underline;
   	margin: 3px;
}
td.dot_hl_h { visibility: hidden; }

/*////////// LINKS des Hauptmenüs (Reisen suchen /aller Reisen anzeigen) */
a.menue {
	font-size: 12px;
	font-weight: bold;
	width: 90%;
	color: #212121;
	padding: 5px;
	position: absolute;
	top: 1px;
	margin-left: 0;
	background: url(img/transparent.gif);
}
a.menue:hover {
	color: #000000;
	background: url(img/transparent.gif);
	padding: 5px;
	font-weight: bold;
	margin-left: 0;
}

/*////////// Site Überschrift (zb. » Reisen anzeigen)*/
H1 {
	font-size: 22px;
	font-weight: bold;
	display: inline;
	margin-left: 5px;
}
H2 {
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

/*////////// Titel der Reise (zb. 23 Tage Safari und Naturrundreise)*/
.title{
	color: #9c2016;
	display: inline;
	font-weight: bold;
	position: relative;
	top: -8px;
}

/*////////// Überschrift der Rubrik (zb. Reisedetail)*/
.rubrik_headline {
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-transform: none;
	font-family: Tahoma;
}

/*////////// Viereck vor Überschriften innerhalb von Formularen*/
.square {
/*	background-color: #F3F1F1;*/
	background: url(img/arrow.gif) no-repeat center 25% transparent;
}

/*////////// Heller Hintergrund einer interaktiven Tabelle (zb. Suche)*/
.table_bg_light {
/*	background: #fff;*/
	background: #EDEEED;
}
.table_bg_light div {
	background: #FFFFFF;
	height: 15px;
	display: block;
}

tr td:nth-child(3) div {
	background: url(http://www.srpa.de/diamir/img/globus.png) no-repeat 5px center #FFFFFF;
	text-align: left !important;
	padding-left: 22px !important;
}

tr td:nth-child(5) div {
	background: url(http://www.srpa.de/diamir/img/date.png) no-repeat 5px center #FFFFFF;
	text-align: left;
	padding-left: 21px;
}

tr td:nth-child(7) div {
	background: url(http://www.srpa.de/diamir/img/amount.png) no-repeat 5px center #FFFFFF;
	text-align: left;
	padding-left: 21px;
}

/*////////// hervorgehobener Hg einer interaktiven Tabelle (zb. Suche)*/
.table_bg_highlight {
	/*background: #E4ECEF;*/
	background: #FFFFFF;
	padding-left: 3px;
	margin-bottom: 30px;
}

table a {
	color: blue;
}

.table_bg_highlight a {
	color: #9c2016;
	font-weight: bold;
	padding-top: 3px;
}
.table_bg_highlight a:hover, .table_bg_highlight a:visited {
	color: #212121;
	font-weight: bold;
}

/*////////// Darstellung des Footers (Impressum, nach oben)*/
.footer {
	font-size: 10px;
	font-weight: normal;
	color: Gray;
/*	background: #F3F1F1;*/
	text-indent: 5px;

}
form {
	border-bottom: 1px solid #212121;
}
/*////////// Links innerhalb des Footers (Impressum, nach oben)*/
.footer a {
	font-size: 10px;
	font-weight: normal;
	color: Gray;
	text-decoration: underline;
	color: #212121;
}
.footer a:hover {
	font-size: 10px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;
}

/*////////// Hinweise */
.note {
	font-size: 10px;
	font-weight: normal;
	color: Gray;

}
/*////////// Hinweislinks */
.note a, .note a:hover{
	font-size:10px;
}

/*////////// Trennlinien für den Contenbereich */
td.dot_h{
	border-bottom: medium none;
}
/*////////// Trennlinien innerhalb des Contenbereiches */

td.dot_hl_h{
	border-bottom: medium none;
}
