/** * @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_bg.png) top repeat-x; } #wrapper { background: white url(../media/image/template_images/wrapper_bg.png) top right repeat-y; height: auto !important; height: 100%; margin: 0 auto -50px; min-height: 100%; position: relative; width: 900px; } #header { background: url(../media/image/template_images/header.png) top left repeat-x; height: 221px; position: relative; width: 100%; } #headerbg { background: url(../media/image/template_images/header_bg.jpg) left no-repeat; top:14px; height: 220px; position: absolute; width: 100%; left: 0; margin-left: 0; } /*ozge*/ #logo { background: url(../media/image/template_images/logo.png) right no-repeat; bottom: 0; height: 195px; position: absolute; right: 0; width: 219px; } /*#headerBanner {position: absolute; left: 169px; width: 773px; height: 168px; top: 17px;}*/ #top {position: absolute; top: 0; margin-left: 690px; margin-top: 6px; width: 220px; } #time {color: #868d8b; padding: 1px; right: 0; font: 11px Arial;} #navigation { position: absolute; left:0; top: 0; z-index: 2; } #content { color: #393939; font: 1.2em/1.6em Verdana; margin: 0px 0px 60px 0px; position: relative; z-index: 1; } /*ozge*/ #contentbg { background: url(../media/image/template_images/content_bg.png) top right repeat-x; position: absolute; width: 900px; height: 31px;} #submenu { position: absolute; width: 219px; top: 31px; right: 0;} #sidebar { position: absolute; top: 0; right: 0; width: 219px; } #push { height: 50px;} #footer { background: url(../media/image/template_images/footer_bg.png) bottom left repeat-x; color: #939393; height: 50px; margin: 0 auto; position: relative; width: 900px; z-index: 99; } #outer { margin:0pt auto; width:900px;} #inner { position:relative; width:900px;} /* page skeleton */ /* header */ #top ul li { float: left; height: 15px; margin-right: 4px; overflow: hidden; position: relative; } #top ul li a{ display: block; float: left; } #top li.home a { background: url(../media/image/template_images/home.gif) top left no-repeat; height: 15px; overflow: hidden; padding: 15px 1px 0 1px; width: 17px; } #top li.home a:hover { background: url(../media/image/template_images/home_hover.gif) top left no-repeat; } #top li.map a { background: url(../media/image/template_images/site_map.gif) left top no-repeat; height: 15px; overflow: hidden; padding: 15px 1px 0 1px; width: 17px; } #top li.map a:hover { background: url(../media/image/template_images/site_map_hover.gif) left top no-repeat;} #top li.en a {background: url(../media/image/template_images/en.gif) top no-repeat; height: 15px; overflow: hidden; padding: 15px 1px 0 1px; width: 49px; } #top li.en a:hover {background: url(../media/image/template_images/en_hover.gif) top no-repeat;} #top li.tr a {background: url(../media/image/template_images/tr.gif) top no-repeat; height: 15px; overflow: hidden; padding: 15px 1px 0 1px; width: 49px; } #top li.tr a:hover {background: url(../media/image/template_images/tr_hover.gif) top no-repeat;} #top li.date { color:#868d8b; padding: 1px; font: 11px Arial; } /*ozge*/ #navigation ul { clear: both; } #navigation ul li { float: left; cursor: pointer; } #navigation ul li a, #navigation ul li span {color: #ffffff; display: block; float: left; font: 12px/28px Verdana; padding-left: 10px; } #navigation ul li a:hover, #navigation ul li.activeNav a, #navigation ul li.activeNav span {color: #fd0000; } #navigation ul li li a, #navigation ul li li.closed a {background: black; color: white; font: bold 11px Verdana; padding-left: 20px; width: 137px; line-height: 23px; border-bottom: 1px solid #ccc; } #navigation ul li li a:hover, #navigation ul li li.activeNav a, #navigation ul li li.activeNav span { background: white; color: black; } /* header */ /* content */ /* homepage contents */ /* homepage contents */ /* page contents */ #homepage,#page {position: relative; width: 900px;} #pageText { position: relative; width: 650px; color: #000; font-size: 12px;} /* #homepage {width: 650px;} ozge*/ #page { background: url(../media/image/template_images/content_top_bg.png) top left no-repeat; } #pageText { margin-left: 20px; padding-top: 6px;} #pageText h2.title { color: #ff000e; font: bold 14px; margin-bottom: 15px; } #pageText h2.hideTitle { display: none; } #pageText p { margin-bottom: 10px; } #pageText a { color: blue; } #pageText a:hover { color: blue; } /* #pageText { margin-right: 155px;} ozge*/ #pageText .pagination { float: right; font: 0.8em Verdana;} #pageText h4.title { font: 16px Verdana; } #pageText .exp { float: left; margin: 2px 5px 0px 0px;} #pageText span.details, #pageText span.back { display: block; } #pageText .pages { float: left;} #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;} #pageText .title { font-size: 12px; font-weight: bold; color: #8d1c1c; } #pageText ul { margin-left: 20px; } #pageText ul li { color: #000; list-style: disc inside; } #pageText ul li a { color: blue; } #pageText ul li li { font: 13px Verdana; margin: 0px 0px 5px 20px; } #pageText ul li li a { font: normal 13px Verdana; } #submenu ul li { background: url(../media/image/template_images/submenu_bg.png) top right repeat-y; border-bottom: 1px solid #2e3231; color: #fff; font: 11px Arial;} #submenu ul li span { color: #ff0000; display: block; padding: 3px 3px 3px 18px; } #submenu ul li a { background: url(../media/image/template_images/submenu_bg.png) top left repeat-y; color: #ffffff; display: block; padding: 3px 3px 3px 25px; } #submenu ul li a:hover, #submenu ul li.activeNav a { background: url(../media/image/template_images/submenu_hover_bg.png) top left repeat-y; color: #000; } #news ol li {border-bottom: 1px dotted #ff0000; color: black; padding: 3px 4px 3px 18px; font: 12px Tahoma;} #news ol li a {color: #57090a; padding: 3px 4px 3px 0; font: 12px Tahoma; } #news h3 {color: white; font: bold 13px/31px Tahoma; margin-left: 18px;} .news-summary { border-bottom: 1px dashed #ccc; margin-bottom: 10px; } /* page contents */ /* content */ /* footer */ #copyright { color:#fd0000; font-size: 12px; left: 20px; line-height: 24px; position: absolute; text-align: left; width: 150px; margin-top: 16px; } #footermenu { font-size: 9px; color: #939393; margin-top:16px ; left: 0px; line-height: 24px; position: absolute; text-align: center; width: 780px; } #footermenu li { display: inline; margin: 0px 5px; } #footermenu li a { color: #939393; } #icon { bottom: 6px !important; bottom: 0px; height: 14px; position: absolute; right: 10px; width: 40px; } /*ozge*/ #icon a { background: url(../media/image/template_images/icon.png) bottom right no-repeat; display: block; height:14px; padding-top: 6px; width:40px; } /* footer */ /*outer*/ #anniversary { background:transparent url(../media/image/template_images/20years.png) no-repeat scroll left top; bottom:40px; height:60px; left:735px; margin:0pt auto; position:absolute; width:117px; z-index: 99; } #slider{ background: url(../media/image/template_images/slider_text_bg.png) repeat-y top; font-family: Tahoma; margin-top: 15px; position: relative; width: 219px; right: 0; } #slider div {width: 200px; right: 0; margin: 0 5px 15px 15px; } #slider div a { color: black; margin:0 0 10px 10px; font-size: 11px; padding-left: 10px; right: 0; } #slider a.head {background: url(../media/image/template_images/slider_header.png) left no-repeat;border: 1px solid #d7d7d7; cursor:pointer; display:block; padding-left: 20px; margin-top: 0; font-size: 11px; font-weight: bold; color: black;} #slider a:hover {} #slider a.selected {color: black;} /*outer*/ /* forms */ fieldset{ border: none; padding: 0; } legend{ color: #ff4100; float: left; font: 1.2em Verdana; } 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 Verdana; font-weight: bold; width: 90px; } .inputbox{ float: left; font: 12px Verdana; } .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 Verdana; 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; width: 610px; } #gallery .thumb { background: #fff; border: 1px solid #999; float: left; margin: 0px 15px 15px 0px; padding: 11px; text-align: center; } #gallery .thumb img, #gallery .thumbend img { border: 1px solid #333; } #gallery .thumbend { background: #fff; border: 1px solid #999; float: left; margin: 0px 0px 15px 0px; padding: 11px; text-align: center; } #gallery span { color: #999; display: block; font: 9px/10px Tahoma; margin: 5px;}