/** * @author Bilal Cinarli * @copyright 2008 * @company Icon Perception Management Co. * @contact contact@icon-pm.com * @web www.icon-pm.com **/ /* page skeleton */ body { background: black url(../media/image/template_images/body.png) top left repeat-x; } #wrapper { background: url(../media/image/template_images/wrap.png) top left no-repeat; height: 722px; margin: 0 auto; position: relative; width: 970px; } #header { height: 110px; margin: 0 auto; position: relative; width: 970px; z-index: 50; } #printlogo { display: none; } #langmenu { position: absolute; right: 175px; top: 85px; } #search { height: 20px; position: absolute; right: 0; top: 80px; width: 166px; } #navigation { margin: 0px 25px 0px 5px; } #content { background: url(../media/image/template_images/page_bg.jpg) top left no-repeat; font: 1.2em/1.4em Tahoma; height: 612px; margin: 0 auto; position: relative; width: 961px; } #corner { background: url(../media/image/template_images/corner.png) top right no-repeat; height: 30px; position: absolute; right: 0; top: 0; width: 30px; z-index: 99; } #logo { left: 20px; position: absolute; top: 0px; z-index: 20; } #homepage, #page { position: absolute; top: 0; z-index: 2;} #homepage { right: 0; } #page { left: 0; } #footer { height: 45px; left: 5px; overflow: hidden; position: relative; text-align: right; top: -50px; width: 960px; z-index: 49; } #print, #download { left: 346px; position: absolute; top: 5px; z-index: 50; } #print { left: 346px; } #download { left: 370px; } /* page skeleton */ /* header */ #langmenu ul { } #langmenu ul li { color: #eaeaea; display: inline; font: bold 9px Tahoma; margin-left: 5px; } #langmenu ul li a { color: #eaeaea; font: bold 9px Tahoma; } #langmenu ul li a:hover { color: #bbb; } #navigation ul { clear: both; } #navigation ul li { cursor: pointer; float: left; } #navigation ul li a, #navigation ul li span { color: #fff; display: block; font-weight: bold; margin-left: 4px; padding: 30px 14px 30px 10px; } #navigation ul li a:hover, .hover a, #navigation ul li.activeNav a, .hover span, #navigation ul li.activeNav span { background: url(../media/image/template_images/menu_bg.png) top right no-repeat; color: #ffe400; } #navigation ul li.hover, #navigation ul li.activeNav { background: url(../media/image/template_images/menu_left_bg.png) top left no-repeat; } #navigation ul li ul { background: url(../media/image/template_images/submenu_container_bg.png) bottom right; display: none; margin-left: 1px; min-width: 120px; width: auto !important; width: 150px; position: absolute; top: 68px; z-index: 99; padding:0px 2px 2px 0px; } #navigation ul li ul li { background: url(../media/image/template_images/submenu_bg.png) top left repeat-x; display: block; float: none; } #navigation ul li ul li.last { background: url(../media/image/template_images/submenu_last_bg.png) top left repeat-x; display: block; float: none; } #navigation ul li ul li a, #navigation ul li.activeNav li a { background: none; color: #fff; display: block; height: 13px; line-height: normal; margin: 0 0 0 0; padding: 5px 10px; } #navigation ul li ul li a:hover { background: url(../media/image/template_images/submenu_hover_bg.png) top left no-repeat; color: #ffe400; } #navigation ul li ul li.last a:hover { background: url(../media/image/template_images/submenu_hover_last_bg.png) top left no-repeat; color: #ffe400; } #navigation ul li ul li:hover { background: url(../media/image/template_images/submenu_hover_bg.png) top left no-repeat; color: #ffe400; cursor: pointer; } #navigation ul li ul li.last:hover { background: url(../media/image/template_images/submenu_hover_last_bg.png) top left no-repeat; color: #ffe400; cursor: pointer; } /* header */ /* content */ /* homepage contents */ #wow { position: absolute; z-index: 20; } #news { background: url(../media/image/template_images/announcements_bg.png) top left no-repeat; height: 340px; left: 28px; position: absolute; top: 280px; width: 328px; z-index: 50; } #gwennspiel { margin: 35px 0px 0px 160px; } #news-summary { margin: 10px 0px 0px 15px; } #news-summary ol { margin: 15px 0px 0px 5px; } #news-summary ol li { color: #787878; list-style: square; margin: 0px 0px 5px 15px; } #news-summary ol li a { color: #787878; display: block; font:14px/16px "Trebuchet Ms" serif; margin: 0; width: 250px; } #homepage .homePageTitle { color: #000; font-size: 20px; font-family: Arial, sans-serif; font-style: italic; margin: 30px 0px 0px 10px; padding: 0; text-align: left; visibility: hidden; width: 560px; } #homepage .pericles { color: #000; font-size: 15px; font-family: Arial, sans-serif; font-style: italic; margin-left: 15px; padding: 0; text-align: left; visibility: hidden; width: 180px; } #homepage { background: url(../media/image/template_images/content_bg.png) top right repeat-x; height: 560px; left: 383px; position: absolute; top: 0; width: 577px; } #homepage #pageText { color: #303030; font-size: 1em; margin: 10px 10px 10px 15px; overflow: hidden; height: 400px; } #homepage #pageText h1.title, #homepage #pageText .title { font-size: 1.3em; font-style: italic; font-weight: bold; } #homepage #pageText p { margin-bottom: 20px; } /* homepage contents */ /* page contents */ #left { height: 536px; left: 0; padding-top: 24px; position: absolute; top: 0; width: 345px !important; width: 346px; } #left h2.title { color: #fff; font-size: 3em; height: 40px; margin: 75px 0px 10px 20px; width: 175px; } #left #submenu { position: absolute; right: 0; top: 45px; width: 160px; } #left #submenu ul { } #left #submenu ul li, #left #submenu ul li a { font-family: Tahoma; font-size: 12px; } #left #submenu ul li { margin: 4px 0px; padding-right: 20px; text-align: right; width: 140px; } #left #submenu ul li.active { background: url(../media/image/template_images/menu_indicator.png) top right no-repeat; color: #ffe400; font-size: 16px; height: 20px; margin: 0px 0px 10px 0px; } #left #submenu ul li a { color: #fff; } #left #submenu ul li a:hover { color: #ffe400; } #right { background: url(../media/image/template_images/content_bg.png) top left no-repeat; height: 560px; left: 345px; position: absolute; top: 0; width: 615px; } #page #pageText { color: #303030; font-size: 1em; height: 536px; left: 369px; overflow: auto; position: absolute; top: 24px; width: 580px; } #page .jScrollPaneContainer #pageText { margin: 0px; left: 0; overflow: auto; top: 0; width: 600px; } #page #pageText h1.title { font: bold 1.3em Verdana; } #page #pageText p { margin-bottom: 20px; } #emotion { background: url(../media/image/template_images/emotion_bg.png) top right repeat-x; height: 560px; left: 370px; position: absolute; top: 0; } #pageText .pagination { float: right; font: 10px Verdana; margin-right: 10px; } #pageText .pagination ol { margin: 0; padding: 0; } #pageText .pagination ol li { float: left; padding: 0; } #pageText .pagination ol li a, #pageText .pagination ol li span, #pageText .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; } #pageText .pagination ol li span { background: none; border: none; margin: 0; } #pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; } .backlink { margin: 20px 0px; border: 1px transparent; text-align: left;} #pageText .backlink a{ border: none;} .hideTitle { display: none; } .dummy { height: 50px; } #pageText #mapContainer { float: left; width: 296px; } #pageText #textContainer { float: left; margin-left: 20px; width: 250px; } #pageText h3.countryTitle { font: bold italic 12px Verdana; } #pageText .dealer { border-bottom: 1px solid #48568a; float: left; margin: 10px 10px 10px 0px; padding-bottom: 5px; width: 260px; } #pageText .dealer span { display: block; text-align: left; } #pageText .dealer span.name { color: #48568a; font-weight: bold; } #pageText .dealer span a { color: #303030; } #pageText .dealer span a:hover { color: #48568a; } .news-summary { margin-bottom: 10px; } .news-summary h4.title { font: bold 1.1em Verdana; } .news-summary .details, #pageText .back { display: block; text-align: left; width: 100%;} .news-summary .details a, .back a { color: #690b00; } .news-summary .details a:hover, .back:hover a { color: #333; } .map_element { margin: 10px 0px; } .map_element ul li { color: #303030; list-style: square; margin: 0px 0px 0px 50px; } .map_element ul li a { color: #690b00; } .map_element ul li a:hover { color: #888; } ol#sitemap { } ol#sitemap li { float: left; margin: 5px; width: 150px; padding: 5px 0px 5px 10px; } ol#sitemap li span { background: url(../media/image/template_images/sitemap_bg.png) top left repeat-x; display: block; padding: 5px; } ol#sitemap li li { background: none; float: none; list-style: disc; margin: 5px 0px 5px 30px; padding: 0; width: 120px; } ol#sitemap a { color: #333; } ol#sitemap li, ol#sitemap li a { color: #fff; font-weight: bold; } ol#sitemap li li a, ol#sitemap li li { color: #333; font-weight: normal; } ol#sitemap li.clearfix { float: none; padding-top: 10px; } /* page contents */ /* banners */ .leftBanner { background: url(../media/image/template_images/leftBanner_bg.png) bottom left repeat-x; color: #8e8e8e; font: 11px/14px Tahoma; height: 227px; padding: 0px 10px; position: absolute; top: 350px; width: 325px; z-index: 99; } #contentBanner { margin: 10px 0px 0px 0px; } .boxes { background: url(../media/image/template_images/content_banner_bg.png) top center no-repeat; height: 108px; margin: 10px 4px 0px 4px; padding: 3px 0px 0px 2px; width: 189px; text-align: center; } .boxes img { margin-left: -1px; } .boxes span { display: block; margin: 2px 0px 0px 0px; padding: 2px 0px; width: 182px; text-align: center; } .boxes a { color: #fff; } /* banners */ /* search results */ p.search-result { margin: 0px 10px 10px 0px; } p.search-result a { color: #690b00; } p.search-result a:hover { color: #888; } p.search-result .link { color: #888; } /* content */ /* footer */ #footermenu { position: absolute; right: 115px; top: 15px; } #footermenu ul { } #footermenu ul li { background: url(../media/image/template_images/footer_seperator.png) center right no-repeat; color: #767676; display: inline; font: 9px Tahoma; font-weight: bold; padding-right: 7px; } #footermenu ul li a { color: #767676; font: 9px Tahoma; font-weight: bold; } #footermenu ul li a:hover { color: #bbb; } #weinsberg { position: absolute; right: 10px; top: 15px; } /* footer */ /* forms */ #search #q { background: url(../media/image/template_images/search.png) top left no-repeat; border: none; height: 20px; padding: 3px 0px 0px 25px; width: 108px; } fieldset{ border: none; padding: 0; } legend{ color: #ff4100; float: left; font: 1.2em Arial; } label{ margin: 0px 10px 0px 0px; } fieldset ol{ padding: 0; } fieldset ol li{ background: none; margin: 5px 0px; width: 570px; } .inputlabel{ float: left; font: 12px Arial; font-weight: bold; width: 90px; } .inputbox{ float: left; font: 12px Arial; } .size{ width: 230px; } fieldset ol li textarea.guest { height: 100px; width: 360px;} .submit{ font-weight: bold; margin: 0px 0px 0px 10px; } .dummy { height: 100px; width: 1px;} /* form error display */ .warn { color: orange; font-weight: bold; } .result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; } label.error{ color: red; float: left; font-style: italic; margin-left: 5px; width: 180px; } #gweinnspiel label.error{ color: red; float: none; font-style: italic; margin-left: 5px; width: 180px; } div.error { position: absolute; top: 0; left: 350px; } div.error label.error { display: block; float: none; width: 180px; } div.container { display: none; font-size: 1.2em; font-weight: bold; } div.container h4 { color: red; font-weight: bold; } /* light box */ #gallery { margin: 10px 0px; } #gallery .thumb, #gallery .thumbend { background: url(../media/image/template_images/thumb_bg.png) top left no-repeat; float: left; margin: 0px 20px 10px 0px; width: 174px; } #gallery .thumbend { margin: 0px 0px 10px 0px; } #gallery span { color: #999; display: block; font: 9px/10px Tahoma; margin: 5px;}