/** * airtours 2010 - general.css * * @copyright NEUSTA GmbH * @author mschaefer * @version * * @revision $Revision: 68248 $ * @lastmodified $Date: 2010-09-07 15:58:38 +0200 (Di, 07 Sep 2010) $ * @last author $Author: rahlborn $ */ body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#4c4c4c; background:#000; text-align:center;} form {display:inline;} #logo {float:left; width:160px; height:160px; position:absolute; z-index:20; top:48px; left:33px;} h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif; font-size:15px; line-height:20px; color:#4C4C4C; margin-bottom:6px;} h1, h2 {text-transform:uppercase;} a {color:#4C4C4C; text-decoration:none; outline:none;} .csc-textpic-text a {text-decoration:underline;} a:hover {color:#05cfc8;} a[href^="mailto:"] {text-decoration:underline;} span.hidden, div.hidden {display:block; width:0; height:0; overflow:hidden; line-height:0; font-size:0;} *+html #headerNavi ul.sub {clear: both; width: 542px;} .divider {clear:both; margin:0 20px;} .divider hr {height:1px; color:#a5a5a5;} .clearer {clear:both; font-size:1px; line-height:1px; height:1px; overflow:hidden;} #result {float:left;} /** * @section Container * */ #container {width:952px; margin:0 auto 20px auto; border-width:0 1px 1px 1px; border-style:solid; border-color:#333; position:relative; text-align:left;} #header {height:120px; float:left; display:inline; width:743px; position:relative; left:209px; z-index:30;} #stage {height:350px; position:relative; clear:both; width:952px; float:left; z-index:14;} #slides {height:350px; overflow:hidden;} /* html #stage {overflow:hidden;}*/ #contentContainer {clear:both; padding:0; background-color:#4C4C4C; float:left; position:relative; z-index:12; width:952px;} .home #contentContainer {background:#000;} #contentWrapper {background-color:#fff; float:left;} #sitemap {clear:both; padding:0; float:left; width:952px; margin:20px 0;} #footer {clear:both; float:left; width:100%; border-top: 1px solid #333333;} /* SG: Höhe von 22 auf 28px angepasst, padding-top:5px; ergänzt */ #topNavigation {width:100%; border-bottom: 1px solid #333333; height:28px; padding-top:5px;} #slides {height:350px; overflow:hidden; width:952px;} /** * @section Menu * * */ /* topNavgiation */ /* SG: Styles angeglichen (siehe ati.tui-interactive) */ #topNavigation a {font-size:10px; color:#a5a5a5; padding:0 10px; border-right:1px solid #a5a5a5; color: #FFFFFF; border-right: 1px solid #FFFFFF;} #topNavigation a:hover {color:#05cfc8;} #topNavigation ul {float:right;padding:2px 0 0 10px} #topNavigation ul li {float:left;} #topNavigation ul li.last {border:none; width:auto;} #topNavigation label {font-size:10px; color:#a5a5a5;padding:0 10px;} #topNavigation input {float:left; margin:0;padding:0; height:15px} #topNavigation input[type=image] {width:15px; border:none; padding:1px 3px;} /* SG: Styles bis selektor #topNavigation .topWrapper label ergänzt, siehe ati.tui-interactive */ #topNavigation .topWrapper { padding: 5px 0; position: absolute; right: 0; top: 0; } #topNavigation .topWrapper ul {display:inline;float:none;} #topNavigation .nlEmail {background-color: transparent; border: 0 none;color: #FFFFFF;width: 120px;} #topNavigation .nlSubmit {background-color: transparent;height: 14px;width: 20px;} #topNavigation .topWrapper form div { background: url("/fileadmin/ati/pics/img/arrow_bg_button_grey.gif") no-repeat scroll 130px 2px #A5A5A5; border: 1px solid #7C7C7C; float: left; padding: 0 0 0 8px;} #topNavigation .topWrapper { padding: 5px 0; position: absolute; right: 0; top: 0;} #topNavigation .topWrapper ul { display: inline; float: none;} #topNavigation .topWrapper label { color: #FFFFFF; padding: 1px 10px; width: auto;} /* Mainmenu */ #mainMenu {margin:80px 3px 0 10px; float:left; display:inline;} #mainMenu ul li.first a {padding-left:0;} #mainMenu ul li {float:left; border-right:1px solid #ddd; position:relative; /*z-index:250;*/} #mainMenu ul li.last {border-right:none;} #mainMenu ul li a {padding:2px 19px 0; text-transform:uppercase; color:#FFF; font-size:13px; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif;} #mainMenu > ul > li.last > a {padding-left:13px;padding-right:13px;} #mainMenu ul li a.active, #mainMenu ul li a:hover {color:#05cfc8;} /* Submenu */ #mainMenu .submenu {display:none; position:absolute; z-index:30; clear:both; padding-top:6px; left:7px; /*min-width:100px;*/ border-bottom:1px solid #4c4c4c;} * html #mainMenu .submenu {padding-top:23px; width:213px;} *+html #mainMenu .submenu {padding-top:23px; width:213px; margin:0;} #mainMenu .submenu li {height:24px; line-height:24px; float:none; border-width:1px 1px 0 1px; border-style:solid; border-color:#4c4c4c; background:transparent url(../../pics/img/bg_submenu.png) repeat 0 0; position:relative; vertical-align:bottom;} #mainMenu .submenu li.last {width:auto; border-right:1px solid #4c4c4c;} #mainMenu .submenu li.first a, #mainMenu .submenu li a {float:none; display:block; font-size:11px; white-space:nowrap; padding:0 10px;} /* Subsubmenu */ #mainMenu .submenu .subsubmenu {display:none; position:absolute; z-index:40; left:130px; top:0; padding-top:0; border-bottom:1px solid #4c4c4c; float:left;} * html #mainMenu .submenu .subsubmenu {left:212px;} *+html #mainMenu .submenu .subsubmenu {left:212px;} #mainMenu .submenu .subsubmenu li {height:24px; line-height:24px; float:none; position:relative; z-index:260; border-width:1px 1px 0 1px; border-style:solid; border-color:#4c4c4c; background:transparent url(../../pics/img/bg_submenu.png) repeat 0 0; /*min-width:150px;*/} /* Layer: advise and booking */ #mainMenu li.advise .submenu li {background-color: #E5E5E5;background-image:none;border:0;height:auto;} #mainMenu li.advise .submenu {border-bottom:0;} #mainMenu li.advise {background-color: #05cfc8;padding:6px 0;top:-6px;} #mainMenu li.advise ul {left:0;} #mainMenu li.advise a:hover {color:#fff;} /** * @section breadcrumb * * */ #breadcrumb {clear:both; padding-top:4px;position: relative;} #breadcrumb ul {padding-left:10px;} #breadcrumb ul li {color:#4C4C4C; float:left;} #breadcrumb ul li.divider {color:#848484; padding:0 10px; clear:none; margin:0;} #breadcrumb ul li a {font-size:10px; color:#848484; display:block;} #breadcrumb ul li.current {color:#05cfc8; font-size:10px;} #breadcrumb ul li a:hover {color:#05cfc8;} /** * @section stage * * */ #prev {position:absolute; top:289px; left:0; width:34px; height:48px; background:transparent url(../../pics/img/pfeil_eckig_buehne_li.png) no-repeat 0 0; z-index:150; display:none; cursor:pointer;} #next {position:absolute; top:289px; left:918px; width:34px; height:48px; z-index:150; display:none; cursor:pointer; background:transparent url(/fileadmin/ati/pics/img/pfeil_eckig_buehne_re.png) no-repeat 0 0;} #stage.small {height:175px; overflow:hidden;} /** * @section Content Left * * */ #contentLeft {float:left; width:219px; margin:0; display:inline; min-height:1px; font-size:12px; color:#fff;} #contentLeft a {color:#fff;} #search h2, #contentLeft h2 {color:#fff; border-bottom:1px solid #fff; padding-bottom:8px;} #contentLeft h2 {float:left; width:179px; display:inline; margin-bottom:12px;} #contentLeft .teaser1col {display:block; float:none; margin:20px; clear:both; padding-bottom:13px;} #contentLeft ul li a:hover {color:#05cfc8;} #contentLeft ul li {padding:8px 0;} #contentLeft .teaser1col ul li a {display:block; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif; font-size:13px; background:transparent url(/fileadmin/ati/pics/img/arrow_content_left_link.gif) no-repeat right center; padding-right:22px; line-height:17px; clear:both;} #contentLeft ul li.active a {color:#05cfc8;} #contentLeft .teasercolored {padding:19px; background: #05CFC8;} #contentLeft .teasercolored a {border-bottom:1px solid #fff; border-top:1px solid #fff; color:#fff; display:block; padding:5px; text-transform:uppercase; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif; background:transparent url(/fileadmin/ati/pics/img/arrow_bg_search.gif) no-repeat right center;} /** * @section Contentarea * * */ #contentCenter {float:left; width:439px; display:inline; overflow:hidden; background-color:#fff; border-right:1px solid #a5a5a5; min-height:370px;} .home #contentCenter {min-height:10px; width:439px; border-right:1px solid #000;border-left:1px solid #000;} #contentCenter.wide {width:658px; position:relative;} /** * @section Content Right * * */ #contentRight {float:right; width:292px; display:inline; position:relative;} #serviceNavi, #search {padding:20px; text-transform:uppercase; background-color:#05cfc8;} #serviceNavi {padding-top:10px;} #search {width:254px; position:relative; left:-1px;} * html #search {width:294px;} #search h2 {margin-bottom:0;} #serviceNavi li, #search li {padding:8px 0; display:block;} #serviceNavi li {border-top:1px solid #A5A5A5;border-bottom:0;} #search li {background:transparent url(/fileadmin/ati/pics/img/arrow_bg_search.gif) no-repeat right center;border-bottom:1px solid #fff; } #search li.first {border-top:1px solid #FFFFFF; margin-top:8px;} #serviceNavi li a, #search li a {font-size:13px; color:#fff; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif;} #serviceNavi {background-color:#fff;} * html #serviceNavi {width:293px;} #serviceNavi li.first {border-top:0;} #serviceNavi li {border-color:#a5a5a5; background:transparent url(/fileadmin/ati/pics/img/arrow_bg_servicenavi.gif) no-repeat right center;} #serviceNavi li.last {border-bottom:0;width:auto;} #serviceNavi li a {color:#4C4C4C;} #serviceNavi li a:hover {color:#05cfc8;} /** * @section Sitemap * * */ .sitemapDivider {padding:0px 30px; float:left; border-right:1px solid #4C4C4C; height:208px;} .sitemapDivider.firstSitemap {padding:0 30px 0 20px;} .sitemapDivider.last {width:220px; border:none;} .sitemapDivider img {line-height:20px; display:block;} .sitemapDivider a {font-size:14px; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif; color:#a5a5a5; text-transform:uppercase;} .sitemapDivider a:hover {color:#05cfc8;} .sitemapDivider ul {margin-top:10px;} .sitemapDivider ul li a {font-size:11px; line-height:20px; padding:0 0 0 15px; display:block; background:transparent url(/fileadmin/ati/pics/img/arrow_sitemap.gif) no-repeat 0 6px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform:none;} /** * @section footer * * */ #footer a {font-size:10px; color:#a5a5a5; padding:0 10px; border-right:1px solid #a5a5a5;} #footer a:hover {color:#05cfc8;} #footer ul {padding-left:10px;} #footer ul li {float:left; margin:5px 0;} #footer ul li.last {border:none; width:auto;} #footerContent {float:right; color:#a5a5a5; height:25px; font-size:10px;} #footerContent img {vertical-align:middle;} /** * @section ajax loader * * */ .loadingOverlay {position:absolute; left:0; top:0; background:#fff; z-index:410; opacity:0.8; filter:alpha(opacity=80);} .loadingImage {position:absolute; left:0; top:70px; background:transparent url(/fileadmin/ati2/pics/img/loader.gif); width:66px; height:66px; z-index:430;} /** * @section print * * */ #atiPrintContainer .tx-tuigmap-pi1 {margin:0} #atiPrintContainer {text-align:left;} /** * @section googlemap * * */ #googlemap {position:absolute; top:0; left:0; width:952px; height:350px; overflow:hidden; border:0; z-index:5;} #googlemapcloseCell {height:25px; position:absolute; left:872px; top:35px; overflow:hidden; z-index:220; width: 80px;} #googlemapclose {background:#4E4D4C url(/fileadmin/ati/pics/img/icon_back.gif) no-repeat scroll 5px 6px; color:#DDDDDD; cursor:pointer; padding:4px 25px 7px; width:30px;} * html #googlemapclose {top:18px;} *+html #googlemapclose {top:18px;} #backtoworld {background: transparent url(/fileadmin/ati/pics/img/zur_ubersicht.gif) no-repeat; color:#DCD7CC;cursor:pointer;display:block;font-weight:bold;height:19px;left:61px;position:absolute;top:460px;z-index:70; width: 90px;} * html #backtoworld {top:478px;} *+html #backtoworld {top:478px;} /** * @section contentflow * * */ .contentFlow {clear:both; height:175px; background:#e5e5e5; position:relative; overflow:hidden;} .contentFlow .csc-default {width:439px;} .contentFlow img {width:220px; height:175px;} .contentFlow .csc-textpic-text {padding:15px 15px 0 15px;} * html .contentFlow .csc-textpic-text {padding:15px 10px 0 15px;} .prevcf {background:transparent url(/fileadmin/ati/pics/img/pfeil_eckig_teaser_li.png) no-repeat 0 0; display:block; width:19px; height:27px; position:absolute; top:143px; left:0; cursor:pointer; z-index:20;} .nextcf {background:transparent url(/fileadmin/ati/pics/img/pfeil_eckig_teaser_re.png) no-repeat 0 0; display:block; width:19px; height:27px; position:absolute; top:143px; right:0; cursor:pointer; z-index:20;} /** * extra hp */ #c75209,#c89707 {background:#e5e5e5; height:140px;} #c75209 a,#c89707 a {background-color:#e5e5e5 !important; background-image:url("../../pics/img/arrow_teaser_links.gif") !important;} /** * TYPO3 CSC CSS */ /* default styles for extension "tx_thmailformplus_pi1" */ .tx-thmailformplus-pi1 H2 {margin-top:0; margin-bottom:0;} /* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label {display:block;} /* default styles for extension "tx_cssstyledcontent" */ /* Captions */ DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;} DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;} DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;} /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;} /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {border:2px solid #000; padding:0;} DIV.csc-textpic-imagewrap {padding:0;} DIV.csc-textpic IMG {border:none;} /* DIV: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;} /* UL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;} DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;} /* DL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */ DL.csc-textpic-image {margin:0;} DL.csc-textpic-image DT {margin:0; display:inline;} DL.csc-textpic-image DD {margin:0;} /* Clearer */ DIV.csc-textpic-clear {clear:both;} /* Margins around images: */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {display:inline; /* IE fix for double-margin bug */ margin-right:10px;} /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {display:inline; /* IE fix for double-margin bug */ margin-left:10px;} /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {display:inline; /* IE fix for double-margin bug */ margin-left:10px;} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0; vertical-align:bottom;} /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:10px;} DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:10px; display:block;} DIV.csc-textpic DIV.csc-textpic-imagerow {clear:both;} DIV.csc-textpic DIV.csc-textpic-single-image IMG {margin-bottom:10px;} /* IE7 hack for margin between image rows */ *+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image {margin-bottom:0;} *+html DIV.csc-textpic DIV.csc-textpic-imagerow {margin-bottom:10px;} /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0!important;} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0!important;} /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {margin-right:10px!important;} DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {margin-left:10px!important;} /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;} /* Center (above or below) */ DIV.csc-textpic-center {text-align:center; /* IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;} DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;} DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;} /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;} DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;} /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;} /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;} /* Right (in text, no wrap around) */ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;} /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;} /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;} /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text, * html .csc-textpic-intext-left ol, * html .csc-textpic-intext-left ul {height:1%;} /* End hide from IE5/mac */ DIV.csc-textpic DIV.csc-textpic-imagerow-last {margin-bottom:0;} /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left:40px; overflow:auto;} /** * @section Inner Circle changes for Inner Circle */ #logo {top: 56px} #mainMenu ul li a {padding: 2px 13px 0;} #topNavigation a.consultingLink {border:none; font-size:11px; text-transform:uppercase; color:#fff; padding:3px 0 5px 30px; position:absolute; top:5px; left:33px; background:#000 url(/fileadmin/ati/pics/img/icon_phone.jpg) no-repeat scroll 0 0;} #topNavigation .topWrapper {padding: 8px 0 2px;} #adviseLayer { background-color:white;position: absolute;left: 33px;top: 27px;z-index: 99;padding:0;} #adviseLayer a { display:block;}