/* GENERAL */
body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  background: url(../images/body-bg.png) repeat #fff;
  color: #1950a6;
}

a img { border: 0; }
p { text-align: justify; }
hr { height: 1px; border: 0; color: #333; background-color: #333; }
.sortable { cursor: move; }
.error { color: #f00; }

/* LAYOUT */
#page_container { width: 780px; margin: 0 auto; }
#header_image { display: block; margin-top: 2px; }
#navigation { width: 14em; float: left; }
#content { margin: 6px 0 0 14.5em; } /* top margin should not be relative, because menu_box and content_box have different font sizes */

/* LAYOUT - IMAGE */
body.image #navigation { display: none; }
body.image #content { margin: 6px 0 0 0; }

/* ERROR PAGES */
div.error {
  width: 40em;
  margin: 1em auto;
  padding: .5em 1em;
  border: 1px solid #1950a6;
}
.error h1 { text-align: center; font-size: 14pt; }
.error p { text-align: center; }
.error a:link, .error a:visited { color: #1950a6; text-decoration: underline; }
.error a:hover, .error a:active { color: #db4e19; }

/* MENUS */
#navigation .menu_box {
  font-size: 9pt;
  background-color: #def0f8;
  color: #111;
  border: 1px solid #ccc;
  margin: 6px 0; /* top margin should not be relative, because menu_box and content_box have different font sizes */
  padding: .1em;
}
#navigation .menu_box h1 {
  display: block;
  font-size: 9pt;
  margin: 0 0 .2em 0;
  padding: 0 .2em;
  color: #1950a6;
  background: url(../images/menuheader-bg.png) repeat-x center center;
}
#navigation .menu_box a.menu:link, #navigation .menu_box a.menu:visited {
  display: block;
  text-decoration: none;
  color: #111;
  padding: 0 .2em .1em .2em;
  border: 1px solid #def0f8;
}
#navigation .menu_box a.menu:hover, #navigation .menu_box a.menu:active,
#navigation .menu_box a.active:link, #navigation .menu_box a.active:visited {
  background-color: transparent;
  background-image: url(../images/menuitem-bg.jpg);
/*  border: 1px solid #fff;*/ /* TODO flickers like hell on IE */
  color: #111;
}


#navigation .menu_box a img { vertical-align: middle; padding-left: .5em; margin-bottom: .2em; }
#navigation .menu_box ul { margin: 0; padding: 0; list-style: none; }
#navigation .menu_box ul li { font-size: 8pt; margin: 0; padding: 0; display: inline; }
#navigation .menu_box ul li a.menu:link, #navigation .menu_box ul li a.menu:visited { padding-left: 1em; }
#navigation .menu_box address, #navigation .menu_box dl { font-size: 8pt; line-height: 150%; }
#navigation .menu_box address { font-style: normal; margin: 0 .3em; padding: 0; }
#navigation .address a:link, #navigation .address a:visited { text-decoration: none; color: #1950a6; padding: 0 .2em 0 .1em; }
#navigation .address a:hover, #navigation .address a:active { background-color: #8ac9e6; }
#navigation .address img.icon { margin-top: 2px; vertical-align: top; }
#navigation .address dl { margin: .5em .1em 0 .3em; padding: 0; }
#navigation .address dt { float: left; margin: 0; padding: 0; }
#navigation .address dd { margin: 0 0 0 17px; padding: 0; }
#navigation .address .map { margin-left: 1em; }

#navigation .highlight h1{background: url(../images/menuheader-bg-highlight.png) repeat-x center center;}
#navigation .highlight{background-color:#ffe6c3; }
#navigation .highlight a.menu:link, #navigation .highlight a.menu:visited{border: 1px solid #ffe6c3;}



#signature { font-size: 7pt; text-align: center; }
#signature a:link, #signature a:visited { text-decoration: none; color: #777; }
#signature a:hover, #signature a:active { text-decoration: underline; }

input.field { border: 1px solid #333; }

.money #amount { width: 5em; text-align: right; }
.money a#send:link, .money a#send:visited {
  display: block;
  background: url(../images/vub_anim_1.gif) no-repeat;
  text-indent: -10000px;
  width: 89px; height: 31px;
}
.money a#send:hover, .money a#send:active { background: url(../images/vub_anim_2.gif) no-repeat; }

/* CONTENT (including Textile elements) */
.content_box {
  background-color: #f2fbff;
  color: #111;
  border: 1px solid #ccc;
  margin: 6px 0;
  padding: .2em .5em;
}

