/* -------------------------------------------------------------------------------------------------
      Cascading StyleSheet
      www.codeworks.cc
                                                                                                    */

*         { padding:0px; margin:0px; font-size:1em; }
html      { height:100%; overflow-y:scroll; margin-bottom:1px; }
body      { height:100%; font:0.6em/1.45em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#3c3232; background:#ffffff; }


/* -------------------------------------------------------------------------------------------------
      BASIC LAYOUT
                                                                                                    */

#container_aussen       { width:100%; background:url('img/pageBackground.gif') repeat-x; }
#container_innen        { width:980px; margin:0px auto; background:url('img/pageBackgroundContent.gif') no-repeat top right; position:relative; }

#header                 { position:absolute; top:41px; left:634px; background:url('img/pageLogo.gif') no-repeat; width:293px; height:51px; overflow:hidden; }
#header a               { display:block; width:100%; height:100%; }
#header h1              { display:none; }
#header address         { display:none; }
#header img             { display:none; }

#introduction           { float:left; width:250px; background:url('img/pageBackgroundIntroduction.gif') no-repeat; padding:266px 32px 70px 40px; position:relative; }

#content                { float:right; width:605px; padding:148px 45px 0px 0px; }
#content_links          { float:left; width:435px; padding:5px 0px 5px 5px; }

#content_image          { width:435px; height:230px; }
#content_main           { padding:20px 20px 70px 20px; }
#content_main h2        { font-size:1.1em; padding-bottom:4px; }
#content_main .spacer   { height:41px; background:url('img/trennlinie.gif') repeat-x 0px 20px; }

#content_rechts         { float:right; width:155px; }
#content_rechts p       { padding-top:5px; }

#footer_aussen          { width:100%; height:20px; background:#3c3232; }
#footer_innen           { width:890px; margin:0px auto; padding:3px 50px 0px 40px; color:#ffffff; }
#footer_innen p         { display:none; }

#footer_links           { float:left; }
#footer_links ul        { list-style-type:none; }
#footer_links li        { float:left; padding-right:25px; }

#footer_rechts          { float:right; }
#footer_rechts ul       { list-style-type:none; }
#footer_rechts li       { float:left; padding-left:25px; }

.clear                  { clear:both; }


/* -------------------------------------------------------------------------------------------------
      BASIC DEFINTIONS
                                                                                                    */

img                     { border:0px; }
small                   { font-size:0.8em; color:#888888; }
big                     { font-size:1.1em; margin:5px 15px; display:block; }

h3                      { background:#cd001e; border-bottom:1px solid #000000; color:#ffffff; font-weight:bold; margin-bottom:1em; padding:1px 5px; }

#content_main ul        { list-style-type:none; list-style-image:url('img/listIcon.gif'); }
#content_main ul li     { margin-left:2.5em; margin-bottom:0.5em; }


/* -------------------------------------------------------------------------------------------------
      LINKS
                                                                                                    */

a                       { color:#cd001e; text-decoration:none; }
a:hover                 { color:#cd001e; text-decoration:underline; }

table a                 { color:#3c3232; }
table a:hover           { color:#cd001e; text-decoration:none; }

#footer_innen a         { color:#ffffff; }

.projekte a             { display:block; }


/* links with icons */
a.projekte              { display:block; width:228px; padding:6px 0px 4px 22px; background:url('img/linkProjekte.gif') no-repeat 0px 6px; font-weight:bold; }
a.kontakt               { display:block; width:228px; padding:6px 0px 4px 22px; background:url('img/linkKontakt.gif') no-repeat 0px 6px; font-weight:bold; }
a.jobs                  { display:block; height:30px; left:30px; overflow:hidden; position:absolute; text-indent:-1000px; top:0px; width:270px; }



/* -------------------------------------------------------------------------------------------------
      TABLES
                                                                                                    */

table               { border-collapse:collapse; }
td                  { vertical-align:top; }

.referenz td        { padding-bottom:8px; }
.referenz td.col1   { font-weight:bold; width:80px; }

.kontakt  td.col1   { padding-right:12px; color:#cd001e; }
.legal    td.col1   { padding-right:22px; font-weight:bold; }
.bank     td.col1   { padding-right:32px; }

.projekte           { width:396px; }
.projekte th        { border-bottom:1px solid #efefef; text-align:center; }
.projekte td        { border-bottom:1px solid #efefef; padding:3px 0px 3px 8px; }
.projekte td.icon   { text-align:center; vertical-align:middle; padding:1px 0px 0px 0px; }
.projekte .row1 td  { background:#fcfcfc; }
.projekte .row2 td  {  }
.projekte .infos    { vertical-align:top; margin-top:1px; }

.legende td         { padding:1px 0px; }
.legende td.col1    { padding:1px 22px 1px 8px; font-weight:bold; }