
*{margin:0;padding:0;font-family: Arial;}
img{border:0;}
blockquote{padding:0 0 0 15px;}
a{text-decoration: none;color:#888;}
a:hover{color:#888;}
a:visited{color:#888;}
body{text-align:center;background:url(../../portal/pics/kajona/body_bg.jpg) repeat-x #fcfcfc;}

#main{margin:0 auto;width:1141px;text-align:left;}
#page{float:left;width:964px;padding:0 0 0 169px;background:url(../../portal/pics/kajona/left_main.png)  0 140px no-repeat;}

#navigation{float:left;width:856px;height:146px;}
#header{float:left;width:972px;}
#content{float:left;width:856px;background:#F4F4F4;border-bottom:#E3E3E3 solid 1px;}

#navigation #logo{float:left;width:222px;height:146px;}
#navigation #menu{float:left;width:634px;height:146px;}

#navigation #menu ul{float:left;}
#navigation #menu ul li{float:left;list-style:none;padding:105px 0 0 0;margin:0 0 0 1px;background:url(../../portal/pics/kajona/navigation_top_border.gif) repeat-x;}
#navigation #menu ul li.active{float:left;margin:0 1px 0 0;background:url(../../portal/pics/kajona/navigation_bg.jpg) repeat-x;}

#navigation #menu ul li a{float:left;padding: 8px 29px 8px 29px;font-size:13px;background:#e5e5e5;color:#868686;}
#navigation #menu ul li.active a{float:left;background:rgb(148,7,6);color:#fff;}
#navigation #menu ul li a:hover{color:#fff;}

#header #work{float:left;width:192px;padding:30px 0 0 30px;height:378px;background:url(../../portal/pics/kajona/banner_work.jpg) no-repeat #F4F4F4;}
#header #banner{float:right;width:750px;height:408px;background:url(../../portal/pics/kajona/banner_bg.jpg) no-repeat;}

#content #news{float:left;width:216px;padding: 10px 0 20px 15px;background:#F4F4F4;}
#content #wrapper{float:left;width:624px;padding:0 0 20px 0;background:#F4F4F4;}

#content #news .box{float:left;padding:10px;border:1px solid #E3E3E3; background:#fff; width:180px;}
#content #wrapper .box1{float:left; background:#fff; width:595px;border-bottom:1px solid #E3E3E3; }

#header #banner .box3{float:left;width:300px;}

#header #banner .box3 h1{float:left;font-size:24px;padding:34px 0 0 30px;width:266px;}
#header #banner .box3  .under_h1{float:left;font-weight:bold;font-size:20px;color:rgb(140,43,26);padding:0 0 0 30px;}
#header #banner .box3  .banner_text{float:left;padding:35px 0 0 30px;color:#888;font-size:12px;width:260px;}
#header #banner .box3  .banner_slogan{float:left;padding:30px 0 0 30px;color:#333;font-size:13px;font-weight:bold;}


#header #work .work1{float:left;width:192px;color:#fff;font-size:16px;font-weight:bold;}
#header #work .work2{float:left;width:192px;color:#fff;font-weight:bold;font-size:22px;text-decoration: underline;}

#header #work ul{float:left;width:192px;padding: 15px 0 0 0;}
#header #work ul li{float:left;list-style:none;border-bottom:rgb(140,5,3) solid 1px;padding:5px 0 5px 0;margin:5px 0 0 0; } 
#header #work ul li em{float:left;color:#fff;font-size:10px;} 
#header #work ul li h2, #header #work ul li h2 a{float:left;color:#fff;font-size:13px;font-weight:normal;padding: 0 0 0 10px;width:125px;}

#content #news .box h3{float:left;padding: 0 0 15px 10px;font-weight:normal;color:rgb(140,43,26)}
#content #news .box p{float:left; font-size:12px;width:180px;padding:5px 0 5px;color:#333;}

#content #wrapper .box1 .absatz{float:left;width:555px; padding:0  20px 20px 20px; font-size:12px;color:#333;}

#content #wrapper .box1 h4{float:left;padding:10px 0 20px 50px;color:rgb(140,43,26)}
#content #wrapper .box1 p{float:left;width:555px; padding:0  20px 20px 20px; font-size:12px;color:#333;}

#footer{float:left;padding:20px 0 20px 180px; width:676px;text-align:center;font-size:12px;color:#888;}


#header #banner .box4{float:left;width:432px;height:330px;padding:10px 0 0 18px;}

#header #banner .language{float:right;padding:16px 130px 0 0;}
/* flash messages */

div.fmessage {
border-bottom: 1px solid #333;
line-height: 1.5;
padding: 5px 20px;
}

div.confirmation {
background-color: #C6EFA5;
}

div.error {
background-color: #fcc;
}


.galery_main{float:left;padding:0 0 0 20px;width:550px}
.portalListRow2 .actions img{border:5px solid #E2E2E2;margin:10px;padding:3px}
.portalListRow2 .description{font-size:12px;}
.portalListRow2 .description a{float:left;text-decoration:underline;padding:0 0 5px 0;}
#content #wrapper .portalListRow2 .description p{float:left;width:400px;padding:0px 0 0 10px;}
.pathnavigation{float:left;font-size:12px;padding:20px;}

.detail_pic{float:left;}
.galery_pic img{float:left;border:5px solid #E2E2E2;margin:8px;padding:3px;}
.detail_pic img{float:left;border:5px solid #E2E2E2;margin:0 0 0 15px;padding:3px;}
.detail_text{float:left;font-size:12px;padding:10px;}
.more_pic{float:left;width:570px;padding:0 0 0 2px;}
.more_pic img{float:left;padding:10px 12px 10px 0;} 
.more_pic .active_pic img{filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;} 
links_pic a{color:#888;}
           

.links_pic{float:left;width:520px;padding:10px 0 10px 40px;font-size:12px;}

.picture_detail_img{float:left;width:560px;}