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

*                   { padding:0px; margin:0px; font-size:1em; }
html                { height:100%; /*overflow-y:scroll; margin-bottom:1px;*/ }
body                { height:100%; background:url('img/pageBackground.jpg') no-repeat #ffffff; font:0.7em/1.4em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#4b4b4b; }


/* allgemeines */
.screen             {  }
.print              { display:none; }

.hide               { display:none; }
.show               { display:block; }

img                 { vertical-align:top; border:0px; }
blockquote          { margin-left:12px; }

.break              { margin-bottom:8px; }
.space              { margin-bottom:16px; }

.small              { font-size:0.9em; line-height:1.3em; }
.large              { font-size:1.1em; line-height:1.5em; }

ol                  { margin-left:3em; }
ul                  { margin-left:2em; }

address span        { display:none; }
h1 span.desc        { display:none; }
h2                  { display:none; /*font-weight:bold; color:#185904; border-bottom:1px solid #185904; margin-bottom:8px;*/ }
h2 span             { display:none; }
h3                  { font-weight:bold; color:#185904; font-size:1.1em; background:#f6f8f5; border-left:2px solid #185904;
                      padding:2px 10px; margin-bottom:8px; margin-top:24px; }
h3 span             { display:none; }

.error              { font-weight:bold; color:#c80032; }
td.titel            { font-weight:bold; width:70px; }
#infoSent           { margin-bottom:16px; border:1px solid #195905; border-left-width:5px; padding:8px 16px; }
#infoError          { margin-bottom:16px; border:1px solid #c80032; border-left-width:5px; padding:8px 16px; }
#anfahrtsplan       { position:absolute; top:20px; left:20px; }


/* layout */
#container          { width:560px; padding:0px 50px 0px 290px; }

#header h1          { float:left; padding:15px 10px; }
#header h1 span     { display:none; }
#header address     { float:right; white-space:nowrap; padding:20px 10px 0px 0px; font-size:0.9em; line-height:1.2em; text-align:right; font-style:normal; color:#afafaf; }
#header address a       { color:#afafaf; text-decoration:none; }
#header address a:hover { color:#787878; text-decoration:none; }

#flash              { clear:both; }

#menu               { position:absolute; left:177px; top:151px; color:#ffffff; line-height:1.15em; }
#menu ul            { list-style-type:none; }
#menu li span       { display:none; }
#menu li            { padding:1px 0px 2px 0px; background:url('img/menuBullet.gif') no-repeat 2px 5px; }
#menu li.active     { font-weight:bold; background:url('img/menuActive.gif') no-repeat 2px 5px; }
#menu a             { color:#ffffff; font-size:90%; text-decoration:none; padding:1px 0px 1px 14px; display:block; width:79px; }
#menu a:hover       { color:#ffffff; text-decoration:none; font-weight:bold; }

#menuLogo1          { position:absolute; left:-153px; top:280px; }
#menuLogo1 a        { padding:0px; } 
#menuLogo2          { position:absolute; left:-153px; top:430px; }

#content            { padding:24px 10px 32px 185px; line-height:1.5em; text-align:justify; }
#content li         { margin-bottom:8px; }

.content_home               { background:url('img/titleHome.gif') no-repeat 0px 26px; }
.content_gartengestaltung   { background:url('img/titleGartengestaltung.gif') no-repeat 0px 26px; }
.content_pflaster           { background:url('img/titlePflaster.gif') no-repeat 0px 26px; }
.content_kontakt            { background:url('img/titleKontakt.gif') no-repeat 0px 26px; }
.content_referenzen         { background:url('img/titleReferenzen.gif') no-repeat 0px 26px; }
.content_impressum          { background:url('img/titleImpressum.gif') no-repeat 0px 26px; }
.content_dachbegruenung     { background:url('img/titleDachbegruenung.gif') no-repeat 0px 26px; }

#footer             { margin-left:185px; width:365px; border-top:1px solid #cdcdcd; color:#afafaf; font-size:0.9em; text-align:right; padding:2px 5px 20px 5px; }
#footer a           { color:#afafaf; text-decoration:none; }
#footer a:hover     { color:#787878; text-decoration:none; }


/* links */
a                   { color:#195905; text-decoration:underline; }
a:hover             { text-decoration:none; }

a.external          { background:url('img/linkExternal.gif') no-repeat 0px 3px; padding-left:15px; }


/* input */
input.std, textarea.std
                    { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#4b4b4b; border:1px solid #999999; padding:1px 1px 1px 2px; }
input.submit        { font:bold 0.9em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#4b4b4b; background:#f6f6f6; border:1px solid #999999; padding:0px 12px; margin-top:1px; }
input.std:hover, input.submit:hover, textarea.std:hover, select.std:hover
                    { border:1px solid #195905; }

input.chkbox     { width:15px; height:15px; cursor:hand; }
label            { cursor:hand; }