/* Stylesheet for  :: Last updated 10.04.2009
Blue Logo #4153a1

INEX
2.0 Group Settings
3.0 Navigation
*/



/* --- 2.0 Group Settings --- */
#Page, #Visual, #Header {width:956px;}
#Footer {width:936px;}
#Visual {height:1130px;}


/* --- 3.0 Header --- */
#Header {position:relative; height:130px; margin:0;}
#Trans  {position:absolute; top:0; left:0; width:956px; height:140px; background-color:#fff; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; z-index:1;}
#Logo, #TopNavigation, #Promotions  {position:absolute; top:0; height:180px;}
#Logo   {width:368px; margin-top:-15px; left:294px; z-index:30; background:transparent url(/Image/bg_logo.gif) no-repeat bottom left;}


#TopNavigation, #Hilfsmenu, #TopAngebote li h3 {font-family: Verdana, Arial, Helvetica, sans-serif;}

#TopNavigation             {width:324px; margin:0; *margin:6px 0 0 0; left:0; z-index:20;}
#TopNavigation li, 
#TopNavigation li.Active   {width:324px; height:22px; *height:21px; text-align:left;  *line-height:1.1em !important;}
#TopNavigation li          {background:transparent url(/Image/ic_tnav_pas.gif) no-repeat top left; *background:transparent url(/Image/ic_tnav_pas2.gif) no-repeat top left;} 
#TopNavigation li.Active   {background:transparent url(/Image/ic_tnav_act.gif) no-repeat top left; *background:transparent url(/Image/ic_tnav_act2.gif) no-repeat top left; }
#TopNavigation li.Active a {font-weight:bold; color:#8794c5;}
#TopNavigation li a        {color:#4153a1; padding-left:12px; font-size:0.8em; margin-left:15px; *margin-left:14px;}
#TopNavigation li a:hover  {font-weight:bold;}
#TopNavigation li:hover    {filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; background-color:#fff;}

#Menu-Company            {width:318px; margin:10px 20px 0 30px;}
#Menu-Company li         {width:100px; float:left;} /* width:98px; */
#Menu-Company li a       {color:#646464; font-size:0.8em;}
#Menu-Company li a:hover {color:#4153a1;}







/* --- SPECIALS ---  */
#Promotions, #Promotions #Specials  {width:300px; text-align:left;}
             #Promotions #Specials2 {text-align:left;} 
/* #Promotions          {z-index:21; right:0;} */
#Promotions          {z-index:21; right:0px; position:absolute; top:16px; }
#Promotions h4       {height:24px; padding-left:30px; font-size:0.8em; color:#4153a1;}
#Promotions p        {width:280px; float:left;}
#Promotions p.Link   {height:16px; padding-left:26px; font-size:0.7em; *font-size:0.7em; margin-left:18px; background:transparent url(/Image/ic_arrow_blue_tnav.gif) no-repeat top left;}
#Promotions p.Link a {color:#4153a1;}

#Specials, #Specials2       {position:relative; height:90px !important; overflow:hidden;}
#Specials,                  #TopAngebote,  #TopAngebote li  {width:300px;}
#Specials2,                 #TopAngebote2, #TopAngebote2 li {width:280px;}
#TopAngebote,               #TopAngebote2                {position:absolute; left:0;}
#TopAngebote li,            #TopAngebote2 li             {white-space:nowrap; overflow:hidden;height:45px; *height:43px; font-size:0.7em; *font-size:0.7em; line-height:1.3em; *line-height:1.2em; text-align:left; padding-left:30px!important;}
#TopAngebote li:hover,      #TopAngebote2 li:hover       {background-color:#FFF; background-color:#fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}

