@charset "utf-8";
/* CSS Document */

div, ul, li, p {margin:0; padding:0; position:relative;}
html { height: 100%; }
body { margin:0; padding:0; position: relative;  height: 100%; background: url("../images/bg.png") repeat center center; font-family: Arial, Helvetica, sans-serif; color: #000; font-size:12px; margin:0; } 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */ 

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a { outline: none; }
:focus { -moz-outline-style: none; }

h1,h2,h3,h4 { margin: 0; }
p.error, span.error {  color: #900; font-style: italic;  }

div#msg { margin: 0 0 20px 0; } 
div.msg-success h3 { color: #32531C; font-family: "Georgia"; font-style: italic; font-size: 18px; font-weight: bold; margin: 2px 0; }
div.msg-success span {  color: #32531C; }
div.msg-failed h3 { color: #900; font-family: "Georgia"; font-style: italic; font-size: 18px; font-weight: bold; margin: 2px 0; }
div.msg-failed span {  color: #900; }

#content { width: 901px; margin: 15px auto 0 auto; }

#header { width: 901px; height: 308px; }
#header div#logo { width: 901px; height: 261px; }
#header div#menu { width: 901px; height: 37px; padding: 5px 0; }
ul.menu li { float: left; list-style: none; text-align: center; font-size: 13px; text-transform: uppercase; margin: 0 6px; }
ul.menu li a { display: block; width: 100px; height: 20px; color: #C3BFB1; background: url("../images/menu-bg.png") no-repeat center bottom; }
ul.menu li a.active { color: #D5D600; background: url("../images/menu-bg-hover.png") no-repeat center bottom; text-decoration: none; }
ul.menu li a:hover { color: #D5D600; background: url("../images/menu-bg-hover.png") no-repeat center bottom; text-decoration: none; }
#header div#body { width: 901px;  }

#left { width: 250px; float: left;  }
#left div.sarga { background: #D5D600; padding: 8px; margin: 0 0 4px 0; }
#left div.sarga span { display: block; width: 100%; }
#left div.sarga span a { color: #000; font-weight: bold; }
#left div.sarga h1 { font-family: "Verdana"; font-size: 22px; font-weight: bold; text-transform: uppercase;  }
#left div.sarga h2 { font-family: "Verdana"; font-size: 20px; font-weight: lighter; text-transform: uppercase;  }

div#user {  height: 20px; padding: 5px 0 0 0; margin: 0 auto; text-align: center }
div#user a { background: #5E5B50; color: #F3F3F3; padding: 3px;  font-weight: bold; }
div#user a:hover { background: #000; color: #F3F3F3; text-decoration: none;  }

#right { width: 640px; float: right; }
#right div.pic { float: left; padding: 0 10px 1px 0;  }
#right div.pic img { border: 1px solid #000; }
#right div.leader { width: 620px; background: #C2BEB1; padding: 10px; margin: 0 0 4px; }
#right div.leader  h1 { font-family: "Arial"; font-size: 19px; margin: 0 0 2px; }
#right div.leader  h1 a { color: #5F5C51; }
#right div.leader  h1 a:hover { background: #5F5C51; color: #FFF; text-decoration: none; }
#right div.leader  h2 { font-family: "Arial"; font-size: 13px; color: #F0F0F0; margin: 0 0 5px;  }
#right div.leader p { font-size: 13px; font-weight: 500;  }

#right div#news-cont { width: 620px; background: #C2BEB1; padding: 10px; }
#right div#news-left-cont { width: 300px; float: left; }
#right div#news-right-cont { width: 300px; float: right; }
#right div.news-box h1 { font-family: "Arial"; font-size: 19px; margin: 0 0 2px; }
#right div.news-box h1 a { color: #FFF; background: #000; }
#right div.news-box h1 a:hover { color: #999; background: #000; text-decoration: none; }
#right div.news-box  h2 { font-family: "Arial"; font-size: 13px; color: #F0F0F0; margin: 0 0 5px;  }

#right-modules { float: right; width: 620px; background: #C2BEB1; padding: 60px 10px 10px 10px; }
#right-modules div.pic { float: left; padding: 0 10px 1px 0;  }
#right-modules div.pic img { border: 1px solid #000; }
#right-modules div#news-cont { width: 620px; background: #C2BEB1 }
#right-modules div#news-left-cont { width: 300px; float: left; }
#right-modules div#news-right-cont { width: 300px; float: right; }
#right-modules div.news-box h1 { font-family: "Arial"; font-size: 19px; margin: 0 0 2px; }
#right-modules div.news-box h1 a { color: #FFF; background: #000; }
#right-modules div.news-box h1 a:hover { color: #999; background: #000; text-decoration: none; }
#right-modules div.news-box  h2 { font-family: "Arial"; font-size: 13px; color: #F0F0F0; margin: 0 0 5px;  }

span.date { font-style: italic; color:#666; }
h1.pagetitle { margin: 0 0 15px; background: url("../images/h1-bg.png") no-repeat; width: 620px; height: 45px; position: absolute; top: 10px; left: 10px; z-index: 100; color: #FFF; text-transform: uppercase; font-size: 15px; line-height: 20px; padding: 5px 0 0 10px; font-family: "Verdana"; font-weight: normal; }

#text h1 { font-family: "Arial"; font-size: 19px; margin: 0 0 2px; color: #5F5C51; }
#text h2 { font-family: "Arial"; font-size: 13px; color: #F0F0F0; margin: 0 0 5px;  }

/* FORM START */
form.normalform fieldset { border: none; padding-left: 0px;  }
form.normalform { margin: 15px 0 0 0; font-size: 14px; font-family: "Arial"; }
form.normalform div.row { margin: 0 0 10px;   width: 100%;   }
form.normalform div.row p { font-size: 12px;  }
form.normalform label { display: block; width: 64px; float: left;  padding: 0 10px 0 0;  }
form.normalform label span { color: #000; font-size: 10px; line-height: 15px; color: #000; text-align: right; }
form.normalform sup { color: #5191BF; }
form.normalform input.text { display: block; width: 200px; float: left; border: 1px solid #979797; padding: 2px; height: 12px; font-size: 9px; }
form.normalform textarea { width: 200px; font-family: "Arial";  font-size: 10px; padding: 2px; border: 1px solid #979797; float: left;  }
form.normalform input.button { float: right; background: #E8E8E8; border: 1px solid #333; cursor: pointer; }

form.normalform label.error { float: left; width: 16px; height: 16px; background: url("../images/unchecked.png") no-repeat 0 0;  }
form.normalform label.checked { float: left; width: 16px; height: 16px; background: url("../images/checked.png") no-repeat 0 0; }

form#loginform div.row {width: 230px; height: 15px;  }
form#loginform input.text { width: 150px; }

form#regform h1 { font-size: 16px; }
form#regform label { width: 150px; }
form#regform div.row { height: 20px; }
form#regform input { font-size: 11px; }
form#regform div.row span { font-size: 12px; }
form#regform label span { font-size: 12px; }
form#regform label.error { float: left; width: 16px; height: 16px; background: url("../images/unchecked.png") no-repeat 0 0;  }
form#regform label.checked { float: left; width: 16px; height: 16px; background: url("../images/checked.png") no-repeat 0 0; }
form#regform input.postcode { width: 30px; margin: 0 10px 0 0; }
form#regform input.city { width: 154px; } 

form#online  { width: 600px; }
form#online div.row { height: 20px; }
form#online label { width: 100px; text-align: right; }
form#online label span { font-size: 12px; padding: 0 0 5px 0; }
form#online input { font-size: 11px; }
form#online input.button { float: left; }
form#online div.error {float: left; font-size: 10px; padding: 0 0 0 10px; }

form#contactform input.button  { float: left; margin-left: 222px; } 
/* FORM END */ 

/* KAPCSOLAT OLDAL ELEMEI START */
div.border { width: 620px; height: 1px; margin: 20px 0; background: #666; }
div#maps { width: 610px; height: 360px; border: 4px solid #CCC; margin: 0 0 10px 0; }
a.maps { color: #000; font-size: 14px; font-style: italic; text-decoration: none;}
a.maps:hover { color: #300; }
/* KAPCSOLAT OLDAL ELEMEI END */

/* PAGER */
#pager { width: 640px; text-align: center; margin: 10px 0 -20px -10px; background:#000; padding: 10px 0 20px 0;}
#pager a { color:#FFF;  font-family: "Georgia"; font-size: 15px; }
#pager a.current { color: #888; }
#pager a:hover { color: #D5D600; }


/* GALLERY */
#gallery { width: 620px; margin: 0 auto; }
#gallery h2 { margin: 5px 0; }
#gallery h2 a { color: #000; text-decoration: underline;  }
.albums {width: 620px; }
.thumb { width: 198px; float: left; margin-bottom: 2px;  }
.center { margin-left: 10px; margin-right: 10px; }
#gallery  .thumb div.pic {  width: 198px; height: 126px; background: none;  padding: 5px 0; text-align: center; float: none; }
#gallery  .thumb div.pic img {border: 1px solid #FFF;  }
#gallery  .thumb div.text { height: 20px; line-height: 18px; font-size: 9px; text-align: center; color: #444; }
#gallery #video { height: 313px; width: 384px;; margin: 5px 5px 5px 0; float: left; }
#gallery #video-meta { width: 225px; margin: 5px 0px 5px 0; float: right; }
#gallery #video-meta h1 { font-size: 12px; color: #333; font-weight: bold; border-bottom: 1px solid #333; margin: 0 0 10px;  }
#gallery #video-meta p { font-size: 10px; color:#333; }

/* ELŐADÁSOK   border-bottom: 2px solid #AD9862;*/
.event-links a { color: #333; }
.event-links a:hover { color: #000; }
/* legfrisebb eloadas */
#fresh-event { width: 620px; overflow: hidden; padding: 0 0 15px; margin: -10px 0 5px; background: url("../images/eloadas-sep.gif") no-repeat bottom center; }
#fresh-event div.pic { width: 260px;  float: left; z-index: 0; }
#fresh-event div.text { widht: 350px; padding: 40px 0 0 0; }
#fresh-event span.event-date { color: #5E5B50; font-size: 15px; }
#fresh-event span.event-place { color: #0094C3; font-size: 12px; font-weight: bold; }
#fresh-event h1 a { font-size: 20px;  color: #5E5B50; }
#fresh-event h2 {  margin: 10px 0 5px 0; }
#fresh-event h2 span { text-transform: uppercase; font-size: 14px; line-height: 16px; }
#fresh-event h2 span a { background: #5E5B50; color: #C2BEB1; padding: 1px; 2px }
#fresh-event h2 span a:hover { background: #5E5B50; color: #000; text-decoration: none;  }
#fresh-event h3 { margin-top: 10px; }
#fresh-event h3 a { font-size: 15px; color: #5E5B50; font-style: italic; }
/* sima eloadasok */
.normal-events { width: 620px; padding: 0 0 15px; margin: 0 0 5px; background: url("../images/eloadas-sep.gif") no-repeat bottom center; }
.normal-events div.pic { width: 100px; height: 120px; padding: 0 10px 0 0; float: left; }
.normal-events div.text { width: 510px; float: right; }
.normal-events div.text span.event-date { color: #5E5B50; font-size: 15px;}
.normal-events div.text span.event-place { color: #0094C3; font-size: 12px; font-weight: bold;  position: absolute; right: 10px; top: 35px;  }
.normal-events div.text h1 a { font-size: 20px; color: #5E5B50; }
.normal-events div.text h2 {  margin: 10px 0 5px 0; }
.normal-events div.text h2 span { text-transform: uppercase; font-size: 14px; line-height: 16px; }
.normal-events div.text h2 span a { background: #5E5B50; color: #C2BEB1; padding: 1px; 2px }
.normal-events div.text h2 span a:hover { background: #5E5B50; color: #000; text-decoration: none;  }
.normal-events h3 { margin-top: 10px; }
.normal-events h3 a { font-size: 15px; color: #5E5B50;  font-style: italic; }
/* egy eloadas */
.simple-event { width: 620px; padding: 0 0 10px; margin: -10px 0 5px;  }
.simple-event h3 { font-size: 12px; }	
.simple-event div.pic { width: 200px;  float: left; z-index: 0; margin: 0 10px 0 0;  }
.simple-event div.text { width: 400px; float: left;  padding: 30px 0 0 0; }
.simple-event div.full-text { width: 620px; padding: 10px; float: left; }
.simple-event span.event-date { color: #5E5B50; font-size: 15px; }
.simple-event span.event-place { color: #0094C3; font-size: 12px; font-weight: bold; }
.simple-event h1 { margin: 0 0 10px 0; }
.simple-event h1 a { font-size: 20px;  color: #5E5B50; }
.simple-event h2 {  margin: 10px 0 5px 0; }
.simple-event h2 span { text-transform: uppercase; font-size: 14px; line-height: 16px; }
.simple-event h2 span a { background: #5E5B50; color: #C2BEB1; padding: 1px; }
.simple-event h2 span a:hover { background: #5E5B50; color: #000; text-decoration: none;  }
.simple-event div.register { width: 620px; padding: 40px 0 0 0; float: left; margin: 0 0 0 -10px; }
.simple-event div.register p { margin: 20px 0 0 15px; font-size: 13px;  }

#latestevent { text-align: center; }
#latestevent h2 { margin: 0 0 15px 0; }	



/* ELŐADO */
#coworker-left { width: 350px; float: left; }
#coworker-left ul { padding: 0 0 0 20px; }
#coworker-left a.file { color: #555; background: url("../images/pdf.png") no-repeat left center; padding: 0 0 0 20px; margin: 10px 0 0 0; height: 20px; line-height: 20px; display: block; font-weight: bold; }
#coworker-left a.file:hover { text-decoration: none; color: #000; } 
#coworker-right { width: 260px; float: right; margin-top: -20px; }
#coworker-right ul { padding: 0 0 0 20px;  }
#coworker-pic { width: 260px; height: 294px; }
#coworker-pic img {width: 260px; height: 294px; }
#coworker-pic-nyil { position: absolute; top: 274px; left: 0px; width: 260px; height: 20px; z-index: 100;  } 
#coworker-text { width: 240px; background: #D4D3CE; padding: 10px; }

/* ELŐADOK */
#coworkers { width: 620px; padding: 0 10px; }
#coworkers div.list { width: 620px; margin: 0 0 10px; }
#coworkers div.list div.pic { height: 150px; width: 130px; float: left; }
#coworkers div.list div.text { width: 420px; float: left; padding: 10px; }
#coworkers div.list div.text h2 span { text-transform: uppercase; font-size: 14px; line-height: 16px; }
#coworkers div.list div.text h2 span a { background: #5E5B50; color: #C2BEB1; padding: 1px; 2px }
#coworkers div.list div.text h2 span a:hover { background: #5E5B50; color: #000; text-decoration: none;  }

/* SAJTÓ */ 
.sajto-box { width: 620px; padding: 0 10px; }
.sajto-box h2 { font-family: "Arial"; font-size: 19px; margin: 0 0 2px; }
.sajto-box h2 a { color: #5F5C51; }
.sajto-box h2 a:hover { background: #5F5C51; color: #FFF; text-decoration: none; }
.sajto-box h3 { margin: 5px 0; }
.sajto-box h3 span { text-transform: uppercase; font-size: 14px; line-height: 16px; }
.sajto-box h3 span a { background: #5E5B50; color: #C2BEB1; padding: 1px; 2px }
.sajto-box h3 a:hover { background: #5E5B50; color: #000; text-decoration: none;  }
.sajto-descr { padding: 0 0 10px; width: 620p0; }
div.sajto-datum { color: #5E5B50; font-size: 15px;} 
div.sajto-box  div.sajto-descr img { float: left; text-align: left; border: 1px solid #000; margin: 2px 2px 2px 0; }

div.sajto-files ul { margin: 5px 0 0 15px; }
div.sajto-files ul li { list-style: none;  }
div.sajto-files ul li img { vertical-align: middle; }
div.sajto-files ul li a { color: #000; text-decoration: none; line-height: 18px;  }
div.sajto-files ul li a:hover { color: #000;}

/* ÉLŐ ADÁS */

#live-box { width: 384px; height: 288px; float: left; border: 5px solid #666; }
#live-box-info { width: 205px; float: right; padding: 10px; }
#live-box-url { width:620px; height: 20px; float: left; margin-top: 15px; }
#live-box-url a { color: #5E5B50; }

#footer { width: 901px; margin: 5px auto; border-top: 1px dotted #333; padding: 10px 0 0 0; color: #999; }
#footer-text {  width: 901px; height: 20px; }
#footer div#xnetwork-logo { width: 90px; height: 19px; position: absolute; right: 0; top:0;}
/* KAPCSOLAT BOX 
#contact { width: 222px; height: 235px; background: url("../images/contact-bg.png") no-repeat 0 0 ; position: absolute; right: 0; top: 1px; }
#contact img { float: right; margin: 28px 38px 0 0; }
#contact div#contact-text { width: 222px; height: 130px; float: left;  padding: 15px 0; }
#contact div#contact-text p { font-size: 13px; color: #FFF; line-height: 20x; padding: 1px 1px 1px 20px; }
#contact a.button { display: block; float: left; margin: 15px 0 0 8px; width: 210px; height: 34px; background: url("../images/contact-button.png") no-repeat 0 0; text-decoration: none; cursor: pointer;  }
#contact a.button div { font-family: "Arial"; font-weight: bold; font-size: 18px; font-style: italic; color: #482400; margin: 5px auto; width: 100px;  }
#contact a.button div span { display: block; color: #FFF;  position: absolute; top: -2px; left: -2px; }
#contact a.button:hover { background-position: 0 -34px;  width: 210px;    }

GALERIA START 
#gallery { width: 640px; margin: 0 auto; }
.albums {width: 640px; }
.thumb { width: 198px; float: left; margin-bottom: 2px;  }
.center { margin-left: 20px; margin-right: 20px; }
.thumb div.pic {  width: 198px; height: 126px; background: #A06E0A;  padding: 5px 0; text-align: center; }
.thumb div.pic img {border: 1px solid #FFF;  }
.thumb div.text { height: 20px; line-height: 18px; text-align: center; color: #FFF; }
#pager { width: 630px; height: 38px; background: url("../images/pager-bg.png") no-repeat 0 0; font-size: 14px; line-height: 18px; padding: 8px 0 0 10px; }
#pager a { text-decoration: none;  font-weight: bold; color: #B78B37;  padding: 4px 8px; margin-right: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#pager a:hover { background: #630; color: #FFF;   }
#pager a.current { background: #B78B37; color: #DECC9F; }
#pager a.current:hover { background: #B78B37; color: #333; }
 GALERIA END 


KAPCSOLAT OLDAL ELEMEI START
div.border { background: url("../images/vonal.png") no-repeat 0 0; width: 637px; height: 2px; margin: 20px 0; }
div#maps { width: 634px; height: 300px; border: 4px solid #A06E0A; margin: 0 0 10px 0; }
a.maps { color: #5C4005; font-size: 14px; font-style: italic; text-decoration: none;}
a.maps:hover { color: #300; }


/* KAPCSOLAT OLDAL ELEMEI END */