/***********************************************************************************/
/* Website Reisemarkt                                                              */
/* Design by Tourdata AG / Copyright by Tourdata AG                                */
/***********************************************************************************/


/***********************************************************************************/
/* Allgemeine Formatierungen                                                       */
/***********************************************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;   font-weight:normal;   color:#7D7D7D;
	background-color:#363636;
	text-align:center;
}

/*-- Seitentitel --*/
h1 {
	font-size: 16px;
	font-weight:bold;
	width:685px;   height:25px;
	margin-bottom:0px; /*-- für Firefox ---*/
	margin-top:0px;  /*-- für Firefox --*/
	border-bottom:1px solid #7D7D7D;
}

/*-- Titel bei Aktuellen Angeboten --*/
h2 {
	font-size:14px;   font-weight:bold;
}
/*-- Seitentitel --*/
h3 {
	font-size:14px;   font-weight:bold;
	padding-top:8px;   margin:0 10px 0 0;
	text-align:left;
}

h4  {
	font-size:12px;   font-weight:bold;   color:#F00;
}

.Seitentitel {
	width:685px;
	text-align:left;
	margin-top:2px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;   font-weight:normal;   color:#7D7D7D;
}

* div {
	margin:0px;   padding:0px;
}

* img {
	margin:0px;   padding:0px;
	border:0px;
}

* a {
	text-decoration:none;   color:#363636;
}

/***********************************************************************************/
/* generelle Abstände abschalten (da Probleme mit IE)                              */
/***********************************************************************************/
* {
margin:0px;   padding:0px;
}

* hr {
	margin:0 10px 0 0;
}

/***********************************************************************************/
/* Formatierung der einzelnen Layer (inkl. deren Klassen)                          */
/***********************************************************************************/

#Container {
	background-image:url(../images/layout/bg_mitte.jpg);   background-repeat:repeat-y;
	width:990px;   height:auto;
	margin-left:auto;   margin-right:auto;   padding-top:0px;
	clear:both;
}
/*-- für breite Inhaltseiten --*/
#ContainerBreit {
	background-image:url(../images/layout/bg_mitte_breit.jpg);   background-repeat:repeat-y;
	width:990px;   height:auto;
	margin-left:auto;   margin-right:auto;   padding-top:0px;
	clear:both;
}

#Kopfzeile {
	background-image:url(../images/layout/bg_banner.jpg);   background-repeat:no-repeat;
	width:990px;   height:120px;
	margin:0px;   padding:0px;
	/*-- border:1px solid red; --*/
}
#KopfzeileHome {
	background-image:url(../images/layout/bg_banner_home.jpg);   background-repeat:no-repeat;
	width:990px;   height:120px;
	margin:0px;   padding:0px;
	/*-- border:1px solid red; --*/
}

.BannerMenu {
	font-weight:bold;   font-size:12px;   color:#BCD2EE;
	height:30px;
	margin-right:25px;   margin-top:90px;
	float:right;
}

.BannerMenu div {
	background-image:url(../images/layout/bg_menu_rechts.jpg);   background-repeat:no-repeat;
	width:116px;   height:28px;
	line-height:26px;
	float:right;
}

.BannerMenu div a {
	font-weight:bold;   font-size:12px;   color:#BCD2EE;
	text-decoration:none;
}
.BannerMenu div a:visited {
	font-weight:bold;   font-size:12px;   color:#BCD2EE;
	text-decoration:none;
}
.BannerMenu div a:active {
	font-weight:bold;   font-size:12px;   color:#BCD2EE;
	text-decoration:none;
}
.BannerMenu div a:hover {
	font-weight:bold;   font-size:12px;   color:#BCD2EE;
	text-decoration:underline;
}

/***********************************************************************************/
/* Mittelteil (schmal für Home-Seite und breit für Inhaltseiten)                   */
/***********************************************************************************/

#Mittelteil {
	background-image:url(../images/layout/bg_mitte.jpg);   background-repeat:repeat-y;
	width:990px;   height:auto;
	padding:0px;   margin:0px;
	/*-- border:1px solid yellow; --*/
}

/*-- Mittelteil mit breitem Inhalt --*/
#MittelteilBreit {
	background-image:url(../images/layout/bg_mitte_breit_leer.jpg);   background-repeat:repeat-y;
	width:990px;   height:auto;
	padding:0px;   margin:0px;
	/*-- border:1px solid yellow; --*/
}

/***********************************************************************************/
/* Menu (inkl. Linkformatierung)                                                   */
/***********************************************************************************/

