/* global styles */
BODY, TD, TH, CAPTION {font-family: Arial,"Geneva CE",sans-serif; font-size: 13px;}
BODY {color: #555; background: #fff; padding: 0; margin: 0;}
H1, H2, H3, H4 {font-family: "Trebuchet MS", Arial, "Geneva CE", lucida, sans-serif;}

H1 {font-size: 22px;}
H2 {font-size: 20px;}
H3 {font-size: 18px;}
A {color: #0247b3; text-decoration: underline;}
A:hover {color:#0059e2; text-decoration: underline;}
IMG {border: 0 none;}
FORM {padding: 0; margin: 0;}
.clear {height: 1px; padding: 0; margin: 0; clear: both; overflow: hidden;}
.hide {display: none;}
.bred {color: #f00; font-weight: bold;}

/* header & menu */
#hdr {text-align: center; background: #fff url('../img/bkg.png') repeat-y center; 
  border-top: #3B559F solid 5px; padding-top: 10px;}
#hdrx {text-align: left; width: 750px; margin: 0 auto; padding: 0;}
#logo {float: left; width: 180px; height: 30px; overflow: hidden; margin: 0;}
#biglogo {margin: 0; height: 123px; overflow: hidden;}
#biglogo A {text-decoration: none;}
#moto {height: 100px; background: url('../img/moto.png') no-repeat top left;}
#moto1 {height: 50px}
#moto2 {width: 300px; float: left; padding-left: 12px; text-align: center;}
#moto2 IMG {vertical-align: middle;}
#moto3 {width: 300px; float: left; padding-top: 2px; text-align: center; }
#moto3 IMG {vertical-align: middle;}
#menu1 {float: right; font-family: Arial, "Geneva CE", lucida, sans-serif;}
#menu1 UL {margin: 0 0 0 10px; padding: 0 0 25px 0; list-style: none; font-size: 1.2em; 
  text-align: right; color: #666;}
#menu1 LI {display: inline; padding: 0 10px;}
#menu1 LI A {padding: 0 0 8px 0; color: #888; text-decoration: none;}
#menu1 LI.active A {border-bottom: #C82631 3px solid; color: #444;}
#menu1 LI A:hover {color: #444; border-bottom: #444 3px solid;}
#menu2 {background: #93a9cb url('../img/m2.png') no-repeat left top; border-bottom: 1px solid #bbb; clear: both;}
#menu2 UL {margin: 0; padding: 4px 0 0 0; list-style: none; color: #ccc;}
#menu2 LI {display: block; float: left; padding: 2px 0 4px 0;}
#menu2 LI A {padding: 3px 10px; color: #003383; text-decoration: none;}
#menu2 LI A:hover {color:#0059e2;}
#menu3 {background: #e8e8e8; padding: 0; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#menu3 A, #menu3 LABEL {padding: 0 4px;}
#search {float: left; padding: 2px 4px 3px 4px; margin: 0;}
#user {background: #e6e9ef url('../img/lg1.png') no-repeat top left; margin: 0 0 8px 0;}
#user DIV {background: url('../img/lg2.png') no-repeat bottom left; padding: 5px 8px; text-align: right;}
#user STRONG {color: #000;}
#menu3 INPUT{vertical-align: middle;}
#searchtext, #username, #password {width: 70px}
#user .newmsg {padding-left: 20px; background: url('../img/newmsg.png') no-repeat left center; 
  color: #f00; text-decoration: none;}

/* main part layout (columns) */
.main {text-align: center; background: #fff url('../img/bkg.png') repeat-y center;}
.mainx {text-align: left; width: 750px; margin: 0 auto; padding: 10px 0;}

/* 2 columns 500 250 (articles) */
.l500 {float: left; width: 500px;}
.l500l490 {width: 490px; margin: 0 auto 0 0;}
.r250 {float: right; width: 250px;}
.r250r250 {}

/* 2 columns 370 (fork) */
.l370 {float: left; width: 370px;}
.l370l370 {}
.r370 {float: right; width: 370px;}
.r370r370 {}

/* 1 columns 750 (articles) */
.l750 {float: left; width: 750px;}
.l750l750 {}

/* footer */
#ftr {text-align: center; background: #ccc url('../img/bkg2.png') repeat-y center;}
#ftrx {text-align: left; width: 770px; margin: 0 auto; padding: 10px 0; 
  border-top: 1px solid #ccc; background: #ccc;}
#ftr P {text-align: center; padding:  0 10px; margin: 4px 0; color: #666;}
#ftr P A {color: #3667b3}

/* article list */
.articlelist {margin: 0 0 10px 0;}
.articlelist H1 {font-size: 1.6em; margin: 10px 0 0px 0; padding: 0;}
.articlelist P {padding: 0; margin: 8px 0;}
.articlelist .ahdr {clear: both; color: #888; padding: 0; margin: 0 0 4px 0; font-size: 12px; text-align: right;}
.articlelist .more {float: left; clear: both; padding: 0 10px; margin: 0; font-size: 12px;}
.articlelist .aftr {float: right; color: #888; text-align: right; padding: 0; 
  margin: 0; font-size: 12px;}
.articlelist .cmnts {padding-left: 13px; background: url('../img/cmnt2.png') no-repeat left center}
.articlelist H2 {font-size: 18px; font-weight: normal; padding: 0; margin: 10px 0 0 0;}
.articlelist H2.x {font-size: 1.4em; font-weight: bold; letter-spacing: -0px;padding: 0; margin: 0;}
.articlelist H2.x A  {color: #000;}
.articlelist .all {padding: 0; margin: 0;}

.article {}
.article H1 {font-size: 1.4em; margin: 0 0 10px 0; padding: 3px 10px; background: #eee;}
.article H1, .article H2, .article H3, .article H4 {color: #000;}
.article P {padding: 0; margin: 8px 0;}
.article .contentfrag {margin: 0 0 10px 0;}
.article .rightfrag {margin: 0 0 10px 0;}

.artbox {color: #888; background: url('../img/fbg3.png') repeat-x left top; border-top: 2px solid #ddd; 
  border-bottom: 1px solid #fff; padding: 0 4px; margin: 10px 0;}
.artbox P {margin: 8px 0}
.artbox H3 {margin: 12px 0; color: #00258F; font-weight: normal; font-size: 14px;}
.artbox .author {font-size: 13px; margin: 4px 0}
.artbox .button {float: right; clear: right; margin: 4px 0 10px 0; width: 30%; color: #888; font-size: 13px;}
.artbox .cmnts {padding-left: 15px; background: url('../img/cmnt2.png') no-repeat left center}
.artbox .print {padding-left: 15px; background: url('../img/prnt.png') no-repeat left center}
.artbox .rating {color: #444;}
.artbox .rating SPAN {color: #888;}
.artbox STRONG {color: #000;}
.artbox TEXTAREA {width: 450px; height: 100px;}


.navigator P {margin: 0; padding: 4px 0; color: #888;}
.navigator STRONG {color: #b30000; padding: 1px 4px; border: 1px solid #b30000; background: #fff;}
.navigator A.p {padding: 1px 4px; border: 1px solid #ccc; border-color: #ccc #aaa #aaa #ccc; background: #f8f8f8; text-decoration: none;}
.articlelist .navigator {text-align: right;}

.artcontent {margin: 10px 0; padding: 0; border-left: 1px solid #999;}
.artcontent H2 {margin: 0; padding: 0 0 0 8px; font-size: 17px; font-weight: normal; color: #b30000;}
.artcontent UL {margin: 0; padding: 0;list-style: none;}
.artcontent LI {padding: 4px 0 2px 8px;}

.comments {}
.comments H3 {font-size: 17px; font-weight: normal;}
.comments UL {padding: 0; margin: 0; list-style: none;}
.comments LI {margin: 10px 0; padding: 0; background: #fff url('../img/cbg.png') no-repeat top left;}
.comments P {padding: 4px 4px 4px 4px ; margin: 0; text-align: justify;}
.comments P.a {text-align: right; color: #888; padding: 2px 0 10px 0; background: #fff;}

.newslist {color: #555;margin: 10px 0;}
.newslist H1 {padding: 0 0 1px 0; margin: 0; font-size: 18px; border-bottom: 1px solid #ccc;}
.newslist H1 SPAN {padding: 0 0 0px 0; border-bottom: 2px solid #555;}
.newslist .all {padding: 0; margin: 0;}

.newslist DL {margin: 10px 0; padding: 0;}
.newslist DT {color: #000; padding: 0; margin:  0;}
.newslist DT A  {color: #3667b3;}
.newslist DT A:hover {color:#0059e2;}
.newslist DD {font-size: 14px; font-weight: normal; letter-spacing: -0.5px;padding: 0; margin: 0 0 4px 0;}
.newslist DD A  {color: #e78e1e;}
.newslist DD A:hover {color: #fe9005;}

.newslist .box {width: 40px; background: #ffcc80 url('../img/cb.png') no-repeat top left; 
  text-align: center; color: #885f22; line-height: 2em; 
  border-bottom: 1px solid #d8ad6c; border-right: 1px solid #d8ad6c;}
.newslist .box SPAN {padding-bottom: 0.3em; border-bottom: 1px solid #d8ad6c;}
  

.list1 {color: #555;margin: 10px 0;}
.list1 H1 {padding: 0 0 1px 0; margin: 0; font-size: 18px; border-bottom: 1px solid #ccc;}
.list1 UL {margin: 0; padding: 0;list-style: none;}
.list1 LI {margin: 5px 0; padding: 0 0 0 10px; background: url('../img/d1x.png') no-repeat 0 0.5em}

/* universal boxes */
.box1 {margin: 10px 0; padding: 0; border: 1px solid #ccc;}
.box1 H2{margin: 0; padding: 4px; font-size: 14px; font-weight: normal; color: #000; background: #eee;}
.box1 P {margin: 4px 0; padding: 0 4px;}
.box1 UL {margin: 8px 0; padding: 0 4px;list-style: none;}
.box1 LI {margin: 4px 0; padding: 0 0 0 10px; background: url('../img/d3.png') no-repeat 0 0.5em;}
.box1 LI.active {font-weight: bold; background: url('../img/d3r.png') no-repeat 0 0.5em;}
.box1 SPAN.dt {color: #888;}
.box1 DL {margin: 8px 0; padding: 0 4px;}
.box1 DT {float: left; clear: both; color: #888; width: 50px; padding: 0; margin: 0; text-align: center; background: #eee;}
.box1 DD {margin: 0 0 10px 54px; padding: 0;}


.box2 {margin: 10px 0; padding: 0; background: #eee; border-bottom: 1px solid #eee;}
.box2 H2{margin: 0; padding: 5px; font-size: 14px; font-weight: normal; color: #000; background: #ccc;}
.box2 P {margin: 5px 0; padding: 0 4px;}
.box3 {margin: 10px 0; padding: 0; background: #e8e8e8; border-bottom: 1px solid #ddd;}
.box3 H2{margin: 0; padding: 2px 5px; font-size: 16px; font-weight: normal; color: #000; background: #ddd;}
.box3 H2.blue {border-top: 4px solid #80a1ff;}
.box3 P {margin: 5px 0; padding: 0 4px;}

.box370 {margin: 0; padding: 0 0 5px 0; background: #eee url('../img/fork_b.png') no-repeat bottom left;}
.box370 H2{margin: 0; padding: 5px 10px; font-size: 14px; font-weight: normal; color: #000; background: #ccc;}
.box370 P {margin: 10px 0; padding: 0 10px;}
.box370 H4 {margin: 0; padding: 2px 10px; font-weight: normal; font-size: 13px; color: #111;}
.box370 P.dt {margin: 0; padding: 0 10px; color: #666; font-size: 10px;}
.box370 P.more {text-align: right; margin: 0; padding: 0 10px 5px 10px; color: #333; font-size: 10px;}
.box370 P.c {text-align: center;}

.boxred, .boxgreen, .boxblue, .boxorange {margin: 10px 0; padding: 0;}
.boxred {background: #FFBFBF; border-bottom: 1px solid #FF8080;}
.boxgreen {background: #ccffcc; border: 1px solid #aaeeaa;}
.boxblue {background: #BFD0FF; border-bottom: 1px solid #80A1FF;}
.boxorange {background: #FFE5BF; border-bottom: 1px solid #FFCC80; color: #B36A00}
.boxred H2, .boxgreen H2, .boxblue H2, .boxorange H2 {margin: 0; padding: 3px 5px; font-size: 1.2em; font-weight: normal;}
.boxred H2 {color: #B30000; background: #FF8080;}
.boxgreen H2 {color: #008F00; padding-bottom: 0;}
.boxblue H2 {color: #fff;/*#00258F;*/ background: #80A1FF;}
.boxorange H2 {background: #FFCC80;}
.boxred P, .boxgreen P, .boxblue P, .boxorange P {margin: 5px 0; padding: 0 4px;}

.form1 {margin: 10px 0; border: 1px solid #aaa;}
.form1 H1 {font-size: 1.5em; margin: 4px; padding: 0; font-weight: normal;}
.form1 TD {padding: 6px 0; vertical-align: top;}
.form1 TD.btn {text-align: right; padding: 12px 4px;} 
.form1 TD.desc{padding:4px; font-size: 0.95em; color: #888;}
.form1 TH {padding: 8px 4px; vertical-align: top;}
.form1 TR {background: #fff;}
.form1 TR.r1 {background: #e8e8e8;}
.form1 TR.r2 {background: #eee;}
.form1 TR.r3 {background: #f8f8f8;}
.form1 TABLE {border-collapse: collapse; table-layout: fixed; empty-cells: show; 
  margin: 0 4px;}
.l528l514 .form1 TABLE {width: 504px;}
.form1 INPUT {vertical-align: middle;}
.form1 INPUP.w90 {width: 90%;}
.form1 P.formerror {padding: 0; margin: 4px 0 0 0; color: #f00; font-size: 0.95em;}
.form1 p.confirm {padding: 0; margin: 40px 4px; font-size: 1.1em; color: #444; text-align: justify;}
.form1 p.note {padding: 0; margin: 10px 4px; color: #777; text-align: justify;}

.form2 {margin: 10px 0; padding: 0; color: #666; background: url('../img/fbg3.png') repeat-x left top;}
.form2 H1 {margin: 0; padding: 8px 8px 10px 8px; color: #00258F; font-weight: normal; font-size: 1.5em;}
.form2 TD {padding: 12px 4px; vertical-align: top;}
.form2 TD.btn {text-align: right; padding: 18px 4px;} 
.form2 TD.desc{padding: 10px 8px; font-size: 0.95em; color: #888;}
.form2 TH {padding: 14px 8px; vertical-align: top;}
.form2 TR {}
.form2 TR.r1 {border-top: 1px solid #fff;}
.form2 TR.r2 {border-top: 1px solid #ddd;}
.form2 TABLE {border-collapse: collapse; table-layout: fixed; empty-cells: show; margin: 0;}
.l528l514 .form1 TABLE {width: 514px;}
.form2 INPUT {vertical-align: middle;}
.form2 INPUP.w90 {width: 90%;}
.form2 INPUT.widthhalf {width: 50%;}
.form2 INPUP.w100px {width: 100px;}
.form2 P.formerror {padding: 0; margin: 4px 0 0 0; color: #f00; font-size: 0.95em;}
.form2 p.confirm {padding: 0; margin: 40px 8px; font-size: 1.1em; color: #444; text-align: justify;}
.form2 p.note {padding: 0; margin: 10px 8px; color: #777; text-align: justify;}

/* transformed XML fragment */
.frag{clear:both;padding:0;margin:0;/*overflow:hidden;*/}
.frag H2{clear:both;font-size:1.6em;font-weight:bold;margin:0 0 10px 0;padding:0;}
.frag H3{clear:both;font-size:1.35em;font-weight:normal;margin:0 0 10px 0;padding:0;}
.frag H4{clear:both;font-size:1.3em;font-weight:normal;margin:0 0 10px 0;padding:0;}
.frag P{margin:0 0 10px 0;padding:0;text-align:justify;}
.articlelist .frag P {margin: 0 0 0 0;}
.frag UL{list-style-position:inside; margin:0 0 10px 0;padding:0;}
.frag UL LI{padding:0;margin:0 0 4px 0;}
.frag UL.toc{list-style-type:circle;list-style-position:inside;margin:10px 0;padding:0;}
.frag UL.toc LI{padding:0;margin:0;}
.frag DIV.ifloatleft{float:left;clear:both;}
.frag DIV.ifloatleft P{padding:0 10px 4px 0;margin:0;text-align:left;color:#333333;font-size:0.9em;}
.frag DIV.ifloatright{float:right;clear:both;}
.frag DIV.ifloatright P{padding:0 0 4px 10px;margin:0;text-align:right;color:#333333;font-size: 0.9em;}
.frag DIV.ifloatcenter{clear:both;margin:0 0 10px 0;}
.frag DIV.ifloatcenter P{padding:0 0 4px 0;margin:0;text-align:center;color:#333333;font-size: 0.9em;}
.frag DIV.ifloatleft A, .frag DIV.ifloatright A, .frag DIV.ifloatcenter A{border: none;}
.frag TABLE{margin:0 auto 10px auto;}
.frag TABLE TH{background:#C7D0DC;}
.frag TABLE TD{background: #E7EBF0;}
.frag .images{clear:both;}
.frag .images TABLE{width:100%;padding:0;margin:0 0 10px 0;table-layout:fixed;}
.frag .images TD{overflow:hidden;vertical-align:top;background:#FFFFFF;}
.frag .images P{padding:0 0 4px 0;margin:0;color:#333333;font-size:0.9em;}
.frag .images TD.ialignleft P{text-align:left;}
.frag .images TD.ialignright P{text-align:right;}
.frag .images TD.ialigncenter P{text-align:center;}
.frag .images TABLE A{border:none;}
.frag .conclusion{text-align:center;}
.frag .conclusion TABLE{width:80%;table-layout:fixed;border:1px solid #C7D0DC;}
.frag .conclusion TD{text-align:center;}
.frag .table1{text-align: center;}
.frag .table1 TABLE{border:1px solid #C7D0DC;}
.frag .table1 TD{text-align:left;}
.frag .box1 H3 {padding: 2px 4px 4px 4px; margin: 0 0 10px 0; background: #eee;}
.frag .box1 P {padding-left: 4px; padding-right: 4px;}

.frag DIV.b2 {background: #eee; padding: 0 9px; margin: 0 0 10px 0; border: 1px solid #ddd;}
.frag DIV.b2 H3 {margin: 7px 0 10px 0; font-size: 1.2em; font-weight: normal;}
.ffrag DIV.b2 P, .frag DIV.b2 UL, .frag DIV.b2 OL {padding: 0;}

.frag DIV.regskola {background: #e2e3e5 url('../img/box1_bottom.png') no-repeat center bottom; padding: 0; margin: 0 0 10px 0;}
.frag DIV.regskola H3 {height: 52px; overflow: hidden; padding: 0px; margin: 0px;
  background: #e2e3e5 url('../img/reg_skola.png') no-repeat center top;}
.frag DIV.regskola P {padding: 0 8px 8px 8px; margin: 0;}
.frag DIV.regskola UL {padding: 0 8px 4px 8px; margin: 0;}
.frag DIV.regskola LI {padding: 0 0 4px 0; margin: 0; list-style: none;}


.frag DIV.regstudent {background: #e2e3e5 url('../img/box1_bottom.png') no-repeat center bottom; padding: 0; margin: 0 0 10px 0;}
.frag DIV.regstudent H3 {height: 52px; overflow: hidden; padding: 0px; margin: 0px;
  background: #e2e3e5 url('../img/reg_student.png') no-repeat center top;}
.frag DIV.regstudent P {padding: 0 8px 8px 8px; margin: 0;}


.frag DIV.bx1 {background: #e2e3e5 url('../img/box1_bottom.png') no-repeat center bottom; padding: 0 0 8px 0; margin: 0 0 10px 0;}
.frag DIV.bx1 H3 {padding: 4px 8px; margin: 0px; background: #cbcdcf url('../img/box1_top.png') no-repeat center top;}
.frag DIV.bx1 H4 {padding: 8px 8px 0 8px; margin: 0; font-size: 14px; font-weight: bold;}
.frag DIV.bx1 P {padding: 8px 8px 0 8px; margin: 0;}
.frag DIV.bx1 FORM {}
.frag DIV.bx1 UL {padding: 4px 8px 0 8px; margin: 0;}
.frag DIV.bx1 LI {padding: 4px 0 0 0; margin: 0; list-style: none;}

.frag DIV.bxx {background: #e2e3e5 url('../img/box1_bottom.png') no-repeat center bottom; padding: 0 0 8px 0; margin: 0 0 10px 0;}
.frag DIV.bxx H3 {padding: 4px 8px; margin: 0px; background: #cbcdcf url('../img/box1_top.png') no-repeat center top;}
.frag DIV.bxx H4 {padding: 8px 8px 0 8px; margin: 0; font-size: 14px; font-weight: normal; font-family: Arial,"Geneva CE",sans-serif;}
.frag DIV.bxx P {padding: 0px 8px 0 8px; margin: 0; font-size: 11px;}
.frag DIV.bxx .more {text-align: right; padding: 8px 8px 0 8px;}

.frag DIV.partner {margin: 0 0 10px 0;}
.frag DIV.partner H3 {margin: 0 0 20px 0; padding: 0 0 8px 0; font-size: 15px; color: #444;
  background: #fff url('../img/l1.png') no-repeat center bottom;
  font-variant: small-caps; font-weight: normal; text-align: center;}
.frag DIV.partner P {text-align: center; margin: 20px 0 20px 0;}

.frag .c1, .frag .c2 {text-align: center;}
.frag P.c1 {margin: 20px 0; font-size: 1.2em;}
.frag P.c2 {margin: 20px 0;}
.frag H2.c1 {margin: 30px 0;}

.school H2 {margin: 0; font-size: 14px; font-weight: bold;}
.school .s1 H2 {font-weight: normal;}
.school P.date {color: #888; margin: 0; font-size: 11px;}
.school P.address {margin: 0 0 10px 0;}
.school .s1 P.address{color: #888;}


.galthumb {border-collapse: separate; width: 750px; table-layout: fixed;}
.galthumb TD{vertical-align: middle; text-align: center;}
.galthumb TD IMG {border: 1px solid #000;}
.galthumb .desc TD {background: #e8e8e8; border: 4px solid #fff;}
.galthumb TD P {margin: 2px; padding: 0;}

.photo {text-align: center;}
.photoheader STRONG {color: #000;}

.categories DIV.lastphoto{float:right;clear:both;width:222px; text-align: right; margin-right: 4px;}
.categories DIV.lastphoto IMG{border: 1px solid #000;}
.categories DIV.lastphoto P{padding:0;margin:4px 0 0 0;text-align:right;color:#666;font-size: 0.8em;}
.categories H3 {margin: 0 0 4px 0; background:#eee; padding: 4px;}
.categories P {margin: 0 236px 4px 0;}
.categories .clear {height: 10px;}

#imagebody {padding: 8px;}
#imagecenter {text-align: center;}

.pr H2 {color: #000;}
.pr H3 {color: #000;}
.pr H4 {color: #000;}
.pr H4 {margin: 10px 0 0 0;}
.pr P {margin: 3px 0 10px 0;}
.pr P.sign {margin: 20px 0 20px 300px;}
.pr .c {text-align: center; margin: 15px 0; color: #000;}

DL.comments {padding: 0; margin: 10px 0;}
DL.comments DT {padding: 0; margin: 10px 0 0 0; font-weight: bold;}
DL.comments DD {padding: 0; margin: 0 0 10px 0;}