/** * css styles -> mexico-mio.de * programmierung werbung-webdesign.de * ----------------------------------- * Farben: * - gelb: #f6d707 * - pink: #e54089 * - pink2: #ee2e6d * - blau: #229abc * - gruen1: #589f11 * - gruen2: #9ec438 * - hell: #f9fee9 */ .cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .cf {display:inline-block;} /* Hide from IE Mac \*/ .cf {display:block;} /* End hide from IE Mac */ hr.trenner {clear:both;height:1px;border:none;border-top:1px solid #d1d1d1;margin:3px 0 7px;} *{ margin:0; padding:0; font-family:arial,verdana,sans-serif; font-size:12pt; color:#333333; } #wrapper { width:991px; margin:0px auto; } #bg_top { height: 33px; background: url(../images/bg_header_miotours.png) no-repeat; } .page {background: url(../images/bg_page_miotours.png) left top ;padding:0 21px 0 20px;} h1{font-size:18px;font-weight:normal;color:#e5004b!important;} #content h2 {font-size:14px !important; font-weight:bold;padding-bottom:2px;color:#e5004b!important;} #content h2 a{color:#e5004b!important;} #content h3 {color:#e5004b!important;font-size:13px !important;} html, body{background:url(../images/bg-body.gif) ;} #content {width:742px;float:right;background: #fff url(../images/bg_linie_content.png) 559px top repeat-y;} .contentBg {background:url(../images/bg-sidebar-left-neu.gif) repeat-y top left;} #mainContent {width:514px;float:left;padding:0px 20px 35px 25px;margin-top:10px;} #sidebar {width:170px;float:right;} #footer {clear:both;background:url(../images/bg_footer_mexico-mio.png) no-repeat top left;height:25px;} #dcSidebar {float:right; width:163px;margin-right:7px;margin-top:10px;} #logo { width: 256px; height: 47px; float: left; margin: 20px 0 0 34px; } #reisenFuerMich {position:absolute;top:90px;margin-left:245px;} #content p, #content li, #navSidebar p {line-height:140%;} #navSidebar p {line-height:150%;} #content p a{font-size:13px;} #content li, #content p{font-size:13px;} strong, em, b, i {font-size:13px;} /** [ header **/ #header ul, #subHeader ul, #navSidebar ul {list-style-type:none;} #header ul li a, #subHeader ul li a, #navSidebar ul li a{text-decoration:none;} #header{height:129px;/*background:#e9e5e2;*/} #header a.home img{border:none;} #header ul {float:right;margin:9px 12px 0 0px;} #header ul li {display:inline;} #header ul li a{color:#999999;font-size:11px;padding-left:8px;background:url(../images/navi-strike.gif) no-repeat 3px 3px;} #header ul li.first a{background:none;} #subHeader {clear:both;} body #subHeader div{float:right;width:743px; height:203px; z-index:0; } body.subPage #subHeader div{float:right;width:743px !important; height:203px;} body #subHeader ul{ padding:0px 0 0 0; background:url(../images/bg-header-mm.png); width:208px; float:left; position:absolute; z-index:1; } #nav li{display:inline;} #nav li a{ display:block; padding:12px 0 11px 25px; text-transform:uppercase; font-size:14px; font-weight:bold; border-bottom:2px solid #e9e5e2; background:#02a7bf; color:#ffffff; } #nav li.last a{ border-bottom: none; } /* body.subPage #subHeader ul li a{ display:block; padding:6px 0 6px 25px; text-transform:uppercase; font-size:14px; font-weight:bold; border-bottom:2px solid #e9e5e2; background:#ffffff; color:#75625b; } */ #subHeader ul li a:hover, #subHeader ul li a.active{background:#9ad9e1;color:#02a7bf;} /* body.subPage #subHeader ul li a:hover, body.subPage #subHeader ul li a.active{background:#ee2e6d;color:#ffffff;} */ #content {clear:both;margin:20px 0 0px 0;height:100%;} .moreLink a{font-size:12px;text-decoration:none;padding-left:0px;background:url(../images/moreArrow.gif) no-repeat 0 3px;} #navSidebar {width:165px;float:left;padding-top:29px;padding-left:25px;padding-right:18px;background:#9ad9e1; border-top: 2px solid #fff;} #navSidebar div.news-latest-item{padding:10px 0;border-top:1px solid #ffffff;} #navSidebar div h3 a{font-size:13px;color:#cc0033 !important;} #navSidebar div p.moreLink a {color:#cc0033 !important;} #navSidebar div p{font-size:12px;} #navSidebar div span{font-size:12px;font-style:italic;} #navSidebar ul.subNavi {margin-top:15px;} #navSidebar ul.subNavi li{display:inline;} #navSidebar ul.subNavi li a{ display:block; padding:0 0 8px 20px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#ffffff !important; background:url(../images/bg-subNaviNorm.gif) no-repeat left 1px;} #navSidebar ul.subNavi li ul {padding-bottom:10px;} #navSidebar ul.subNavi li ul li{display:inline;} #navSidebar ul.subNavi li ul li a{ display:block; background:url(../images/bg-subNaviSub.gif) no-repeat left 3px; margin-left:20px; padding:0 0 3px 14px; font-size:12px; font-weight:normal; text-transform:none;} #navSidebar ul.subNavi li a:hover, #navSidebar ul.subNavi li a.active{ color:#02a7bf !important; background:url(../images/bg-subNaviSubAct.gif) no-repeat left 1px !important; } #navSidebar ul.subNavi li a.menue_sub_act { color:#02a7bf !important; background:url(../images/bg-subNaviSubAct.gif) no-repeat left 3px !important; } #navSidebar ul.subNavi li ul li a:hover, #navSidebar ul.subNavi li ul li a.active{ background:url(../images/bg-subNaviSubActive.gif) no-repeat left 3px !important;} h1{padding:0 0 8px 0;} .startseiteTeaser{font-size:13px;color:#333333;padding:0 55px 0 0;} #content .welcome p {font-size:12px !important;color:#333333;padding:0 5px 0 0;} #content .welcome p a {color:#666666;text-decoration:none;} #contentBox{margin-top:25px;} #contentBox div{width:156px;height:255px;float:left;margin-right:15px;} #contentBox div.left{background:#b6df46;} #contentBox div.center{background:#02a7bf;} #contentBox div.right{margin-right:0px;background:#e7475d;} #contentBox div h2{padding:13px 0 8px 13px;color:#ffffff;text-transform:uppercase; } #contentBox div h2 a{font-size:12px !important;} #contentBox div.left h2{background:url(../images/bg-box-left.gif) top left no-repeat;font-size: 12px !important;} #contentBox div.center h2{background:url(../images/bg-box-center.gif) top left no-repeat;} #contentBox div.right h2{background:url(../images/bg-box-right.gif) top left no-repeat;} #contentBox div a{text-decoration:none;color:#ffffff;display:block;padding:0;} #contentBox div p a{font-size:12px;display:inline; font-weight:bold; padding-right: 3px;} #contentBox div.left p span a:hover, #contentBox div.center p span a:hover, #contentBox div.right p span a:hover{color:#fff;} #contentBox div p span.size_10 a{font-size:10px;} #contentBox div p span.size_11 a{font-size:11px;} #contentBox div p span.size_12 a{font-size:12px;} #contentBox div p span.size_13 a{font-size:13px;} #contentBox div p span.size_14 a{font-size:14px;} #contentBox div p span.size_15 a{font-size:15px;} #contentBox div p span.size_16 a{font-size:16px;} #contentBox div p span.size_17 a{font-size:17px;} #contentBox div p span.size_18 a{font-size:18px;} #contentBox div.left p span a {color: #eef7d3;} #contentBox div.left h2 a {color: #eef7d3 !important;} #contentBox div.center p span a {color: #DCF0F3;} #contentBox div.center h2 a {color: #DCF0F3 !important;} #contentBox div.right p span a {color: #f9d3d8;} #contentBox div.right h2 a {color: #f9d3d8 !important;} #contentBox div a img{border:none;} #contentBox div p{padding:7px 13px 13px 13px;font-size:12px;color:#ffffff;} #navSidebar h2{font-size:16px;padding:10px 0; font-weight:bold;color:#ffffff !important;border-top:1px solid #ffffff;} .newsImg {float:left;border-bottom:none !important;} .newsImg img{margin:3px 7px 0px 0;border:0;} .csc-sitemap ul{margin:0 0 0 20px;padding:0;} .csc-sitemap ul li a{text-decoration:none;color:#E9004C;font-size:12px;} #footer {clear:both;} #footer p{width:637px;float:right;font-size:12px;text-align:center;} #footer p a, #footer p strong{text-decoration:none;color:#8A9B40;font-size:12px;} #footer p strong{color:#18171e;} #suche{position:relativ;float:right;padding:7px 0 0 0px;margin: 38px 12px 0 0;} #suche input{float:left;border:2px solid #bfbfbf;margin:0;font-size:12px;padding:1px 5px;color:#999999;} #suche input#searchButton{float:left;border:none;padding:1px 4px;background: url(../images/bg-suche.gif) no-repeat left -1px;padding:0 4px 0 0;border:2px solid #bfbfbf;border-left:none;width:20px;} /** REISEANFRAGE FORMULAR **/ #mainContent .tx-powermail-pi1 {padding:10px 0;} #mainContent .tx-powermail-pi1 fieldset{border:none; padding:0;} #mainContent .tx-powermail-pi1 legend{display:none;} #mainContent .tx-powermail-pi1 label{ font-size:12px; font-weight:normal; width:115px;} #mainContent .tx-powermail-pi1 label .powermail_mandatory{ font-size:12px; font-weight:normal;} #mainContent .tx-powermail-pi1 input{ font-size:12px; font-weight:normal; padding:2px 0;border:1px solid #999; width: 338px;} #mainContent .tx-powermail-pi1 label .powermail_mandatory { color:#000;} #mainContent .tx-powermail-pi1 select { width: 100px; font-size:12pt;border:1px solid #999;} #mainContent .tx-powermail-pi1 textarea { border:1px solid #999; width: 338px;} #mainContent .tx-powermail-pi1 .powermail_submit {width:91px; height:24px; margin:0 54px 0 0; padding:0 0 0 5px; background:url(../images/bg_submit_miotours.png) no-repeat left 2px; border:0; font-size:10px; color:#fff; font-weight: bold; text-transform:uppercase; cursor:pointer; float:right;} #mainContent .tx-powermail-pi1 #powermaildiv_uid35 {padding-bottom: 20px; margin-bottom: 5px; border-bottom: 1px solid #D1D1D1;} #mainContent .tx-powermail-pi1 #powermaildiv_uid39 {font-size:10px; width: 200px; float:left; margin-left:55px;} #mainContent .tx-powermail-pi1 #powermaildiv_uid36 {width:200px; float: right;} /** REISEANFRAGE FORMULAR **/ #dcSidebar h2{color:#E45547;padding:9px 0 12px;} #dcSidebar h3, #dcSidebar h4 a, #dcSidebar h5{padding:4px 0 0 20px !important;color:#E45547; font-size:18px;background:url(../images/mexico-mio-punkt.gif) no-repeat 0 5px !important;} #dcSidebar h3 a{color:#E45547; text-decoration:none;} #dcSidebar h4 a{color:#857168;display:block;font-size:12px;text-decoration:none;padding-bottom:8px !important;} #dcSidebar h5{clear:both;display:block;padding:12px 0 12px 0;font-size:12px;font-weight:normal;color:#18181e;margin-top:0;background:url(../images/mexico-mio-punkt.gif) no-repeat 0 3px !important;} #dcSidebar .hotelEmpfehlung{padding:12px 0 0 0;} #dcSidebar .hotelEmpfehlung h4{margin-top:3px;clear:both;display:block;padding:0px 0 12px 0;font-size:12px;font-weight:normal;color:#18181e;margin-top:0;background:url(../images/mexico-mio-punkt.gif) no-repeat 0 3px !important;} #dcSidebar .hotelEmpfehlung h4 a{background:none !important;padding-top:0;} #dcSidebar .csc-textpic-text h5{margin:0 0 20px;} p a {font-size:14px;color:#e9004c;} #mainContent p{padding-bottom:8px !important;} #mainContent .csc-textpic img{margin-bottom:8px !important;} #nav li ul{display:none; z-index:4;width:170px;} #nav li:hover ul, #nav li.over ul{display: block;position:absolute;margin-left:208px;margin-top:-41px;} #nav li.last:hover ul{margin-top:-39px;} #nav li:hover a, #nav li a.activ, #nav li.over a{ background:#9ad9e1; color:#02a7bf; } .navi ul li.colored{} .navi ul li ul li{ display:block; clear:both; } #nav li ul li a{ display:block; padding:2px 10px; background-color:#02a7bf !important; border-left:none; color:#efefef !important; text-transform: none; font-size:12px; font-weight:normal; border-bottom:1px solid #3fbcce; width:160px; } #subHeader ul li.last ul li a{ padding:2px 10px; border-bottom:1px solid #3fbcce; } #nav li ul li a:hover{ color:#02a7bf !important; background-color:#9ad9e1 !important; } .kontaktBoxNeu {background:url(../images/bg_kontakt_miotours.png) no-repeat top left;padding-bottom:10px;margin-bottom:25px;} .kontaktBoxNeu .kontaktHeader a {display:block;color:#ffffff;padding:5px 0 0 33px;text-transform:uppercase;font-size:12px;text-decoration: none;} .kontaktBoxNeu ul li {list-style-type: none;font-size:12px;font-weight: bold;padding:9px 0 1px 33px;} .kontaktBoxNeu ul li a {font-size: 12px;text-decoration: none;font-weight:bold;padding-top:0 !important;margin-top: 0 !important;} .reiseanfrageNeu {background:url(../images/bg_reiseanfrage_miotours.png) no-repeat top left;padding-bottom:10px;margin-bottom:25px;} .reiseanfrageNeu a {display:block;color:#ffffff;padding:7px 0 0 33px;text-transform:uppercase;font-size:12px;text-decoration: none;} body.subPage #subHeader {} body.subPage #subHeader div{float:right;width:743px; background-image:url(../images/unterseite.jpg); background-repeat:no-repeat; background-position:top left; height:203px;} body.subPage #subHeader div div{width:305px !important;float:left;} body.subPage #subHeader div p {width:300px;float:right;text-align:left;padding:75px 50px 0 0;color:#ffffff;font-weight:normal;font-style:italic;font-size:20px;} body.subPage #content {padding-top:0 !important;} #reiseAngebot{width:170px;} #breadcrumb {clear:both;width:715px;float:right;padding:10px 0px 5px;color:#cccccc;font-size:11px;} #breadcrumb ul {list-style-type:none;} #breadcrumb ul li{display:inline;} #breadcrumb ul li a{text-decoration:none;font-size:12px;color:#b7bec2;} #breadcrumb ul li strong a{color:#229abc;} #breadcrumb ul li a:hover{color:#229abc;} #breadcrumb ul li span{font-size:11px;} #breadcrumb a{text-decoration:none;font-size:11px;color:#b7bec2;} #breadcrumb a:hover{color:#229abc;} /* B O X E N */ .boxHellgruen p, .boxHellblau p, .boxOrange p, .boxDunkelgruen p {padding:7px 7px 10px 7px;} .boxHellgruen ul, .boxHellblau ul, .boxOrange ul, .boxDunkelgruen ul {list-style-type:none;padding-bottom:0px;} .boxHellgruen ul li, .boxHellblau ul li, .boxOrange ul li, .boxDunkelgruen ul li {border-bottom:1px solid #ffffff;background:url(../images/pfeil-transparent.gif) no-repeat 10px 5px;font-size:12px;padding:2px 14px 4px 33px;} .boxHellgruen ul li a, .boxHellblau ul li a, .boxOrange ul li a, .boxDunkelgruen ul li a {font-size:12px;font-weight:bold;text-decoration:none;} .boxHellgruen ul li a strong, .boxHellblau ul li a strong, .boxOrange ul li a strong, .boxDunkelgruen ul li a strong {font-size:12px;font-weight:bold;text-decoration:none;} #dcSidebar .boxHellblau h4 a, #dcSidebar .boxHellgruen h4 a, #dcSidebar .boxDunkelgruen h4 a, #dcSidebar .boxOrange h4 a {color:#ffffff !important;text-decoration:none;background:none !important;padding:0 !important;} .boxHellblau h4, .boxHellgruen h4, .boxDunkelgruen h4, .boxOrange h4 {color:#ffffff;padding:6px 0 8px 33px;font-weight:normal;text-transform:uppercase;font-size:12px;} .boxHellgruen {background:url(../images/bg-boxHellgruenBody.gif) repeat-y top left;margin-bottom:25px;} .boxHellgruen h4 {background:url(../images/bg-boxHellgruen.gif) no-repeat top left;padding:9px 0 8px 33px;padding:7px 0 8px 33px;} .boxDunkelgruen {background:url(../images/bg-boxDunkelgruenBody.gif) repeat-y top left;margin-bottom:25px;} .boxDunkelgruen h4 {background:url(../images/bg-boxDunkelgruen.gif) no-repeat top left;} .boxHellblau {background:url(../images/bg-boxHellblauBody.gif) repeat-y top left;margin-bottom:25px;} .boxHellblau h4 {background:url(../images/bg-BoxHellblau.gif) no-repeat top left;padding:7px 0 8px 33px;} .boxOrange {background:url(../images/bg-boxOrangeBody.gif) repeat-y top left;margin-bottom:25px;} .boxOrange h4 {background:url(../images/bg-boxOrange.gif) no-repeat top left;color:#ffffff;padding:7px 0 8px 33px;} .boxDownloadNeu {background:url(../images/bg-Download.gif) no-repeat top left;padding-left:33px;padding-bottom:5px;font-size:12px;margin-bottom:25px;} .boxDownloadNeu p {line-height:100% !important;} .boxDownloadNeu a {color:#666666;text-decoration:none;} .boxDownloadNeu a strong {text-transform:uppercase;font-size:12px;color:#666666;display:block;} #mainContent .mioHeader {padding:5px;font-weight:normal !important;margin-bottom:10px !important;background:#e9004c;color:#ffffff !important;font-size:12px !important;text-transform:uppercase !important;} .tx-wecmap-pi1 {font-size:12px !important;} div.gmnoprint span {font-size:10px !important;} div.gmnoprint a {font-size:10px !important;} .tx-gkhrssimport-pi1, .rss_box, #navSidebar .csc-header {border-bottom:none !important;padding-bottom:0 !important;} #navSidebar .csc-header {margin-top: 15px;} #navSidebar .csc-header h2 a {color:#ffffff !important; text-decoration:none;} #stoerer { height: 66px; margin: -13px 0 0 530px; position: absolute; } #stoerer img { border:0 none; } #navSidebar div.news-latest-item:hover p { text-decoration: underline; } #mainContent .news-single-backlink { margin:5px 0 0 0; position: relative; top:0; } #mainContent .news-single-backlink a { padding:0; } #mainContent .news-list-container { margin-top: 15px;} #mainContent .news-list-item h3 span.news-list-date { display: block; margin-bottom: 3px; } #mainContent .news-list-item img { float: left; padding: 0 5px 5px 0; } #mainContent .news-list-item h3 a { color: #E8064D; font-weight: bold; } #mainContent .news-list-container .news-list-item div.news-list-morelink a { color:#E8064D; } #mainContent .news-list-container .news-list-item div.news-list-morelink a:hover { text-decoration: underline; } #mainContent .news-single-author { display: none; } #mainContent .news-single-timedata { margin-bottom: 3px; } #mainContent .news-list-container .news-list-item h3 a { font-size:14px; } #mainContent .tx-indexedsearch { margin-top: 10px;} #mainContent .tx-indexedsearch-searchbox {border-bottom: 1px solid #d1d1d1;} #mainContent .tx-indexedsearch, #mainContent .tx-indexedsearch td, #mainContent .tx-indexedsearch a, #mainContent .tx-indexedsearch input.tx-indexedsearch-searchbox-sword { font-size: 12px; } #mainContent .tx-indexedsearch-redMarkup { color: #E8064D; } #mainContent .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead .tx-indexedsearch-title { padding-left: 18px; } #mainContent .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead .tx-indexedsearch-result-count { padding-right: 10px; } #mainContent .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td { background-color: #C5C7C8; vertical-align: middle; padding: 3px 0; } #mainContent .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background-color: #ECECED; } #mainContent .tx-indexedsearch-sw { color: #E8064D; } #mainContent ul.browsebox { margin: 15px 0px; } #mainContent ul.browsebox li { margin-right: 10px; } #mainContent ul.browsebox li a { text-decoration: none; } #mainContent ul.browsebox li.tx-indexedsearch-browselist-currentPage a { text-decoration: underline; } #mainContent p.csc-frame-frame1 { padding-bottom: 20px; border-bottom: 1px solid #c5c7c8; } .tx-indexedsearch-res { margin-bottom: 10px; } .tx-indexedsearch-info { padding-left: 5px; } #mainContent .tx-indexedsearch-searchbox-button {width:91px; height:24px; margin:-3px 0 0 5px; padding:0 0 0 20px; background:url(../images/bg_submit_miotours.png) no-repeat left 2px; border:0; font-size:10px; color:#fff; font-weight: bold; text-transform:uppercase; cursor:pointer; text-align:left;} #mainContent .tx-indexedsearch-searchbox-sword { margin-left: 5px;} .gmnoprint, .tx-wecmap-map span { font-size: 10px; } #mainContent div#amazoncontent { background-color:#FFFFFF; border:1px solid #E7475D; color:#000000; font-family:'Arial',sans-serif; font-size:10px; height:248px; line-height:12px; margin:0; overflow:hidden; padding:0; position:relative; text-align:left; width:498px; }