* { margin: 0; padding: 0; border: 0; }
html { height: 100%; width: 100%; }
body { font: 12px Arial, Helvetica, Sans-serif; line-height: 16px; color: #222; background: #f0f0f0 url(/img/s/background.gif) repeat-x; padding: 0 0 10px 0; }

a { color: #445b8b; font-weight: 100; text-decoration: none; }
a:Hover { color: #8fa7d7; text-decoration: underline; }

li { margin: 3px 15px 3px 25px; }

#page { width: 681px; margin: 0 auto; background: url(/img/s/wrap.gif) repeat-y; }
#header { width: 100%; height: 98px; background: url(/img/s/betrage.jpg) no-repeat; }

#content { padding: 0 8px; }

#content #left { width: 176px; float: left; padding: 15px 0; background: url(/img/s/lefttop.gif) no-repeat; text-align: center; }

#content #middle { width: 489px; float: left; }
#content #middle h1, #content #middle h2 { height: 22px; padding: 8px 0 0 8px; font-size: 15px; background: url(/img/s/title.gif) no-repeat; }
#content #middle h2 { margin-top: 13px; background: url(/img/s/title2.gif) no-repeat; }
#content #middle p { padding: 10px 10px 0 10px; text-align: justify; }

#footer { float: none; clear: both; height: 9px; background: url(/img/s/bottom.gif) no-repeat; }

.clear { float: none; clear: both; }