/* ----- */
/* reset */
/* ----- */

* {margin: 0px; padding: 0px; outline: 0px;}
:focus {outline: 0px;}
.clear {clear: both;}
.hidden {display: none;}

/* --- */
/* CSS */
/* --- */

html,body {height: 100%;}
body {font-family: arial; font-size: 14px; color: #3e3e3e; background: #cde5fa url('images/body_bg.png') repeat-x scroll 0px 0px;}

div#site_outerwrap {background: transparent url('images/site_bg.jpg') no-repeat scroll 50% 0%; min-height: 100%;}
div#site_wrap {width: 960px; margin: 0px auto;}


div#header {height: 180px;}

    div#logo {width: 260px; height: 170px; float: left; margin-top: 5px;}

        div#logo h1 {height: 100%; width: 100%;}
        
            div#logo h1 a {text-indent: -10000px; display: block; width: 100%; height: 100%; background: transparent url('images/logo.png') no-repeat scroll 0px 0px;}

    div#header_info {float: right; padding: 5px 10px; margin-bottom: 10px; font-size: 0.9em; color: #fff;
        background: #2dbe00 url('images/header_info_bg.png') repeat-x scroll 0px 0px;}
    
    div#header_pic {clear: right; float: right; height: 130px; width: 680px;}

    
    
div#content_wrap {overflow: auto;}

    div.sidebar {float: left; width: 260px; margin-bottom: 30px; color: #fff;}
    
        div.sidebar a {color: #fff;}
        div.sidebar a:hover {text-decoration: none;}
    
        div.sidebarbox {margin-top: 20px; padding: 10px; background: #1891de url('images/sidebar_element_bg.png') repeat-y scroll 0px 0px;
            border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 1px 2px #333; -moz-box-shadow: 0px 1px 2px #333;}
       
            div.sidebarbox h1 {color: #fff; text-transform: uppercase; font-size: 1em; text-align: center; margin: 5px 0px 10px;
                text-shadow: 0px -1px 0px #333;}
            
            div.sidebarbox h1 a {color: #fff; text-decoration: none;}
            
            div.sidebarbox form {}
            
                div.sidebarbox label {font-size: 0.9em;}
                
                div.sidebarbox p.label {text-align: left; margin-bottom: 5px;}
                
            
                div.sidebarbox input[type="text"],
                div.sidebarbox input[type="password"] {display: block; padding: 5px; width: 96%; border-width: 0px;
                    color: #555;
                    border-radius: 2px; -moz-border-radius: 2px;}
                div.sidebarbox input[type="password"] {margin-bottom: 10px;}
                
                div.sidebarbox input[type="text"]:hover,
                div.sidebarbox input[type="text"]:focus,
                div.sidebarbox input[type="password"]:hover,
                div.sidebarbox input[type="password"]:focus {background-color: #fffcb1;}
                
                div.sidebarbox input[type="submit"] {margin-top: 10px; display: block; padding: 7px; width: 100%; border-width: 0px;
                    color: #fff; text-transform: uppercase; font-weight: bold;
                    background-color: #025a87;
                    border-radius: 2px; -moz-border-radius: 2px;}
                
                    div.sidebarbox input[type="submit"]:hover,
                    div.sidebarbox input[type="submit"]:focus {background-color: #026496; cursor: pointer;}
                
                div.sidebarbox a.button {margin-top: 10px; display: block; padding: 7px;
                    color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: bold;
                    background-color: #025a87;
                    border-radius: 2px; -moz-border-radius: 2px;}
                
                    div.sidebarbox a.button:hover {background-color: #026496;}
                
                div.sidebarbox p {text-align: center; margin-bottom: 10px;}
        
        div#menu {}
        
            div#menu ul {list-style-type: none;}
            
                div#menu ul li {background: transparent url('images/menu_element_bg.png') repeat-x scroll bottom left; padding: 5px 0px;}
                
                div#menu ul li:last-child {background-image: none; padding-bottom: 0px;}
                
                    div#menu ul li a {display: block; padding: 7px 5px; 
                        color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center;
                        text-shadow: 0px -1px 0px #555;
                        border-radius: 3px; -moz-border-radius: 3px;}
                    
                    div#menu ul li a:hover,
                    div#menu ul li.active a {background-color: #62b9f1;}
                    
                    
                    
    
    div.content {float: right; width: 670px; margin-top: 20px; color: #555; line-height: 1.8em;}
    
        div.content h1 {color: #005580; text-align: center; font-size: 1.5em; margin-bottom: 20px;}
        div.content h2 {color: #005580; font-size: 1.2em; margin: 10px 0px;}
        div.content h3 {color: #005580; font-size: 1em; margin: 5px 0px;}
        
        div.content h1 a, 
        div.content h2 a, 
        div.content h3 a {text-decoration: none;} 

        div.content a {color: #005580;}
        div.content a:hover {text-decoration: none;}
        
        div.content p {margin: 5px 0px;}
        
        div.content ul {margin: 5px 0px 5px 17px;}
        
            div.content ul li {}
        
            
        div.successmsg {border: 1px solid #a3cfa0; background-color: #edffec; color: #4a8865; padding: 10px; margin-bottom: 10px;}
        
        div.errormsg {border: 1px solid #e4ba54; background-color: #fffcc5; color: #d33700; padding: 10px; margin-bottom: 10px;}
            
        
        div.half {width: 48%;}
        div.left {float: left;}
        div.right {float: right;}
        
        /* ------ */
        /* formok */
        /* ------ */
        
        form {}
        
            form p.errormsg {padding: 0px; font-size: 0.8em; font-weight: bold; color: #b40003; line-height: 1.3em;}
            
                form p.errormsg a {color: #b40003;}

            form p.inline {display: inline-block;}
            
            form input[type="text"], 
            form input[type="password"],
            form select {padding: 7px 5px; background-color: #fff; border: 1px solid #7dc3ef;
                border-radius: 3px; -moz-border-radius: 3px; width: 96%;}
                        
            div.half form select {width: 100%;}
        
                div.content form input[type="text"]:hover,
                div.content form input[type="text"]:focus,
                div.content form input[type="password"]:hover,
                div.content form input[type="password"]:focus {background-color: #fffcb1;}
            
                div.content form input[type="submit"] {padding: 7px 10px; border-width: 0px; margin-top: 5px;
                    color: #fff; text-transform: uppercase; font-weight: bold;
                    background-color: #025a87;
                    border-radius: 2px; -moz-border-radius: 2px;}
                
                div.content form input[type="submit"]:hover,
                div.content form input[type="submit"]:focus {background-color: #026496; cursor: pointer;}
        
                
        /* -------- */
        /* mérőórák */
        /* -------- */
        
        div.measurer {background: #1891de url('images/sidebar_element_bg.png') repeat-y scroll 50% 0%; padding: 20px; margin-bottom: 20px; color: #fff; font-size: 0.9em;
            border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 1px 2px #333; -moz-box-shadow: 0px 1px 2px #333;}
        
            div.measurer a {color: #fff;}
        
            div.measurer p {overflow: auto;
                background: transparent url('images/menu_element_bg.png') repeat-x scroll bottom left;}
            
            div.measurer span.meta {clear: both; float: left; display: block; width: 120px;}
            
            div.measurer span.data {float: right; display: block; width: 150px;}
            
            a.announce {background-color: #025a87; margin: 20px 0px; padding: 7px 10px; display: block; text-align: center; font-weight: bold; text-decoration: none;
                border-radius: 2px; -moz-border-radius: 2px;}
            
            a.announce:hover {background-color: #026496;}
            
            div.measurer a.disabled {background-color: #1381c4; color: #61a9d5; text-decoration: line-through;}
        
            div.measurer ul {line-height: 1.4em;}
            
                div.measurer ul li {margin-bottom: 10px;}
                div.measurer ul li:last-child {margin-bottom: 0px;}
            
            
                
        /* ----------- */
        /* bejegyzések */
        /* ----------- */
                
        div.post {margin-bottom: 30px;}
        
        div.post:last-child {margin-bottom: 0px;}
        
        
        div#pagination {text-align: center;}
        
            div#pagination strong,
            div#pagination a {display: inline-block; padding: 2px 12px; margin: 0px 2px; font-weight: bold; text-decoration: none;
                background: transparent url('images/transparent_white_bg.png') repeat scroll 0px 0px;}
        
            div#pagination a:hover,
            div#pagination strong {background: #2dbe00 url('images/header_info_bg.png') repeat-x scroll 0px 0px; color: #fff;
                -webkit-box-shadow: 0px 1px 2px #333; -moz-box-shadow: 0px 1px 2px #333;}

            
        div.partners {width: 670px; margin-left: -10px;}
        
            div.partnerpost {float: left; width: 200px; height: 150px; margin: 0px 0px 20px 20px;
                text-align: center; line-height: 1.3em;}

                div.partnerpost div.logo {height: 100px; margin-bottom: 5px; background-color: white;
                -webkit-box-shadow: 0px 1px 2px #555; -moz-box-shadow: 0px 1px 2px #555;}
            
            
            
    div#footer {float: right; width: 620px; margin: 50px 0px; padding: 30px; border-top: 1px solid #f0f8ff;
        font-size: 0.9em; color: #666; text-align: center;
        background: transparent url('images/transparent_white_bg.png') repeat scroll 0px 0px;
        text-shadow: 0px 1px 0px #fff; border-radius: 5px; -moz-border-radius: 5px;}