/* GENERAL */

body { font-family: Verdana,Arial,sans-serif; font-size:11px; line-height:17px; color:#333333; background:transparent url(/images/mainbg.png) repeat-x top left; }
#wrapper { width:925px; margin:-10px auto; background-color:white; }
.clear { clear:both; }

/* HEADER */

#header { height:139px; margin-bottom:15px; background:transparent url(/images/headerbg.png) repeat-x top left; position:relative; }
#header h1 { margin:0; padding:0;  }
#header h1 a { background:transparent url(/images/top-gruppenreisen-logo.png) no-repeat scroll 0 0; bottom:26px; display:block; height:90px; left:15px; position:absolute; width:356px; }
#header span { position:absolute; left:-4000px; }
#header #topteaser { 
	color:#AFAFB9;
	font-size:11px;
	padding:5px;
	position:absolute;
	right:15px;
	top:18px;
	width:520px; 
}

/* LEFT NAVIGATION */

#leftnavigation { float:left; width:205px; margin:10px 0 0 10px; position:absolute; top:150px; }

#leftnavigation ul a { font-size:12px; display:block; cursor:pointer; font-weight:bold; background:transparent url(/images/boxheaderbg.gif) repeat-x top left; margin:0 0 1px; border:1px solid #CCCCCC; line-height:22px; height:24px; padding:0 7px; color:#003468; }
#leftnavigation ul a:hover { background:transparent url(/images/boxheaderbg-hover.gif) repeat-x top left; }
#leftnavigation ul a.active { background:#335D86 url(/images/boxheaderbgactive.gif) repeat-x top left;  border:1px solid #335D86; color:white;  }
#leftnavigation ul a.active:hover { background:#335D86 url(/images/boxheaderbgactive-hover.gif) repeat-x top left; }

#leftnavigation ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; clear:left;}
#leftnavigation h4 { font-size:9px; padding-right:9px; margin:3px 0; text-align:right; color:#AFAFAF; font-weight:normal; }
#leftnavigation ul ul {  list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 3px; }
#leftnavigation ul ul li { border-top:1px dotted #7F7F7F; margin:0; padding:0 5px 0 4px; }
#leftnavigation ul ul li a { font-size:11px; font-weight:normal; border:none; background:transparent url(/images/icon.gif) no-repeat scroll right center; color:#333333; display:block; line-height:19px; height:19px; margin:3px 0 0; padding:0 16px 2px 1px; text-decoration:none; }
#leftnavigation ul ul li a:hover { color:#003468; text-decoration:underline; background:transparent url(/images/icon-hover.gif) no-repeat scroll right center; }
#leftnavigation ul .ulspace { height:10px; }

#leftnavigation ul .in      {  float:left; margin:0 0 5px 0;text-align:left;}
#leftnavigation ul .in li   {   border-top:1px solid #ffffff; float:left;}
#leftnavigation ul .in li a {  font-size:9px; background:transparent; margin:0px 4px 0px 2px;padding:0px; line-height:11px; height:12px;}
#leftnavigation ul .in li a:hover { background:transparent;}

#topnavigation { margin:10px 0 0 220px; position:relative; background-color:white; height:30px; }
#topnavigation ul {  list-style-image:none; list-style-position: outside; list-style-type:none; margin:0; padding:0; }
#topnavigation ul li { float:left; margin:0; padding:0 0px 0 2px; width:110px; }
#topnavigation ul li a { font-size:10px; font-weight:normal; border:none; color:#333333; display:block; line-height:19px; height:19px; margin:3px 0 0; padding:0 16px 2px 1px; text-decoration:none; }

#bottomnavigation { margin:10px 0 0 220px; position:relative; background-color:white; height:30px; }
#bottomnavigation ul {  list-style-image:none; list-style-position: outside; list-style-type:none; margin:0; padding:0; }
#bottomnavigation ul li { float:left; margin:0; padding:0 0px 0 2px; width:110px;}
#bottomnavigation ul li a { font-size:10px; font-weight:normal; border:none; color:#333333; display:block; line-height:19px; height:19px; margin:3px 0 0; padding:0 16px 2px 1px; text-decoration:none; }

#tourvers { display:block; margin:20px 0; }
#tourverstext { display:none; position:absolute;  }

