/* LAYOUT */ #maintable {width: 1000px; margin-left: auto; margin-right: auto;} #content {} #middlecol {} #dbg {position: fixed; bottom: 0px; left: 0px; color #fff;} /* GENERAL STYLES ----------------------------------------------- */ body {background: #111427 url(../images/content/background.jpg) center top repeat-x; font-family: Tahoma, sans-serif; font-size: 12px; line-height: 20px; color: #111;} a {color: #000; text-decoration: underline;} a:hover {color: #000;} p {margin-top: 20px;} h1 {font-size: 24px; padding-bottom: 20px; height: 24px; font-weight: normal; font-family: Helvetica, arial;} h2 {font-size: 18px; padding-bottom: 20px; height: 20px; font-weight: normal; font-family: Helvetica, arial;} h3 {font-size: 16px; padding-bottom: 20px; height: 20px; font-weight: normal; font-family: Helvetica, arial;} hr {height: 20px; border: none; background: none;} h2.bb {color: #377CCC; font-size: 40px; line-height: 40px; height: 40px; margin: 30px !important; float: right; font-family: gergia; font-style: italic;} h3.bb {color: #377CCC; font-size: 21px; margin: 30px 0px !important; float: left; font-family: gergia; font-style: italic; } img.left {float: left; margin: 5px; margin-left: 0px;} img.right {float: right; margin: 5px; margin-right: -10px;} .thumbs_right {float: right; margin-right: 50px; width: 150px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;} .thumbs_right:hover {-moz-box-shadow: 0px 1px 5px #0D488A;-webkit-box-shadow: 0px 1px 5px #0D488A;box-shadow: 0px 1px 5px #0D488A;} input {margin-bottom: 5px; width: 150px; border: 1px solid #000;} input:hover {border: 1px solid #62ca15;} .i {font-style: italic;} .date {font-size: 11px; margin-top: 15px; font-style: italic;} .hide {display: none;} .totop {display: none; position: fixed; bottom: 40px; right: 40px;} /* E-MAIL */ .email:before { content: "info@w"; } .email:after { content: "att22.hu"; } /* SPECIFIC STYLES */ #menu {height: 80px; background: url(../images/content/menu/menubg.jpg) top center no-repeat;} #menu div {float: left; height: 80px; font-size: 0px;} #menu div.mm {font-size: 14px; line-height: 60px; text-align: center; color: #eee; font-family: Helvetica, arial; text-decoration: none;} #menu div.mm:hover {text-decoration: underline;} #menu #m_1 {width: 100px;} #menu #m_2 {width: 163px;} #menu #m_3 {width: 138px;} #menu #m_4 {width: 140px;} #menu #m_5 {width: 139px;} #menu #m_home {width: 60px; background: url(../images/content/menu/home.jpg) top left no-repeat;} #menu #m_home:hover {background: url(../images/content/menu/home_h.jpg) top left no-repeat; cursor: pointer;} #menu #m_search {width: 201px; position: relative; background: url(../images/content/menu/search.jpg) top left no-repeat;} #menu #m_lang {width: 59px; background: url(../images/content/menu/lang.jpg) top left no-repeat;} #menu #langsel {display: none; width: 64px; height: 80px; margin-top: 10px; margin-left: -8px; z-index: 100;} #menu #lang_hun {width: 64px; height: 40px; background: url(../images/content/lang_hun.png) top center no-repeat;} #menu #lang_eng {width: 64px; height: 40px; background: url(../images/content/lang_eng.png) top center no-repeat;} #menu #lang_hun span, #menu #lang_eng span {display: block; width: 64px; height: 40px;} #menu #lang_hun:hover {background: url(../images/content/lang_hun_on.png) top center no-repeat;} #menu #lang_eng:hover {background: url(../images/content/lang_eng_on.png) top center no-repeat;} #menu #searchfield {margin-top: 18px; height: 20px; margin-left: 55px; width: 120px; background: #0D2645; color: #fff; font-size: 14px; opacity: 0;} #menu #searchfield:hover {opacity: 1;} #menu #searchfield.active {opacity: 1; background: #eee; color: #222;} #menu #searchresults {display: none; width: 300px; position: absolute; left: -40px; top: 50px; font-size: 12px; background: #fff url(../images/content/close.jpg) top right no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #111; -webkit-box-shadow: 0px 0px 5px #111; box-shadow: 0px 0px 5px #111; padding: 10px; height: auto; z-index: 200;} #menu #searchresults hr {height: 0px; border: none;} #menu #searchresults a {color: #000; font-size: 14px;} #menu #searchresults a:hover {color: #62ca15;} #menu #searchresults h3 {color: #888; font-size: 11px; padding: 0px; text-transform: uppercase;} #header {height: 80px; width: 1000px; clear: both;} #header #logo {display: block; width: 189px; height: 80px; background: url(../images/content/wattlogo.png); font-size: 0px;} #header #nwlogo {display: block; float: right; width: 160px; height: 80px; background: url(../images/content/nw_logo_blue.png); font-size: 0px;} #header #nwlogo:hover {background: url(../images/content/nw_logo_blue_h.png);} #header #rmslogo {display: block; float: right; width: 130px; height: 80px; background: url(../images/content/rms_logo_blue.png); font-size: 0px;} #header #rmslogo:hover {background: url(../images/content/rms_logo_blue_h.png);} #headerimg {height: 200px; background: url(../images/content/header.jpg) center center no-repeat;} #headerimg.rolunk, #headerimg.about, #headerimg.kapcsolat, #headerimg.contact {height: 300px; background: url(../images/content/headers/about.jpg) center center no-repeat;} #headerimg.nowision {height: 300px; background: url(../images/content/headers/nowision.jpg) center center no-repeat;} #headerimg.rms {height: 250px; background: url(../images/content/headers/rms.jpg) 11px center no-repeat;} #headerimg.megoldasok, #headerimg.solutions, #headerimg.szolgaltatasok, #headerimg.services {height: 180px; background: url(../images/content/headers/services.jpg) top center no-repeat;} #content {padding-left: 10px; padding-right: 10px; padding-bottom: 40px; background: transparent url(../images/content/contentbg.gif) repeat-y center top; overflow: auto;} #content #leftcol {float: left; width: 220px; padding: 10px; padding-top: 0px; margin-left: 10px;} #content #middlecol {float: left; width: 710px; padding: 10px; position: relative;} #leftcol {position: relative; z-index: 2;} #leftcol ul {list-style-type: none; margin-left: -23px; margin-top: 5px; line-height: 30px;} #leftcol ul li {padding-left: 21px; height: auto;} #leftcol ul li a {text-decoration: none; font-size: 14px;} #leftcol ul li.active {background: url(../images/content/active.png) no-repeat left top;} #leftcol ul li li.active {background: url(../images/content/active.png) no-repeat left center; height: 30px; line-height: 30px;} #leftcol ul li.active > a {color: #fff;} #leftcol ul li ul {margin-top: 0px; margin-bottom: 10px; line-height: 20px;} #leftcol ul li ul li {padding-left: 30px;} #leftcol ul li ul a {color: #666; font-size: 11px;} #leftcol .section {margin-bottom: 30px; margin-left: -2px; color: #333; font-size: 18px;} #middlecol p, #middlecol h2, #middlecol h3, #middlecol ul, #middlecol .newstext, #middlecol .newstitle {width: 460px; margin: 0px; padding: 0px;} #middlecol .section {margin-top: 25px; margin-bottom: 20px; color: #b6b6b6; font-size: 18px;} #middlecol h2.title {margin-bottom: 20px; margin-left: 0px;} #middlecol h3 {margin-top: 20px; margin-bottom: 20px;} #middlecol p {padding-top: 10px; padding-bottom: 10px;} #middlecol ul {list-style-type: disc;} #middlecol ul ul {padding-left: 1.2em; list-style-type: circle;} #middlecol ul#linktree {list-style-type: none;} #middlecol #bodyarea ul {list-style-type: none;} #middlecol .thumbs {margin-top: 0.5em; margin-bottom: 0.5em; -moz-box-shadow: 0px 1px 3px #333;-webkit-box-shadow: 0px 1px 3px #333; box-shadow: 0px 1px 3px #333; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;} #middlecol .thumbs:hover {-moz-box-shadow: 0px 1px 5px #0D488A;-webkit-box-shadow: 0px 1px 5px #0D488A;box-shadow: 0px 1px 5px #0D488A;} #middlecol .notes_right {float: right; position: relative; width: 220px; font-size: 10px; color: #333; clear: none;} #middlecol .notes_right ul {list-style-type: none; clear: none;} #middlecol .notes_right p, #middlecol .notes_right h2, #middlecol .notes_right h3, #middlecol .notes_right ul {width: 210px;} #middlecol .notes_right h3 {margin-top: 2px; margin-bottom: 16px;} #middlecol table {width: 460px;} #middlecol #bodyarea table {width: 100%;} #middlecol table td {padding-right: 15px;} #middlecol table tr td:last-child {padding-right: 0px;} #middlecol #map {width: 700px; height: 700px; border: 1px solid #333; margin-top: 30px;} .newstitle {font-weight: bold;} table#partner {margin-right: 20px; border-collapse: separate; border-spacing: 2px; width: 460px;} .partimg {display: none; width: 220px; height: 70px; text-align: center; border: 1px solid #ddd; padding: 10px; vertical-align: middle;} .partimg img {max-width: 200px;} .echodisplay {font-family: Georgia; font-size: 16px;} .echodisplay .date {margin-top: 0px;} #middlecol #contacttbl {width: 600px;} #middlecol #contacttbl tr td {font-weight: bold; padding: 2px; padding-bottom: 7px; vertical-align: middle;} .contact #middlecol h3 {color: #377CCC;} .gsc-control-cse {width: 460px !important; margin: 0px; padding: 0px !important;} #footer {float: left; height: 180px; background: #0f1425 url(../images/hun/footer.png) center 11px no-repeat; padding-left: 20px; padding-right: 20px; padding-top: 35px; color: #327bde; clear: both;} #footer .fc {float: left; width: 220px; padding: 10px;} #footer .wh {color: #ccc;} #footer table tr td:first-child {width: 30px;} #footer dt {color: #ccc; font-weight: bold;} #footer dd {padding-left: 10px;} #footer a {color: #ccc;} #footer a:hover {color: #fff;} #nowisionmap {display: none;} .nowision #nowisionmap {display: block; position: relative; top: 0px; left: 0px;} .nowision #nowisionmap .pointer {position: relative; width: 20px; height: 20px; background: url(../images/content/mapzoom.png); cursor: pointer; z-index: 8;} .nowision #nowisionmap .pointer:hover {background-position: -20px 0px; z-index: 12;} .nowision #nowisionmap .label {display: none; width: 200px; background: #fff; position: absolute; top: 10px; left: 10px; -moz-box-shadow: 0px 0px 4px #333; -webkit-box-shadow: 0px 0px 4px #333; -o-box-shadow: 0px 0px 4px #333; box-shadow: 0px 0px 4px #333; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top: 0px; z-index: 10;} .nowision #nowisionmap .pointer:hover .label {display: block;} .nowision #nowisionmap .label h4 {color: #377CCC; text-decoration: underline;} .nowision #nowisionmap .label h4:hover {color: #111;} .nowision #nowisionmap .label p {margin-top: 0.5em;} .nowision #nowisionmap .label .mi {float: left; background: #377CCC; color: #fff; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-right: 5px; font-weight: bold; font-size: 11px; text-shadow: 0px 0px 2px #222; -moz-box-shadow: inset 0px 0px 3px #555; -webkit-box-shadow: inset 0px 0px 3px #555; -o-box-shadow: inset 0px 0px 3px #555; box-shadow: inset 0px 0px 3px #555;} .nowision #nowisionmap #head {top: 70px; left: 240px;} .nowision #nowisionmap #mw {top: 105px; left: 140px;} .nowision #nowisionmap #drm {top: -10px; left: 322px;} .nowision #nowisionmap #net {top: 81px; left: 407px;} .nowision #nowisionmap #hotel {top: 74px; left: 579px;} .nowision #nowisionmap #lp {top: 0px; left: 635px;} .nowision #nowisionmap #house {top: 110px; left: 716px;} .nowision #nowisionmap #irod {top: 10px; left: 750px;} /** * Grid */ #grid{ /* Dimensions - same width as your grid with gutters */ width: 980px; /* Grid (centered) */ position: absolute; top: 0; left: 50%; margin-left: -490px; z-index: 100; } /** * Vertical grid lines * * Set the column width taking the borders into consideration, * and use margins to set column gutters. */ #grid div.vert{ width: 99px; border: solid darkturquoise; border-width: 0 1px; margin-right: 19px; } #grid div.vert.first-line{ margin-left: 19px; } /** * Horizontal grid lines, defined by your base line height * * Remember, the CSS properties that define the box model: * visible height = height + borders + margins + padding */ #grid div.horiz{ /* 20px line height */ height: 59px; border-bottom: 1px dotted darkgray; margin: 0; padding: 0; } /** * Classes for multiple grids * * When using more than one grid, remember to set the numberOfGrids * option in the hashgrid.js file. */ #grid.grid-1 div.vert{ /* Vertical grid line colour for grid 1 */ border-color: lightgreen; } #grid.grid-2{ /* Adjustments */ padding: 0 160px; width: 660px; } #grid.grid-2 div.vert{ /* Vertical grid line colour for grid 2 */ border-color: crimson; }