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

body {
    background: #dfddd1 url(images/bg.gif) repeat-x 0 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #000;
}
#left-wrapper,
#right-wrapper {
	height: 479px;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 10;
}
#left-wrapper { background: url(images/left-wrapper.gif) no-repeat right 0; left: 0; }
#right-wrapper { background: url(images/right-wrapper.gif) no-repeat 0 0; right: 2px; }

.wraper-left { background: url(images/wraper.gif) repeat-x 0 0; width: 50%; }
.wraper-right {  background: url(images/shell.gif) no-repeat 0 0; margin: 0 -465px 0 auto; width: 960px; position: relative; }

a { color: #000; text-decoration: underline; }
a:hover { color: #666; text-decoration: underline; }
a img { border: 0; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; }

#header {
	height: 488px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#shell { width: 960px; margin: 0 auto; }
.top-header { padding: 0 8px; }
.top-header p { float: left; display: inline; width: 270px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 14px; padding-top: 13px; }

.navigation  { float: right; display: inline; width: 320px; }
.navigation ul { list-style-type: none; list-style-position: outside; padding-top: 10px;}
.navigation li { float: left; display: inline; padding: 0 2px; }
.navigation a, .navigation a span { float: left; display: inline; padding-left: 5px; color: #fff; font-size: 14px; height: 24px; font-weight: bold;}
.navigation a span { padding-left: 0; padding-right: 5px; padding-top: 2px; }
.nav-active a, .nav-active a span { 
	background: url(images/nav.gif) no-repeat 0 0 ; 
	text-decoration: none;
	cursor: pointer;
	
}
.navigation a:hover span, .nav-active  a span { background-position: right  0; cursor: pointer; }

h1#logo_office, h1#logo, #index-logo{
	height: 144px;
	width: 220px;
	font-size: 0;
	line-height: 0;
	padding: 10px 0 0 8px;
	margin-bottom: 32px;
	margin-right: 10px;
	float: right;
}
#index-logo{

	float: none !important;
}

h1#logo_office a.logolink, 
h1#logo a.logolink, 
#index-logo a.logolink { 
	display: block;
	height: 144px;
    width: 220px;
	text-indent: -4000px;
    float: right;
}

h1#logo a.logolink{ 
	background: url(images/logo.png);
} 

#index-logo a.logolink { 
	background: url(images/logoi.png);
}
h1#logo_office {
    width: 950px !important;
}
h1#logo_office a.logolink {
	background: transparent url(images/logo-office.jpg) no-repeat;
}
h1#logo_office a.showroomhead {
	display: inline;
	height: 158px;
    width: 710px;
	background: url(images/showroom_big.jpg);
	text-indent: -4000px;
    float: left;
    margin-top: -10px;
    margin-bottom: 6px;
}
h1#logo_office,
h1#logo{

	position: relative;
}

#index-logo{ margin: 0 auto; padding: 14px 0 4px 0; }

.promo-box { padding: 0px 0 20px 8px; }
.promo-box img.left { position: relative; margin: 0 13px 0 -5px; }
.promo-box div.left { width: 225px; }

#content { position: relative; background: url(images/cnt-bg.png) repeat 0 0; padding: 10px 8px 0; }
#mainbox { float: left; display: inline; width: 710px; }

.callback { position: absolute; top: -16px; right: 2px; overflow: hidden; }
.page-title { 
	font-family: Tahoma, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 10px 10px 8px;
}
.item { padding-bottom: 30px; }
.item .txt { float: left; display: inline; width: 400px; }
.item h3 { font-size: 12px; font-weight: normal; }
.item h2 { font-weight: bold; font-size: 16px; color: #fff; padding-bottom: 10px; font-family: Arial; }
.item p { padding-bottom: 10px; }
.contact-images {
	width: 153px;
	height: 138px;
	text-align: center;
}

.mehr { 
	float: left; 
	display: inline; 
	background: url(images/btn-mehr.gif) no-repeat 0 0; 
	height: 23px;
	width: 71px; 
	margin-top: 50px;
}

#sidebar { float: right; display: inline; width: 232px; margin-top: 65px; margin-bottom: 100px;}

.contact-box, .design-box { 
	position: relative;
	background: url(images/contact-box.gif) no-repeat 0 0; 
	width: 202px; 
	height: 240px; 
	padding: 20px 15px; 
	color: #fff; 
	font-weight: bold;
	margin-left: 8px;  
	margin-top: 12px;  
	font-size: 12px;
}

.design-box { background-image: url(images/design-box.gif); }

.contact-box span, .design-box span { font-weight: normal; }

.directions, .directions-design { 
	float: left; 
	display: inline; 
	background: url(images/btn-directions.gif) no-repeat 0 0; 
	height: 23px; 
	width: 134px; 
	margin: 15px 0;
}

.directions-design { background-image: url(images/btn-design-box.gif); }

.partners { padding-left: 0px; }

#footer { 
	font-size: 12px; 
	background:  #edebe1; 
	height: 25px; 
	width: 805px;  
	margin: 0 auto; 
	padding: 43px 18px;
	padding-bottom: 15px;
	margin-top: 30px;	
}