#Menu {
	/*-- background-image:url(../images/layout/bg_menu.jpg);   background-repeat:repeat-y; --*/
	width:220px;   height:450px;
	text-align:left;
	margin-left:30px;
	float:left;
	/*-- border-bottom:1px solid #D8D8D8; --*/
}

.HauptMenu {
	background-image:url(../images/layout/bg_menupunkt.jpg);   background-repeat:no-repeat;   background-position:center;
	font-weight:bold;   font-size:14px;   color:#363636;
	width:220px;   height:32px;
	text-indent:10px;   line-height:33px;
}

.HauptMenu a {
	font-weight:bold;   font-size:14px;   color:#363636;
	text-decoration:none;
}
.HauptMenu a:visited {
	font-weight:bold;   font-size:14px;   color:#363636;
	text-decoration:none;
}
.HauptMenu a:active {
	font-weight:bold;   font-size:14px;   color:#363636;
	text-decoration:none;
}
.HauptMenu a:hover {
	font-weight:bold;   font-size:14px;   color:#363636;
	text-decoration:underline;
}

/*-- Abstand Hauptmenu zu Submenu --*/
.AbstandUnten {
	margin-bottom:5px;
}
.AbstandOben {
	margin-top:7px;
}
.LogoEurop {
	margin-left:20px;   margin-top:30px;
}

/***********************************************************************************/
/* Untermenu (inkl. Linkformatierung)                                              */
/***********************************************************************************/

.SubMenu {
	background-image:none;
	width:220px;   height:auto;
	list-style-type:none;
	text-indent:15px;
	/*-- border:1px solid red; --*/
}
.SubMenu a {
	font-weight:normal;   font-size:12px;   color:#363636;
	text-decoration:none;
}
.SubMenu a:visited {
	font-weight:normal;   font-size:12px;   color:#363636;
	text-decoration:none;
}
.SubMenu a:active {
	font-weight:normal;   font-size:12px;   color:#363636;
	text-decoration:none;
}
.SubMenu a:hover {
	font-weight:normal;   font-size:12px;   color:#363636;
	text-decoration:underline;
}

/***********************************************************************************/
/* Inhalt (mit Seitenüberschrift)                                                  */
/***********************************************************************************/
#Inhalt {
	width:480px;   height:auto;
	text-align:left;   margin-left:10px;
	float:left;
	/*-- border:1px solid blue; --*/
}

#Inhalt ul {
	margin-left:20px;
}

#InhaltBreit {
	width:700px;   height:auto;
	text-align:left;
	padding-left:10px;
	float:left;
	/*-- border:1px solid green; --*/
}
#InhaltBreit strong {
	margin:0px 40px 0px 40px;
}

.Laender div {
	margin:15px 0px 15px 10px;   width:auto;
	float:left;
}

.InhaltEinfach {
	text-align:left;
	width:685px;
	margin-top:20px;   margin-left:0px;
}
.InhaltBilderHome div  {
	margin:0px 10px 10px 0px;
	float:left;
}

.TitelInhalt {
	width:685px;
	font-size:16px;
	text-align:left;
	margin-top:20px;
}

.Logo {
	width:200px;
	text-align:left;   margin-left:5px;
	float:left;
}
.LinkLogo {
	height:40px;
	padding-top:10px;
}

/*-- Logos von Veranstaltern --*/
.LogosVeranstalter {
	height:auto;
	float:left;
	/*--	border:1px solid blue; --*/
}
.LogosVeranstalter img {
	margin:20px 35px 15px 25px;
	float:left;
}
.Links ul li{
	list-style-type:none;
	margin-bottom:15px;
}
.Links ul{
	padding-top:15px;
}

/*-- Themen auf Eintstiegsseite --*/
.InhaltThemenHome  {
	float:left;
}
.InhaltThemenHome a:hover {
	text-decoration:underline;
	color:#F00;
}
.ThemenGruppeLI {
	margin:0px 10px 0px 0px;
	float:left;
}
.ThemenGruppeRE {
	margin:0px 0px 0px 10px;
	float:right;
}
.ThemenBild {
	z-index:0;
}
.ThemenTitel01, .ThemenTitel03, .ThemenTitel07 {
	position:relative;
	z-index:1; top:-19px;   left:125px;
}
.ThemenTitel05 {
	position:relative;
	z-index:1; top:-19px;   left:95px;
}
.ThemenTitel02, .ThemenTitel04, .ThemenTitel06, .ThemenTitel08 {
	position:relative;
	z-index:1; top:-19px;   left:95px;
}
.ThemenTitel06 {
	position:relative;
	z-index:1; top:-19px;   left:125px;
}

