body {
 margin: 0 auto 0 auto;
 padding: 0;
 background-color: #E6EAEE;
 background-image: url(../images/bg.gif);
 background-repeat: repeat-x;
 background-position: center 0;   
 text-align: left;
 font-family: tahoma, arial, verdana, sans-serif;
 font-size: 70%; 
 color: #262626;
}

:focus { /* FF1.5 bug */
 -moz-outline-style: none;
}

a {
 color: #A26C0E;
 text-decoration: none;
}

a:hover {
 color: #C18927;
 text-decoration: underline;
}

ul, li {
 margin: 0;
 padding: 0;
 list-style-image: none;
 list-style-type: none;
}

p {
 margin: 0 0 15px 0;
 padding: 0;
}

img.static {
 margin: 0 10px 0 0;
 padding: 5px;
 background-color: #F1F3F5; 
 border: 1px solid #BECAD5;
 float: left;
}

img.article {
 padding: 5px;
 background-color: #F1F3F5; 
 border: 1px solid #BECAD5;
}


/* Lapozó */

#pager {
 clear: both;
 width: 190px;
 height: 35px;
 margin: 20px 0 0 220px;
 padding: 0;
 text-align: center;
 font-weight: bold;
 font-size: 11px;
}

#pager a {
 font-weight: bold;
 font-family: verdana, sans-serif;
 font-size: 11px;
 color: #000;
 background: #EAEBEE;
 border: 1px solid #888;
 padding: 1px 2px 2px 2px;
 margin: 0 3px 0 3px;
} 

#pager a:hover {
 color: #FFA800;
 background: #EEF0F4;
 text-decoration: none;
} 

#pager span.inactive {
 font-weight: bold;
 font-family: verdana, sans-serif;
 font-size: 11px;
 color: #c3bebe;
 background: #EAEBEE;
 border: 1px solid #888;
 padding: 1px 2px 2px 2px;
 margin: 0 3px 0 3px;
} 

#pager span.left {
 display: block;
 width: 50px;
 padding: 3px 0 3px 0;
 float: left;
 text-align: right;
}

#pager span.middle {
 display: block;
 width: 90px;
 padding: 2px 0 3px 0; 
 float: left;
 text-align: center;
}

#pager span.right {
 display: block;
 width: 50px;
 padding: 3px 0 3px 0; 
 float: left;
 text-align: left;
}

#pager select {
 position: relative;
 top: -1px;
 width: 80px;
 height: 16px;
 font-family: tahoma, arial, verdana, sans-serif;
 font-size: 11px;
 font-weight: normal;
 background-color: #EAEBEE;
 border: 1px solid #888;
}



/* Fejléc */

#header {
 width: 770px;
 height: 120px;
 margin: 0 auto 0 auto;
 padding: 0;
 background-color: #E6EAEE;
 background-image: url(../images/header.gif);
 background-repeat: no-repeat;
 background-position: 0 0;   
 text-align: left;
}

#header div.title {
 width: 343px;
 height: 90px;
 float: left;
}

#header div.menu {
 width: 423px;
 height: 90px;
 float: left;
}

#header div.status {
 clear: both;
 height: 15px;
 padding: 6px 5px 0 0;
}

#header div.title h1 {
 margin: 0;
 padding: 0;
 font-size: 1px;
 text-indent: -9000px;
}

#header div.title img  {
 position: relative;
 left: 110px;
 top: 10px;
 width: 225px;
 height: 29px;
 margin: 0;
 padding: 0;
 border: 0;
}

#header div.title p {
 position: relative;
 left: 110px;
 top: 14px;
 display: block;
 width: 200px;
 margin: 0 0 4px 0;
 padding: 0;
 color: #A26C0E;
}

#header div.menu ul {
 margin: 0;
 padding: 14px 0 0 8px;
}

#header div.menu li {
 height: 14px;
 margin: 0 2px 0 0;
 padding: 62px 10px 0 10px;
 background-image: url(../images/menu.gif);
 background-repeat: repeat-x;
 background-position: 0 0;   
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 font-size: 90%; 
 float: left;
}

