/* Main Styles */
* {margin: 0; padding: 0;}
body {width: 100%; color: #fff; margin: 0; padding: 0; font-family: Georgia, serif; background-color: #000;}
table {border: 0px; border-collapse: collapse;}
table td {padding: 0px;}
img {margin: 0; padding: 0; border: 0;}

a:link {color: #9ac6f7;}
a:visited {color: #9ac6f7;}
a:hover, a:active {color: #fff;}
:focus {outline: 0;}
:active {outline: 0;}

h1 {color: #fff; /*margin: 0;*/ margin: 0 0 -20px 0; font: normal 180%/120% Georgia, serif;}
h2 {color: #fff; margin: 0; font: italic normal 120%/120% Georgia, serif;}
h3 {color: #fff; margin: 0; font: italic bold 90%/120% Georgia, serif;}
h4 {color: #fff; margin: 0; font: italic bold 80%/120% Georgia, serif;}
p, pre, blockquote, label, ul, ol, dl, fieldset, address, li, dd {margin: 0; padding: 0;}
p {margin: 0 0 0.75em 0;}
span.nobr {white-space: nowrap;}

#header {padding: 0 0 44px 0; overflow: hidden; background-color: #000;}
#content {/*padding: 50px 0 0 0;*/padding: 30px 0 0 0;}
.bg {background: url(../images/bg.png) repeat-x scroll left top; padding: 0 !important;}
.portfolio {padding: 0 !important;}
.fx {background: url(../images/fx.jpg) no-repeat scroll -200px top; padding: 50px 0 0 0;}
.portfolio  .fx {background:none;}
#footer {margin: 85px 36% 0 8%; padding: 15px 0 85px 0; border-top: 1px solid #808080; color: #434b58; font: italic normal 80%/120% Georgia;}
#footer p {margin: 0 0 0.5em 0;}
#footer a {color: #434b58 !important;}
#text {padding: 255px 0 0 0;}

.home {position: absolute; z-index: 1; top: 47px; left: 0; width: 36px; padding: 4px; text-align: right; background-color: #333;}
.logo {position: absolute; z-index: 1; top: 44px; left: 8%;}
ul.nav { margin: 44px 0 0 36%; padding: 0; font: italic normal 115%/120% Georgia;}
ul.nav li {list-style-type: none; display: block; float: left; margin: 0 20px 10px ; padding: 0;}
.external {padding-right:15px;background: url(../images/icon-external-service.png) 100% 65% no-repeat;}
ul.nav a {display: block;}
ul.nav li.chosen a {color: #fff !important;}
.nav  ul li ul {
    display: none;
    position:absolute;
    top:65px;
	background:black;
	padding:15px 0;
	z-index:100;
	margin-left:-23px;
}
.nav  ul li ul li{
clear:left;
}
.nav2 {list-style:none;font: italic normal 115%/120% Georgia;}
.nav2 a {display:block;padding:5px;}
.nav2 a:hover {}
.nav2 .current  {color:#fff;padding:5px;}
.about {width:700px;padding-top:19px;}

.layout {width:100%;}
.layout td {vertical-align:top;padding-bottom:50px;}
.layout p {margin-bottom:19px;}
.layout .left {width:7%;}
.layout .description {/*padding-top:95px;*/width:15%;}
.layout .photos {width:15%;}
.layout .center {width:74%;}
.layout .center2  {padding:0 35px;width:59%;}
.photos .photo {margin:7px 14px;}
.layout .right {width:4%;}

.header {font-style:italic;margin-bottom:60px;}
.up {display:block;width:165px;height:45px;background: url(../images/up.png) 0 0 no-repeat;}
.down {display:block;width:165px;height:45px;background: url(../images/down.png) 0 0 no-repeat;}



table.showcase td {padding: 0 40px 50px 0;}
table.showcase tr.special td {padding: 0 0 80px 20px;}
table.showcase h2 {margin: 0 0 20px 0; font-size: 180%;}
table.colortext sub {margin: 0; padding: 0 0 0 6px; font-size: 60%;}
table.colortext td {padding: 0 40px 50px 0;}
table.colortext tr.special td {padding: 0 0 80px 20px;}
table.colortext h2 {margin: 0 0 20px 0; font-size: 180%;}
table.colortext sub {margin: 0; padding: 0 0 0 6px; font-size: 60%;}
.colortext {color: beige;} /* Бежевый цвет выделения */
.quadratisch {width: 260px;}
.quadratisch span {display: block; background: transparent !important; font: normal 115%/100% Georgia; overflow: hidden;}
.quadratisch span em {float: left; padding: 5px 2px 2px 4px; /*background-color: #a0410d;*/}
.quadratisch a {text-decoration: none; color: #fff !important;}
.thumbs {margin: 0 0 0 20px;}
.items {margin: 0 0 0 20px;}
.item {float: left; margin: 0 15px 15px 0;}
.items .item {padding: 6px; width: 130px; height: 18em;}
.tooltip {position: relative;}
.tooltip div {position: absolute; z-index: 2; top: 6px; background-color: #232c3c; padding: 6px;}
td.left .tooltip div {left: 0;}
td.right .tooltip div {right: 0;}
.tooltip div img, .items .item img {display: block; margin: 0 0 0.5em 0;}
.tooltip div h3, .items .item h3 {margin: 0 0 0.5em 0;}
.tooltip div p, .items .item p {margin: 0 0 0.5em 0; font: normal 80%/120% Georgia;}

h1.big {font-size: 360%;}

span.back {background-color: #000; padding: 0 4px 0 4px; margin-left: -4px;}
td.text p {margin: 0; padding: 20px; font: normal 80%/140% Georgia; background-color: #000;}
td.text ul, td.text ol {margin: 20px; padding: 0 0 0 2em; font: normal 80%/140% Georgia;}
td.text ul li, td.text ol li {margin: 0 0 0.75em 0; padding: 0;}
td.text blockquote {margin: 0 0 0 2em; padding: 20px; font: italic normal 80%/140% Georgia;}
td.text h2 {font-size: 120%;}
td.text h2 {padding: 40px 20px 0 20px; margin: 0 0 20px 0;}
td.text h3, td.text h4 {padding: 20px 20px 0 20px; margin: 0 0 20px 0;}
td.info p {padding-bottom: 0;}
div.options {background-color: #000; margin-top: -20px; padding-bottom: 20px; position: relative;}

.slider {position: relative;}
.slider div {position: absolute; z-index: 2; top: 0; left: -45px; width: 12px; margin: 0; padding: 4px; background: #232c3c;}
.slider span {display: block; width: 12px; height: 12px;}

a.fullsize {display: block; margin: 0; padding: 0 0 0 20px; background: url(/images/zoom.gif) no-repeat scroll left center;}
a.back {position: relative; margin-left: -1.4em; font: normal 75%/120% Georgia; background-color: #000;}

form {margin: 0; padding: 0;}
input, textarea {font-size: 100%; font-family: Georgia, serif;}

.quadratisch span {margin: -3px 0 3px 0;}
.quadratisch span em {//padding-right:0;}
a.back {zoom: 1;}
* html #header {height: 1%;}
* html .tooltip div {width: 130px;}
.tooltip h3 {width: 130px;}

a:hover.not_hover, .text_only {color:#9AC6F7; text-decoration: underline; cursor: default}