/***********************************************************************************/
/* Spalte rechts mit Reiseveranstalter und Mini-Logos                              */
/***********************************************************************************/

#Info {
	/*-- background-image:url(../images/layout/bg_menu.jpg);   background-repeat:repeat-y; --*/
	width:220px;   height:450px;
	text-align:left;
	float:left;
	/*-- border-bottom:1px solid #D8D8D8; --*/
}

.InfoMenu {
	background-image:url(../images/layout/bg_menupunkt.jpg);   background-repeat:no-repeat;   background-position:center;
	font-weight:bold;   font-size:14px;   color:#363636;
	width:220px;   height:32px;
	text-indent:10px;   line-height:33px;
}

.InfoSpalte {
	width:220px;
	margin-top:10px;
}
.InfoSpalte a:hover {
	text-decoration:underline;
}

.InfoLogos {
	height:15px;
	margin-top:2px;   margin-left:10px;   padding:0px;
}
.InfoLogos img {
	margin-right:10px;
}

/***********************************************************************************/
/* Aktuelle Angebote                                                               */
/***********************************************************************************/



/*-- Titel bei aktuellen Angeboten --*/
.AktuelleAngebote {
	font-weight:bold;   font-size:14px;   color:#363636;
	width:auto;   height:22px;
	line-height:22px;
}

/*-- Layer für aktuelle Angebote Busreisen, Aktivferien, Schiffsreisen --*/
.AktuellAngebot {
	width:675px;   height:115px;
	border-bottom:1px solid #363636;
}

.AktuellAngebotBild {
	margin:3px;
	float:left;
}

/*-- Layer mit Titel und Text und Logo und Buttons --*/
.AktuellAngebotInhalt {
	width:505px;   height:auto;
	float:left;
}
.AktuellAngebotTitel {
	width:500px;
	margin:3px;
	float:left;
}

/*-- Layer mit Kurzbeschreibung und Logo --*/
.AktuellAngebotText {
	width:500px;   height:auto;
}
.AktuellAngebotKurzbeschreibung {
	width:400px;
	float:left;
}
.AktuellAngebotLogo {
	width:85px;
	float:right;
}

/*-- Layer mit Buttons "Beschreibung/Photos" und "Reservation" --*/
.AktuellAngebotButtons {
	width:75%;   height:25px;
	float:right;
}
.ButtonLinks {
	float:left;
}
.ButtonRechts {
	float:right;   margin-right:5px;
}

/***********************************************************************************/
/* Formatierungen der Slideshow mit den Angeboten der Veranstalter                 */
/***********************************************************************************/

/*-- Angebote in Slideshow auf Einstiegsseite--*/
#AktuelleAngebote {
	background-image:url(../images/layout/bg_mitte_aktuell.jpg);   background-repeat:repeat-y;
	width:990px;   height:143px;
	padding-top:0px;
	clear:both;
	/*-- border:1px solid green; --*/
}
.Container_Slideshow {
	width:600px;   height:143px;
	margin:0px;   padding:0px;   margin-left:220px;
	float:left;
	/*-- border:1px solid red; --*/
}
.Slideshow {
	width:474px;   height:143px;   overflow:hidden;
	padding-top:0px;
	float:left;
	/*-- border:1px solid green; --*/
}
.Slideshow ul {
	width:474px;   height:143px;
}
.Slideshow ul li {
	background-image:url(../images/aktuell/bg_angebot_light01.jpg);   background-repeat:no-repeat;
	text-decoration:none;
	list-style-type:none;
	width:474px; height:143px;
	margin-right:5px;
	float:left;
	/*-- border:1px solid green; --*/
}
.Slideshow img {
	margin-left:4px;   margin-right:0px;   margin-top:12px;
	/*-- border:1px solid blue; --*/
}

.Angebot {
	background-image:url(../images/aktuell/bg_angebot_light.jpg);   background-repeat:no-repeat;
	width:474px;   height:170px;
	/*-- border:1px solid grey; --*/
}
.AngebotAktuell {
	background-image:url(../images/aktuell/bg_angebot_light01.jpg);   background-repeat:no-repeat;
	width:474px;   height:170px;
	/*-- border:1px solid grey; --*/
}
.AngebotAktuellBild img {
	margin-bottom:10px;
}

.TabelleRahmenOben {
	border-top:1px solid #363636;
}

.prev {
	margin-left:0px;
	float:left;
}
.next {
	margin-left:5px;
	float:left;
}

/*-- Fusszeile --*/
#Fusszeile {
	clear:both;
}