html, body, td {margin: 0; padding: 0; font: normal 10px "Trebuchet MS", "Arial", "Sans", sans-serif; color: #44524c; background: #fff}

/** basic toolbox **/
a:link, a:visited {text-decoration: none; color: #f60}
a:hover {text-decoration: underline}
a img {border: none}
.back-up {margin-top: -10px}
.bold {font-weight: bold}
.clear {clear: both!important; height: 0!important; overflow: hidden!important}
.center {margin: 0 auto}
.float-left {float: left; width: 100%}
.float-right {float: right}
form {margin: 0; padding: 0}
h1, h2, h3, h4, h5, h6, p, ul {margin: 0; padding: 0}
.h10 {height: 10px}
.no-bg {background: none!important}
table {border-collapse: collapse}
.text-center {text-align: center}
.relative {position: relative}

.layout-wrapper {position: relative; width: 992px; padding: 0 0 45px}

/** header *****/
.header {position: relative; height: 126px; margin: 0 0 10px}
.header .bg {position: absolute; width: 992px; height: 126px; overflow: hidden}
.header .logo {position: absolute; width: 330px; height: 51px; right: 10px; bottom: 8px}
* html .header .logo {bottom:0} 

.lang-select {position: absolute; top: 10px; right: 10px; text-align: right}
.lang-select * {vertical-align: middle}
.lang-select a:link, .lang-select a:visited {display: inline-block}
.lang-select {font-size: 1.2em; color: #9b9b9b}
.lang-select a:link, .lang-select a:visited {color: #cacaca; font-weight: bold; padding: 0 0 0 10px}
.lang-select a:hover, .lang-select a.current {color: #000; text-decoration: none}

.date {position: absolute; top: 44px; right: 10px; font-size: 1.2em; font-weight: bold; color: #000; line-height: 20px}
/***** header **/

/** sides *****/
.with-left-side {padding: 0 0 0 211px}
.with-right-side {padding: 0 210px 0 0}
.side {position: relative; width: 210px; color: #000}
.left-side {margin-left: -211px; float: left}
.right-side {margin-right: -210px; float: right; padding: 0}
.padded-top {padding: 10px 0 0}

.side .element {padding: 4px 0 0; background: url(../gfx/sidebar-heading-top.png) top left no-repeat}
.side .element-first {padding: 4px 0 0; background: url(../gfx/sidebar-heading-top-first.png) top left no-repeat}
.side .video {background:url(../gfx/sidebar-body-loop.png) top left repeat-y}
.side .video .heading {background: url(../gfx/content-heading.png) top left no-repeat; height: 31px; overflow:hidden}
.side .video .heading h1 {background: url(../gfx/content-heading.png) top right no-repeat; height: 31px; font-size: 1.5em; font-weight: normal; text-transform: lowercase; color: #000; line-height: 31px; padding:0px}
.side .video p {margin: 0; padding: 0; background: none; height:149px; overflow:hidden}
.side .video .bottom-shadow {background:url(../gfx/sidebar-body-bottom-shadow.png) top left no-repeat; height:10px; width:100%}

.side .bottom-frame {padding: 0; margin: 0; background: none}
.bottom-frame .splitter {width: 180px; margin: 0 0 0 10px; background: #ff8031}
.bottom-frame .border {height: 1px; border-top: 1px solid #e5732c; border-bottom: 1px solid #e5732c}

.side h1 {padding: 1px 18px 8px; font-size: 1.5em; font-weight: normal; color: #000; text-transform: lowercase; background: url(../gfx/sidebar-heading-body.png) top left no-repeat}
.side .element-first h1 {background: url(../gfx/sidebar-heading-body-first.png) top left no-repeat}
.side .bottom-shadow {width: 100%; height: 10px; background: url(../gfx/sidebar-body-top.png) top left no-repeat; overflow: hidden}
.side .end-shadow {width: 100%; height: 20px; background: url(../gfx/sidebar-body-bottom.png) top left no-repeat; overflow: hidden}
.side ul {padding: 0 10px 5px 30px; background: url(../gfx/sidebar-body-loop.png) top right repeat-y; font-size: 1.2em}
.side ul li {list-style: none}

.side .side-body {background: url(../gfx/sidebar-body-loop.png) top right repeat-y}
.side .side-body ul {background: none}

.banner-area-margin {margin:0 0 20px 0}

.banner-area {}
.right-side .banner-area .top, .right-side .banner-top {width: 100%; height: 4px; background: url(../gfx/sidebar-heading-right-gray.png) top left no-repeat}
.right-side .banner-area .body {background: #e8e8e8; padding: 6px 0 10px; width: 200px; text-align: center}
.right-side .element {background: none; padding: 0}
.right-side .top {height: 4px; background: url(../gfx/sidebar-heading-right.png) top left no-repeat; overflow:hidden; width:100%}
.right-side h1 {background: url(../gfx/sidebar-heading-right-body.png) top left no-repeat}
.right-side .side-body {background: #e8e8e8; padding: 6px 0 10px; width: 200px}
.right-side .bottom-shadow {width: 100%; height: 10px; background: url(../gfx/sidebar-heading-right-bottom.png) top left no-repeat; overflow: hidden}

.right-side ul {background: none!important}
.side .right-side p {padding: 6px 0}

.side a:link, .side a:visited {color: #000}
.side a:hover {text-decoration: underline}

.side .bottom-frame .top {width: 100%; height: 10px; background: url(../gfx/side-block-top.png) top left no-repeat; overflow: hidden}
.side .bottom-frame .body {background: url(../gfx/side-block-loop.png) top left repeat-y}
.side .bottom-frame .bottom {width: 100%; height: 20px; background: url(../gfx/side-block-bottom.png) top left no-repeat; overflow: hidden}
.side .bottom-frame .bottom2 {width: 100%; height: 10px; background: url(../gfx/side-block-bottom2.png) top left no-repeat; overflow: hidden}
.side .bottom-frame ul.newsletter {padding: 2px 6px 11px 14px; background: url(../gfx/newspaper.png) 150px 1px no-repeat}
.side .bottom-frame a:link, .side .bottom-frame a:visited {line-height: 20px; height: 20px; padding: 0 0 0 20px; background: url(../gfx/point-left.png) 2px center no-repeat}
.side .bottom-frame div.relative {padding: 3px 10px 7px}

.side .link-block {padding: 0 20px 0 10px; font-size: 1.3em}

.side p {font-size: 1.2em; padding: 4px 16px 0 14px}
.side p a {display: inline-block; margin-right: 10px}
.right-side p a {margin-right: 0 !important}
.side .bottom-frame a.printer {background: url(../gfx/printer.png) left center no-repeat; padding: 0 0 0 30px; height:22px}

.side .blog .element-first {background: transparent url(../gfx/sidebar-heading-top-first.png) no-repeat scroll left top !important; padding: 4px 0 0 !important;}
.side .blog h1 {background: transparent url(../gfx/sidebar-heading-body-first.png) no-repeat scroll left top !important}
.side .blog .bottom-shadow {background: transparent url(../gfx/sidebar-body-top.png) no-repeat scroll left top !important;}
.side .blog ul {background: transparent url(../gfx/sidebar-body-loop.png) repeat-y scroll right top !important; padding: 0 !important; font-size: 11px !important;}
.side .blog li {padding: 5px 10px 10px 10px;}
.side .blog li strong {font-size: 12px;}
.side .blog li em {color: #666666;}

.article ul.outside-link {font-weight: bold; padding: 20px 0 0}
.article ul.outside-link li {list-style: none; list-style-image: none}
.article ul.outside-link a:link, ul.outside-link a:visited {color: #d50012}

ul.quickmenu {margin: 0; padding: 5px 0; background: none}
ul.quickmenu li {list-style: none; list-style-image: none}
ul.quickmenu a:link, ul.quickmenu a:visited {color: #008ac0; font-size: 1.1em}

ul.linklist {margin: 0; padding: 5px 0 40px 20px}
ul.linklist li {list-style: none; list-style-image: none}

ul.banner {margin: 0; padding: 0}
ul.banner li {list-style: none; list-style-image: none; text-align: center}

.searchform {padding: 0 10px}
/***** sides **/

/** content *****/
.excerpt {padding: 0 10px 0 0}
.excerpt h2 {font-size: 1.4em; line-height: 1.2em; margin: 5px 0 0; color: #000; font-weight: bold; clear: right}
.excerpt p {font-size: 1.2em}
.excerpt .image {float: left; padding-right:14px}
.excerpt .lead {float: right; width: 100%}
.excerpt .with-image {width: 220px}
.excerpt .with-image-wide {width: 385px}
.splitter, .articles .article .splitter {margin: 5px 10px 0 0; padding: 0 0 5px; height: 3px; min-height: 0; background: url(../gfx/article-splitter.gif) top left repeat-x; overflow: hidden}
.empty-splitter {margin:5px 0 0; height:5px; overflow:hidden}
.excerpt a:link, .excerpt a:visited {color: #545454; cursor: pointer}
.excerpt a:hover {text-decoration: none}

.archive {font-size: 1.2em; line-height: 30px; float: right; padding: 0 10px 0 0}
.rss-icon {font-size: 1.2em; line-height: 30px; float: right; padding: 0 10px 0 0}
.rss-icon a:link, .rss-icon a:visited {display: block; padding: 0 0 0 20px; background: url(../gfx/rss.png) left center no-repeat}

.double-pane .splitter {margin: 10px 0 10px 5px; padding: 0; width: 381px}
.double-pane .excerpt {padding: 0 15px 0 5px}

.heading {background: url(../gfx/content-heading.png) top left no-repeat; height: 41px}
.heading h1 {background: url(../gfx/content-heading.png) top right no-repeat; height: 41px; font-size: 1.5em; font-weight: normal; text-transform: lowercase; color: #000; line-height: 31px; margin: 0 0 0 18px}
.double-pane {width:390px; margin-top:10px}
* html .double-pane {width:389px; margin-top:10px}

.article-area {font-size: 1.2em}

.subpage-nav {float: left; padding: 10px 0 20px 30px; list-style: none}
.subpage-nav li {margin: 0; padding: 0}
.subpage-nav a:link, .subpage-nav a:visited {color: #000; text-decoration: none; background-image: url(../gfx/point-left-grey.gif); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 16px; display: block; font-size:1.2em}
.subpage-nav a:hover, .subpage-nav li.current a {font-weight: bold}

.news-pager {float: left; padding: 0 0 25px; list-style: none; position: relative; color: #000; font-size: 1.2em}
.news-pager a:link, .news-pager a:visited {color: #000}
.news-pager a:hover {text-decoration: underline}
.news-pager li {margin: 0; padding: 0 8px; display: block; float: left; line-height: 22px}
.news-pager li.current {background: #ff8031}
.news-pager li.current span {font-weight: bold}
.news-pager ul {position: absolute; width: 560px; left: 0; top: 22px; background: #ff8031}
.news-pager ul li {line-height: 20px}

.articles {padding: 0 0 30px 0; color: #000}
.articles .heading h1 {text-transform:none}
.articles .article h1, .articles .article h2, .articles .article h3, .articles .article p {font-weight: normal; margin: 0; background: none; text-transform: none; color: #000; width: auto; text-indent: 0; line-height: normal}
.articles .article p {color: #545454; font-size: 1.2em; text-align: justify; padding:8px 0}

.articles .article h2 {font-size: 1.4em; font-weight: bold; padding: 8px 0 3px}
.articles .article h3 {font-size: 1.2em; font-weight: bold; padding: 5px 0 0}
.articles .article a:link, .articles .article a:visited {color: #ff8031}
.articles .article ul {padding: 0 0 0 15px; font-size: 1.2em}
.articles .article ul li {list-style-image: url(../gfx/list-3.gif); padding: 0}

.articles .border-top {border-top: 1px solid #ebebeb}
.articles .border-bottom {border-bottom: 1px solid #ebebeb}

.articles .excerpt {padding: 5px 10px 5px 0}

.article {padding: 14px 10px 0 0; margin: 0 0 1px; color: #545454}

.album .image {padding: 20px 0 30px; text-align: center}
.album .thumbnails {position: relative; margin: 0 0 0 10px; text-align: center}
.album ul, .album li {margin: 0; padding: 0; list-style: none}
.album li {width: 540px}
.album .fancy-album {width: 540px; height: 365px; overflow: hidden}
.album .fancy-album ul {position: absolute}
.album .fancy-album li {float: left}
.album .thumbnails a {width: 170px; line-height: 170px; display: block; margin: 5px; text-align: center; float: left; background: #eee}
.album .thumbnails a * {vertical-align: middle}
.album .buttons {text-align: center}
.album .buttons button {background: none; border: none; font-size: 3em; line-height: 2em; padding: 0 10px}
.album .buttons .disabled {color: #ccc}

.config-form {padding: 10px 0; margin: 0 0 5px; text-align: center!important; border: 1px solid #abc; background: #cde}

td {font-size: 12px}
/***** content **/

/** footer *****/
.footer {position: absolute; width: 100%; height: 35px; bottom: 0; font-size: 1.2em; background: #dedede; overflow:hidden}
.footer-left {position: absolute; left: 0px}
.footer-center {position:absolute; margin:0 20px; width:940px; height:35px}
.footer-center div {float:left; line-height:100%}
.footer-center div.copyright {color:#aaa; width:360px}
.footer-center div.links {color:#000; width:320px; line-height:35px}
.footer-center div.links a {color:#000; margin-right:30px}
.footer-center div.to-top {line-height:35px}
.footer-center div.creator {float:right; color:#aaa; width:175px; text-align:right}
.footer-center div.creator a {color:#aaa}
.footer-center div.creator img {vertical-align:middle}
.footer-right {position: absolute; right: 0px}

.footer .on-left, .footer .on-right {display: inline-block; vertical-align: middle}
/***** footer **/

/** to top button *****/
a.to-top-button {color:#000; font-size:11px}
a.to-top-button em, a.to-top-button span {font-style:normal; display:block; cursor:pointer; float:none}
a.to-top-button em {background:url(../gfx/ules_right.png) no-repeat right center; padding:0 8px 0 0}
a.to-top-button span {background:url(../gfx/ules_left.png) no-repeat left center; padding:0 0 0 6px}
a.to-top-button:hover {text-decoration:none}

/***** to top button **/

/** forms *****/
.input-text {border: 1px solid #000; padding: 2px; display: block; float: left; background: #fff}
.input-text input {border: none; background: none; vertical-align: middle; width: 138px}
.input-submit {width: 63px; height: 57px; position: absolute; top: -14px; right: 5px}
.input-submit input {border: none; background: url(../gfx/luup.png) top left no-repeat; width: 63px; height: 57px; margin: 0; padding: 0; cursor: pointer}
/***** forms **/

/** helpers *****/
.gray {color:#999}
.text-center {text-align:center}
/***** helpers **/

/** comment-area *****/
.comments {font-size: 1.2em; color: #545454}
.comment-heading {margin: 30px 0 0}
.comment {padding: 5px 0; width: 563px}
.comment p {padding: 0 17px}
.comments .highlight {background: #eee}

.comment-form {border: none}
.comment-form td {padding: 3px}
.comment-form thead td {font-weight: bold}
.comment-form td {font-size: 12px}
.comment-form .left {text-align: left}
.comment-form .right {text-align: right}
.comment-form .textbox {width: 340px}
.comment-form .textarea {width: 340px; height: 120px}
/***** comment-area **/