/*------------------------------------------------------------------ # [Master Stylesheet] # # Project: Shopping City Seiersberg # Version: 1.0 # Last change: 27/08/09 # -------------------------------------------------------------------*/ /*--------------------------------- RESET ---------------------------------*/ body { font:9pt/1.5em Arial, Helvetica, sans-serif; } pre, code, tt { font:1em/1.5em 'Andale Mono', 'Lucida Console', monospace; } h1, h2, h3, h4, h5, h6, b, strong { font-weight:bold; } em, i, dfn { font-style:italic; } dfn { font-weight:bold; } p, code, pre, kbd { margin:0 0 1.5em 0; } blockquote { margin:0 1.5em 1.5em 1.5em; } li ul, li ol { margin:0 1.5em; } ul, ol { margin:0 1.5em 1.5em 1.5em; } ul, ul li { list-style-type:disc; } ol, ol li { list-style-type:decimal; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:bold; } dd { margin-left:1.5em; } table { margin-bottom:1.4em;width:100%; } th { font-weight:bold; } th, td, caption { padding:4px 10px 4px 5px; } tfoot { font-style:italic; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted; } address { font-style:italic;margin:0 0 1.5em; } del { text-decoration:line-through; } pre { margin:1.5em 0;white-space:pre; } img.centered, .aligncenter, div.aligncenter { display:block;margin-left:auto;margin-right:auto; } img.alignright { display:inline; } img.alignleft { display:inline; } .alignright { float:right;margin-left:10px; } .alignleft { float:left;margin-right:10px; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearfix { display:block; } /* Hide from IE Mac \*/ /* # FONT SIZE TABLE #---------------- # 10px 0.909em 90.9% 8pt # 11px 1em 100% 8pt # 12px 1.091em 109.1% 9pt # 13px 1.182em 118.2% 10pt # 14px 1.273em 127.3% 11pt # 15px 1.364em 136.4% 11pt # 16px 1.455em 145.5% 12pt # 17px 1.545em 154.5% 13pt # 18px 1.636em 163.6% 14pt # 19px 1.727em 172.7% 14pt # 20px 1.818em 181.8% 15pt # 21px 1.909em 190.9% 16pt # 22px 2em 200% 17pt # 23px 2.091em 209.1% 17pt # 24px 2.182em 218.2% 18pt */ /*--------------------------------- GLOBAL ---------------------------------*/ * { font-size:100.01%; } html { font-size:75.8%; /* default:11px; */ height:101%; } body { background:#eee url(../img/bg_body.gif) no-repeat 0 0; color:#333; font:1.1em/1.6em "Trebuchet MS", Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; } a { color:#e86425; text-decoration:none; } a:hover { color:#666;} a:active, a:focus { outline:0;} /* fix moz outline bug */ small { font-size:0.818em; } /* main headlines */ h1 {} h2 { font-size:1.636em; font-weight:700; text-transform:uppercase; } /*18px*/ h3 {} /*--------------------------------- Container ---------------------------------*/ #wrap { background:#fff; margin:0 auto; width:100%; } #wrapBottom { background:none; height:12px; width:100%; margin:0 auto; } #wrap-inner { margin:0px auto; padding:10px 0px; width:98%; } /*--------------------------------- NAVIGATION ---------------------------------*/ #topnav, #mainnav { display:none; } /*--------------------------------- HEADER ---------------------------------*/ #header {display:none; } #header.default { background:url(../img/header_default.jpg) 0 0 no-repeat; } #header div.cornerTopLeft { background:url('../img/corner_top_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; top:0px;} #header div.cornerTopRight { background:url('../img/corner_top_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; top:0px;} #header div.cornerBottomLeft { background:url('../img/corner_bottom_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; bottom:0px; top:194px; } #header div.cornerBottomRight { background:url('../img/corner_bottom_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; bottom:0px; top:194px; } #header h1 { background:#fff; float:right; height:100%; width:220px; filter:Alpha(opacity=95); opacity:0.95; moz-opacity:0.95; position:relative; } #header h1 a { background:url(../img/logo.gif) no-repeat; height:98px; width:171px; display:block; text-indent:-9999em; position:absolute; top:20%; left:15px; } #header.parkplaetze { background:url('../img/header_parkplaetze.jpg') no-repeat;} #header.infopoint { background:url('../img/header_infopoint.jpg') no-repeat;} #header.city { background:url('../img/header_citystelltsichvor.jpg') no-repeat;} #header.s1lounge { background:url('../img/header_s1lounge.jpg') no-repeat;} #header.search { background:url('../img/header_search.jpg') no-repeat;} #header.search_gastro { background:url('../img/header_search_gastro.jpg') no-repeat;} #header.wickelraum { background:url('../img/header_wickelraum.jpg') no-repeat;} #header.surfwlan { background:url('../img/header_surfwlan.jpg') no-repeat;} #headerGoogle { } #googleMap { height:300px; } #headerGoogle h1 { background:#fff; float:right; height:100%; width:220px; filter:Alpha(opacity=95); opacity:0.95; moz-opacity:0.95; position:relative; } #headerGoogle h1 a { background:url(../img/logo.gif) no-repeat; height:98px; width:171px; display:block; text-indent:-9999em; position:absolute; top:20%; left:15px; } #headerGoogle div.cornerBottomLeft { background:url('../img/corner_bottom_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; bottom:0px; top:294px; } #headerGoogle div.cornerBottomRight { background:url('../img/corner_bottom_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; bottom:0px; top:294px; } #printHeader { display:block; border-bottom:1px solid #ccc; } #printHeader h1 { font-size:20px; margin-bottom:10px; } /*--------------------------------- MAIN/CONTENT/SIDEBAR ---------------------------------*/ #main { margin:10px 0 0 0; } #content { float:none; width:600px; } body.slim #content {width:600px; } #sidebar { display:none; } /* sidebox */ .sidebox { background:#f7f8f7; border-top:1px solid #e7e8e9; padding:5px 10px; } .sideboxBottom { background:url('../img/sidebox_bottom.gif') no-repeat; height:3px; } .sidebox ul { margin:0px; padding:0px; list-style-type:none; } .sidebox ul li { margin:0px; padding:0px; list-style-type:none; } /* typo */ #sidebar h2 { text-transform:uppercase; margin:0 0 2px 5px; font-size:1em; line-height:1em; } /*--------------------------------- FOOTER ---------------------------------*/ #footer { display:none; } #footer ul { list-style-type:none; margin:0px; padding:10px 6px 0px 6px; } #footer ul li { float:left; list-style-type:none; padding-right:25px; } #footer { font-size:0.909em; } #footer a { color:#999; } #footer a:hover { color:#999; text-decoration:underline; } a.print { background:url('../img/icon_print.gif') no-repeat; padding-left:25px; } a.tell { background:url('../img/icon_tell.gif') no-repeat; padding-left:25px; } a.goUp { background:url('../img/icon_gotop.gif') 0px -1px no-repeat; padding-left:20px; } .phone { background:url('../img/icon_phone.gif') 0px -1px no-repeat; padding-left:18px; font-weight:bold; font-size:1.091em; line-height:30px; } /*--------------------------------- EVENTCALENDARSLIDER ---------------------------------*/ #eventCalendarSlider { width:100%; position:relative; margin-left:10px; } #eSlider { list-style-type:none; margin:0px !important; padding:0px !important; } #eSlider li { background:url(../img/bg_calendar_leaf.gif) no-repeat; float:left; list-style-type:none; height:145px; width:171px; } #eSlider li div { height:100px; width:150px; margin:35px 0px 0px 10px; position:relative; } #eSlider li div p { padding:0px; margin:0px; } #eSlider li div p.alignright { padding-top:5px; padding-right:5px; } #eSlider li a { color:#333; display:block; width:100%; height:100%; } #eSlider li p a { color:#e86425; } #eSlider li p a:hover { color:#666; } #eSlider li div p.date { font-size:2.182em; font-weight:bold; line-height:24px; } #eSlider li div p.head { font-size:1.273em; font-weight:bold; color:#666;} /* 14px */ /* Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:65px; right:-2px; width:11px; height:66px; cursor:pointer; background:transparent url('../img/next-horizontal.gif') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:-11px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:-22px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-33px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:65px; left:-12px; width:11px; height:16px; cursor:pointer; background:transparent url('../img/prev-horizontal.gif') no-repeat -33px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:-22px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:-11px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:0px 0; } /*--------------------------------- NEWS SECTION ---------------------------------*/ #newsSection { width:700px; position:relative; margin:0 auto; margin-right:5px; } #newsSection ul { list-style-type:none; padding:0; margin:0;} #newsSection ul li { float:left; list-style-type:none; width:170px; margin-right:5px; } #newsSection ul li.w1 { width:170px; } #newsSection ul li.w2 { width:345px; } #newsSection ul li.w3 { width:520px; } #newsSection ul li.w4 { width:700px; } #newsSection ul li.w1 div.image { position:relative; height:151px; } #newsSection ul li.w2 div.image { position:relative; height:151px; } #newsSection ul li.w3 div.image { position:relative; height:151px; } #newsSection ul li.w4 div.image { position:relative; height:151px; } #newsSection p { padding:10px; } #newsSection span.title { font-size:1.091em; font-weight:bold; text-transform:uppercase; } /* 12px */ /* 170px */ /* #newsSection { } #newsSection div.row { float:left; margin-left:12px; width:230px; } #newsSection div.row2 { float:left; margin-left:12px; width:460px; } #newsSection div.row3 { float:left; margin-left:12px; width:170px; } #newsSection div.row355 { float:left; margin-left:12px; width:355px; } #newsSection div.first { margin-left:0px; } #newsSection div.row div.img, #newsSection div.row2 div.img, #newsSection div.row3 div.img { position:relative; } #newsSection div.row div.img img { width:230px; height:151px; } #newsSection div.row2 div.img img { width:460px; height:151px; } #newsSection div.row3 div.img img { width:170px; height:151px; } #newsSection p { padding:10px; } #newsSection span.title { font-size:1.091em; font-weight:bold; text-transform:uppercase; } /* 12px */ .cornerTopLeft { background:url('../img/corner_top_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; top:0px;} .cornerTopRight { background:url('../img/corner_top_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; top:0px;} .cornerBottomLeft { background:url('../img/corner_bottom_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; bottom:0px; top:145px; } .cornerBottomRight { background:url('../img/corner_bottom_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; bottom:0px; top:145px; } /*--------------------------------- MESSAGES&NOTIFICATIONS ---------------------------------*/ #flashMessage { background:#e3f3fb; border:1px solid #a2d0dd; color:#19b9d1; margin-bottom:20px; padding:10px 20px; } #flashMessage span { font-size:1.455em; font-weight:700; line-height:150%; } #flashMessage.error { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .highlight { color:#cc0000; } /*--------------------------------- FORMS ---------------------------------*/ a.cancle { background:#e86425; border:0; color:#fff; cursor:pointer; font-weight:700; padding:2px 10px; margin-top:1px; display:block; } a.cancle:hover { color:#5c5c5c; } .formControls div { padding-right:10px; } input.std,select.std,textarea.std { border:1px solid #d7d5d5; color:#333; padding:5px 2px; } input.form-error,select.form-error,textarea.form-error { background:#fbe3e4; border:1px solid #98a6a7; } input.submit { background:#e86425; border:0; color:#fff; cursor:pointer; font-weight:700; padding:2px 10px;} input, textarea, select { font-size:1em !important; font-family:"Trebuchet MS", Arial, Verdana !important; } fieldset {border:1px solid #939393; padding-top:10px;} legend { font-size:1.091em; color:#5e5e5e; } /*--------------------------------- TABS ---------------------------------*/ ul.tabNavigation { padding:0px !important; margin:0px !important; list-style:none; } ul.tabNavigation li { float:left; list-style:none; } ul.tabNavigation li a { padding:3px 5px; background-color:#ccc; color:#000; text-decoration:none; } ul.tabNavigation li a.selected, ul.tabNavigation li a:hover { background-color:#e86425; color:#fff; padding-top:7px; } ul.tabNavigation li a:focus { outline:0; } div.tabs > div { } div.tabs > div h2 { margin-top: 0;} /*--------------------------------- TABLES ---------------------------------*/ table { width:100%; } th { background:#e86425; color:#ffffff; padding:3px 10px; font-weight:bold; border-bottom:2px solid #d35e26; } td { padding:10px; } tr.row td { padding:3px 6px; } tr.row1 td { background:#fffcfb; border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.row2 td { background:#fbf6f4; border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.large td { padding:4px 8px; } /*--------------------------------- MISC ---------------------------------*/ .searchResult { background:#f9fafa; margin-bottom:10px; padding:10px; } .colLeft { float:left; width:190px; text-align:center; } .colRight { float:left; width:280px; } .colRight h3 { font-size:1.4em; font-weight:700; text-transform:uppercase; } /*14px*/ .searchResult h3 { font-size:1.4em; font-weight:700; text-transform:uppercase; margin-bottom:5px;} /*14px*/ .colRight p { margin:10px 0px; } #shopView { border-top:2px solid #f1f1f2; } #shopView div.colLeft { float:left; width:150px; text-align:center; padding:10px; } #shopView div.colRight { background:#f7f8f8; float:left; width:350px; padding:10px; } .siteMap { font-size:1.182em; list-style:none; padding:0; margin:0; color:gray; } .siteMap li { list-style:none; } .space { height:15px; line-height:0px; margin:0px; padding:0px; } #breadcrumbs { margin-bottom:10px; font-size:1em; z-index:90; color:#666; } #breadcrumbs a { color:#666; } #breadcrumbs a:hover { color:#333; } #ZoomBox { border:2px solid #8d8d8d; } #ZoomImage { border:10px solid #fff; } #ShadowBox { display:none; } .ultralight { color:#a2a2a2; } .light { color:#a4a4a4; } ul.adminmenu {} ul.adminmenu li { margin-bottom:3px; } #page h1 { font-size:1.636em; font-weight:700; text-transform:uppercase; } /*18px*/ #page h2 { font-size:1.273em; font-weight:700; text-transform:uppercase; } /*14px*/ #page h3 { font-size:1.091em; font-weight:700; text-transform:normal; } .calendarLeaf { background:url('../img/bg_calendar_leaf.gif') no-repeat; height:145px; width:171px; text-align:center; } .leaf { background:none; height:145px; width:171px; text-align:center; } .calendarLeaf p.date, .leaf p.date { font-size:2.182em; font-weight:bold; line-height:10px; padding-top:55px; } p.head { font-size:1.273em; font-weight:bold; color:#666;} /* 14px */ .calendarLeaf a, .leaf a { color:#333; display:block; width:100%; height:100%; } .postDetailThumb { position:relative; height:200px; width:500px; margin-left:185px; } .postDetailThumb .cornerBottomLeft { background:url('../img/corner_bottom_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; bottom:0px; top:194px; } .postDetailThumb .cornerBottomRight{ background:url('../img/corner_bottom_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; bottom:0px; top:194px; } /* albums */ #albums { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #bfbfbf; } #albums .colLeft { float:left; width:40%; } #albums .colRight { float:left; width:60%; } #albums .img { width:220px; height:120px; position:relative; } #albums .img .cornerBottomLeft { background:url('../img/corner_bottom_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; bottom:0px; top:114px; } #albums .img .cornerBottomRight{ background:url('../img/corner_bottom_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; bottom:0px; top:114px; } #albumPhotos { list-style:none; margin:0 !important; padding:0 !important; } #albumPhotos li { list-style:none; float:left; width:200px; height:120px; margin-right:3px; margin-bottom:10px; } #albumPhotos li .cornerBottomLeft { background:url('../img/corner_bottom_left.gif') no-repeat; height:6px; width:6px; position:absolute; left:0px; bottom:0px; top:114px; } #albumPhotos li .cornerBottomRight{ background:url('../img/corner_bottom_right.gif') no-repeat; height:6px; width:6px; position:absolute; right:0px; bottom:0px; top:114px; } /** Filter **/ div.filter { margin:10px 0px 20px 0px; }