@charset "utf-8";

*		{ margin: 0px; padding: 0px; border: 0px; }
html	{ height: 100%; }
body	{ background-color: #99BBA0; }

/**** GRUNDGERÜST ****/
div#wrapper { position: relative; width: 100%; height: auto; height: 100%; min-height: auto; margin: 0px auto -22px; }

/** kopfbereich **/
div#head { width: 1024px; height: 200px; margin-left: auto; margin-right: auto; margin-top: 16px; margin-bottom: 18px; background-image: url(../images/banner.png); background-repeat: no-repeat; }

/** hauptmenü **/
div#menu { width: 100%; min-width: 1024px; height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 18px; padding-top: 5px; background-color: #56715B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-align: center; }
div#menu ul li { display: inline; margin-left: 35px;; margin-right: 35px; }
div#menu a { color: #ffffff; text-decoration: none; }

/** contentbereich **/
div#content { width: 1024px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

/** component **/
div#component { width: 1024px; height: auto; background-color: #99BBA0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0b244c; }
div#component a { color: #5876a5; }
div#component h1 { margin-bottom: 10px; font-size: 16px; }
div#component h2 { margin-bottom: 5px; font-size: 14px; }
div#component h3 { margin-bottom: 5px; font-size: 12px; font-weight: bold; font-style: italic; }
div#component p { margin-bottom: 10px; }
div#component ul { margin-left: 80px; }

/** footerbereich **/
div#footer { width: 100%; height: 30px; padding-top: 5px; position: fixed; bottom: 0; margin: 0px auto; background-color: #56715B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; text-align: center; }
div#footer ul li { display: inline; margin-left: auto; }
div#footer a { color: #FFFFFF; text-decoration: none; }