/** * SilverStripe Kreuzenstein Theme * http://www.dany.ba * * Main Layout File */ /* Misc Styles and defaults -------------------------------------------- */ * { margin: 0;padding: 0; } body { color: #666; font-size: 62.5%; margin-bottom: 0px; font-family: Georgia,'Times New Roman',serif; } html { background-color: #fff; } table {border: none; } caption, th, td { /*text-align: left;*/ font-weight: normal; } .clear { clear:both; } img { border: none;} a { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none;} a:hover { text-decoration: underline;} h3 a { font-size: 18px; color: #958157;} /* CONTAINER ----------------------------------------- */ #BgContainer { width: 960px; margin: 0 auto; position: relative;} #Container { width: 960px; padding-bottom: 15px; z-index: 1;} #Layout { width: 780px; clear: both; overflow: hidden; margin: 10px 0px 0px 0px; float: right; } #Content { width: 780px; float: right; margin: 0; text-align: left; position: relative;} #topbild { width: 780px; height: 410px; position: relative; z-index: 1;} #topbild img { display: block; float: right; margin: 0; padding: 0;} #contenttext { float: left; width: 450px; margin-right: 30px;} #contentbilder { float: right; width: 300px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-top: -45px; position: relative;} .sitetitle { display: block; clear: left; float: left; width: 330px; margin-right: 5px; font-size: 20px;} h3.sitetitle { display: block; clear: left; float: left;font-size: 20px !important; text-transform: uppercase;} .fb-like { display: block; float: left; width: 110px; margin-top: 30px;} /* home */ .homelayout { min-height: 830px;} .rustung { width: 700px; height: 619px; position: absolute; bottom: -20px; left: -330px; z-index: -1; background: transparent url(../images/ruestung-bg.jpg) bottom center no-repeat;} #teaserbild { width: 300px; height: 156px; position: relative; z-index: 1;} #teaserbildtitle{ position: absolute; width: 230px; height: 60px; background:transparent url(../images/title_bg.png) !important; top: 70px; right: 0px; text-align: right; color: #fff; z-index: 10;} #teaserbildtitle p { color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: 24px; line-height: 30px; padding-right: 5px; } #teasertext { clear: both; float: left; width: 230px; text-align: left;} #teasertext p {font-size: 12px;} #homelinks { clear: both; float: right; margin-top: 20px;} /* slider */ #slideShowHolder {width: 780px; overflow: hidden; height: 370px;} .ft-title {color: #fff !important; background: transparent url(../images/title_bg.png) !important; font-size: 40px; font-family: Georgia,'Times New Roman',serif; text-align: right; opacity: 1; } .ft-title p {font-family: Georgia,'Times New Roman',serif; font-size: 40px; text-align: right;} /* HEADER ----------------------------------------- */ #Header { width: 960px; margin: 0 auto; position: relative; } #KreuzensteinLogo { position: absolute; left: 0px; top: 35px; width: 150px; height: 189px; } #searchPart { float: right; clear: both; margin-top: 5px;} #MetaNavi { float: left; margin-top: 10px; margin-right: 15px;} #MetaNavi a { text-decoration: none; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; display: block; float: left; margin-left: 30px; line-height: 38px;} /* MAIN NAVIGATION - TABS ----------------------------------------- */ #Navigation { width: 780px; margin: 0; float: right;overflow: hidden; clear: both; margin-top: 41px;} #Navigation ul { float: left; padding: 0px; margin: 0px;} #Navigation ul li { list-style: none; margin: 0; float: left; display: block; } #Navigation ul li a { float: left; text-decoration: none; display: block; font-size: 18px; margin-right: 25px; color: #000; text-transform: uppercase; font-family: Georgia, 'Times New Roman', serif;} #Navigation ul li a span { text-align: center; float: left; } #Navigation ul li a:hover { color: #958157; cursor: pointer; } #Navigation ul li a:hover span { cursor: pointer; } #Navigation ul li a.current, #Navigation ul li a.section, #Navigation ul li a.section:hover, #Navigation ul li a.current:hover { color: #958157; } #Navigation ul li a.current span, #Navigation ul li a.section span, #Navigation ul li a.section:hover span, #Navigation ul li a.current:hover span { color: #958157; } /* SIDEBAR -------------------------------------- */ #Sidebar { width: 200px; float: left; margin: 0; padding: 0; height: 410px; background: transparent url(../images/submenu.jpg) top left no-repeat; position: absolute; z-index: 10; left: 0px; top: 0px; } #Sidebar ul { margin-top: 110px; margin-left: 0px;} #Sidebar li { list-style: none; } /* MENU2 */ ul#Menu2 li { font-size: 0.9em; margin: 0px 8px 0px 7px; list-style: none; border-top: 1px solid #635332; } ul#Menu2 li a { display: block; width: 185px; font-size: 17px; height: 34px; line-height: 34px; color: #fff; border-top: 1px solid #b5a279; } ul#Menu2 li a span {padding-left: 3px;} ul#Menu2 li a.section, ul#Menu2 li a:hover, ul#Menu2 li a.current, ul#Menu2 li a.current:hover { background: transparent url(../images/mouseover.png) no-repeat left top; text-decoration: none; } .notopborder {border-top: none !important;} /* SEARCH RESULTS STYLES ------------------------------------------------ */ ul#SearchResults { margin: 10px 0;} ul#SearchResults li { list-style: none; margin: 5px 0; font-size: 1em; } /* SEARCH FORM -----------------------------------------------*/ html #SearchForm_SearchForm { float: right; width: 180px; margin: 0; padding: 0px; margin-top: 16px; position: relative;} html #SearchForm_SearchForm .middleColumn { float: left; width: 180px; margin: 0; padding: 0px; } html #SearchForm_SearchForm .middleColumn input.text { width: 176px; color: #666; z-index: 1; border: 1px solid #958157; height: 21px; padding: 1px; font-weight: normal !important;} html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {z-index: 10; position: absolute; top: 4px; right: 1px; float: left; height: 20px; width: 25px; background: #fff url(../images/suchen.png) top left no-repeat; border: 1px solid #fff; text-indent: -999em;} /* MESSAGEBOXS --------------------------------------------- */ .message { margin: 15px; padding: 5px; width: 92%; color: #979908; border: 4px solid #F7F8B4; background: #FFFFEA; } span.middleColumn .message { margin: 4px 0 0 3px; } .required { margin: 4px 0 0 3px; padding: 5px; width: 92%; color: #DC1313; border: 4px solid #FF7373; background: #FED0D0; } p#Remember label { margin: -24px 0 0 20px; text-align: left; } .entry { border-bottom: 1px solid #eee; } .typography #Content p.authorDate {color: #444; margin-top: -15px; } /* FOOTER ----------------------------------------------- */ #Footer { clear: both; float: right; width: 780px; height: 20px; background-color: #958157; text-align: left; } #Footer .footerTop { float: left; width: 100%; display: block; height: 20px; } #Footer p { color: #fff; font-size: 14px; text-align: left; padding-top: 1px; padding-left: 4px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif;} #Footer a { color: #fff; text-decoration: none; } #Footer a:hover { color: #fff; text-decoration: underline; } /* route planer ------------------------------------------------*/ .startRoute, .endRoute { display: block; background: transparent url(../images/icons/route_start.jpg) no-repeat left center; clear:both; height: 20px; line-height: 20px; color: #666666; font-size: 18px; padding-left: 20px; margin-bottom: 10px;} .endRoute { background-image: url(../images/icons/route_stop.jpg); margin-top: 10px;} #street { width: 241px; margin-bottom: 10px; border: 1px solid #948156; height: 19px; text-indent: 5px; color: #948156;} #postcode { width: 89px; float: left; margin-right: 10px; border: 1px solid #948156; height: 19px; text-indent: 5px; color: #948156;} #city { width: 140px; border: 1px solid #948156; height: 19px; text-indent: 5px; color: #948156;} a.submitRoute { display: block; margin: 15px 0 35px 0; cursor: pointer;} /* home fancybox ------------------------------------------------*/ #PigPopUp {width: 200px; float: left; cursor: pointer;} #PigPopUp a {text-decoration: none;} #PigPopUp img {margin: 0 auto; display: block;} #PigPopUp p {font-size: 12px; text-align: center; color: #0b8553;} #PigContent {width: 600px; height: 230px; padding-bottom: 30px; display: block; background: url(../images/popup_bg.jpg) no-repeat 20px top; padding-top: 160px;} #PigContent span {font-size: 14px; color: #0b8553; text-align: center; font-size: 18px; font-family: Arial; width: 285px; display: block; margin: 0 auto; display: block;} #PigContentText {margin-left: 192px; float: left; margin-top: 20px;} #PigContentText p {color: #000; font-size: 13px; font-family: Arial;} #PigContentText a {color: blue; text-decoration: underline;}