/* CSS Document */

center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 101%;
font-family: inherit;
font-variant: inherit;
vertical-align: baseline;}

body {
        font-size: 0.73em;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#333333;
        padding:0;
        margin:0;
        background-color: #CCCCCC;
}

/* ----------Schriftformatierungen-------------- */

a {
        color: #009900;
}
a:visited {
        color:#009900;
}
a:hover {
        color: #990000;
}
a:active {
        color:#009900;
}


h1 {
        font-size: 1.8em;
        font-weight: bold;
        color: #990000;
        padding: 15px 0 15px 0;
        margin:0;
 }

h2 {
        font-size: 1.3em;
        font-weight: bold;
        color: #009900;
        padding: 20px 0 5px 0px;
}

h3 {
        font-size: 1.2em;
        font-weight: bold;
        color: #990000;
        padding: 5px 0 10px 0;
}

img {
        float:left;
        padding:5px 20px 20px 0px;
}

p {
        line-height: 125%;
        padding-bottom: 20px;
}

/* ----------Basics-------------- */

#wrap {
        width: 900px;
        margin: 0 auto;
}

#container {
        width: 900px;
        margin: 0;
        padding: 0;
        background-image: url(bg.jpg);
        background-repeat: no-repeat;
        background-position: -30px 0;
        position: relative;
        float: left;
}

#banner {}

a#logo{
        width: 242px;
        height: 135px;
        background-image: url(logo_pilates_lueneburg.jpg);
        background-position: left top;
        background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
}


#start{
        width: 370px;
        height: 260px;
        background-color: #990000;
        padding: 0 0 0 0;
  position: absolute;
  top: 170px;
  left: 7px;
}

#aktuell{
        width: 90px;
        height: 60px;
        padding: 0 0 0 0;
  position: absolute;
  top: 175px;
  left: 48px;
}

#left {
        width: 190px;
        height: 335px;
        margin: 0 55px 0 53px;
        padding: 0 0 0 0;
        float: left;
        display: inline;
        background-color: #990000;
}

#content {
        height:335px;
        width: 480px;
        margin-left: 92px;
        padding-right: 30px;
        float: left;
        overflow: auto;
}

#footer_left{
  width: 190px;
  height: 140px;
        padding: 0;
        margin: 0 0px 0 53px;
        background-color: #990000;
        float: left;
        display: inline;
        }

#footer_right {
        margin: 0;
        padding: 0;
        text-align: right;
        vertical-align:bottom;
        }





/* --------------left navigavtion------------- */


ul#submenu{
        list-style-type: none;
  margin: 0 0 0 0px;
        padding: 50px 0 0 0;
        background-color: #990000;
        width: 190px;
        height: auto;
}


ul#submenu li a {
        color:#ffffff;
        font-size: 1.0em;
        text-decoration:none;
}

ul#submenu li a:hover {
        font-weight: bold;
}

ul#submenu li{
        margin: 0;
        padding: 10px 0 10px 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #66CC33;
}
ul#submenu li.active-site{
                font-weight: bold;
}


/* -----------------Inhalt--------------------- */



#content ul {
        padding: 0 0 20px 20px;
        float: left;
}

#content li {
        list-style-position: outside;
        list-style-type: square;
        text-align: left;
        padding: 4px 0 0 0;
        width: auto;
        margin-left: 20px;
}

#fixfloat {
  float: left;
  width: 400px;
  height: 1px;
}

/* -----------footer--------------------------- */


#footer_left p {
  font-size:11px;
  color: #ffffff;
        padding: 10px 0 0 10px;
        }

#footer_left .headline {
        color: #66CC33;
        font-weight:bold;
        font-size:small;

        }




        /* ----------Mainnavi-------------- */

div#mainnavi {
  background-color: #990000;
  height: 20px;
  width: 300px;
  position: absolute;
  top: 135px;
  left: 0px;
}

ul#mainnavi {
  font-size: 13px;
        width: 900px;
        margin: 0px;
        padding: 0px;
        height: 155px;
  float: left;
}

ul#mainnavi li {
  list-style-type: none;
  display: inline;
}

ul#mainnavi li a {
  display: inline;
  float: right;
  background-color: #990000;
        height: 20px;
        margin-top: 135px;
        padding: 0px 10px 0px 10px;
        line-height: 20px;
        color: #ffffff;
        text-decoration: none;
}

ul#mainnavi li a:hover, ul#mainnavi li.active-site a {
  margin-top: 0px;
  padding: 0px 10px 0px 10px;
  padding-top: 135px;
        display: inline;
  background-color: #990000;
        height: 20px;
        line-height: 20px;
        color: #ffffff;
        text-decoration: none;
}

ul#mainnavi li.home a {
  height: 20px;
  margin-top: 135px;
        background-color: #990000;
  background-image: url(icon_home.png);
        background-repeat: no-repeat;
        background-position: center bottom;
}

ul#mainnavi li.home a:hover, ul#mainnavi li.home-active a, ul#mainnavi li.home-active a:hover {
  height: 20px;
  padding-top: 135px;
  margin-top: 0px;
        background-color: #990000;
  background-image: url(icon_home.png);
        background-repeat: no-repeat;
        background-position: center bottom;
}

        /* ----------Mainnavi-------------- */

ul#metamenu {
float: left;
width: 837px;
margin-top: 0px;
padding-bottom: 20px;
padding-left: 63px;
}

ul#metamenu li{
display: inline;
}