/* --- START Kann nach HTML-Änderungen durch Jörg raus --- */
#TopAngebote li h3,         #TopAngebote2 li h3,         #TopAngebote2 li div.Destination         {font-size:1em; font-weight:normal;}
#TopAngebote li h3 a,       #TopAngebote2 li h3 a ,      #TopAngebote2 li div.Destination a       {color:#4153a1;}
#TopAngebote li h3 a:hover, #TopAngebote2 li h3 a:hover, #TopAngebote2 li div.Destination a:hover {color:#4153a1;}
/* --- END Kann nach HTML-Änderungen durch Jörg raus --- */

#TopAngebote li em,         #TopAngebote2 li em          {font-size:1em; font-weight:normal; font-style:normal;}
#TopAngebote li em a,       #TopAngebote2 li em a        {color:#4153a1;}
#TopAngebote li em a:hover, #TopAngebote2 li em a:hover  {color:#4153a1;}
#TopAngebote li p,          #TopAngebote2 li p     {}
#TopAngebote,  #TopAngebote li,  #TopAngebote li h3,   #TopAngebote li div.Destination,  #TopAngebote li p,
#TopAngebote2, #TopAngebote2 li, #TopAngebote2 li h3,  #TopAngebote2 li div.Destination, #TopAngebote2 li p {margin:0; padding:0;}

#Off1, #Off2, #Off3, #Off4, #Off5, #Off6, #Off7, #Off8 {cursor:pointer;}






/* --- 4.0 CONTENT --- */	
#Content,    #Content2,    #Content3    {position:relative; width:956px; height:580px; background: transparent url(/Image/bg_content_top.gif) no-repeat top left; margin-top:100px; z-index:50; padding-top:6px; top:980px;}
#Content h1, #Content2 h1, #Content3 h1 {font-size:1.1em; line-height:1.3em; margin:0; padding:0; color:#4153a1; }  div.CT3 h1 {height:55px; line-height:1.1em;}
#Content h2, #Content2 h2, #Content3 h2, /*{line-height:1.3em; margin:0 0 12px 0; padding:0;}*/
#Content h3, #Content2 h3, #Content3 h3 {line-height:1.5em; margin-top:0; padding-top:6px; color:#4153a1;}
#Content p,  #Content2 p,  #Content3 p  {line-height:1.4em; *line-height:1.45em; margin-bottom:10px;}
#Content h2, #Content2 h2, #Content3 h2, 
#Content h3, #Content2 h3, #Content3 h3, 
#Content p,  #Content2 p,  #Content3 p  {font-size:0.7em;}
#SC1 h2 {padding-bottom:5px;}

/* CONTENT Mini Menu Breadcrump / Close Box / Open Box */
#BNav    {width:490px; height:30px; font-size:0.7em; list-style:none; margin:4px 0 0 231px; *margin:4px 0 0 0; padding:0; display:block; clear:both; background: transparent url(/Image/dl3grey.gif) repeat-x bottom left; }
#BNav li {float:left;}
#BNav #breadcrumb {width:467px; text-align:left; white-space:nowrap; overflow:hidden;}
#Cout             {width:20px; height:17px; overflow:hidden; padding-top:4px;}
#Cout  img        {width:20px; height:13px; cursor:pointer;}



/* --- Sliding Content --- */
#Content-Main        {position:relative; width:956px; height:535px; background: transparent url(/Image/bg_content_bot.gif) no-repeat bottom left; text-align:left; display:block; clear:both; overflow:hidden;}
#Content-Main strong {font-weight:normal;}
img.IMG-Autor    {float:right; margin:0 4px 16px 16px;}


/* #CT  {width:486px; overflow:hidden; position:absolute; top:48px; left:234px; z-index:10;} */ /*  margin-left:234px; margin-top:8px; */
#CT  {width:486px; overflow:hidden; margin-left:234px; margin-top:8px; z-index:10; position:relative;} /*  */
.CT  {height:250px;} /* height:220px; */
.CT2 {height:410px;}
.CT3 {height:500px;}
.DL   {background: transparent url(/Image/dl5blue_light.gif) repeat-x top left; padding:4px 0 0 0;}
.DLM  {background: transparent url(/Image/dl5blue_light_m.gif) no-repeat top left; padding:10px 0 0 0; margin-top:4px;}




