/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}/*sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}*/input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/** -- Eigene Styleangaben hier eingeben -- **/
html {overflow: -moz-scrollbars-vertical;}
body { font: 13px/18px Arial, Verdana, "sans serif"; color: #212121; background: url(/usergraphics/allgemein/columbus/headerImages/standard.jpg) no-repeat; }
/*#content h1, #content h2, #content h3, #content h4, #content h5, #content p{clear:both!important;}*/
	#imglogo{display:block;height:87px;width:409px;position:absolute;z-index:50;}
	/** -- Wrapper: damit der Footer immer ganz unten bleibt
	/** -- enthaelt auch den Background für den Footer über die ganze Seitenbreite
	**/ 
	div#wrapper { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; /* IE 6 Css */ } 


		/** -- Logo -- **/
		h1 { /*width: 269px;*/ height: 67px; }
			h1 a { display: block; width: 269px; height: 67px; background: url(/graphics/columbus/misc/logo.gif); }
				h1 a span { display: none; }
				
		h2 {
			height: 32px;
			background-repeat: no-repeat;
			}
			
		h2 span {
			display: none;
			}

		/** -- Fixe Breite für Navispalte, Contentspalte und Newsspalte -- **/
		div#wrapperSmall { width: 1002px; background: url(/graphics/columbus/misc/kugel.gif) no-repeat 0 325px; margin: 0 0 165px 0; z-index: 20;}


			/** -- Umgibt die Navi und Infoboxen darunter -- **/
			div#navCol { display:none; }
				/* Schatten */
				div#nav_schatten_oben { width: 183px; height: 9px; background: url(/graphics/columbus/misc/nav_schatten_oben.png); /* IE 6 Css */ margin-left: 8px; }
				div#nav_schatten_unten { width: 183px; height: 9px; background: url(/graphics/columbus/misc/nav_schatten_unten.png); margin: 0 0 8px 8px; }

		

			/** -- CONTENTSPALTE, enthaelt Content und Breadcrumbs -- **/
			div#contentCol { float: left; width: 567px;  } 

				/* Bredcrumbs */
				ul#breadcrumbs *{ display:none!important; }
					ul#breadcrumbs li { color: #003590; display: block; float: left; background: url(/graphics/columbus/misc/breadcrumb_trenner.gif) no-repeat right 7px; padding-right: 9px; }
						ul#breadcrumbs li.last { background: none !important; }
							ul#breadcrumbs li a { display: block; float: left; font-size: 11px; color: #003590; text-decoration: none; margin-left: 4px !important; margin-left: 2px; }
							ul#breadcrumbs li.first a { margin-left: 0 !important; }
							ul#breadcrumbs li.active a { font-weight: bold; }


				/** -- CONTENT -- **/
				#content { padding:20px 0 0 0; } 
//					
					#content h3, #content h5 { font-size: 14px; font-weight: bold; color: #0039A6; padding: 0 0 25px 0; }
					#content h4 { font-weight: bold; padding: 10px 0 5px 0; }
					#content h5 { margin-bottom:0; padding-bottom:0; }
					#content p { padding: 0 0 10px 0; }
					#comtemt imh{border:none;}
					#content ul { margin:0; padding: 0 0 15px 5px; }
					#content ul li{ list-style:none; margin:0; background:url('/graphics/misc/listItem.gif') left 4px no-repeat; padding:0 0 0 15px}

					#content table { font: 13px Arial, Verdana, sans serif; margin: 0 0 10px 0; }
					#content table th { vertical-align: top; font-weight: bold; padding: 0 15px 5px 0; }
					#content table td { vertical-align: top; padding: 0 15px 5px 0; }

					/* Tabelle mit Kontaktdaten */
					#content table.kontaktinfo { margin-top: -14px !important; }
					#content table.kontaktinfo td { padding: 0 10px 2px 0 !important; }

					#content table.allgemein { margin-top: 10px; }
					#content table.allgemein td { padding: 0 10px 2px 0; }
      
					#content a {display:inline; font-weight: bold; color: #7EBE0A; text-decoration: none; }
					#content a:hover { font-weight: bold; text-decoration: underline; }
                                        #content img { text-align:left; float:left; border-right:10px solid #FFF; border-bottom:10px solid #FFF; }
                                        
                                        #content table td { padding:0 10px 20px 0; }
					#content .smallMenu{ color:#7EBE0A; font-weight:bold; font-size:11px;}




					/** -- ************************************************************************ -- **/
					/** -- !!! Styles ab hier muessen NICHT fuer den TinyMCE uebernommen werden !!! -- **/

					/** -- Formulare im Content -- **/
					#content form legend {color:#212121}
					#content form.standard { padding: 0 0 10px 0; margin:20px 0 0 0 }
					#content form.standard fieldset { padding: 0 0 10px 0; }
					/* Standard Labels und Eingabefelder */
					#content form.standard fieldset label	 { display: block; float: left; width: 150px; }
					#content form.standard fieldset input	 { width: 250px; height: 16px; border: 1px solid #C6C7CB; padding: 0 0 0 2px; }
					#content form.standard fieldset select	 { font: 12px/18px Arial; width: 254px; height: 18px; /height: 19px; /* für IE 7 und 6 */ border: 1px solid #C6C7CB; padding: 0 0 0 2px; }
					#content form.standard fieldset textarea { font: 13px/16px Arial;width: 248px; height: 100px; border: 1px solid #C6C7CB; padding: 2px; }
					
					#content form.standard fieldset .formofaddress { width:65px }
					/* Geburtstag - 3-spaltig */
					#content form.standard fieldset#geb_tag, #content form.standard fieldset#geb_tag_2 { float: left; }
					#content form.standard fieldset#geb_tag input, #content form.standard fieldset#geb_tag_2 input  { width: 30px; }
					#content form.standard fieldset#geb_monat, #content form.standard fieldset#geb_monat_2 { float: left; padding-left: 5px; }
					#content form.standard fieldset#geb_monat label, #content form.standard fieldset#geb_monat_2 label { display: none; }
					#content form.standard fieldset#geb_monat input, #content form.standard fieldset#geb_monat_2 input { width: 30px; }
					#content form.standard fieldset#geb_jahr, #content form.standard fieldset#geb_jahr_2  { padding-left: 5px; }
					#content form.standard fieldset#geb_jahr label, #content form.standard fieldset#geb_jahr_2 label { display: none; }
					#content form.standard fieldset#geb_jahr input, #content form.standard fieldset#geb_jahr_2 input { width: 60px; }

					/* Hilfetexte */
					#content form.standard p.helpText { font-size: 11px; clear: left; margin: -7px 0 0 0; padding: 0 0 10px 150px; }
					/* Fehlermeldungen */
					#content form.standard p.errorMeldung { font-size: 11px; font-weight: bold; color: #C01525; padding: 2px 0 0 150px !important; }
					/* Absende-Button */
					#content form.standard button { float: left; text-indent: -2000em; font-size: 12px; color: #003590; font-weight: bold; width: 119px; height: 9px; margin: 10px 0 20px 150px; }
					#content form.standard button { background: #FFF url(/graphics/columbus/misc/button_form_absenden.gif); border: none; cursor: pointer; cursor: hand; }
					
					/* Checkboxes */
					#content form.standard .interests input,
					#content form.standard .prefer input{width:auto;border:0;}
					#content form.standard .interests label,
					#content form.standard .prefer label{}
					#content form.standard .interests fieldset,
					#content form.standard .newsletter fieldset,
					#content form.standard .prefer fieldset {margin:0;padding:3px 0 0 0;margin:0 0 0 150px}
					#content form.standard  #newsletter label{float:right;width:395px;}
					#content form.standard .newsletter input{ width:10px}
					#content form.standard legend{margin:0 0 5px -7px}

					#content form.standard .newsletter legend{font-weight:bold}

     /* AGB Besonderheiten */
     #content span.hervorheben { color:#7EBE0A }
     #content p.hervorheben { color:#7EBE0A }
     #content h4.hervorheben { color:#7EBE0A }
     #content tr.allgemein_hervorheben { color:#7EBE0A }

     /* Staedtereisen Kontakt */
     #kontakt {  }








			/** -- NEWSSPALTE
			/** -- auf der rechten Seite
			**/
			
      div#newsCol { display:block;float:left; }

				/* Schatten oben und unten */
			/*	div#newsCol div.news_schatten_oben { width: 183px; height: 9px; background: url(/graphics/columbus/misc/nav_schatten_oben.png); /* IE 6 Css */ } */
				/*div#newsCol div.news_schatten_unten { width: 183px; height: 9px; background: url(/graphics/columbus/misc/nav_schatten_unten.png); /* IE 6 Css */ }*/

				/* Bild-Text-Box */
        /*
      	div#newsCol div.multibox { width: 183px; margin: 0 0 8px 0; }
					div#newsCol div.multibox div.content { width: 183px; background: url(/graphics/columbus/misc/nav_schatten_seite.png) repeat-y;  padding: 5px 0 10px 0; }
					*/
						div#newsCol div.multibox div.content img { display: block; margin: 0 10px 10px 10px; }
						div#newsCol div.multibox div.content p { font-size: 11px; line-height: 15px; padding: 0 10px; }
						.multibox p {line-height:14px}
							div#newsCol div.multibox div.content p a { font-weight: bold; color: #7EBE0A; text-decoration: none; }
								div#newsColi dv.multibox div.content p a:hover { text-decoration: underline; }
        
				/* reine Textbox */
				
        div#newsCol div.textbox { width: 183px; margin: 0 0 8px 0; }
			   /*	div#newsCol div.textbox div.content { width: 183px; background: url(/graphics/columbus/misc/nav_schatten_seite.png) repeat-y;  padding: 5px 0; }*/
						div#newsCol div.textbox div.content h3 { font-size: 16px; font-weight: bold; color: #003084; text-transform: uppercase; padding: 0 10px 3px 10px; }
						div#newsCol div.textbox div.content p { font-size: 11px; line-height: 15px; padding: 0 10px; }
							div#newsCol div.textbox div.content p a { font-weight: bold; color: #7EBE0A; text-decoration: none; }
								div#newsCol div.textbox div.content p a:hover { text-decoration: underline; }
				
				/* reine Bildbox */
				div#newsCol div.bildbox { /* wird noch definiert */ }



		/** -- Top-NAV -- **/
		ul#topNav {display:none;}/*
			ul#topNav li { display: block; float: left; background: url(/graphics/columbus/misc/trenner.gif) no-repeat right 7px; padding-right: 13px; }
				ul#topNav li.last { background: none !important; }
					ul#topNav li a { display: block; float: left; color: #FFF; text-decoration: none; margin-left: 8px !important; margin-left: 4px; }*/






		/** -- FOOTER -- **/
		div#footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 175px; background: url(/graphics/columbus/deutsch/footer/background.gif) no-repeat; }
			div#footer ul {display:none; /*position: absolute; left: 216px; top: 98px; width: 730px; */}
				div#footer ul li { display: block; float: left; background: url(/graphics/columbus/misc/trenner.gif) no-repeat right 7px; padding-right: 13px; }
				div#footer ul li.last { background: none !important; }
					div#footer ul li a { display: block; float: left; color: #FFF; text-decoration: none; margin-left: 8px !important; margin-left: 4px; }
				
			/* Logo wird beim Over-Status der Footerlinks via jQuery eingeblendet: */
			div#footerLogo { position: absolute; left: 0; top: 0; width: 188px; height: 61px; }
				div#footerLogo.img_footer_reisebuero { background: url(/graphics/columbus/deutsch/footer/travelstar.gif); }
				div#footerLogo.img_footer_solutions { background: url(/graphics/columbus/deutsch/footer/travelsolutions.gif); }
				div#footerLogo.img_footer_staedtereisen { background: url(/graphics/columbus/deutsch/footer/staedtereisen.gif); }
				div#footerLogo.img_footer_erlebnisreisen { background: url(/graphics/columbus/deutsch/footer/erlebnisreisen.gif); }
				div#footerLogo.img_footer_unionreisen { background: url(/graphics/columbus/deutsch/footer/unionreisen.gif); }
				div#footerLogo.img_footer_welcometouristic { background: url(/graphics/columbus/deutsch/footer/welcometouristic.gif); }
				div#footerLogo.img_footer_imperialtours { background: url(/graphics/columbus/deutsch/footer/imperialtours.gif); }
				div#footerLogo.img_footer_eventmanagement { background: url(/graphics/columbus/deutsch/footer/eventmanagement.gif); }
				div#footerLogo.img_footer_sondergruppenreisen { background: url(/graphics/columbus/deutsch/footer/sondergruppenreisen.gif); }
				div#footerLogo.img_footer_mission2beach { background: url(/graphics/columbus/deutsch/footer/mission2beach.gif); }
				div#footerLogo.img_footer_theaterkartenbuero { background: url(/graphics/columbus/deutsch/footer/theaterkartenbuero.gif); }
				div#footerLogo.img_footer_bahnservice { background: url(/graphics/columbus/deutsch/footer/bahnservice.gif); }
				div#footerLogo.img_footer_acs { background: url(/graphics/columbus/deutsch/footer/acs.gif); }
				div#footerLogo.img_footer_austrobus { background: url(/graphics/columbus/deutsch/footer/austrobus.gif); }
				div#footerLogo.img_footer_dr_richard { background: url(/graphics/columbus/deutsch/footer/dr_richard.gif); }


