/* RESET CSS */
body                                    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;}
ol, ul                                  {list-style: none;}
a                                       {text-decoration:none;cursor: pointer;}
a:hover                                 {text-decoration: none;}
a:focus                                 {outline: 0;}
table                                   {border-collapse: collapse;}
a img                                   {border:0px;}
.wai                                    {display:none !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
address                                 {font-style:normal;}
.fl                                     {float:left;}
.fr                                     {float:right;}

/*  site's CSS */

body                                    {font-family:trebuchet ms, arial, sans-serif;font-size:0.625em;text-align:left;background:#fff;}
#page                                   {width:100%;background:#fff;}
/*  the header  */
#header,form,ul#mainnav,#stage          {display:none;}

/* main content area  */

#content                                {overflow:hidden;height:100%;padding:20px 0;color:#4a4a4a;font-size:130%;line-height:140%;font-family:tahoma;}

#content p                              {padding:10px 0;}
#content h2                             {font-size:160%;padding:0px 0 20px 0;line-height:130%;color:#ff9900;font-weight:normal;}
#content h3                             {font-size:115%;padding:15px 0 5px 0;color:#333;}
#content h4                             {font-size:100%;}

#content a                              {text-decoration:underline;color:#444;}
a.moreinfo                              {font-weight:bold;color:#ff9900 !important;text-decoration:none !important;display:block;margin:5px 0px;}

#content address                        {float:left;width:300px;}
.img_left                               {float:left;margin:10px 10px 0 0;}
.img_right                              {float:right;margin:10px 0 0 10px;}

p.banner-image-replaced                 {text-indent:0px;width:auto;}

/* index boxes */
.box                                    {font-size:90%;z-index:222;position:relative;padding:20px 10px 5px 10px;float:right;margin:20px 0 20px 15px;width:44.9%;border:1px solid #cccbcc;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.box h2                                 {color:#000 !important;padding-top:40px !important;}
.box h3                                 {color:#ff9900 !important;padding:5px 0px 0 0!important;font-size:110% !important;}
.box p                                  {padding-top:0px !important;}

.box-pic                                {position:absolute;top:-15px;right:-10px;z-index:333;}

/* two columns list */
.twocols                                {float:left;margin:10px;display:inline;width:45%;}
.twocols li                             {margin:3px 0px;}

/* impressum */
dl.impressum                            {float:left;width:60%;padding-top:10px;line-height:160%;}
dl.impressum dt                         {float:left;width:28%;font-weight:bold;clear:left;}
dl.impressum dd                         {float:left;width:70%;}

.top-padded                             {padding-top:20px;}
p.small-letter                          {font-size:85%;}

/* client list */
.client-list                            {}
.client-list li                         {width:22%;display:inline;float:left;height:60px;padding:20px 10px;}
.client-list li img                     {display:block;margin:0 auto 0 auto;}

/* cases */
ul.case-studies                         {margin-bottom:20px;}
ul.case-studies img                     {float:left;margin-right:20px;border:1px solid #666;}
ul.case-studies dl                      {float:left;width:69%;}

ul.case-studies li                      {margin:20px 0px;border-bottom:1px dotted #ddd;overflow:hidden;padding-bottom:20px;height:100%;}
ul.case-studies a.moreinfo              {display:inline;}

ul.bulletlist                           {margin:10px;}
ul.bulletlist li                        {margin:5px 20px;}
ul.bulletlist li a                      {color:#ff9900 !important;text-decoration:none !important;}

/*footer style */

#footer                                 {width:100%;color:#eee;font-size:110%;padding:20px 0;clear:both;border-top:1px double #000;}
#footer address                         {width:90%;float:left;}
#footer address span                    {padding:0 15px 0 0;}
#footer a                               {color:#000;text-decoration:none;}
#footer ul                              {display:none;}


/* CSS used for styling the CONTACT form */
form#contact 						    {display:none;}