#footer div.left { width: 400px; }
#footer a { float: left; display: inline; text-transform: uppercase; margin-right: 10px; }
#footer .active { font-weight: bold; }
#footer span { width: 120px; color: #838383; }


.impressum { padding-bottom: 150px; }
/*.impressum .text, .agb .text { float: right; display: inline; width: 505px; }*/
.impressum .text, .agb .text { float: left; display: inline; width: 450px; margin: 0 0 0 5px; }
.impressum .text h3 { font-weight: bold; }

.service { float: left; display: inline; width: 346px; padding-bottom: 18px; }
.service .text { float: right; display: inline; width: 163px; padding-right: 10px; }

.service-detailed { float: left; display: block; padding-bottom: 10px; padding-right: 10px; } 
.service-detailed .detailed-text { float: left; display: block; width: 500px;} 


.anfahrt { padding-bottom: 70px; }

.kontakt { padding-bottom: 20px; margin-left: 8px; }
.kontakt h2 { color: #fff; font-size: 18px; padding-top: 8px;}
.kontakt p { color: #fff;}
.kontakt .item { float: left; display: inline; width: 346px; padding: 10px 0; }
.kontakt .text { float: right; display: inline; width: 173px; }
.kontakt .text h3 { padding-bottom: 15px; font-weight: bold; }
.kontakt .text p { color: #000 !important; }

#logo-big {
	position: relative;
	margin-bottom: -22px;
	height: 179px;
	width: 519px;
	font-size: 0;
	line-height: 0;
}

#logo-big a {
	display: block;
	height: 179px;
	background: url(images/logo-big.png);
	text-indent: -4000px;
}

.showroom { position: relative; margin-left: 6px; }
#index {  background: #000 url(images/index-bb.gif) repeat-x  0 0; }
#index #shell { width: 1141px; margin: 0 auto; }
#index .wraper-right { background: #000 url(images/index-bg2.gif) no-repeat  0 0;  margin: 0 -571px 0 auto; width: 1141px; }
#index .wraper-left { background: #000 url(images/index-bg3.gif) repeat-x 0 0; }

.bottom { background: url(images/bottom.jpg) no-repeat 0 0; height: 361px; width: 100%; position: relative; cursor: pointer;}
/* Implemenation time css */

.paging {
    font-size: 12px;
    padding:0 8px 10px 8px;
}
.paging a {
    color: #af3940;
}
.showroom {
    width: 234px;
    height: 447px;
    background: url('images/office-design.gif') 0 0 no-repeat;
    padding: 21px 0 0 0;
}
.showroom img {
    float: left
}
.text {
    float: left;
    /*width: 500px;*/
    width: 453px;
    
}


.promo-box a.right {
	margin-right:6px;
}

.images{
	margin: 0 8px 0 6px; 
	border: solid 3px #eee;
}

img.popmessage {
	position: absolute; 
	/*top: 254px; */
	top: 170px;
	right: 240px; 
	display: none;
	cursor: pointer;
	width: auto;
	height: auto;
	z-index: 1;
}

img.popmessage2 {
	position: absolute; 
	/*top: 254px; */
	top: 113px;
	left: 265px; 
	display: none;
	cursor: pointer;
	width: 275px;
	height: 83px;
	z-index: 1;
}


div.top{

	position: relative;
}

div.services{

	margin: 0 0 0 7px;
	width: auto;
}

/*styling the facebook like box in the sidebar*/
.facebook-like-box iframe {
    width: 232px !important;
}
.facebook-like-box {
    background: #fff;
    margin:  0 0 0 5px;
    width: 232px;
}
.facebook-recommend {
    left: 90px;
    position: absolute;
    /*top: 10px;*/
    width:100px
}
/*end of styling the facebook like box*/