* {margin: 0; outline: 0; padding: 0;}

 /* *** Float containers fix: */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

.clear {clear: both; line-height: 0; overflow: hidden; height: 0;}

body {background: #000;  font-family: Helvetica Neue, Arial, Tahoma, Verdana,  sans-serif;  color: #999;  margin: 0;  padding: 0;	font-size: 17px; line-height: 19px; font-weight: bold;}

a {color: #666;	cursor: pointer;	text-decoration: none; }
a.active {color: #999;}
.contact-content a {color: #999;}
a:hover, .contact-content a:hover {color: #fbf9f9;}
img {border: none; vertical-align: top;}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica Neue, Arial, Tahoma, Verdana,  sans-serif; }
h1, h2 {font-size: 29px; color: #fbf9f9; line-height: 28px;}
h3 {font-size: 24px;}
h1 {margin-bottom: 5px;}
h1.xxl {font-size: 137px; color: #ccc; line-height: 137px; }
ul, ol, dl {list-style-position: outside;}
li {list-style-image: none; list-style-type: none;}
table {}
p {max-width: 600px;}

/* ---------- FORM ---------- */
fieldset, legend, label, input, select, textarea {font-family: Helvetica Neue, Arial, Tahoma, Verdana,  sans-serif; font-size: 17px; color: #999;}
form {display: block;}
fieldset {border: none;}
legend {display: none;}
label {display: block;}
input, select, textarea {}
input[type="text"]  {}
input.input-text {}
select, textarea {}
input.input-radio {}
input[type="radio"] {}
input[type="checkbox"] {}
input[type="submit"] {}
input.input-submit {}

/* Layout css */
.main {padding: 0 0 0 199px; width: 1031px;}
.wrapper {position: relative;}
.narrow-content {/*padding: 0 0 0 40px;*/}
.work-content {margin-left: -37px; position: relative;}
.work-content-2 {margin-left: 0;}

/* HEADER */
.header {height: 140px;}
.header img {margin: 44px 0 0 55px;}
.header ul {position: absolute; left: 478px; top: 58px;}
.header ul li {float: left; padding-right: 8px; font-size: 16px;}
.header ul li a {font-size: 16px; font-weight: normal;}
.header ul li a.active, .header ul li a:hover  {color: #999;}
.header ul li a.active {font-weight: bold;}

/* LEFT COLUMN */
.left-column {float: left; width: 279px; margin-top: -5px;}
.left-column ul {line-height: 28px; font-size: 29px; font-weight: bold; margin-bottom: 34px;}
.left-column ul li a.active {color: #999;}
.left-column ul li a:hover {color: #999;}
.left-column img {margin: -17px 0 8px -21px;}
.left-column ul.main-menu li a.active {color: #fff;}
.left-column ul.main-menu li a:hover {color: #fff;}

.left-column ul.sub-menu-imprint {position: relative;}
.left-column ul.sub-menu-imprint li a {font-size: 15px; font-weight: normal;}
.left-column ul.sub-menu-imprint li.li_facebook, .left-column ul.sub-menu-imprint li.li_youtube {position: absolute; left: 0; top: 35px;}
.left-column ul.sub-menu-imprint li.li_facebook img, .left-column ul.sub-menu-imprint li.li_youtube img {margin: 0;}
.left-column ul.sub-menu-imprint li.li_youtube {left: 34px;}

.right-column {float: left; width: 752px;}
.right-column-work {width: 806px;}
.main-work {width: 1090px;}

/* HOME */
.home-content img {margin: -3px 0 0 -6px;}
.home-content h1 {margin: -9px 0 0 35px;}
.home-content p {width: 380px; margin: -8px 0 0 146px;}
.home-img-container {position: relative;}
.home-img-container a.dot {position: absolute; width: 23px; height: 24px; background: url(../images/location-dot.png) no-repeat 0 0;}
.home-img-container a.dot1 {left: 81px; top: 88px;}
.home-img-container a.dot2 {left: 162px; top: 78px;}
.home-img-container a.dot3 {left: 313px; top: 42px;}
.home-img-container a.dot4 {left: 325px; top: 57px;}
.home-img-container a.dot5 {left: 364px; top: 48px;}
.home-img-container a.dot6 {left: 345px; top: 202px;}
.home-img-container a.dot7 {left: 501px; top: 89px;}

/* ABOUT US */
.partners-container {/*margin-left: -2px;*/ position: relative; width: 530px; height: 150px;}
.partners-container h1 {margin-bottom: 3px;}
.partners-img {position: relative;}
.circle_1, .circle_2, .circle_3, .circle_4, .circle_5, .circle_6, .circle_7 {width: 106px; height: 106px; position: absolute; z-index: 1;}
.circle_1 {left: 105px; top: 10px;}
.circle_2 {left: 224px; top: 16px;}
.circle_3 {left: 348px; top: 6px;}
.circle_4 {left: 15px; top: 160px;}
.circle_5 {left: 172px; top: 135px;}
.circle_6 {left: 288px; top: 135px;}
.circle_7 {left: 400px; top: 155px;}
.circle {background: url(../images/circle.png) no-repeat 0 0;}
.circle_over {background: url(../images/circle_over.png) no-repeat 0 0;}
.c_overlay, .c_overlay_2 {position: absolute; left: 0; bottom: 0; width: 525px; height: 112px; z-index: 100;}
.c_overlay_2 {left: 525px; top: 0; width: 225px; height: 380px;}
#tab_circle_0 {position: absolute;left: 0; top: 23px;}
#tab_circle_1, #tab_circle_2, #tab_circle_3, #tab_circle_4, #tab_circle_5, #tab_circle_6, #tab_circle_7 {display: none; position: absolute;left: 0; top: 23px;}
.content-about-other {margin-top: -5px;}

/* CONTACT */

.narrow-content h1 {margin: 36px 0 0 -6px;}

fieldset.client_entry {}
fieldset.client_entry label {padding-bottom: 10px;}
fieldset.client_entry input {font-size: 29px; border: none; padding: 0 5px; width: 325px; margin-bottom: 27px;}
fieldset.client_entry a {display: block; color: #999;}
fieldset.client_entry a:hover {color: #fbf9f9;}

.contact_img img {margin-right: 4px;}
.narrow-content h1.contact_xxl {margin-top: 20px;}

/* SLIDER */

#slider {position: relative; margin: 0 auto 0; padding-left: 75px;}
.scroll {height: 141px;width: 785px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer {margin-left: 74px;}
.scrollContainer div.panel {height: 141px; width: 237px; overflow: hidden;}
.scrollContainer div.panel div {height: 141px; width: 228px; overflow: hidden;}
.scrollButtons {position: absolute; top: 191px; cursor: pointer;}
.scrollButtons.left {left: 21px;}
.scrollButtons.right {left: 325px;}
* html .scrollButtons.left {left: -55px;}
* html .scrollButtons.right {left: 249px;}
.click_to {position: absolute; top: 214px; left: 124px; font-size: 12px; color: #666;}
* html .click_to {left: 35px;}
.play_b {position: absolute; display: none; left: 95px; top: 59px; color: #fff; font-size: 18px;}

.jCarouselLite {padding-left: 74px; margin-left: -74px; position: relative; visibility: hidden; left: -5000px;}
.jCarouselLite_noscroll {padding-left: 0; margin-left: 0;}
.jCarouselLite li, .jCarouselLite_noscroll li {font-size: 16px; color: #666; font-weight: normal;}

#project_desc, #project_desc_2 {margin: 104px 0 0 75px;}
.single-work-container {margin-bottom: 11px; min-height:283px;}
* html .single-work-container {height:283px;}
.single-work-description p {padding-top: 3px;}

.single-work-container .left, .single-work-container .right {float: left;}
.single-work-container .left {/*width: 480px;*/ overflow: hidden;}
.single-work-container .right {width: 324px; /*margin-left: 2px;*/ }
.single-work-container .right .thumb {position: relative; float: left; margin: 0 0 6px 0;}
.single-work-container .right .thumb a {overflow: hidden; width: 153px; height: 86px; background: #000;margin: 0 0 0 6px;  filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; display: block; float: left;}
.single-work-container .right .thumb a img {width: 153px; height: 86px;}

.single-work-container .right .thumb span {cursor: pointer; display: none; position: absolute; left: 26px; top: 38px; color: #fff;}

.frame-container {/*padding-left: 35px;*/ margin-top: -36px;}
.frame-container iframe {border: none; background: #000; outline: none;}

.last_separator {width: 3px; height: 175px; position: absolute; top: -17px; right: 7px; overflow: hidden; background: #303030;}

.content-imprint {font-size: 12px; font-weight: normal; margin-top: 0;}
.content-imprint h1, .content-imprint h3 {font-size: 14px;}