
body,div,ul,li,h1,h2,h3,form,input,textarea,p,th,td { margin:0; padding:0; font-size: 100%; x-font-weight: normal; } 
body { text-align: center; font-size: 13px; font-family: Arial; }
img { border: none; }
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
ul { list-style-type: none; }
.clr { clear: both; font-size: 1px; height: 1px; }
html>body .clr { height: 1px; } /* for opera */

#menu-a11y { position: absolute; text-indent: -9999px; overflow:hidden; list-style:none; }

#wrap { margin: auto; margin-top: 1px; text-align: center; }

/* ------------------------------------------------------------------------------ */

#head, #navbar, #foot, #main, #boxbar, #btnbar { margin: auto; text-align: left; }
#main, #boxbar, #btnbar { width: 980px; }

#head { height: 87px; border-bottom: 1px dotted #919191;}
#head img { vertical-align: middle; }
#head span { text-transform: uppercase; }
#head span a { font-size: 11px; font-weight: bold; }
#head-bud { margin-left: 20px; }
#head-silka { margin-left: 20px; }
#head-menu { margin-left: 5px; margin-right: 5px; margin-top: 13px; width: 130px; text-align: left}
#head-menu a { display: block; margin-left: 5px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; background: url(../lay-gfx/dot.jpg) 0 50% no-repeat; text-transform: uppercase;  font-size: 11px; font-weight: bold;}
#head-xella { margin-left: 50px;}
#head-xella img{ margin-top: 20px}

/* ------------------------------------------------------------------------------ */

#navbar { margin-top: 5px; height: 35px; border: 15px solid #f5f5f5; border-left: none; border-right: none; background: #f5f5f5; text-align: center; overflow: hidden; font-size: 15px; }
#navbar div { width: 945px; margin: auto; text-align: justify; }
#navbar img { vertical-align: middle; }

/* ------------------------------------------------------------------------------ */

#main { margin-top: 5px; }

#content { float: left; width: 630px; border-right: 1px dotted #919191; padding-right: 7px; margin-right: -1px;  font-size: 14px; }

#content a {text-decoration: underline}

#content .art-short { border-bottom: 1px dotted #919191; padding: 10px 0 10px 0; }
#content .art-short img { float: left; margin: 10px; border: 1px solid #383838; }
#content .art-short div { float: left; width: 425px; margin: 10px 10px 0 0; }
#content .art-short div.clr { float: none; margin: 0; width: 100% }
#content .art-short h3 { font-size: 22px; margin-bottom: 10px; }
x#content .art-short h2 { font-size: 22px; margin-bottom: 10px; }
#content .art-short p {}
#content .art-short a.more { margin-left: 10px;  padding-left: 15px; background: url(../lay-gfx/arrow.gif) 0 50% no-repeat; font-weight: bold; }

#content h2 { display: block; background: url(../lay-gfx/content-hdr-1.jpg) no-repeat; padding-left: 15px; margin-bottom: 15px; font-weight: normal;}
#content h2 span { display: block; height: 40px; background: url(../lay-gfx/content-hdr-2.jpg) 100% 0 no-repeat; font-size: 19px; line-height: 40px; padding-left: 10px; color: white; }

#content #article { width: 602px; margin-left: 10px; padding-top: 10px; }
#content #article h3 { font-size: 22px; margin: 0 0 15px 0; }
#content #article p { margin-top: 10px; }
x#content #article img { margin: 20px 0 20px 0; }
#content #article img#article-thumb { border: 1px solid black; float: left; margin: 0 10px 10px 0; }

#content #gallery { margin-top: 20px; }
#content #gallery img { border: 1px solid #aaaaaa; }

/* ------------------------------------------------------------------------------ */