/** -- Allgemeine Definitionen
/** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden
*/
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
blockquote{ padding: 0 20px; }
.invisible { display: none; }
.clear { clear: both; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; }



/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser 
   text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
   your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*.sIFR-hasFlash h1 { visibility: hidden; }*/
/*.sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; }*/ 
div#newsCol .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; }
/*.sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; }
.sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; }
.sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }*/
.fullimg{float:left;margin-top:-5px;margin-bottom:15px}
#content .multibox{
    width:180px;
	float:left!important;
    display:block;
    margin-right:6px;
    margin-bottom:15px;
    position:relative;
}
#content .multibox .content{
    padding-top:115px;
}
#content .news_schatten_oben{
    display:none;
}
#content .multibox .imgwrap{
    position:absolute;
    top:22px;
    z-index:5;
    margin:0;
    padding:0;
    border:0!important;
    
}
#content .multibox h3{
    width:170px;
    display:block;
    margin:0!important;
    padding:0!important;
    margin-left:5px!important;
    margin-right:5px!important;   
}
#content .multibox p{
    font-size:11px;
    width:170px!important;
    margin-left:5px!important;
    margin-right:5px!important;   
}
#content .multibox a{
	  display:block;
    position:absolute;
    z-index:15;
    top:205px;
    left:140px;
}
#content .multibox h4{
    position:absolute;
    z-index:15;
    width:180px;
    color:#ffffff;
    top:-5px;
    left:5px;
}
div#newsCol div.multibox{
    margin-bottom:0px!important;
    padding-bottom:7px;
}
div#newsCol div.fullimg{
    margin:-6px 0 -6px 0;
}
div#newsCol div.clear{
    height:15px;
}
div#newsCol div.multibox div.content .imgwrap{
    position:relative; z-index:50;
}
div#newsCol .multibox .news_schatten_oben{
    background-image:url(/graphics/misc/newsbox_sitebar_abdeckung.png);
    width:180px;
    height:90px;
    position:absolute;
    z-index:99;
    display:block;
}
div#newsCol .text .news_schatten_oben{
    background-image:url(/graphics/misc/newsbox_sitebar_anfang.gif);
    width:180px;
    height:10px;
}
div#newsCol .multibox .content{
    background-image:url(/graphics/misc/newsbox_sitebar_auffueller.gif)!important;
    background-repeat:repeat-y;
    width:180px;
    height:100%;
    z-index:99;
}
div#newsCol .multibox .news_schatten_unten{
    background-image:url(/graphics/misc/newsbox_sitebar_abschluss.gif)!important;
    background-repeat:no-repeat;
    width:180px;
    height:8px;
    position:absolute;
    z-index:99;
    display:block;
}