.content_box h1 { margin: 0 0 .5em 0; padding: .1em 0; font-size: 12pt; color: #1950a6; border-bottom: 1px solid #1950a6; text-align: center; }
.content_box h2 { margin: 0 0 .5em 0; padding: .1em 0; font-size: 12pt; color: #1950a6; }
.content_box h3 { margin: 0 0 .5em 0; padding: .1em 0; font-size: 11pt; color: #1950a6; }
.content_box p { margin: 0 0 .5em 0; }
.content_box blockquote { margin: .5em .3em .5em 1em; padding: .1em; font-style: italic; font-family: serif; font-size: 11pt; }
.content_box ul, .content_box ol { margin: .5em 0; padding: 0; }
.content_box ul li, .content_box ol li { margin: 0 0 0 2.5em; padding: 0; } /* quite far to right, but needed for <ol> */
.content_box ul ul li, .content_box ol ol li, .content_box ul ol li, .content_box ol ul li { margin-left: 2em; } /* 2nd list level */
.content_box ul ul ul li, .content_box ol ol ol li { margin-left: 2em; } /* 3rd list level */
.content_box ol.letters { list-style-type: lower-alpha; }
.content_box ol.roman { list-style-type: lower-roman; }
.content_box a:link, .content_box a:visited { color: #1950a6; text-decoration: underline; }
.content_box a:hover, .content_box a:active { color: #db4e19; }
.content_box table { border-collapse: collapse; margin: .2em .1em .5em .1em; font-size: 9pt; }
.content_box table td, .content_box table th { text-align: left; vertical-align: top; }
.content_box table, .content_box th, .content_box td { border: 1px solid #777; }
.content_box table.wide { width: 99%; }
.content_box th, .content_box td { padding: .1em .2em; }
.content_box th { background-color: #c7e9f8; }
.content_box img { margin: .1em .5em; }
.content_box .frame { border: 1px solid #ccc; padding: .2em; font-size: 8pt; }
.content_box .left { float: left; margin-right: .5em; }
.content_box .right { float: right; margin-left: .5em; }

.content_box h1 .date { font-weight: normal; font-size: 8pt; padding-left: 1em; }

/* FORMS */
form { margin: 0; padding: 0; }
form input.field, form textarea.field { border: 1px solid #333; }
form dt, form dd { margin: 0 0 .5em 0; }
.field { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; }

/* LOGIN FORM */
.login form { width: 16em; margin: 0 auto; }
.login form input.field { width: 10em; }
.login form dl { margin: 1em 0 .1em 0; }
.login form dt { float: left; padding-left: 1em; }
.login form dd { margin-left: 5em; }

/* NEWS EDIT FORM */
.news form { width: 70%; }
.news form dl { margin: 0; padding: 0; }
.news form .field { width: 100%; }
.news .textile_manual {
  font-size: 8pt;
  border: 1px solid #999;
  padding: .1em .5em;
  margin: .3em 0 0 0;
  width: 25%;
  float: right;
}
.news .textile_manual h1 {
  text-align: left;
  font-size: 9pt;
  border: 0;
}

.news h1 { text-align: left; }

.news .errors { color: red; }

.preview form { display: inline; }

.content_box .news_list td { vertical-align: middle; }
.news_list form, .news_list form div { display: inline; }
.news_list td.number { text-align: right; }
.content_box .news_list th { text-align: center; }

#news_order li.inactive { color: #777; }

.child_rights .signature { margin: 1em 0 0 0; font-size: 7pt; color: #555; }

/* CONTACT */
.contact table { margin: 0 auto; }
.contact table, .contact th, .contact td { border: 0; }
.contact table th, .contact table td { background: none; padding: .4em .8em; }
.contact .images { text-align: center; margin-top: 1em; }

/* CHILD RIGHTS */
.child_rights { font-size: 9pt; }
.child_rights table { margin: 0 auto; width: 99%; }
.child_rights table, .child_rights th, .child_rights td { border: 0; }
.child_rights td { width: 33%; height: 8em; padding: 1em; }
.child_rights td img { float: left; margin: 0; }
.child_rights table p { margin: 0 0 0 64px; padding: 0; text-align: left; }

.partners p { text-align: center; }

/* GALLERY */
.gallery img { margin: .2em; padding: 0; }

/* IMAGE */
.image, .image p { text-align: center; }


/* SK/EUR */
.curr{font-size:9px; color:#898989; display:block;}

#boy img { float:left; margin: 7px;}
.images td {
    height: 50px;
}
#skuska {  position: absolute;    margin-left: -100px; padding-bottom: 50px;  }

#skuska a{
 position: absolute;   

    color: #757575;
    text-decoration: none;
}

#skuska a div {
     display: none;  z-index: 10000; background-color:#fff; border: solid 0px #757575 ;
      margin-left: 50px;
}

#skuska a:hover div {    display: block; white-space: nowrap;}