body { font-size: 1em; line-height: 1.5; font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 0; background: #fff; padding-bottom: 10px; }

#wrapper { background: #332117 url(/images/bg.png) repeat-x; color: #fff; z-index: 0; position: relative;  }
#contentwrapper { z-index: 10; width: 946px; margin: 0 auto; }

#header { padding-top: 45px; height: 80px; }
#logo { position: relative; margin: 0; padding: 0; color: #332117; font-size: 100%; font-weight: normal; }
#logo span { display: block; position: absolute; right: 0; bottom: 10px; }


#content { z-index: 10; padding: 40px 3px 0 3px; }
.col-1 { width: 340px; float: left; }
.col-2 { width: 580px; margin-left: 20px; float: left; font-size: 87%; }

#footer { position: relative; z-index: -1; height: 20px; background: url(/images/bg-footer.png) repeat-x bottom; padding-left: 460px; }

.bubbels-top { z-index: -1; position: absolute; top: 124px; right: 0; background: url(/images/bubbels-top.png) no-repeat; height: 134px; width: 312px; }
.bubbels-bottom { z-index: 0; position: absolute; bottom: 0; left: 0; background: url(/images/bubbels-bottom.png) no-repeat; height: 162px; width: 400px; }



h2 { font-size: 124%; font-weight: normal; color: #DED5B3; margin: 0; }
h3 { font-size: 114%; font-weight: normal; color: #DED5B3; margin: 0; }
p { margin-top: 0; margin-bottom: 1.3em; }
p.last { margin-bottom: 0; }
img { border: 0; }

strong { font-size: 112%; color: #EDEBD6; font-weight: normal; }

a { color: #33B0E4; text-decoration: none; }
a:hover { color: #332117; background: #DED5B3; }



.col-1 .box { background: #241710 url(/images/vis.png) no-repeat bottom left; font-size: 90%; padding: 10px 10px 10px 160px; }
.about { margin-top: 1.5em; font-size: 87%; }

.site { clear: both; margin-bottom: 15px; }
.site img { float: left; }
.site p, .site h2 { margin-left: 360px; }
.site p { margin-bottom: 1em; }