/**
 * Common
 */
html * {border: 0; color: #ffffff; font-family: Arial; font-size: 12px; margin: 0; padding: 0;}
body {background-image: url(../images/bg.jpg); background-position: top; background-color: #000000; background-repeat: repeat-x;}
.fw {overflow: hidden;}
h1 {height: 45px; border-bottom: 1px solid #515151; background-repeat: no-repeat; background-position: 0 10px; width: 655px;}
h1 span {display: none;}
h1.about {background-image: url(../images/h1About.gif); background-position: 23px 7px !important;}
h1.portfolio {background-image: url(../images/h1Portfolio.gif);}
h1.contact {background-image: url(../images/h1Contact.gif);}
h1.references {background-image: url(../images/h1References.gif);}
h1.sitemap {background-image: url(../images/h1Sitemap.gif);}

h2 {background-repeat: no-repeat; background-position: 22px 12px; height: 37px;}
h2 span {display: none;}
h2.contact {background-image: url(../images/h2Contact.gif);}
h2.portfolio {background-image: url(../images/h2Portfolio.gif);}

/**
 * Full-width pages
 */
div#content.wide ul#breadcrumb {padding-left: 23px;}
div#content.wide h1 {background-position: 23px 10px; width: 100%;}
div#content.wide div.content {width: 100%;}
div#content.wide div.content div.img {float: right;}
div#content.wide div.content div.img img {border: 3px solid #ffffff;}
div#content.wide div.content div.text {float: left; width: 585px; margin-left: 23px;}

ul.menu {list-style-type: none;}
ul.menu li {float: left;}
ul.menu li a {display: block;}
ul.menu li a span {display: none;}

div#container, div.container {margin: 0 auto; width: 964px;}

div#top {height: 248px; position: relative;}
div#top a#logo {margin-top: 40px; display: block; float: left;}
div#top.index {height: 92px;}
div#top.index a#logo {margin-top: 20px;}

div#languagesBox {float: right; margin-top: 10px; z-index: 10; position: absolute; right: 0;}
div#languagesBox a.siteMap {float: right; color: #999999; text-decoration: none; margin-right: 2px;}
div#languagesBox a.siteMap:HOVER {text-decoration: underline;}
ul#languages {float: right;}
ul#languages li {width: 22px; height: 14px; margin-left: 9px;}
ul#languages li a {height: 14px; background: url(../images/flags.gif) no-repeat;}
ul#languages li.pl a {background-position: 0 0;}
ul#languages li.pl a:HOVER, ul#languages li.pl a.active {background-position: 0 -14px;}
ul#languages li.en a {width: 21px; background-position: -22px 0;}
ul#languages li.en a:HOVER, ul#languages li.en a.active {width: 21px; background-position: -22px -14px;}
ul#languages li.de a {background-position: -43px 0;}
ul#languages li.de a:HOVER, ul#languages li.de a.active {background-position: -43px -14px;}

div#smallVisualWrapper {position: absolute; right: -27px; top: 13px; background: url(../images/smallVisualWrapper.png) no-repeat; width: 746px; height: 241px;}
div#smallVisualWrapper ul#smallVisual {width: 692px; height: 187px; overflow: hidden; margin: 27px 0 0 27px;}

ul#menu {margin: 0 0 2px 0; background: url(../images/menuBg.gif) repeat-x; width: 964px;}
ul#menu li {height: 30px;}
ul#menu li a {height: 30px; background: url(../images/menu.gif) no-repeat;}
ul#menu li.index a {width: 88px; background-position: 0 0;}
ul#menu li.index a:HOVER, ul#menu li.index a.active {background-position: 0 -30px;}
ul#menu li.about a {width: 102px; background-position: -88px 0;}
ul#menu li.about a:HOVER, ul#menu li.about a.active {background-position: -88px -30px;}
ul#menu li.portfolio a {width: 102px; background-position: -190px 0;}
ul#menu li.portfolio a:HOVER, ul#menu li.portfolio a.active {background-position: -190px -30px;}
ul#menu li.references a {width: 100px; background-position: -292px 0;}
ul#menu li.references a:HOVER, ul#menu li.references a.active {background-position: -292px -30px;}
ul#menu li.contact a {width: 99px; background-position: -392px 0;}
ul#menu li.contact a:HOVER, ul#menu li.contact a.active {background-position: -392px -30px;}

ul#leftMenu {padding: 15px 22px; list-style-type: none;}
ul#leftMenu li {height: 28px; border-bottom: 1px solid #727272;}
ul#leftMenu li.last {border-bottom: 0;}
ul#leftMenu li a {line-height: 28px; text-decoration: none; font-size: 14px; background: url(../images/leftMenuArrow.gif) no-repeat center right; display: block;}
ul#leftMenu li a.active, ul#leftMenu li a:HOVER {font-weight: bold;}

div#visualWrapper {background: url(../images/indexShadow.png); width: 1018px; height: 444px; padding-top: 20px; margin: 10px auto 15px auto;}
div#visualWrapper ul#menu {margin: 0 0 2px 27px;}
div#visual ul {list-style-type: none; overflow: hidden;}
div#visual ul a {display: block;}
div#visual ul#visualContent {height: 299px; margin-bottom: 2px;}
div#visual ul#visualMenu {height: 88px;}
div#visual ul#visualMenu li a {background: url(../images/visualMenu.jpg) no-repeat; display: block; width: 241px; height: 88px;}
div#visual ul#visualMenu li.item1 a {background-position: 0 -88px;}
/* div#visual ul#visualMenu li.item1 a.active, div#visual ul#visualMenu li.item1 a:HOVER {background-position: 0 0;} */
div#visual ul#visualMenu li.item2 a {background-position: -241px -88px;}
/* div#visual ul#visualMenu li.item2 a.active, div#visual ul#visualMenu li.item2 a:HOVER {background-position: -241px 0;} */
div#visual ul#visualMenu li.item3 a {background-position: -482px -88px;}
/* div#visual ul#visualMenu li.item3 a.active, div#visual ul#visualMenu li.item3 a:HOVER {background-position: -482px 0;} */
div#visual ul#visualMenu li.item4 a {background-position: -723px -88px;}
/* div#visual ul#visualMenu li.item4 a.active, div#visual ul#visualMenu li.item4 a:HOVER {background-position: -723px 0;} */

/**
 * Breadcrumbs
 */
ul#breadcrumb {border-bottom: 1px solid #515151; height: 33px;}
ul#breadcrumb * {font-size: 11px;}
ul#breadcrumb li {line-height: 33px;}
ul#breadcrumb li a {text-decoration: none; color: #999999; display: block; float: left; background: url(../images/breadcrumbSeparator.gif) no-repeat center right; padding-right: 8px; margin-right: 5px;}
ul#breadcrumb li a:HOVER {text-decoration: underline;}

/**
 * Content
 */
div#content hr {display: block; border-top: 1px solid #515151; height: 0; font-size: 0; margin: 8px 0;}
div#content div.content {margin: 10px 0 40px 0; width: 655px;}
div#content div.content p {line-height: 18px; margin-bottom: 5px; text-align: justify;}
div#content div.content ul {margin: 0 0 5px 20px;}
div#content div.right {width: 690px; float: right;}
div#content div.left {width: 232px; float: left; border: 1px solid #404040; margin-top: 33px; background-color: #404040;}
div#content div.left div.head {height: 37px; background: url(../images/h2Bg.gif) repeat-x;}

/**
 * Contact
 */
div#content div.content.contact {width: 320px; float: left;}
div#content div#map {float: right; width: 340px; height: 280px; margin-top: 10px;}
div#content div#map * {color: #404040;}
div#content form input {width: 232px; height: 18px;}
div#content form input[type=submit] {width: 98px; height: 31px; background-image: url(../images/buttonSubmit.gif); font-size: 0; border: 0; cursor: pointer;}
div#content form textarea {width: 510px; height: 80px; overflow: auto;}
div#content form label {display: block; margin-bottom: 2px;}
div#content form input, div#content form textarea {background-color: #202020; padding: 4px; font-size: 14px; font-family: Arial; color: #c3c3c3; border: 1px solid #515151;}
div#content form p {float: left; margin: 0 36px 12px 0;}
div#content form p.width {width: 250px;}
div#content form p.legend {color: #999999; text-align: right; width: 518px;}
div#content form p.error input, div#content form p.error textarea {border: 1px solid #b10101;}

/**
 * References
 */
div#references a {display: block; float: left; margin: 0 2px 3px 0; border: 3px solid #fafafa; font-size: 0;}

/**
 * Portfolio list
 */
div#portfolioCategories a {display: block; float: left; margin: 0 2px 5px 0; border: 0px solid #282828; font-size: 0;}
div#portfolioCategories a.right {margin-right: 0;}

/**
 * Portfolio list
 */
div#portfolioItems a {display: block; float: left; margin: 0 2px 3px 0; border: 3px solid #fafafa; font-size: 0; width: 156px; height: 100px;}
div#portfolioItems a.right {margin-right: 0;}

/**
 * Sitemap
 */
ul#sitemap li {line-height: 18px;}
ul#sitemap li.level1 {margin-left: 20px;}
ul#sitemap li.level2 {margin-left: 40px;}

/**
 * Footer
 */
div#footer {border-top: 1px solid #525252; height: 65px; margin-bottom: 20px; clear: both;}
div#footer * {color: #cdcdcd;}
div#footer div.block {margin-top: 12px; float: left; line-height: 16px; width: 200px;}
div#footer div.block:nth-of-type(1) {width: 160px;}
div#footer div.block:nth-of-type(3) {width: 240px;}
div#footer div.block b {text-transform: uppercase;}
div#footer div#author {margin-top: 12px; float: right; text-align: right;}
div#footer div#author a {text-decoration: none;}
div#footer div#author a:HOVER {text-decoration: underline;}