/* CONTENT */
#contentwrapper { float:right; width:710px; text-align:left; min-height:830px;}
#content { float:right; margin:0 0 20px 15px; width:695px; }
#content a { color:#003468; }
#content h2 { font-size:20px; margin:10px 0 10px 0px; font-weight:normal; }
#content h3 { margin:10px 0 7px; }
#content small { display:block; margin:0 0 15px 10px; font-size:9px; }
#content img.country-img { display:block; float:left; }
#content ul.country-specials { float:right; list-style-image:none; list-style-position:outside; list-style-type:none; margin:7px 10px 0 0; padding:0; width:465px; }
#content ul.country-specials li { margin:0; padding:5px 0 5px 12px; background:transparent url(/images/arrow.gif) no-repeat left center; }
#content ul.country-specials li a { padding: 0 2px 0 0; }
#content ul.country-specials li span { padding-left:9px; background:transparent url(/images/bullet.gif) no-repeat left center; }
#hometeaserimage { margin:10px 0 0; }
#secondheader { font-size:20px; margin:20px 0 10px 0px; font-weight:normal; }
#secondheader h2  { display:inline; }

.listcontent { float:right; position:relative;margin:0}
.listcontent a { color:#003468; }
.listcontent h2 { font-size:20px; margin:10px 0 7px 0; font-weight:normal; }
#inittext { margin:25px 0; }
.listcontent form { margin:0 10px 0 0; background:transparent url(/images/boxheaderbg.gif) repeat-x top left; height:24px; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:0 16px; }
.listcontent select { margin:2px 15px; }
.listcontent a img { border:none; float:left; margin: 0 20px 0 0; }
#merkliste { text-align:right; position:absolute; top:10px; right:10px; display:block; background:transparent url(/images/merkliste.gif) no-repeat left center; padding:0 0 0 25px; text-decoration:underline; cursor:pointer; }
.listresult { padding:15px 0 0; border-top:1px solid #CCCCCC; margin:0 10px 15px 0; position:relative; width:685px; height:120px; }
.listresult a.title { font-size:14px; font-weight:bold; }
span.price { bottom:5px; font-size:15px; font-weight:bold; position:absolute; right:160px; }
.listbuttons { position:absolute; bottom:1px; right:10px; }
.listbuttons a.merkenbutton { cursor:pointer; background:transparent url(/images/merken.gif) no-repeat top left; display:block; float:left; width:144px; height:24px; }
.listbuttons a.merkenbutton:hover { background:transparent url(/images/merken-hover.gif) no-repeat top left; }
.listbuttons a.merkenbutton span { position:absolute; left:-5000px; }
.listbuttons a.infobutton { cursor:pointer; background:transparent url(/images/mehr.gif) no-repeat top left; display:block; float:left; width:112px; height:24px; margin:0 15px 0 0; }
.listbuttons a.infobutton:hover { background:transparent url(/images/mehr-hover.gif) no-repeat top left; }
.listbuttons a.infobutton span { position:absolute; left:-4000px; }

/* CONTAINER */

.container { margin:0 10px 1px 0; }
#p-images { position:absolute; width:211px; right:10px; top:10px; }
#mainimage { margin-right:10px; cursor:pointer;}
.subimage { margin:7px 3px 0 0; }
#priceinfo { font-size:16px; font-weight:bold; text-align:center;  padding-right:10px; margin: 25px 0 15px; }
#priceinfo a { cursor:pointer; text-decoration:underline; color:#003468; }
#priceinfo p { font-size:12px; font-weight:normal; margin:0; }
#price { font-size:22px; font-weight:normal; }
#b-content { width:400px; }
h4.containerheader { font-size:12px; font-weight:bold; color:#335D86; background:transparent url(/images/boxheaderbg.gif) repeat-x top left; margin:0; border:1px solid #CCCCCC; line-height:22px; height:24px; padding:0 7px; }
h4.containerheader:hover { background:transparent url(/images/boxheaderbg-hover.gif) repeat-x top left; }
#content .container h4.active { background:#335D86 url(/images/boxheaderbgactive.gif) repeat-x top left; border:1px solid #335D86; }
#content .container h4.active a { color:white; }
#content .container h4.active:hover { background:#335D86 url(/images/boxheaderbgactive-hover.gif) repeat-x top left; }
h4.containerheader a { display:block; cursor:pointer; background:transparent url(/images/tabiconblue.png) no-repeat right 3px; width:669px; }
.container h4.active a { background:transparent url(/images/tabiconwhite.png) no-repeat right 3px; }
.container h5 { font-size:11px; margin:10px 0; }
.containercontent { position:relative; padding:5px 15px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
#reiseverlauf { display:none; }
.verlauf { text-decoration:underline; cursor:pointer; margin-top:0px; color:#003468; }
#preise { display:none; }
#route { display:none; }
#rueckruf { display:none; }
#beratung { height:65px; margin-top:10px;}
#anfrageformular {  text-decoration:underline; cursor:pointer; margin: 5px 0 30px 0; color:#003468; }
#reisezeiten { font-weight:bold; margin:0 0 5px 0; }
.reisezeit { margin:0 0 5px 0; }
.mitbus { font-size:10px; font-weight:normal; }
.short{margin:10px 10px 5px 0; }
.kut {margin:0px 10px 0px 0; }
.teaser { font-weight:bold; }

.zeile {   margin:5px 0 0px 0; }
.block1   { width:670px; }
.lift     { width:25px; }
.block2_1 { width:310px;  }
.block3_1 { width:210px;  }
.block3_2 { width:210px;  }
.block3_3 { width:210px;  }

#buttons { text-align:center; position:relative; clear:both; }
#buttons a#orderbutton { cursor:pointer; background:transparent url(/images/reservierungsanfrage.gif) no-repeat top left; display:block; float:right; width:173px; height:24px; margin:20px 75px 20px 0; }
#buttons a#orderbutton:hover { background:transparent url(/images/reservierungsanfrage-hover.gif) no-repeat top left; }
#buttons a#orderbutton span { position:absolute; right:4000px; }
#buttons a#prospektbutton { cursor:pointer; background:transparent url(/images/prospekt.gif) no-repeat top left; display:block; float:right; width:162px; height:24px; margin:20px 30px 20px 0; }
#buttons a#prospektbutton:hover { background:transparent url(/images/prospekt-hover.gif) no-repeat top left; }
#buttons a#prospektbutton span { position:absolute; left:-4000px; }
#buttons a#emailbutton { cursor:pointer; background:transparent url(/images/angebot.gif) no-repeat top left; display:block; float:right; width:161px; height:24px; margin:20px 30px 20px 0; }
#buttons a#emailbutton:hover { background:transparent url(/images/angebot-hover.gif) no-repeat top left; }
#buttons a#emailbutton span { position:absolute; right:4000px; }
#buttons a#angebotbutton { cursor:pointer; background:transparent url(/images/angebot.gif) no-repeat top left; display:block; float:right; width:161px; height:24px; margin:0px 30px 20px 0; }
#buttons a#angebotbutton:hover { background:transparent url(/images/angebot-hover.gif) no-repeat top left; }
#buttons a#angebotbutton span { position:absolute; right:4000px; }

#buttons a#buchungbutton { cursor:pointer; background:transparent url(/images/reservierungsanfrage.gif) no-repeat top left; display:block; float:right; width:173px; height:24px; margin:20px 75px 20px 0; }
#buttons a#buchungbutton:hover { background:transparent url(/images/reservierungsanfrage-hover.gif) no-repeat top left; }
#buttons a#buchungbutton span { position:absolute; right:4000px; }

#buttons a#planungbutton { cursor:pointer; background:transparent url(/images/planen.gif) no-repeat top left; display:block; float:right; width:173px; height:24px; margin:20px 75px 20px 0; }
#buttons a#planungbutton:hover { background:transparent url(/images/planen-hover.gif) no-repeat top left; }
#buttons a#planungbutton span { position:absolute; right:4000px; }

a#finalbutton { cursor:pointer; background:transparent url(/images/anfrage-senden.gif) no-repeat top left; display:block; width:142px; height:24px; }
a#finalbutton:hover { background:transparent url(/images/anfrage-senden-hover.gif) no-repeat top left; }
a#finalbutton span { position:absolute; right:4000px; }

#buttons a#anfragebutton { cursor:pointer; background:transparent url(/images/anfrage-senden.gif) no-repeat top left; display:block; float:right; width:142px; height:24px; margin:0px 30px 20px 0; }
#buttons a#anfragebutton:hover { background:transparent url(/images/anfrage-senden-hover.gif) no-repeat top left; }
#buttons a#anfragebutton span { position:absolute; right:4000px; }

#abschluss .container { margin:0 0 1px; }
#abschluss .container h4.active { background:#335D86 url(/images/boxheaderbgactive.gif) repeat-x top left; border:1px solid #335D86; }
#abschluss .container h4.active a { color:white; }
#abschluss .container h4.active:hover { background:#335D86 url(/images/boxheaderbgactive-hover.gif) repeat-x top left; }
#abschluss h4.containerheader a { display:block; cursor:pointer; background:transparent url(/images/tabiconblue.png) no-repeat right 3px; width:637px; }
#abschluss .container h4.active a { background:transparent url(/images/tabiconwhite.png) no-repeat right 3px; }
#abschluss .container h5 { font-size:11px; margin:10px 0; }
#abschluss .containercontent { position:relative; padding:5px 15px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

/* FOOTER */

#footer { clear:both; height:50px; width:925px; border-top:1px solid #E8E8E8; margin-top:20px; }
#footer ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:15px 0 0 10px; padding:0; }
#footer ul li { border-right:1px solid #CCCCCC; display:block; float:left; margin:0; padding:0 8px; }
#footer ul li.last { border:none; }
#footer ul li a { color:#CCCCCC; }
#footer ul li a:hover { color:#335D86; }
#footer p { float:right; margin:0 18px 0 0; color:#CCCCCC; }


/*************************************************
				Tooltip bei Zonen
*************************************************/

a.info{
    position:relative; /*this is the key*/
    color:#000;
    text-decoration:none;
	cursor:pointer;}

a.info:hover{
	z-index:25;
    text-decoration:none;
}

a.info span{
display: none;
font-weight:normal;
text-decoration:none;
}

/*************************************************
				AJAX Such Maschine
*************************************************/

/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:350px;  /* Width of box */
  height:200px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #cccccc;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:20000;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:1.0em;
}
#trenner {
width:2px;
color:#ffffff;
}
#trenner a:hover {
/* color:#ccd6e1; */
}

#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
}

#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#ccd6e1;
  color:#000;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
} 