div#newsCol div.multibox div.content p a {
    margin-left:95px;
    clear:both;
    display:block;
    margin-top:15px;
}
div#newsCol .multibox h4{display:none;}


#newsCol .fullimg{margin-top:0;}
div#newCol .fullimg {
    display:block;
    margin-right:9px;
    margin-bottom:15px;
    width:180px;
}
div#newsCol .fullimg .news_schatten_oben{
    background-image:url(/graphics/misc/newsbox_sitebar_anfang.png)!important;
    background-repeat:none!important;
    display:block;
    width:180px;
    height:6px;
    position:relative;
    z-index:120;
    bottom:-5px;
}
div#newsCol .fullimg .news_schatten_unten{
    display:bock;
    width:180px;
    height:6px;
    background-image:url(/graphics/misc/newsbox_sitebar_unten.png)!important;
    background-repeat:none;
    position:relative;
    display:block;
    z-index:120;
    top:-5px;
}
div#newsCol .fullimg .content {
    margin:0;
    padding:0;
    display:inline;
}
div#newsCol .fullimg{width:180px;overflow:hidden;}
div#newsCol .fullimg .content{
    display:block;
    width:180px;
    background-image:url(/graphics/misc/newsbox_sitebar_auffueller.gif)!important;
    background-repeat:repeat-y!important;
    z-index:0;
}
div#newsCol div.fullimg .content img{
    padding-left:1px;
    margin-right:1px;
    border:none;
}
div#newsCol div.fullimg .imgwrap{
    width:180px;
    overflow:hidden;
}
div#content .fullimg .imgwrap{
    height:227px;
    overflow:hidden;
    display:block;
}
div#content .fullimg {
    display:block;
    margin-right:9px;
    width:180px;
}
div#content .fullimg .news_schatten_oben{
    background-image:url(/graphics/misc/newsbox_sitebar_anfang.png)!important;
    background-repeat:none!important;
    display:block;
    width:180px;
    height:6px;
    position:relative;
    z-index:120;
    bottom:-5px;
}
div#content .fullimg .news_schatten_unten{
    display:bock;
    width:180px;
    height:6px;
    background-image:url(/graphics/misc/newsbox_sitebar_unten.png)!important;
    background-repeat:none;
    position:relative;
    display:block;
    z-index:120;
    top:-5px;
}
div#content .fullimg .content{
    display:block;
    width:180px;
    margin-top:-1px;
    background-image:url(/graphics/misc/newsbox_sitebar_auffueller.gif)!important;
    background-repeat:repeat-y!important;
    z-index:0;
}
div#content div.fullimg .content img{
    margin-left:1px;
    border:none;
    float:none!important;
}

