@import "reset.css";
@import "nav.css";
@import "typography.css";

body { background: #4C99B2 url(img/body_bg.png); }

/* Page
------------------------------------------------------------------------- */
#page { background: url(img/page_bg_24.png) repeat-y; margin: 0 auto; width: 774px; padding-bottom: 1px; }

/* Header
------------------------------------------------------------------------- */
#header { background: #FFF; margin: 0 auto; height: 147px; width: 760px; position: relative; }

#header .nav { position: absolute; bottom: 0; left: 25px; }
#header .nav li { margin-right: 2px; }
#header .nav a { padding: 3px 10px; background: #98D3D3; color: #006868; text-decoration: none; }
#header .nav a:hover { background: #4C99B2; color: #000; }
#header .nav a.aktiv { background: #CBE9E9; color: #000; }

#header h1 a { background: url(img/logo.png) no-repeat; height: 225px; width: 345px; display: block; position: absolute; right: 0; top: 0; text-indent: -1000em; }

/* Body
------------------------------------------------------------------------- */
#body { background: #CBE9E9; margin: 90px auto 0 auto; width: 710px; }

#content { width: 445px; float: left; }
#sidebar { width: 215px; float: right;}

#feature_leistungen { clear: both; }

#map { width: 440px; height: 300px; border: 2px solid #009292; margin: 0 0 1.5em 0; }

.col { width: 50%; float: left; }
.col_3 { width: 31%; float: left; margin-right: 1%; }

abbr { cursor: help; }

/* Footer
------------------------------------------------------------------------- */
#footer { background: url(img/footer_bg.png); margin: 25px auto; width: 680px; padding: 15px; }