#header div.status p {
 margin: 0;
 padding: 0;
 color: #eee;
 text-align: right;
}



/* Lábléc */

#footer {
 width: 750px;
 height: 41px;
 margin: 0 auto 0 auto;
 padding: 9px 10px 0 10px;
 background-color: #0F5F7F;
 color: #F7F6F5;
 text-align: left;
}

#footer p {
 margin: 0 0 4px 0;
 padding: 0; 
}

#footer div.left {
 width: 500px;
 float: left;
}

#footer div.right {
 width: 250px;
 float: left; 
 text-align: right;
}

#footer a {
 color: #BECAD5;
 text-decoration: none;
}

#footer a:hover {
 color: #E6EAEE;
 text-decoration: underline;
}



/* Tartalmi rész */

#container {
 width: 770px;
 margin: 0 auto 0 auto;
 padding: 0;
 background-image: url(../images/side.gif);
 background-repeat: repeat-y;
 background-position: 0 0;  
 background-color: #fff5d4;
}

#container div.clear {
 font-size: 1px;
 text-indent: -9000px;
 clear: both;
}

#side {
 width: 155px;
 min-height: 420px;
 margin: 0;
 padding: 7px 0 7px 0;
 float: left; 
}

#side p.logoff {
 padding: 0 10px 0 10px;
}

#side h3 {
 margin: 0 0 7px 0;
 padding: 0;
 font-size: 110%;
 font-family: georgia, tahoma, arial, verdana, sans-serif;
 font-weight: bold;
 text-align: center; 
 background-image: url(../images/head_blue.gif);
 background-repeat: no-repeat;
 background-position: center 0; 
 color: #19507D; 
}

#content {
 width: 595px;
 margin: 0;
 padding: 10px 10px 10px 10px;
 float: left;   
}

#content h2 {
 margin: 0 0 12px 0;
 padding: 0;
 font-size: 150%;
 font-family: georgia, tahoma, arial, verdana, sans-serif;
 font-weight: bold;
 text-align: left; 
 color: #19507D;   
}

#content h4 {
 margin: 0 0 2px 0;
 padding: 0;
 font-size: 100%;
 font-family: tahoma, arial, verdana, sans-serif;
 font-weight: bold;
 text-align: left; 
 color: #19507D;   
}



/* Cikklista */

#content div.articleItem {
 margin: 0 0 15px 0;
 padding: 0;
 clear: both;
}

#content div.articleItem div.picture {
 width: 100px;
 margin: 0;
 float: left;
 text-align: center;
}

#content div.articleItem div.text {
 width: 480px;
 margin: 0 0 0 0;
 float: left;
}

#content div.articleItem div.text h4 {
 margin: 0 0 10px 0;
}

#content div.articleItem img {
 padding: 5px;
 background-color: #F1F3F5; 
 border: 1px solid #BECAD5;
}



/* Osztály- és tanárlista */

#classList {
 width: 593px;
 margin: 0;
 padding: 0;
}

#classList div.classItem {
 width: 290px;
 margin: 0 0 15px 0;
 padding: 0;
 float: left;
}

#classList div.picture {
 width: 100px;
 margin: 0;
 float: left;
 text-align: center;
}

#classList div.text {
 width: 183px;
 margin: 0;
 padding: 0 5px 0 0;
 float: left;
}

#classList div.text h4 {
 margin: 0 0 10px 0;
}

#classList img {
 padding: 5px;
 background-color: #F1F3F5; 
 border: 1px solid #BECAD5;
}

.classImages {
 margin-bottom: 15px;
}

.classImages img {
 margin-right: 10px;
 padding: 5px;
 background-color: #F1F3F5; 
 border: 1px solid #BECAD5;
}




/* Menü */

#menu {
 margin: 0 0 15px 0;
 padding: 0;
}

#menu ul {
 padding: 0 0 0 6px;
}