.imgwrap{overflow:hidden;height:86px;width:180px;display:block;}

#newsCol{display:none;}

#newsCol .multibox h3{
color:#0039A6;
font-family:Arial,Verdana,"sans serif"!important;
font-size:14px;
font-weight:bold;
margin-left:10px;
}
#newsCol .text h3{
padding-top:10px;
}

/* swf multiupload */
.progressWrapper {width: 357px;	overflow: hidden;}
.progressContainer {margin-top: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;}
.red /* Error */
{ border: solid 1px #B50000; background-color: #FFEBEB;}
.green /* Current */
{ border: solid 1px #DDF0DD; background-color: #EBFFEB; }
.blue /* Complete */
{ border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName {	font-size: 8pt;	font-weight: bold; color: #555555; width: 323px; height: 14px; text-align: left; white- space: nowrap;overflow: hidden;}
.progressBarInProgress,
.progressBarComplete,
.progressBarError { font-size: 0px; width: 0%; height: 2px; background-color: blue; margin-top: 2px;}
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red;	visibility: hidden; }
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Verdana; text-align: left; white-space: nowrap; }
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover { font-size: 0px; display: block; height: 14px; width: 14px; background-image: url(../graphics /cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right;}
a.progressCancel:hover { background-position: 0px 0px; }

#content h2 { display:block; font-size: 16px; font-weight: bold; text-transform:uppercase; color: #7EBE0A; padding: 20px 0 2px 0; height:20px!important;}
#content h2 span {background:none;display:block!important; height:20px!important;background:none!important;}
#content h3 {color:#0039A6;font-size:14px;font-weight:bold;padding:0 0 25px;}

#content a{display:inline!important;}