/* CSS Document */
body{padding:0; margin:12px 0 0; background:url(images/main-bg.gif) 0 0 repeat-x #fff; font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#7D7D7D; }
div, p, ul, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

#mainPan{width:910px; position:relative; margin:0 auto;}
/*---TOP PANEL---*/
#topPan{width:910px; height:185px;}
#topleftPan{width:608px; margin:0; float:left; background:url(images/header.jpg) 0 0 no-repeat #FDFDFC; color:#fff;}
#topleftPan h1{margin-left: 30px; width:268px; height:151px; background:none; font:20px/22px Arial, Helvetica, sans-serif; padding:54px 0 0 340px; }
#topleftPan h2{margin-left: 30px; font:13px/20px Arial, Helvetica, sans-serif; display:block; border-top:1px solid #6CEC16; width:203px; position:absolute; top:135px; left:340px;}
#topPan img{ width:229px; height:102px; display:block; margin:0; position:absolute; top:42px; left:61px;}


#toprightPan{width:300px; height:185px; position:absolute; top:0px; right:0px;}
#toprightPan ul{width:117px; height:147px; margin:18px 0 0;}
#toprightPan ul li{height:30px; border-bottom:1px solid #CBCACA; line-height:29px;}
#toprightPan ul li a{width:117px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 20px;}
#toprightPan ul li a:hover{background:url(images/arrow-hover.gif) 0 50% no-repeat; text-decoration:none;}
#toprightPan ul li.underlinenone{height:30px; border-bottom:none; line-height:29px;}


/*---/TOP PANEL---*/

/*---BODY PANEL---*/
#bodytopPan{width:778px; height:138px; background:url(images/bodytop.jpg) 0 0 no-repeat;}
/*---BodyTop Left Panel--*/
#bodytopleftPan{width:608px; margin:0; float:left;}
#bodytopleftPan h2{width:478px; height:26px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:28px 0 30px 61px;}
#bodytopleftPan h2 span{font-size:21px; line-height:24px; font-weight:normal;}
#bodytopleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:0 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
#bodytopleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}

/*---/BodyTop Left Panel--*/


/*---/BodyTop Right Panel--*/

#bodyPan{width:810px;}
/*---Body Left Panel--*/
#bodyleftPan{float:left; width:608px; background: url(images/body-bg.gif) 0 0 repeat-y; padding:0 0 40px; padding-top:20px;}
#bodyleftPan p{padding:19px 61px 0;}
#bodyleftPan p span.boldtext{font-weight:bold;}
#bodyleftPan p.border{height:6px; background:url(images/line.gif) 0 100% repeat-x; margin:20px 61px; padding:0;}
#bodyleftPan p.captiontext{font:16px/22px Georgia, "Times New Roman", Times, serif; background: url(images/body-bg.gif) 0 0 repeat-y #fff; color:#7D7D7D; font-style:italic; font-weight:bold;}
#bodyleftPan p span.quetion{font-size:50px;}

#bodyleftPan h2{width:478px; height:40px; display:block; font:21px/21px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
#bodyleftPan h2 span{font-size:21px; line-height:21px; font-weight:normal;}
#bodyleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:20px 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
#bodyleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
#bodyleftPan h4{width:478px; height:40px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
#bodyleftPan h5{width:200px; height:47px; display:block; background:url(images/icon4.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:18px; line-height:24px ; margin:10px 0 10px 59px; padding:0 0 10px 100px; border-bottom:1px solid #E6E6E6;}
#bodyleftPan h5 span{font-size:24px;}




#bodyleftpublicationPan p.dotline{background:url(images/dotline.gif) 0 0 repeat-x; margin:0 0 0 38px; padding:0;}
/*---/Body Left Panel--*/

/*---Body Right Panel--*/
#bodyrightPan{float:right; margin-top:20px; width:200px; }
#bodyrightPan ul{width:200px;} 
#bodyrightPan ul li{font-size: 9px; width:200px; height:45px;}
#bodyrightPan ul li a{font-size: 12px; width:200px; display:block; background:url(images/arrow2.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:underline; padding:0 0 0 20px;}
#bodyrightPan ul li a:hover{font-size: 12px; text-decoration:none;}
/*---/Body Right Panel--*/

/*---FOOTER PANEL--*/
#footermainPan{height:174px; background:url(images/footerbg.gif) 0 0 repeat-x #777; color:#fff; margin:0; padding:0;}
#footerPan{width:778px; position:relative; margin:0 auto;}
#footerPan img{width:164px; height:69; position:absolute; top:37px; right:6px;}

#footerPan ul{width:500px; position:absolute; top:36px; left:49px;}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#777777; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#7D7D7D; color:#fff; display:block; position:absolute; top:120px; left:60px; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#7D7D7D; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:61px;}

#footerPanhtml{width:70px; height:24px; background:url(images/htmlbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:61px;}
#footerPanhtml a{width:59px; height:19px; background:url(images/arrow3-normal.gif) no-repeat 45px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow3-hover.gif) no-repeat 45px 4px #fff; color:#353427; text-decoration:none;}

#footerPancss{width:58px; height:24px; background:url(images/cssbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:135px;}
#footerPancss a{width:46px; height:19px; background: url(images/arrow3-normal.gif) no-repeat 35px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/arrow3-hover.gif) no-repeat 35px 4px #fff; color:#353427; text-decoration:none;}

#clear{clear: both;}

#kerolty{
margin: 0;
margin-left:30px;
padding: 0 0 0 0;

line-height: 14px;
}

#kerolty a{ color:black;}

#kerolty p{
padding:5px 5px 0;
}

#kerolty2{
width: 550px;
margin: 0;
margin-left:30px;
padding: 0 0 0 0;

line-height: 18px;
}


.xml_picture{
margin-right:8px; margin-bottom:8px; position:relative; border:1px solid black; width:155px; height:155px; 
}

.xml_name{
position:absolute; width:141px; padding:7px; background-color:white; top:0px; font-size:11px; left:0px; opacity:0.8; filter: alpha(opacity=80);
}

.xml_name span{
font-size:10px;
}


.xml_picture img{
border:0px;
}

.pk{ float:left; margin-top:0px; }
.pk .profiel { float:left; width:110px; height:130px; position:relative; display:block; margin-right:10px; margin-bottom:10px; }
.pk .profiel img{ width:110px; height:130px; border:1px solid #306; display:block; }
.pk .profiel .absolute{ position:absolute; bottom:-1px; line-height:10px; left:1px; width:104px; padding:3px; text-align:center; font-size:11px; background:white; }
.pk .profiel .absolute span{ font-size:9px; }