#menu li {
 width: 124px;
 margin: 0 0 2px 0;
 padding: 2px 2px 2px 16px;
 background-color: #FBFAF9;
 border: 1px solid #9AAEC1;
 background-image: url(../images/li.gif);
 background-repeat: no-repeat;
 background-position: 4px 5px; 
}

#banners {
 text-align: center;
}

#banners img {
 width: 125px;
 border: 1px solid #517897;
}

#banners p {
 margin: 0 0 10px 0;
 font-size: 105%;
}

#banners p a {
 color: #003D70;
}

#banners p a:hover {
 color: #517897;
}



/* Bejelentkezés */

#loginBox {
 padding: 0;
 margin: 0 0 20px 0;
}

#loginBox div.field {
 width: 210px;
 height: 25px;
 padding: 0;
 margin: 0;
 text-align: right;
}

#loginBox input {
 width: 115px;
 height: 14px;
 margin: 0;
 padding: 1px 2px 1px 2px;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 12px; 
 background-image: url(../images/input.gif);
 background-repeat: repeat-x;
 background-position: 0 0; 
 border: 1px solid #8B8A8A; 
}

#loginBox input.button {
 width: 22px;
 height: 18px; 
 margin: 10px 100px 0 0;
 padding: 1px 2px 1px 2px; 
 font-size: 10px;  
}

#loginBox input.name {
 margin: 0;
}

#loginBox input.pass {
 margin: 0;
}



/* Galéria */

#pictureList {
 margin: 0;
 padding: 5px 0 0 0;
}

#pictureList div.pictureBox {
 width: 130px;
 margin: 0 3px 5px 3px;
 padding: 4px 0 4px 0;
 border: 0;
 background-color: #fff;
 text-align: center;
 float: left;
}

#pictureList div.pictureBox img {
 margin: 0 0 3px 0 ;
 padding: 0;
 border: 0;
}

#pictureList div.pictureBox p {
 margin: 0 0 2px 0;
 padding: 0 5px 0 5px;
 font-size: 10px;
 text-align: center;
}

#pictureList p.boxTitle {
 margin: 0 0 7px 0;
 padding: 0 5px 0 5px;
 text-align: left;
 color: #444;
 font-weight: bold;
}

#pictureList div.pictureBox p span.picStatus_0 {
 color: #f44;
}

#pictureList div.pictureBox p span.picStatus_1 {
 color: #0b0;
}



/* Letöltési táblázat */

#downloads {
 margin: 0 0 15px 0;
 padding: 0;
 background-color: #F1F3F5;
}

#downloads tr.sideHead {
 margin: 0;
 padding: 0;
 background-color: #E6EAEE;
}

#downloads tr.mainHead {
 height: 20px;
 margin: 0;
 padding: 0;
 background-color: #BECAD5;
}

#downloads td.td1 {
 width: 350px;
 margin: 0;
 padding: 0 0 0 7px;
}

#downloads td.td2, #downloads td.td3, #downloads td.td4 {
 width: 50px;
 margin: 0;
 padding: 0;
 text-align: center;
}

#downloads td.spanned {
 margin: 0;
 padding: 2px 0 2px 0;
 text-align: center;
 background-color: #F1F3F5; 
}

#downloads img {
 width: 18px;
 height: 19px;
 border: 0;
}

#videoPlayer {
 width: 320px;
 padding: 5px;
 background-color: #F1F3F5; 
 border: 1px solid #BECAD5;
}

#videoPlayer p {
 margin: 0 0 5px 0;
 padding: 0;
 text-align: center;
}

#videoPlayer div.box {
 width: 320px;
 height: 240px;
}



/* Adatbázisból érkező adatok formázása */

#timeTable {
 margin: 0;
 padding: 0;
 border: 1px solid #E3CB7B;
}

#timeTable tr td {
 margin: 0;
 padding: 2px 7px 2px 10px;
 background-color: #FAEFCB;
}

#timeTable tr.change td {
 background-color: #F7EAC0;
}