#sidebar { float: right;  width: 337px; border-left: 1px dotted #919191; padding-left: 5px; }
#sidebar div { margin-top: 1px; padding: 15px; border-bottom: 1px solid #bbbbbb; }
#sidebar h2 { display: block; background: url(../lay-gfx/sidebar-hdr-1.jpg) no-repeat; padding-left: 15px;  margin-top: 20px; font-weight: normal;}
#sidebar h2.first { margin-top: 0; }
#sidebar h2 span { display: block; height: 40px; background: url(../lay-gfx/sidebar-hdr-2.jpg) 100% 0 no-repeat; font-size: 19px; line-height: 40px; padding-left: 10px; }
#sidebar h3 { font-size: 15px; font-weight: bold; padding-left: 10px; background: url(../lay-gfx/dot.jpg) 0 50% no-repeat; margin-bottom: 10px;}
#sidebar span.more { display: block; text-align: right; }
#sidebar span.more a { padding-left: 15px; background: url(../lay-gfx/arrow.gif) 0 50% no-repeat; text-decoration: underline; }
#sidebar ul { margin: 15px; }
#sidebar li { padding-left: 10px; font-size: 14px; background: url(../lay-gfx/dot.jpg) 0 50% no-repeat; }

#sidebar .sidebar-bg1 { background: #ededed; }
#sidebar .sidebar-bg2 { background: #d9d9d9; }

/* ------------------------------------------------------------------------------ */

#boxbar { margin-top: 40px; }
#boxbar .box { float: left; width: 312px; margin-left: 20px; }
#boxbar .first { margin-left: 0; }
#boxbar h2 { display: block; background: #021779; color: white; padding: 3px; padding-left: 10px; font-size: 13px; font-weight: normal;}
#boxbar .box div { background: url(../lay-gfx/boxbar-bg.jpg) repeat-x; border: 1px dotted #919191; border-top: 1px solid #021779; }
#boxbar img { float: left; margin: 10px; border: 1px solid #9e9e9e; }
#boxbar p { margin: 10px; font-size: 12px; }

/* ------------------------------------------------------------------------------ */

#btnbar { margin-top: 20px; }
#btnbar div { margin-left: 17px; float: left;}
#btnbar div.first { margin-left: 0px; }

/* ------------------------------------------------------------------------------ */

#foot { margin-top: 30px; padding: 3px; background: #d2d2d2; text-align: center; font-size: 12px; }



/* =pagination */
#pagination{overflow:hidden;position:relative;background:#E8E8E8;margin:-1px 0 0;text-align:right;padding:10px 40px; width: 550px}
#pagination a{font-weight:normal;}
#pagination li{display:inline;list-style:none;margin:0;padding:0 4px 0 9px;background:url('../lay-gfx/pager-sep.png') no-repeat 0 55%;}
#pagination li.first{background-image:none;}
#pagination strong{text-decoration:underline;}
#pagination li.prev,
#pagination li.next{background-image:none;position:absolute;text-align:left;margin:0;padding:0;}
#pagination li.next{top:12px;right:18px;}
#pagination li.prev{top:12px;left:18px;}
#pagination li.next a{display:block;overflow:hidden;text-indent:-9999px;background:url('../lay-gfx/next.png') no-repeat;width:15px;height:16px;}
#pagination li.prev a{display:block;overflow:hidden;text-indent:-9999px;background:url('../lay-gfx/prev.png') no-repeat;width:15px;height:16px;}

a.more{padding-left:14px;background:url('../lay-gfx/more.png') no-repeat 0 0.3em;font-weight:bold;}

/* =breadcrumb */
#breadcrumb{overflow:hidden;height:100%;line-height:1;margin:5px 0 0px 10px;}
#breadcrumb li{list-style:none;margin:0 0 0 -15px;float:left;padding:0 20px 0 15px;background:url('../lay-gfx/breadcrumb-sep.png') no-repeat 0.3em;}

ul.gallery {margin:0;padding:0 10px; clear: both;}
ul.gallery li {list-style:none; float: left; margin: 5px;}
ul.gallery a {padding: 5px; border: 1px solid #999; float: left;}
ul.gallery a.active, ul.gallery a:hover {background-color:#f1a502;}
div.galleryview {width:610px; height:460px; border:1px solid #f1a502; padding: 0px; margin: 0 auto 10px;}
div.gallerydesc {margin: 0 10px 10px;}