/* --- CONTENT Scrolling Text --- */
#NavStage, #NavStage2, #NavStage3, #NavStage4 {width:11px; background:transparent url(/Image/ic_scroll_join.gif) repeat-y top left; }
                                   #SStage    {width:11px; background-color:#fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
#NavStage, #NavStage2, #NavStage3, #NavStage4, #SStage {float:right;}
#NavStage  {height:200px;}
#NavStage2 {height:134px; *height:138px;}
#NavStage3 {height:330px; *height:338px;}
#NavStage4 {height:445px; *height:443px;}
#SStage    {height: 90px; *height: 90px; margin:24px 6px 0 0;}
#NavStage  #ScrollUp {margin-bottom:176px;}
#NavStage2 #ScrollUp {margin-bottom:110px;}
#NavStage3 #ScrollUp {margin-bottom:310px;}
#NavStage4 #ScrollUp {margin-bottom:420px; *margin-bottom:411px;}
#SStage #ScrollUp2   {margin-bottom: 68px;}
#NavStage #ScrollUp, #NavStage2 #ScrollUp, #NavStage3 #ScrollUp, #NavStage4 #ScrollUp, #SStage #ScrollUp2,
#NavStage #ScrollDn, #NavStage2 #ScrollDn, #NavStage3 #ScrollDn, #NavStage4 #ScrollDn, #SStage #ScrollDn2 {cursor:pointer;}

#Stage, #Stage2, #Stage3, #Stage4 {position:relative; width:486px; overflow:hidden; float:left;}
#Text   {position:absolute; width:486px; top:0; left:0;}
#Stage  {height:200px;}
#Stage2 {height:310px; *height:314px;}
#Stage3 {height:418px; *height:426px;}
#Stage4 {height:475px; *height:478px;}

#SC1, #SC2, #SC3, #SC4 {position:relative; width:475px; padding-right:10px; overflow:auto; overflow-x:hidden; float:left;
/* scrollbar-base-color:#4153a1; scrollbar-track-color:#e6e6e6; scrollbar-arrow-color:#fff; */}
#SC1 {height:243px; }/*height:197px;*/
#SC2 {height: 140px; *height: 144px;}
#SC3 {height:330px; *height:338px;}
#SC4 {height:445px; *height:445px;}

#Angebotsliste          {position:absolute; width:460px; top:0; left:0;}
#Angebotsliste .regionHeader       {height:20px;} 
#Angebotsliste .product      {height:112px;} 
#Angebotsliste .dito      {height:auto; margin-left:108px;} 
#Angebotsliste li h2    {width:270px; font-size:0.8em; margin:-3px 0 0 0; padding:0;}
#Angebotsliste li p     {width:270px; margin:0 0 4px 0;}
#Angebotsliste li p a   {font-weight:bold; text-decoration:underline;} /*  color:#4153a1; */
#Angebotsliste li a img {margin-right:8px;}
#Angebotsliste .product h2, #Angebotsliste .product p, #Angebotsliste .product a img {float:left;}
#Angebotsliste .dito h2, #Angebotsliste .dito p, #Angebotsliste .dito a img {float:left;}

#Landingpage          {position:absolute; width:460px; top:0; left:0;}
#Landingpage .regionHeader       {height:20px;} 
#Landingpage .product      {height:112px;} 
#Landingpage .dito      {height:auto; margin-left:108px;} 
#Landingpage li h3    {margin:-3px 0 0 0; padding:0;}
#Landingpage li p     {width:270px; margin:0 0 4px 0;}
#Landingpage li p a   {font-weight:bold; text-decoration:underline;} /*  color:#4153a1; */
#Landingpage li a img {margin-right:8px;}
#Landingpage .product h2, #Landingpage .product p, #Landingpage .product a img {float:left;}
#Landingpage .dito h2, #Landingpage .dito p, #Landingpage .dito a img {float:left;}