.ajax_txt {
	font-size:9px;
}

.ajax_products_id {
	font-size:9px;
	color:#ffffff;
}

#allecontainer {
position:absolute;
z-index:9999;
}


#planung {
position:absolute;
left:0px;
top:0px;
background-color:#F8F8F8;
display:none;
padding:0 15px;
width:653px;
z-index:10000;
overflow:hidden;
min-height:800px; 
border:2px solid; 
border-color: #000000;
}

#planung h2, #abschluss h2, #anfrage h2 {
font-size:16px;
font-weight:bold;
color : rgb(0, 52, 104);
}

#planung td.first {
background-color:white;
width:47px;
padding:5px 15px 5px 10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

#planung td.second {
background-color:white;
padding-top:0px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
font-weight:bold;
}

#planung td.third {
padding-top:20px;
padding-left:10px;
background-color:white;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#planung td.fourth {
background-color:white;
width:50px;
height:50px;
padding:5px 0;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#planung td.firstbigtop {
background-color:white;
padding:5px 15px 5px 10px;
width:47px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#planung td.secondbigtop {
background-color:white;
padding:10px 0 0;
border-top:1px solid #CCCCCC;
font-weight:bold;
}

#planung td.thirdbigtop {
background-color:white;
padding:10px 0 0 10px;
border-top:1px solid #CCCCCC;
}

