/* toolbox */
html, body, h1, h2, h3, h4, p, ul, li {margin: 0; padding: 0}
a {text-decoration: none}
a img {border: none}
.clear {width: 100%; height: 0; overflow: hidden; clear: both}
.no-background {background: none !important}
.no-overflow {overflow: hidden !important}
.hr {margin: 20px; height: 16px; background: url(../gfx/horizontal-rule.png) center center no-repeat}
.hr hr {display: none}

body {background: #1d3e50 url(../gfx/page-background.png) top center repeat-x; font: normal 13px "Trebuchet MS", sans-serif; color: #fff}

#page {width: 904px; height: 100%; margin: 0 auto; padding: 0}

#header {width: 100%; height: 190px; background: url(../gfx/header-background.png) bottom left no-repeat}
#header .logo-link {float: left; margin: 7px 0 0}
#header .logo-link a {width: 124px; height: 173px; display: block}

#language-select {float:right; margin-top: 10px; color: #fff; font-size: 14px; text-align: right}
#language-select li {list-style: none; padding: 0}
#language-select li img {}
#language-select li a:link, #language-select a:visited {color: #fff}
#language-select li.flags a {display: block; float: left; margin: 0 0 0 14px}

#main-menu {width: 100%; background: #1b415d url(../gfx/main-menu-loop.png) top center repeat-x}
#main-menu ul {width: 100%; height: 24px; padding: 7px 0; color: #fff; background: url(../gfx/main-menu-top.png) top center no-repeat; position: relative; z-index: 12300}
#main-menu ul li {position: relative; display: block; float: left; height: 24px; margin: 0 4px; list-style: none; padding: 0; text-transform: uppercase; font-size: 15px; line-height: 24px; font-weight: bold}
#main-menu ul li.spacer {margin: 0; font-size: 16px}
#main-menu ul li a:link, #main-menu ul li a:visited {display: block; padding: 0 8px; color: #fff}
#main-menu ul li a:hover {color: #f90}
#main-menu ul li.active, #main-menu ul li.hover {background: #036 url(../gfx/main-menu-left.png) center left no-repeat}
#main-menu ul li.active a:link, #main-menu ul li.active a:visited, #main-menu ul li.hover a:link, #main-menu ul li.hover a:visited {color: #f90; background: url(../gfx/main-menu-right.png) center right no-repeat}
#main-menu h1 {line-height: 38px; padding: 0 0 0 22px; font-weight: normal; font-size: 20px; font-style: italic; color: #f90; background: url(../gfx/main-menu-corner.png) top right no-repeat}

/* second level menu & common stuff */
#main-menu ul li ul {position: absolute; width: 150px; height: auto; background: #333; z-index: 12345; display: none; padding: 0}
#main-menu ul li ul * {height: auto; line-height: 14px}
#main-menu ul li ul li {float: none; margin: 0; padding: 2px 0; font-size: 12px; text-transform: none; border: 1px solid #333}
#main-menu ul li ul a {display: block; background: none !important}
#main-menu ul li ul a:link, #main-menu ul li ul a:visited {color: #fff !important}
#main-menu ul li ul a:hover, #main-menu ul li ul a.open {color: #f90 !important}

/* third+ level menu */
#main-menu ul li ul li ul {position: absolute; left: 100%; top: 0; margin: 0 0 0 2px}

#content {background: #041a2b url(../gfx/content-background.png) top center repeat-x}
.block {width: 100%; padding: 0 0 6px; clear: both}
.extra-padded {padding: 0 5px 6px}

#content h2 {font-size: 15px; font-weight: bold; font-style: italic}
#content h2 em {font-size: 12px}
#content a:link, #content a:visited {color: #f90}
#content a:hover {color: #fff}
#content p {text-align: justify}
#content ul {list-style: none; text-align: justify}
#content ul li {display: block; min-height: 22px; padding: 0 0 0 25px; background: url(../gfx/list-wheel.png) left top no-repeat}

/* homepage quick-gallery */
.quick-gallery {width: 636px; height: 315px; position: relative; float: left}
.quick-gallery .image {width: 635px; height: 315px; overflow: hidden; position: absolute}
.quick-gallery .navigation-bar {position: absolute; width: 635px; height: 39px; line-height: 39px; font-size: 15px; color: #f90; bottom: 0; background: url(../gfx/gallery-navigation-bar.png); display: none}
.quick-gallery .navigation-bar p {float: left; padding: 0 0 0 22px}
.quick-gallery .navigation-bar .buttons {float: right; font-size: 36px; padding: 0 9px 0 0}
.quick-gallery .navigation-bar .buttons a:link, .quick-gallery .navigation-bar .buttons a:visited {color: #f90}
.quick-gallery .navigation-bar .buttons a:hover {color: #fff}

.images {position: relative}
#image-wrap img {position: absolute; top: 0; left: 0; display: none}

.news {width: 268px; min-height: 315px; float: right; position: relative}
.news .padding {padding: 30px 38px 60px 24px}

.read-more {position: absolute; left: 25px; bottom: 25px; line-height: 22px}
.read-more a {padding: 0 10px 0; background: url(../gfx/read-more-background.png) left center no-repeat; display: block; position: relative}
.read-more a:link, .read-more a:visited {color: #000 !important; font-weight: bold}
.read-more a:hover {}
.read-more span {display: block; position: absolute; width: 3px; height: 22px; right: 0; top: 0; background: url(../gfx/read-more-end.png) right center no-repeat}

.subblock {width: 292px; float: left; margin: 0 3px -1990px; padding-bottom: 2000px; background: #031726 url(../gfx/subblock-background.png) center top repeat-x}
.subblock h2 {height: 50px; line-height: 38px; padding: 0 15px; font-size: 15px; color: #fff; background: url(../gfx/subblock-heading-corner.png) top right no-repeat}
.subblock p, .subblock ul {padding: 0 15px}
.subblock h3 {font-size: 15px; color: #f90; font-style: italic; padding: 3px 17px 12px}
.subblock h4 {padding: 3px 17px}
.subblock ul li {padding-bottom: 13px !important}
.subblock a:link, subblock a:visited {color: #f90}
.subblock a:hover {color: #fff}

.subblock .subblock {margin: 0 0 -2000px; min-height: 186px; background-image: url(../gfx/lvl2-subblock-background.png)}
.subblock .not-first {margin-top: 6px}

.subblock .read-more-common {text-align: right !important}

.video {position: relative; padding: 3px 0 12px 15px !important; float: left}
.video a {display: block; width: 152px; height: 82px; position: absolute; top: 0; left: 12px; margin: 3px; background: url(../gfx/video-play.png) center center no-repeat}
.video a:hover {margin: 0; border: 3px solid #069}
.description {float: right; width: 90px}

.padded {padding: 25px 0 65px}
.vertical-subblock {padding-bottom: 20000px; margin-bottom: -20000px}
	.vertical-subblock table {float: none}
.left {float: left; border-right: 2px dotted #818c94}
.right {float: right}
.narrow {width: 250px}
.narrow ul li ul li {background: none !important}
.wide {width: 550px}
.narrow, .wide {padding-right: 25px; padding-left: 25px}

.configuration-form {margin: 10px !important; padding: 10px !important; border: 1px solid #789; background: #123; text-align: center}

/** contentpage gallery */
.gallery-navbar button {width: 50px; height: 75px; float: left; margin: 3px 0; background: none; border: none; font-size: 50px; color: #fff}
.gallery-navbar button.disabled {color: #034}
#gallery-image {overflow: hidden; width: 550px; height: 393px}
#gallery-image p {text-align: center}
#scroller {width: 437px; height: 81px; margin: 0 8px 0 5px; float: left; overflow: hidden}
#scroller ul {width: 450px}
#scroller li {list-style: none; float: left; margin: 0 !important; padding: 0 !important; background: none !important}
#scroller a:link img, #scroller a:visited img {margin: 3px}
#scroller a:hover img, #scroller a.active img {margin: 0; border: 3px solid #069}

#footer {margin: 5px 0; background: #163140}
#footer p {line-height: 38px; padding: 0 24px}
#footer a:link, #footer a:visited {color: #fff}