/* --- SubNavigation --- */
#Menus          {width:956px; height:510px; margin:0; padding:0; vertical-align:top;  position:absolute; top:0px; *top:0px; left:0px; z-index:1;} /*margin-top:-384px; *margin-top:-533px; 23 */
#Menus2         {width:956px; height:510px; margin:0; padding:0; vertical-align:top; margin-top:-450px;}
#SubNavigation  {width: 32px; height:510px; float:left; margin-left:176px; margin-top:0;}
#Suchmaske      {width:206px; height:308px; float:left; margin-left:542px; margin-top:0;}
#Angebot-Merken {width:206px; height:200px; float:left; margin-left:542px;}



/* TAB Subnavigation */
#SubNavigation {position:relative;}
#SN-Reiseziele, #SN-Reiselust, #SN-Reisenews, #SN-Reisespecials, #SN-Reiseausarbeitung, #SN-Newsletter
               {position:absolute; top:0; left:0; width:0; height:510px; background: transparent url(/Image/bg_submenu2.gif) no-repeat top left;}
#snIn          {position:absolute; top:0; left:0; width:29px; height:510px; cursor:pointer; /* background: url(/Image/bg_submenu1a.gif) no-repeat top left; */}
.snIn          {background: #4153a1 url(/Image/bg_submenu1b.gif) no-repeat top left !important;}
#snOut         {width:14px; height:14px; float:right; margin:22px 12px 0 0; cursor:pointer;}

/* #snIn */
#Reiseziele,        .Reiseziele        {background: url(/Image/bg_snav_reiseziele.gif) no-repeat top left;}
#Reiselust,         .Reiselust         {background: url(/Image/bg_snav_reiselust.gif) no-repeat top left;}
#Reisenews,         .Reisenews         {background: url(/Image/bg_snav_reisenews.gif) no-repeat top left;}
#Reisespecials,     .Reisespecials     {background: url(/Image/bg_snav_reisespecials.gif) no-repeat top left;}
#Reiseausarbeitung, .Reiseausarbeitung {background: url(/Image/bg_snav_reiseausarbeitung.gif) no-repeat top left;}
#Reisenewsletter,   .Reisenewsletter   {background: url(/Image/bg_snav_newsletter.gif) no-repeat top left;}

.Reiseziele2        {background: url(/Image/bg_snav_reiseziele2.gif) no-repeat top left;}
.Reiselust2         {background: url(/Image/bg_snav_reiselust2.gif) no-repeat top left;}
.Reisenews2         {background: url(/Image/bg_snav_reisenews2.gif) no-repeat top left;}
.Reisespecials2     {background: url(/Image/bg_snav_reisespecials2.gif) no-repeat top left;}
.Reiseausarbeitung2 {background: url(/Image/bg_snav_reiseausarbeitung2.gif) no-repeat top left;}
.Reisenewsletter2   {background: url(/Image/bg_snav_newsletter2.gif) no-repeat top left;}



dl.SN    {width:auto; height:480px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:20px 0 0 10px;}
dl.SN dt {height:20px; font-size:0.75em; *font-size:0.75em; line-height:0.75em; *line-height:1.2em; padding:0 0 0 10px; *margin:0; cursor:pointer; *overflow:visible;}
dl.SN dd {overflow:hidden;} /* height: 0;  visibility:hidden; */
dl.SN dt a {color:#fff; font-size:1em; *font-size:1em; line-height:0.75em; *line-height:1em;}
dl.SN dt a:hover {text-decoration:none;}

ul.SSNul            {margin:0 0 7px 4px; padding:0;}
ul.SSNul li         {height:16px !important; overflow:visible; *margin:0 !important; line-height:0.7em !important; *line-height:1.1em !important;}
ul.SSNul li a       {font-size:0.7em; color:#a6b3ed !important; text-decoration:none; padding:0 0 0 10px !important; }
ul.SSNul li a:hover {color:#fff !important; text-decoration:none;}

#Aktiv {color:white !important;}





/* TAB Suchmaske */
#Suchmaske {position:relative; height:auto; margin-top:0px;}
#SMtogg    {position:absolute; top:0; left:0; width:29px; height:300px; cursor:pointer; background: transparent url(/Image/bg_search1a.gif) no-repeat top right;}
.SMtogg    {background:transparent url(/Image/bg_search1b.gif) no-repeat top right !important;}
p.Button   {background:transparent url(/Image/ic_arrow_white.gif) no-repeat top left; padding:5px 10px 5px 10px !important; cursor:pointer; font-size:1em !important; font-weight:bold;}

#Suchmaskenformular                                {width:206px; height:300px; font-size:0.7em; color:#fff; background: transparent url(/Image/bg_search2.gif) no-repeat top right;  font-family: Verdana, Arial, Helvetica, sans-serif;}
#Suchmaskenformular form                           {margin:0; padding:0;}
#Suchmaskenformular form fieldset,        fieldset {width:150px; margin:0 0 0 40px !important; border:none; text-align:left;}
#Suchmaskenformular form fieldset legend, legend   {width:150px; *margin-left:-8px; padding-top:16px; font-size:1.1em; font-weight:bold; color:#fff;}



#deptDate, #keyword, #ctl00_dlSearchCountry, #specArea,
#Suchmaskenformular form p,
#Suchmaskenformular form fieldset label,
#Suchmaskenformular form fieldset select, 
#Suchmaskenformular form fieldset input  {width:150px; display:block; clear:right;}


#Suchmaskenformular form fieldset label  {height:17px; font-size:1em; }

#deptDate, #keyword, #ctl00_dlSearchCountry, #specArea,
#Suchmaskenformular form fieldset select,
#Suchmaskenformular form fieldset input  {border:1px solid #293a87; background:#fff; margin-top:2px;} /* a6b3ed */

#deptDate, #keyword,
#Suchmaskenformular form fieldset input  {height:16px; *margin-left:-40px;}

#ctl00_dlSearchCountry, #specArea,
#Suchmaskenformular form fieldset select {height:18px; *border:none;}

.FoButton,        #Suchmaskenformular form fieldset button      {background:transparent url(/Image/b_blank.gif) no-repeat bottom left; width:82px; height:24px; margin-top:4px; vertical-align:top; cursor:pointer; border:none;}
.FoButton:hover, #Suchmaskenformular form fieldset button:hover {background:transparent url(/Image/b_blank_a.gif) no-repeat bottom left;}
.FoButton,       #Suchmaskenformular form fieldset button div   {font-size:10px; *font-size:11px; line-height:10px; font-weight:bold; color:#fff; text-transform:uppercase; *padding-top:5px; padding-right:5px;}

#Fo1,           #Fo2           {*text-align:left;}
#Fo1 .FoButton, #Fo2 .FoButton,
#ctl00_btSearchSpecials        {*margin:0 68px 0 0; *float:left; *width:82px;}
#Fo2 {margin-top:32px !important; *margin-top:14px !important;}


/* TAB merken */
#Angebot-Merken {position:relative; margin-top:4px;}
#AMtogg         {position:absolute; top:0; left:0px; width: 29px; height:200px; cursor:pointer; background: transparent url(/Image/bg_note2a.gif) no-repeat top right;}
.AMtogg         {background: transparent url(/Image/bg_note2b.gif) no-repeat top right !important;}
#AMInhalt       {width:206px; height:200px; font-size:0.7em; color:#fff; background: transparent url(/Image/bg_note2.gif) no-repeat top right;}
#AMInhalt h4    {margin:0; padding:16px 10px 0 40px;}
#AMInhalt p     {margin:0; padding:5px 10px 5px 40px; font-size:0.9em; *font-size:0.8em;}



	
/* ANSICHT ANGEBOT */
#NavAngebot            {width:484px; height:20px; margin:10px 0; border:1px solid black;}
#NavAngebot li         {font-size:0.65em; height:20px; *height:24px; line-height:1em; *line-height:1.2em; float:left; padding:4px 8px 0 8px; background: transparent url(/Image/bg_navangebote.gif) no-repeat top right;}
#NavAngebot li.Aktiv   {font-weight:bold;}
#NavAngebot li a       {*overflow:visible !important;}
#NavAngebot li a:hover {}

	


/* --- CONTENT Slideshow --- */
#Galerie {margin:0 0 0 234px;}
/* #Bild {position:absolute; top:305px; *top:300px; left:234px; z-index:5;} */
#Bild     {margin:0 0 0 234px; width:488px; position:relative; *position:static; z-index:5;}
#Bild a   {cursor:pointer;}
#Bild img {} /*  margin-top:-156px; *margin-top:-286px;  ----- FIX MENU margin-top:-284px;  */
#Galerie  {height:282px;}

#slideshow, #previewImage      {width:486px; text-align:center;}
#slideshow                     {height:260px; overflow:hidden;}
#slideshow .slideshowContainer {width:10000px;}
#slideshow .frame              {float:none; width:486px; overflow:hidden;}
#slideshow .frame              {float:left;}

#GLinks {width:486px; height:22px; font-size:0.6em;}
#GLinks a.act:link,
#GLinks a.act:visited {font-weight: bold;}


#Gallery2, #GLegende {width:486px; display:block; clear:both; margin:0; padding:0;}
#Gallery2 {position:relative; height:350px; margin:-90px 0 0 234px; overflow:hidden; z-index:2;} /* FIX MENU   margin:-339px 0 0 234px; */

#SLS      {position:absolute; height:320px; top:55px; left:0; width:10000px; overflow:hidden;}
#SLS li   {width:486px; text-align:center; float:left; overflow:hidden;}


#GLegende    {height:22px; font-size:0.7em; position:absolute; top:330px; left:0;}
#Imagetitle,
#GLegende dt {width:155px; line-height:26px;} /*186*/
#GLegende dd {width:331px;} /*300*/
#GLegende dt, #GLegende dd {float:left;} 
#GLegende dd     {text-align:right;}
#prev, #next {width: 30px; height:22px; text-align:center;}
#GLegende dd div, #GLegende dd ul {display:inline;}

#GLinks2                  {width:271px; height:22px;}
#GLinks2 li               {width:12px; text-align:center; display:inline; padding:0 4px;}
#GLinks2 li .act {font-weight:bold;}
#prev img, #next img      {margin-top:8px; cursor:pointer;}

div.GRV {position:relative; height:92px; z-index:2;}

/* --- CONTENT Tooltip --- 
.MTip           {z-index:2000; margin-top:-20px;}
.tip-top, .tip-bottom {width:200px !important; }
.tip, .tip-top, .tip-bottom   {width:160px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; background-color:#a6b3ed;}
.tip            {background: transparent url(/Image/bg_ttip_mid.gif) repeat-y top left; padding:0 10px 0 30px !important;} 
.tip-top        {background: transparent url(/Image/bg_ttip_top.gif) no-repeat top left; height:10px;}
.tip-bottom     {background: transparent url(/Image/bg_ttip_bot.gif) no-repeat bottom left; height:10px; }
.tip-title, .tip-text {color:#fff; font-weight:bold; } 
.tip-title      {font-size:12px; line-height:14px;} 
.tip-text       {font-size:10px; line-height:12px;} 
*/

/* FOOTER */
#Footer    {padding:10px; font-size:0.7em; *font-size:0.6em;}
#Footer h3,
#Footer h6 {cursor:pointer; color:#000; text-decoration:underline;} /* font-weight:normal; */
#bFoo {cursor:pointer;}
/*
#Destinationen li {width:100px; float:left; border:1px solid blue;}


#Bild {margin-top:60px;}*/