#planung td.fourthbigtop {
background-color:white;
padding:5px 0;
width:50px;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#planung td.secondbigbottom {
background-color:white;
padding:0 0 5px 0;
border-bottom:1px solid #CCCCCC;
}

#planung td.thirdbigbottom {
background-color:white;
padding:0 0 5px 10px;
border-bottom:1px solid #CCCCCC;
}

/* Container für Planungsmaske */
#abschluss {
position:absolute;
left:0px;
top:0px;
background-color:#F8F8F8;
border:2px solid; 
border-color: #000000;;
display:none;
padding:0 15px;
width:653px;
z-index:10000;
overflow:hidden;
}

/* Container für Planungsmaske */
#danke {
display:none;
position:absolute;
top:0px;
background-color:#f8f8f8;
width:550px;
height:350px;
z-index:50000;
border:1px solid;
margin-top:20px;
margin-left:20px;
}

/* Container für Emailabfrage */
#email2 {
display:none;
position:absolute;
top:0px;
background-color:#f8f8f8;
width:550px;
height:350px;
z-index:50000;
border:1px solid;
margin-top:20px;
margin-left:20px;
}

/* Anfrage Formular */
#anfrage {
position:absolute;
left:0px;
top:0px;
background-color:#F8F8F8;
display:none;
padding:0 15px;
width:653px;
z-index:10000;
overflow:hidden;
min-height:800px; 
border:2px solid; 
border-color: #000000;
}


