/* Theme Name: Nadacia Volkswagen Slovakia Theme URI: Description: The theme for Nadacia Volkswagen Slovakia Version: 0.6 Author: Ingo Spreu Author URI: http://www.kocmoc.net/ */ /*--[Basics]--------------------------------------------------------------------*/ @font-face{ font-family: 'VW Headline OT'; src: url('ttf/vwheadlineot_book-webfont.eot'); src: url('ttf/vwheadlineot_book-webfont.eot?iefix') format('eot'), url('ttf/vwheadlineot_book-webfont.woff') format('woff'), url('ttf/vwheadlineot_book-webfont.ttf') format('truetype'), url('ttf/vwheadlineot_book-webfont.svg#webfont') format('svg'); } body, h1, h2, h3, h4, h5, p, form, hr, dt, dd, dl, ul, li {margin: 0; padding: 0;} body {font-size: 12px; color: #000; background: transparent url('images/bg.body.png') repeat-y left top; font-family: Arial, Helvetica, FreeSans,"Nimbus Sans L", sans-serif; } ul {list-style: none;} img {border: 0;} /*--[Page]----------------------------------------------------------------------*/ #header {width: 890px; height: 106px; background-color: #fff; font-size: 11px;} #header #logo {padding: 30px 30px 0 45px; display: block; width: 254px;} #footer {position: fixed; width: 860px; left: 0px; bottom: 0px; z-index: 2; padding-left: 30px; font-size: 11px;} #footer div.wrp {background-color: #EDEFF0; text-align: center; height: 22px; text-transform: uppercase; color: #AEB4B9; padding: 8px 0 0 0;} #content {width: 514px; padding: 48px 0 50px 46px; float: left;} #marginal {width: 264px; padding: 55px 0 0 0; margin: 0 0 0 40px; float: left;} #marginal div.wrp {border-top: 7px #00B1E6 solid; padding: 5px 0 0 0;} /*--[Homepage]----------------------------------------------------------------------*/ body.page-template-homepage-php {background: none ! important;} body.page-template-homepage-php #footer {position: absolute ! important; top: 685px ! important; } #homepage {width: 860px; margin-left: 30px;} #homepage #imageContainer {position:relative; width: 860px; height: 538px;} #homepage #imageContainer img {display:none; position:absolute; top:0; left:0;} #homepage #news {position: absolute; top: 279px; left: 46px; z-index: 3; width: 227px; background-color: #fff; padding: 15px 15px 5px 10px;} #homepage #news h1 {font-weight: normal;} #homepage #news h1 a {text-decoration: none; display: block; padding: 0 0 10px 20px; font-size: 14px; color: #00B1E6; background: transparent url('images/bg.marginal.h1.a.hover.png') no-repeat 0px 2px;} #homepage #news h1 a:hover {text-decoration: underline;} #homepage #news p {padding: 0 0 10px 20px; color: #848D95;} #homepage #news p.date {padding: 0 0 0 20px; color: #C6CBCE; font-size: 10px;} #homepage #news div {background: transparent url('images/bg.homepage.news.png') no-repeat bottom right; margin: 0 0 10px 0;} #homepage #testimonial {color: #4A4A4A; font-family: "VW Headline OT", Arial, Helvetica, FreeSans,"Nimbus Sans L", sans-serif; position: absolute; left: 46px; top: 270px; padding: 16px; width: 316px; z-index: 3; background: transparent url('images/bg.testimonial.png') repeat left top; } #homepage #testimonial strong, #homepage #testimonial b {font-style: normal !important;} #homepage #testimonial h3 {font-weight: normal; font-size: 14px; line-height: 19px; } #homepage #testimonial address {margin: 16px 0 0 0; font-size: 11px; line-height: 15px; font-style: normal;} /*--[content]-------------------------------------------------------------------*/ #content h1 {padding: 0 0 22px 0; font-size: 22px; color: #AFB4B8; font-weight: normal;} #content h2 {padding: 0 0 22px 0; font-size: 16px; color: #666666; font-weight: normal;} #content h3 {padding: 0 0 32px 0; font-size: 14px; color: #666666; font-weight: normal;} #content h4 {padding: 0 0 18px 0; font-size: 14px; color: #00B1E6; font-weight: normal;} #content h5 {padding: 0 0 14px 0; font-size: 14px; color: #00B1E6; font-weight: normal;} #content p {padding: 0 0 18px 0; font-size: 12px; color: #666666;} #content p span.blue {color: #04bef0; font-weight: bolder;} #content td {padding: 0 12px 15px 0; font-size: 12px; color: #666666; vertical-align: top;} #content p.wp-caption-text {padding-top: 5px; font-size: 10px; color: #7A7A7A;} #content ul {color: #666666; list-style: disc; margin: 0 0 18px 10px; padding: 0 0 0 10px;} #content ul li {font-size: 12px;} #content a {color: #00B1E6;} #content h3 a {color: #b3b3b3; font-size: 12px; text-decoration: none; padding: 0 0 0 30px; float: left; display: block; background: transparent url('images/bg.content.h2.a.png') no-repeat center left;} #content h3 a:hover {color: #04bef0; background: transparent url('images/bg.content.h2.a.hover.png') no-repeat center left;} #content h4 a {color: #b3b3b3; font-size: 12px; text-decoration: none; padding: 0 0 0 23px; background: transparent url('images/bg.marginal.h2.a.png') no-repeat 0px 0px; display: block; } #content h4 a:hover {background-image: url('images/bg.marginal.h2.a.hover.png'); color: #00B1E6;} #content h5 a {color: #b3b3b3; font-size: 12px; text-decoration: none; padding: 0 0 0 23px; background: transparent url('images/bg.marginal.h1.a.png') no-repeat 0px 0px; display: block; } #content h5 a:hover {background-image: url('images/bg.marginal.h1.a.hover.png'); color: #00B1E6;} #content h5 a.orange:hover {background-image: url('images/bg.orange.marginal.h1.a.hover.png'); color: #f7a600;} #content h5 a.red:hover {background-image: url('images/bg.red.marginal.h1.a.hover.png'); color: #af1620;} #content h5 a.green:hover {background-image: url('images/bg.green.marginal.h1.a.hover.png'); color: #c0cc00;} #content h5 a.yellow:hover {background-image: url('images/bg.yellow.marginal.h1.a.hover.png'); color: #f4c100;} #content a.org1a, #content a.org1b, #content a.org1c {color: #fff; font-weight: bolder; text-decoration: none; font-weight: bolder; display: block; width: 154px; height: 35px; padding: 5px 5px 0 5px; float: left;} #content a.org1a {background: #EDA106 url('images/bg.org1a.png') no-repeat top left; margin: 0 10px 20px 0; } #content a.org1b {background: #9F141D url('images/bg.org2b.png') no-repeat top left; margin: 0 10px 20px 0; } #content a.org1c {background: #A2AB08 url('images/bg.org3c.png') no-repeat top left; margin: 0 0 20px 0;} #content a.org2a, #content a.org2b {color: #fff; font-weight: bolder; text-decoration: none; font-weight: bolder; display: block; width: 106px; height: 28px; padding: 13px 5px 0 8px; float: left;} #content a.org2a {background: #05ACDE url('images/bg.org2a.png') no-repeat top left; margin: 10px 10px 0 0;} #content a.org2b {background: #05ACDE url('images/bg.org2b.png') no-repeat top left; margin: 10px 10px 0 0;} #content hr {border: none; border-top: solid 1px #E2E2E2; margin: 5px 0 15px 0;} #content .news {padding: 0 0 35px 0;} #content .news p.date {padding: 0; color: #C6CBCE; font-size: 10px;} #content .news h1 {padding: 0 0 10px 0; color: #00B1E6; font-size: 14px;} /*--[Tiny Contact Form]--------------------------------------------------------*/ #page #content .contactform label {display: block; font-size: 0.8em; color: #666666; } #page #content .contactform input, #page #content .contactform textarea {border: solid 1px #E2E2E2; width: 510px; margin: 0 0 10px 0; font-size: 1.2em; font-family: tahoma; padding: 2px; background-color: #F5F5F5; color: #000;} #page #content .contactform textarea {height: 100px;} #page #content .contactform #contactsubmit {width: 514px; background: transparent url('images/bg.contact.submit.png') no-repeat center right; border: none; padding: 0; margin: 0 0 10px 0; background-color: #fff; cursor: pointer; color: #fff; font-size: 12px; text-align: left;} #page #content .contactform #contactsubmit:hover {background: transparent url('images/bg.contact.submit.hover.png') no-repeat center right;} #page #content .contactform_response {border: solid 1px #B0E5F5; color: #00B1E6; background-color: #D0F1FB; width: 504px; padding: 5px; margin: 0 0 20px 0; } #page #content .contactform_error {border: solid 1px #B0E5F5; color: #00B1E6; background-color: #D0F1FB; width: 504px; padding: 5px; margin: 0 0 20px 0; } /*--[Marginal]-----------------------------------------------------------------*/ #marginal1 div div {background: transparent url('images/bg.marginal.png') no-repeat bottom right; padding: 10px 0 0 0;} #marginal1 div h1 {font-weight: normal; font-size: 12px; color: #666666; } #marginal1 div h1 a {display: block; padding: 0 0 10px 23px; color: #B3B3B3; text-decoration: none; background: transparent url('images/bg.marginal.h1.a.png') no-repeat 0px 2px;} #marginal1 div h1 a:hover {text-decoration: underline; color: #00B1E6; background: transparent url('images/bg.marginal.h1.a.hover.png') no-repeat 0px 2px;} #marginal1 div p {font-size: 12px; color: #666666; padding: 0 0 10px 23px; } #marginal1 div h2 a {font-weight: normal; display: block; text-decoration: none; font-size: 12px; color: #B3B3B3; padding: 0 0 10px 23px; background: transparent url('images/bg.marginal.h2.a.png') no-repeat 0px 0px;} #marginal1 div h2 a:hover {background-image: url('images/bg.marginal.h2.a.hover.png'); color: #00B1E6;} #marginal1 div h3 {font-weight: normal; font-size: 14px; color: #00B1E6; padding: 0 0 10px 0; } #marginal div h1 {background: transparent url('images/bg.marginal.png') no-repeat bottom right; color:#00B1E6; font-size:14px; font-weight:normal; padding: 10px 0 10px 0;} #marginal div h2 {font-weight: normal; font-size: 12px; color: #666666; background: transparent url('images/bg.marginal.png') no-repeat bottom right;} #marginal div h2 a {display: block; padding: 10px 0 10px 23px; color: #B3B3B3; text-decoration: none; background: transparent url('images/bg.marginal.h2.a.png') no-repeat 0px 12px;} #marginal div h2 a:hover {background-image: url('images/bg.marginal.h2.a.hover.png'); color: #00B1E6;} #marginal div h3 {font-weight: normal; font-size: 12px; color: #666666; background: transparent url('images/bg.marginal.png') no-repeat bottom right;} #marginal div h3 a {display: block; padding: 10px 0 10px 23px; color: #B3B3B3; text-decoration: none; background: transparent url('images/bg.marginal.h1.a.png') no-repeat 0px 10px;} #marginal div h3 a:hover {background-image: url('images/bg.marginal.h1.a.hover.png'); color: #00B1E6;} #marginal div p { padding: 10px 0 10px 23px; background: transparent url('images/bg.marginal.png') no-repeat bottom right; color: #666666;} .green #marginal div.wrp {border-top: 7px #c0cc00 solid; padding: 5px 0 0 0;} .green #marginal div h1 {color: #c0cc00;} .green #marginal div h1 a { } .green #marginal div h2 a:hover {color: #c0cc00; background-image: url('images/bg.green.marginal.h2.a.png');} .green #marginal div h3 a:hover {background-image: url('images/bg.green.marginal.h1.a.png'); color: #c0cc00;} .red #marginal div.wrp {border-top: 7px #af1620 solid; padding: 5px 0 0 0;} .red #marginal div h1 {color: #af1620;} .red #marginal div h1 a { } .red #marginal div h2 a:hover {color: #af1620; background-image: url('images/bg.red.marginal.h2.a.png');} .red #marginal div h3 a:hover {background-image: url('images/bg.red.marginal.h1.a.png'); color: #af1620;} .orange #marginal div.wrp {border-top: 7px #f79109 solid; padding: 5px 0 0 0;} .orange #marginal div h1 {color: #f79109;} .orange #marginal div h1 a { } .orange #marginal div h2 a:hover {color: #f79109; background-image: url('images/bg.orange.marginal.h2.a.png') ;} .orange #marginal div h3 a:hover {background-image: url('images/bg.orange.marginal.h1.a.png'); color: #f79109;} .yellow #marginal div.wrp {border-top: 7px #ffd400 solid; padding: 5px 0 0 0;} .yellow #marginal div h1 {color: #ffd400;} .yellow #marginal div h1 a { } .yellow #marginal div h2 a:hover {color: #ffd400; background-image: url('images/bg.yellow.marginal.h2.a.png') ;} .yellow #marginal div h3 a:hover {background-image: url('images/bg.yellow.marginal.h1.a.png'); color: #ffd400;} /*--[Menu]----------------------------------------------------------------------*/ #mainnav {height: 44px; width: 860px; background: #02AFE3 url('images/bg.mainnav.png') no-repeat right top; margin: 0 0 0 30px;} #mainnav ul li {float: left;} #mainnav ul li h2 {display: none;} /* First Level */ #mainnav ul li ul li {float: left; } #mainnav ul li ul li a {text-decoration: none; color: #fff; text-indent:-999px; height: 44px; font-size: 16px; display: block;} /* Images */ #mainnav ul li ul li.page-item-2 a {background: transparent url('images/0-0.png') no-repeat left top; width: 68px;} #mainnav ul li ul li.page-item-2.current_page_item a, #mainnav ul li ul li.page-item-2.current_page a, #mainnav ul li ul li.page-item-2.current_page_parent a, #mainnav ul li ul li.page-item-2 a:hover {background: transparent url('images/0-1.png') no-repeat left top;} #mainnav ul li ul li.page-item-6 a {background: transparent url('images/1-0.png') no-repeat left top; width: 70px;} #mainnav ul li ul li.page-item-6.current_page_item a, #mainnav ul li ul li.page-item-6.current_parent a, #mainnav ul li ul li.page-item-6.current_page_parent a, #mainnav ul li ul li.page-item-6 a:hover {background: transparent url('images/1-1.png') no-repeat left top;} #mainnav ul li ul li.page-item-7 a {background: transparent url('images/2-0.png') no-repeat ; width: 118px;} #mainnav ul li ul li.page-item-7.current_page_item a, #mainnav ul li ul li.page-item-7.current_page a, #mainnav ul li ul li.page-item-7.current_page_parent a, #mainnav ul li ul li.page-item-7 a:hover {background: transparent url('images/2-1.png') no-repeat left top;} #mainnav ul li ul li.page-item-9 a {background: transparent url('images/3-0.png') no-repeat left top; width: 82px;} #mainnav ul li ul li.page-item-9.current_page_item a, #mainnav ul li ul li.page-item-9.current_parent a, #mainnav ul li ul li.page-item-9.current_page_parent a, #mainnav ul li ul li.page-item-9 a:hover {background: transparent url('images/3-1.png') no-repeat left top;} #mainnav ul li ul li.page-item-11 a {background: transparent url('images/4-0.png') no-repeat left top; width: 63px;} #mainnav ul li ul li.page-item-11.current_page_item a, #mainnav ul li ul li.page-item-11.current_parent a, #mainnav ul li ul li.page-item-11.current_page_parent a, #mainnav ul li ul li.page-item-11 a:hover {background: transparent url('images/4-1.png') no-repeat left top;} #mainnav ul li ul li.page-item-13 a {background: transparent url('images/5-0.png') no-repeat left top; width: 68px;} .single #mainnav ul li ul li.page-item-13 a, .archive #mainnav ul li ul li.page-item-13 a, #mainnav ul li ul li.page-item-13.current_page_item a, #mainnav ul li ul li.page-item-13.current_parent a, #mainnav ul li ul li.page-item-13.current_page_parent a, #mainnav ul li ul li.page-item-13 a:hover {background: transparent url('images/5-1.png') no-repeat left top;} #mainnav ul li ul li.page-item-19, #mainnav ul li ul li.page-item-17 {display: none;} /* Sec. Level */ #mainnav ul li ul li.current_page_item ul li a, #mainnav ul li ul li.current_page_parent ul li a {font-size: 12px; padding: 7px 15px 0 15px; text-indent: 0px; background: none ! important; height: 20px; display: inline-block; width: auto;} #mainnav ul li ul li.current_page_item ul li a:hover, #mainnav ul li ul li.current_page_parent ul li.current_page_item a, #mainnav ul li ul li.current_page_parent ul li a:hover {background-color: #1ACBFA ! important;} #mainnav ul li ul li ul {display: none; width: 860px; background-color: #04BEF0;} #mainnav ul li ul li.current_page_parent ul, #mainnav ul li ul li.current_page_item ul {position: absolute; z-index: 2; top: 150px; left: 30px; display: block;} /*Headernav*/ #header #headnav {float: right;} #header #headnav li {float: left; } #header #headnav li a {color: #DADDDF; display: block; text-transform: uppercase; text-decoration: none; padding: 10px 0 10px 0; margin: 15px 0 0 10px;} #header #headnav li a:hover {text-decoration: underline;} /*Footernav*/ #footer div #footernav {float: right;} #footer div #footernav li {float: left;} #footer div #footernav li a {color: #00B1E6; text-decoration: none; padding: 0 12px 0 7px;} #footer div #footernav li a:hover {text-decoration: underline;}