/* Einstellung der Abstaende zum Nullpunkt des Browsers und weitere Standards */
html, body, div, p,h1, h2, h3, span, a, table, td,form, img 	
							{ margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #000000; }
							  
ul, li						{ margin-left: 0px;  padding: 0px;}	
li						{ margin-left: 0px; *margin-left: 35px; padding: 0px;  }	
  
body 						{ width: 100%; height: 100%; background-image: url(images/xx_bg_body.jpg); } 

img							{ border: 0px; text-decoration: none; }


img	{ _behavior: url(../iepngfix.htc); }
.png	{ _behavior: url(../iepngfix.htc); }

a, a:link,	a:active, a:visited	{ text-decoration: underline;  }
a:hover						{ text-decoration: none;  }
a.active					{ font-weight: bold; text-decoration: none;  }

p							{line-height: 18px; font-size: 13px; }
							  
/* Allgemein gueltige Formatierungen */
h1 							{ font-size: 21px; margin: 0px 0px 15px 0px; color: #919191; }
h2 							{ font-size: 16px; color: #2b6291; font-weight: bold; }
h3 							{ font-size: 13px; margin: 10px 0px 5px 0px; color: #2b6291;}
h4 							{ font-size: 12px; margin: 8px 0px 5px 0px; color: #2b6291;}
h5 							{ font-size: 10px; margin: 5px 0px 2px 0px; color: #2b6291;}


textarea { font-family: Arial; }


.small						{ font-size: 8px; }

.rounded						{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.rounded_top_left				{ -moz-border-radius: 6px 0px 0px 0px; -webkit-border-radius: 6px 0px 0px 0px; border-radius: 6px 0px 0px 0px; }
.rounded_top_right				{ -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; }
.rounded_bottom_right			{ -moz-border-radius: 0px 0px 6px 0px; -webkit-border-radius: 0px 0px 6px 0px; border-radius: 0px 0px 6px 0px; }
.rounded_bottom_left			{ -moz-border-radius: 0px 0px 0px 6px; -webkit-border-radius: 0px 0px 0px 6px; border-radius: 0px 0px 0px 6px; }

.bold						{font-weight: bold; }
.shadow						{ -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; box-shadow: 0px 0px 6px #333; } 

.clear						{ display: block; clear: both; height: 1px; overflow: hidden; }
.blue						{ color: #2b6291; }
.white						{ color: #fff;}
.error						{ border: 1px solid #f00; }
	
#head						{ position: relative; margin: 0px; width: 100%; height: 108px; background-color: #fff; z-index: 3; border-bottom: 1px solid #0d5cab; }
	#head_inner					{ margin: 0px auto; width: 960px; height: 108px; }
		#logo						{ position: relative; padding: 22px 0px 0px 0px; width: 385px; height: 85px; }
		
		#head_navi					{ position: absolute; width: 350px; height: 30px; margin: 10px 0px 0px 617px; color: #000;  text-align: right; }
			#head_navi a				{ color: #000;  }
		#fb_link					{ position: absolute; width: 48px; height: 48px; margin: 38px 0px 0px 926px; }
		
		
#galeriekasten						{ width: 100%; height:320px; background:url(images/xx_bg_galerie.jpg) center no-repeat #1575bb; }
	#galerielinks					{ padding-top: 10px; }
	
	
#bildervorschau						{ width: 960px; height: auto; margin: 0px auto; padding-top: 50px; *margin-left: 800px; }
#navi								{ position: relative; margin: 0px auto; margin-top: -46px !important; z-index: 99; width: 650px; height: 55px;}	
#navi	ul							{ list-style-image: none; list-style-type: none; padding-left: 30px; padding-top: 18px; }	
#navi	ul	li						{ float: left; } 



#navi-amerika						{ background-image:url(images/xx_navi-amerika.png); background-position: 0px 0px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; z-index: 50; }
#navi-amerika:hover						{ background-image:url(images/xx_navi-amerika.png); background-position: 0px -62px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }

#navi-australien						{ background-image:url(images/xx_navi-australien.png); background-position: 0px 0px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }
#navi-australien:hover						{ background-image:url(images/xx_navi-australien.png); background-position: 0px -62px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }

#navi-neuseeland						{ background-image:url(images/xx_navi-neuseeland.png); background-position: 0px 0px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }
#navi-neuseeland:hover						{ background-image:url(images/xx_navi-neuseeland.png); background-position: 0px -62px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }

#navi-afrika						{ background-image:url(images/xx_navi-afrika.png); background-position: 0px 0px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }
#navi-afrika:hover						{ background-image:url(images/xx_navi-afrika.png); background-position: 0px -62px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }

#navi-weltweit						{ background-image:url(images/xx_navi-weltweit.png); background-position: 0px 0px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }
#navi-weltweit:hover						{ background-image:url(images/xx_navi-weltweit.png); background-position: 0px -62px; background-repeat: no-repeat; margin: 0px; padding: 0px; *margin-top: -36px; }

	
#transparent						{ width: 960px; height: 30px; opacity: 0.5; background-color: #fff; z-index: 2; margin: 0px auto; margin-top: -30px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; *background: url(images/xx_bg-trans.png); }


.login					{ width: 170px; margin-top: 5px; }


#reisefenster			{ display: none; position: relative; float: right; width: 188px; background-color: #1575BB; margin-right: -11px; margin-top: 17px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; padding: 10px;  }

#reisefenster	p		{ color: #fff; }

#content				{ width: 960px; height: auto; z-index:1; background-color: #fff;  margin: 0px auto; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; margin-bottom: 10px;}

#inner_content { margin-left: 75px; padding-top: 80px; width: 810px; }

#suchbox				{ width: 263px; height: 217px; background-repeat: no-repeat; position: absolute; background-image: url(images/xx_such_box.png); z-index: 20; margin-left: 730px; margin-top: -83px; *margin-left: -220px;}

#info_gelb				{ position: relative; float: left; width: 189px; height:92px; background-image: url(images/xx_info_gelb.png); margin-left: 8px; _margin-left: 3px; margin-top: -20px; }

#info_schwarz			{position: relative; float: left; width: 755px; height: 92px; color: #fff; background-image: url(images/xx_bg_info_schwarz.jpg); margin-top: -20px;  -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius:  0px 6px 6px 0px; border-radius: 0px 6px 6px 0px;  }

.info_schwarz_ul1 { float: left; margin-left: 90px; margin-top: 6px; *margin-left: 20px; *margin-top: 15px; }
.info_schwarz_ul2 { float: left; margin-left: 30px; *margin-left:5px; *margin-top: 15px; }


.box_start { position: relative; float:left; width: 961px; height: 180px; margin-left: -60px; padding: 15px; padding-bottom: 20px; margin-top: -20px; background-image: url(images/xx_bg-onlineflug.png); background-repeat: no-repeat; background-position: bottom left;   }

 .box_start	p	{ color: #fff; width: 470px; line-height: 16px; margin-top: 90px; margin-left: 320px; }



#angebot_alle			{ margin-left: 0px; margin-top: 50px; width: 900px; }

.angebot				{ position: relative; float: left; width: 230px; height: 230px; margin-right: 60px; margin-top: 40px; margin-bottom: 40px; }
.pfeil					{ background-image: url(images/xx_pfeil.png); width: 110px; height: 45px; position: absolute; margin-left: 135px; margin-top: 100px; padding-top: 11px; text-align: right; font-size: 14px; color: #fff;  background-repeat: no-repeat; }

.pfeil_ab					{ background-image: url(images/xx_pfeil_ab.png); width: 155px; height: 45px; position: absolute; margin-left: 90px; margin-top: 100px; padding-top: 13px; text-align: right; font-size: 14px; color: #fff;  background-repeat: no-repeat; }


.angebot_bild 			{ width: 240px; height: 180px; background-position: top; background-repeat: no-repeat;  -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }

.angebot_title			{ position: relative; float: left; background-color: #19a2d8; width: 225px; height: 21px; color: #fff; margin-top: -21px; vertical-align: central; padding-top: 4px; text-align: left; padding-left: 15px; z-index: 10;}
	
.angebot_text			{ position: relative; float: left; width: 210px; height: 45px; color: #fff; padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 5px;  background-image: url(images/xx_bg_angebot.png);
-moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; 
}	


.angebot_schatten		{ position: relative; float: left; width: 209px; margin-left: 10px; margin-top: 10px; height: 15px; background-image: url(images/xx_schatten.png); _display: none;}

.row1 { margin-top: 0px; }
.last_entry { margin-right: 0px; }

	
#content_foot			{ position: relative; width: 960px; height: auto; margin: 0px auto; margin-bottom: 100px; }

#content_foot	img		{ margin-left: 30px; }	
	
#foot						{ position: fixed; _position:relative; bottom: 0px; width: 100%; height: 64px; background-image: url(images/xx_foot-bg.png); background-repeat: repeat; z-index: 90; }
	#foot_content						{ width: 960px; height: 44px; padding: 6px 0px 14px 0px; margin: 0px auto; color: #fff; font-size: 16px; }
		#foot_content table					{ width: 940px; height: 44px; }
			#foot_content table td				{ color: #fff; font-size: 12px; }
			#foot_content table td a			{ color: #fff; font-size: 12px; }
		

/* EINZELANGEBOTE */

#beschreibung		{ position: relative; width: 375px; background-color: #FFF8E5; border: 1px solid #FFF1CA; padding: 10px; margin-top: 23px; }
#beschreibung	p	{ margin-bottom: 15px;}
#beschreibung	ul	li	{ margin-bottom: 5px; list-style: none; list-style-type: none; margin-bottom: 15px; font-size: 12px;}

#reiseinfo_angebot		{ position: relative; float: left; width: 425px; height: auto; margin-left: 25px; margin-top: 35px; margin-bottom: 15px; }

#reiseinfo_bild				{ position: relative; width: 405px; height: 310px; background-image: url(images/10_bg_angebot.png); background-repeat: no-repeat; moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }

#reiseinfo_title				{ margin-bottom: 5px; width: 420px; height: auto; }

#reiseinfo_text			{ position: relative; float: left; width: 230px; height: 25px; color: #fff; text-align: center; font-size: 15px; padding-top: 5px; 
-moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; }	

#reiseinfo_detail			{ position: relative; float: left; width: 400px; margin-top: 20px; }

	.reiseinfo_links			{ padding: 10px;  background-color: #fff2cb ; font-weight: bold; }
	.reiseinfo_rechts			{ padding: 10px; background-color: #fff8e5; }

#reiseinfo_preis			{ position: relative; width: 123px; height: 46px; float: right; color: #fff;  margin-right: -6px; margin-top: 35px;  font-size: 26px; font-weight: bold; background-image: url(images/10_preisschild.png); text-align: right; padding-right: 25px; padding-top: 15px; z-index: 20px; }

#reiseinfo_preisab			{ position: relative; width: 175px; height: 46px; float: right; color: #fff;  margin-right: -6px; margin-top: 35px;  font-size: 26px; font-weight: bold; background-image: url(images/10_preisschildab.png); text-align: right; padding-right: 25px; padding-top: 15px; z-index: 20px; }

#reiseinfo_angebotstitel	{ width: 385px; height: 30px; background-color: #19a2d8; position: relative; float: left; color:#fff; font-size: 16px; margin-left: 4px; margin-top: 170px; font-size: bold; z-index: 50;  padding-top: 10px; padding-left: 15px; font-weight: bold; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; opacity: 0.9; }

#reiseinfo_angebotsbild	{ position: absolute; float: left; width: 399px; height: 305px; margin-left: 4px; margin-top: 1px;  z-index: 2px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; *margin-left: -395px; *margin-top: -90px; background-repeat: no-repeat; }

#reiseinfo_formular			{ position: relative; width: 425px; float: left; height: auto; margin-left: 25px; margin-top: 22px; padding: 15px; border: 1px solid #fff2cb; background-color: #fff8e5; }

.formular					{ float: left; text-align: left; padding: 0px; border: none; }
.formular	tr				{ height: 35px; }

.klein						{ float: right; }

.bn_submit					{ float: right; }

.rechte_spalte				{ position: relative; width: 420px; height: auto; float: left; padding: 15px; margin-top: 60px; _float: right; _margin-top: -750px; }
.rechte_spalte	ul	li		{ }

.dotted						{ position: relative; float: right; width: 500px; height: auto; border-left: 1px dotted #CCC; border-top: 1px dotted #CCC; _float: right; _margin-top: -540px; }




/* ---------------------------- 20 KUNDENBEREICH -------------------------------*/


#kundenbereich				{ position: relative; float: left; width: 800px; height: auto; margin-left: 25px; margin-top: 35px; margin-bottom: 15px; }

.infobereich				{ position: relative; float: left; width: 900px; height: auto; margin-left: 10px; margin-top: 40px; margin-bottom: 20px; }

.infobereich	h2			{ font-size: 24px; color: #919191; }

.infobereich	h3			{ font-size: 18px; font-weight: normal; margin-top: 0px; display: inline; }	

.info						{ position: relative; float: left; width: 588px; height: auto; background-color: #fff8e5; margin-bottom: 20px; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; }
.info	p					{ padding: 10px; }

.aktionen						{ position: relative; width: 262px; padding: 10px; margin-bottom: 10px; height: auto; background-color: #f6f6f6; }

.kunden_link				{ margin-left: 7px; margin-top: 7px; background-color: #FFEFC6; padding: 10px; width: 207px; margin-bottom: 15px; }
.kunden_link	a			{ text-decoration: none; }
.kunden_link:hover			{ opacity: 0.8; }

.pdf_download				{ position: relative; float: right; margin-right: 10px; margin-top: 5px; }
.pdf_download	img			{ float: right; margin-right: 5px; }
.pdf_download	p			{ float: right; }


/* ---------------------------- Side-Bar -------------------------------*/
#sidebar					{ position: fixed; right: -2px; top: 151px; width: 365px; height: 260px; background-color: #bacde2; background-color: rgba(255,255,255,0.7); -moz-box-shadow: 3px 3px 7px #333; -webkit-box-shadow: 3px 3px 7px #333; box-shadow: 3px 3px 7px #333; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; z-index: 999; }
#sidebar					{ *background-color: #bacde2; }

	#sidebar #sidebar_links		{ float: left; width: 36px; height: 260px; margin: 0px;}
	#sidebar #sidebar_links a		{ float: left; width: 36px; height: 42px; background-image: url(http://www.hm-touristik.de/images/bg-sidebar.png); background-repeat:no-repeat; background-position: 0px 0px; }
	
	#sidebar #sidebar_links a#hm	{ background-position: 0px 0px; }
		#sidebar #sidebar_links a#hm:hover, #sidebar #sidebar_links a#hm.active 	{ background-position: -40px 0px; }
	#sidebar #sidebar_links a#csc	{ background-position: 0px -126px; }
		#sidebar #sidebar_links a#csc:hover, #sidebar #sidebar_links a#csc.active	{ background-position: -40px -126px; }
	#sidebar #sidebar_links a#rail 	{ background-position: 0px -42px; }
		#sidebar #sidebar_links a#rail:hover, #sidebar #sidebar_links a#rail.active	{ background-position: -40px -42px; }
	#sidebar #sidebar_links a#rpl	{ background-position: 0px -168px; }
		#sidebar #sidebar_links a#rpl:hover, #sidebar #sidebar_links a#rpl.active	{ background-position: -40px -168px; }
		
	#sidebar #sidebar_links a#dummy	{ background-image: url(); height: 140px; }

	#sidebar div.infolayer		{ position: absolute; width: 320px; height: 260px; margin: 0px 0px 0px 36px; background-color: #fff; }
	#sidebar div.infolayer		{ *margin: 0px 0px 0px 0px; }
	
	
/* ribbon style */
.ribbon-front ul				{ margin-left: 50px; }
.ribbon-front ul	li			{ float: left; list-style: none; list-style-type: none; padding: 9px; padding-bottom: 11px; font-size: 16px; font-weight: bold; color: #fff; border-left: 1px solid #fff; *margin: 0px !important;  }
.ribbon-front ul	li:hover	{ float: left; list-style: none; list-style-type: none; padding: 9px; padding-bottom: 11px; font-size: 16px; font-weight: bold; color: #fff; border-left: 1px solid #fff; background-color: #16a5dc; }
.kundennavi_aktiv				{ float: left; list-style: none; list-style-type: none; padding: 9px; padding-bottom: 11px; font-size: 16px; font-weight: bold; color: #fff; border-left: 1px solid #fff; background-color: #16a5dc; }
.ribbon-front ul	li	a		{ text-decoration: none; color: #fff; font-size: 16px; }


 .ribbon-wrapper {
	position: relative;
	margin-left: -25px;
	margin-top: 40px;
}
  .ribbon-front {
	background-color: #1c88c4;	height: 40px;
	width: 980px;
	position: relative;
	left:-20px;
	z-index: 2;
}


  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #156490 transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 20px;
	border-color: transparent transparent transparent #99c;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}


  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}