#anfrage td.first {
background-color:white;
width:5px;
padding:5px 15px 5px 10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

#anfrage td.second {
background-color:white;
padding-top:20px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
font-weight:bold;
}

#anfrage td.second table {
font-weight:normal;
}

#anfrage td.third {
padding-top:20px;
padding-left:10px;
background-color:white;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#anfrage td.fourth {
background-color:white;
width:5px;
height:50px;
padding:5px 0;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#anfrage td.firstbigtop {
background-color:white;
padding:5px 15px 5px 10px;
width:5px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#anfrage td.secondbigtop {
background-color:white;
padding:10px 0 0;
border-top:1px solid #CCCCCC;
font-weight:bold;
}

#anfrage td.thirdbigtop {
background-color:white;
padding:10px 0 0 10px;
border-top:1px solid #CCCCCC;
}

#anfrage td.fourthbigtop {
background-color:white;
padding:5px 0;
width:5px;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#anfrage td.secondbigbottom {
background-color:white;
padding:0 0 5px 0;
border-bottom:1px solid #CCCCCC;
}

#anfrage td.thirdbigbottom {
background-color:white;
padding:0 0 5px 10px;
border-bottom:1px solid #CCCCCC;
}

#preisanzeige {
width:683px;
}

/* Calender */
#fc {
z-index:40000;
position:absolute;
}

#adt , #wdt{
color:#CCCCCC;
}

#logoklein{
margin-top:15px;
margin-bottom:20px;
height:70px;
width:221px;
background-image:url(/images/top-gruppenreisen-logo-klein.png);
background-repeat:no-repeat;
}

.cal {
cursor:pointer;
}

#dark {
background-color:#000000;
height:100%;
left:0;
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
position:fixed;
top:0;
visibility:visible;
width:100%;
z-index:1000;
display:none;
}

#dark2 {
background-color:#000000;
height:100%;
left:0;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
position:fixed;
top:0;
visibility:visible;
width:100%;
z-index:49999;
display:none;
}

#closewindow {
cursor: pointer;
position:absolute;
top:0px;
right:2px;
padding:0 18px 0 0;
background:transparent url(/images/close.gif) no-repeat right 2px;
}

#dz_ausgabe, #ez_ausgabe {
font-weight:normal;
}

#abschluss h3, #planung h3, #anfrage h3 {
   font-size:14px;
   font-weight:bold;
   }

#reiseinfotable {
   font-size:11px;
   width:300px;
   }

#reiseinfotable th, #reiseinfotable td {
   padding:2px 5px;
   }

#preisinfo {
   padding-top:10px;
   }

#preisinfotable {
   font-size:11px;
   }

#preisinfotable td {
   padding:2px 10px;
   vertical-align:top;
   }

#preisinfotable td.septd {
   padding:2px 0;
   }

.hr { clear:both;margin:0 0 15px;height:15px;border-bottom:1px solid #CCCCCC; }

#agb { display:none; }
#reisebedingungen { display:none; }


#preisinfotable td.septd {
   padding:2px 0;
   }

.rpperperson {
   font-size: 9px;
   font-weight: normal;
   line-height:10px;
   }

.rpboxinfo {
   font-size: 9px;
   font-weight: normal;
   }
.rppreis {
   line-height:18px;
   }

#andere {
   font-weight:normal;
   color:#cccccc;
   }

#img1, #img2, #img3, #img4 {
cursor:pointer;
}

#bigimage {
padding-top:10px;
}

#preisausgabe {
background-color:white; 
border:1px solid #CCCCCC; 
padding:5px; 
margin:0px 36px 10px 0; 
float:right;
}