body {
  font-size: 100.1%; /* fixing msie font scaling bug \*/
  font-family: verdana,geneva,helvetica,arial,sans-serif;
  background-color: #ffffff;
  color: #000000;
}
body, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  margin: 0;
  padding: 0;
}
a, img {
  border: 0;
}
a         {text-decoration: none;}
a:link    {color: #555555;}
a:visited {color: #555555;}
a:focus   {color: #000000;}
a:hover   {color: #000000;}

.clearFloat {
  clear: both;
}
div.terminateFloat {
  height: 0;
  overflow: hidden;
  clear: both;
}
a.moreInformation { /* use that together with a trailing '<br class="nofloat">' only \*/
  float: right;
  -margin-right: 6px;
}


/*  begin: GRID DEFINITION                                                    \*/
/*                                                                            \*/
div#columnGrid {
  position: absolute;
  left: 0;
  top: 332px;/*
  width: 1003px;\*/ /* that's the maximum width for a maximized msie (1022px) on
  standard winXP due to the righthanded vertical scrollbar (19px)  -  though
  1011px is overambicious and 1000px was even more realistic  -  the design
  itself offers a fallback by 25px empty room on the right side ending up
  with a reasonable minimum size of 986px (1011px - 25px) \*/
  width: 986px;
/*font-size: 0.8em;
  line-height: 0.96em;\*/ /* the last two properties could be used as default setting if there were unstyled text informations within the document \*/
}

div.columnOneSixth {/*
  width over all: 164px  -  (164px * 6/1) = 984px < 986px \*/
  -position: relative; /* msie column positioning patch \*/
  -left: -2px;         /* msie column positioning patch \*/
  width: 162px;
  margin-left: 2px;
  float: left;
}

div.columnFullWidth {/*
  width over all: 984px  -  (984px * 1/1) = 984px < 986px \*/
  width: 982px;
  margin-left: 2px;
}

div#navigation {  /*  CONTAINERs combining "old content" with "new framework" \*/
  position: absolute;
  left: 2px;
  top: 122px;
  width: 162px;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
div#content {
  position: absolute;
  left: 178px;
  top: 159px;
}
div#content p {
  margin: 10px 0 10px 0;
}

div#content ul {
/*list-style-type: "square";  */
list-style-image: url(http://www.ff-beienheim.de/img/pfeil.gif);
padding-left: 25px;
}

/*  begin: define header section containing LOGO, mainTEASERs and NAVIGATIONs \*/
/*                                                                            \*/
div#FFWLogo {                         /*  LOGO                              \*/
  position: absolute;
  top: 13px;
  left: 2px;
  width: 162px;
  height: 51px;
  background-color: #ffffff;
  z-index: 1;
}
div#FFWLogo img {
  width: 162px;
  height: 51px;
}

img#hfv {                      /*  Logo Image Kampagne                \*/
  position: relative;
  left: 25px;
  top: 0px;
  width: 100px;
  height: 100px;
  color: #808080;
  background-color: #ffffff;
}

div#mainTeaser {
  position: relative;
  left: 2px;
  top: 6px;
  height: 210px;
  width: 982px;
  font-size: 0.7em;
  line-height: 1.15em;
  color: #333333;
  background-position: top left;
  background-repeat: repeat-x;
}
div#mainTeaser div.imageInformation {
  position: absolute;
  left: 0;
  top: 0;
  width: 982px;
  height: 210px;
  overflow: hidden;
}/*
div#mainTeaser div.imageInformation img {
  width: 326;
  height: 210;
}\*/
div#mainTeaser div.textInformation {
  position: absolute;
  left: 416px;
  bottom: 23px;
  width: 385px;
  overflow: hidden;/*
  background-color: #ffcc00;\*/ /* color for css developing reasons \*/
}
div#mainTeaser div.textInformation h1 {
  font-size: 165%;
  line-height: 98%;
}
div#mainTeaser div.textInformation p {
  margin-top: 8px;
  -margin-top: 7px;
}/*
div#mainTeaser div.textInformation p a {
  float: right;
}\*/
div#mainTeaser div.textInformation p a:link {
  color: #333333;
}
div#mainTeaser div.textInformation p a:visited {
  color: #333333;
}
div#mainTeaser div.textInformation p a:focus {
  color: #000000;
  text-decoration: underline;
}
div#mainTeaser div.textInformation p a:hover {
  color: #000000;
  text-decoration: underline;
}

body#home ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}

div#disclaimerHeader {                  /*  disclaimer NAVIGATION             \*/
  position: relative;
  left: 0;
  top: 2px;
  margin: 0 2px 0 2px;
  height: 22px;
  background-color: #ebebeb;
}
div#disclaimerHeader div.columnFullWidth {
  margin: 0; /* reset of previous margin definitions \*/
  width: 983px;
  padding-top: 4px;
  font-size: 0.7em;
}
div#disclaimerHeader div.columnFullWidth ul#disclaimerNavigation {
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
  float: right;
}
ul#disclaimerNavigation li {/*
  display: inline; \*/ /* wraps never ever but causes white spaces in between "li" elements \*/
  float: left; /* wraps (if necessary) between "li" elements but suppresses white spaces  \*/
  padding-left: 16px; /* in order to achieve 21px spacing between "li" elements \*/
  white-space: nowrap;
}/*
ul#disclaimerNavigation li a {\*/ /*
  margin-right: -4px;\*/ /* msie-hack fuer li::display:inline; \*/ /*
}\*/
ul#disclaimerNavigation li a:link {
  color: #555555;
}
ul#disclaimerNavigation li a:visited {
  color: #555555;
}
ul#disclaimerNavigation li a:focus {
  color: #000000;
}
ul#disclaimerNavigation li a:hover {
  color: #000000;
}

div#topLevelHeader {                    /*  top level NAVIGATION              \*/
  position: relative;
  left: 0;
  top: 4px;
  margin: 0 2px 0 2px;
  height: 94px;
  background-color: #b00000;
}
div#topLevelHeader div#navigationDevider {
  position: absolute;
  left: 0;
  top: 70px;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 0;
}
div#topLevelHeader div.columnFullWidth {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0; /* reset of previous margin definitions \*/
  width: 975px;
  height: 100%;
  font-size: 0.7em;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
  overflow: visible;
  z-index: 1;
}
div#topLevelHeader div.columnFullWidth ul#topLevelNavigation {
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
  position: absolute;
  left: 162px;
  top: 45px;
  font-weight: bold;
}
ul#topLevelNavigation li {/*
  display: inline; \*/ /* wraps never ever but causes white spaces in between "li" elements \*/
  float: left; /* wraps (if necessary) between "li" elements but suppresses white spaces  \*/
  white-space: nowrap;
  background-color: #b00000;
}
ul#topLevelNavigation li a {
  display: block;
  padding: 6px 14px 6px 14px; /* in order to achieve 28px spacing between "li/a" elements \*/
}
ul#topLevelNavigation li a:link {
  color: #ffffff;
}
ul#topLevelNavigation li a:visited {
  color: #ffffff;
}
ul#topLevelNavigation li a:focus {
  color: #000000;
}
ul#topLevelNavigation li a:hover {
  color: #000000;
}
ul#topLevelNavigation li.selected {
  padding: 4px 12px 8px 12px; /* in order to achieve 28px spacing between "li/a" elements \*/
  border: 2px solid #ffffff;
  border-bottom: 0; /* partly correct above made border rule \*/
}
ul#topLevelNavigation li.selected a {
  display: inline;
  padding: 0;
  color: #000000;
}
ul#topLevelNavigation li.selected a:link    {color: #000000;} /* msie needs this 4 additional rules cause it does not get the simple "a" element rule \*/
ul#topLevelNavigation li.selected a:visited {color: #000000;}
ul#topLevelNavigation li.selected a:focus   {color: #000000;}
ul#topLevelNavigation li.selected a:hover   {color: #000000;}

div#topLevelHeader div.columnFullWidth ul#secondLevelNavigation {
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
  position: absolute;
  left: 161px;
  top: 72px;
  font-weight: normal;
}
ul#secondLevelNavigation li {/*
  display: inline; \*/ /* wraps never ever but causes white spaces in between "li" elements \*/
  float: left; /* wraps (if necessary) between "li" elements but suppresses white spaces  \*/
  white-space: nowrap;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
ul#secondLevelNavigation li a {
  display: block;
  padding: 4px 13px 5px 15px; /* in order to achieve 21px spacing between "li/a" elements \*/
}
ul#secondLevelNavigation li a:link {
  color: #ffffff;
}
ul#secondLevelNavigation li a:visited {
  color: #ffffff;
}
ul#secondLevelNavigation li a:focus {
  color: #000000;
}
ul#secondLevelNavigation li a:hover {
  color: #000000;
}
ul#secondLevelNavigation li.selected a {
  color: #000000;
}
ul#secondLevelNavigation li.selected a:link    {color: #000000;} /* msie needs this 4 additional rules cause it does not get the simple "a" element rule \*/
ul#secondLevelNavigation li.selected a:visited {color: #000000;}
ul#secondLevelNavigation li.selected a:focus   {color: #000000;}
ul#secondLevelNavigation li.selected a:hover   {color: #000000;}

ul#mainNavigation {                    /*  MAIN NAVIGATION                   \*/
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
  margin-bottom: 23px;
  font-size: 0.7em;
  line-height: 1.65em;
}
ul#mainNavigation li {
  white-space: nowrap;
  height: 20px;
  -height: 21px;
  border-bottom: 1px solid #cccccc;
  -margin-left: -16px;/* patch for msie rendering bug:
  in msie there is a strange offset-left of 16px ?? \*/
}
ul#mainNavigation li a {
  margin: 0 6px 0 6px;
}
ul#mainNavigation li a:link {
  color: #555555;
}
ul#mainNavigation li a:visited {
  color: #555555;
}
ul#mainNavigation li a:focus {
  color: #000000;
}
ul#mainNavigation li a:hover {
  color: #000000;
}
ul#mainNavigation li#search {
  height: auto;
  border: 0;
}
ul#mainNavigation li#search span {
  margin: 0 6px 0 6px;
  color: #555555;
}
ul#mainNavigation li#search input {
  display: block;
  width: 149px;
  height: 18px;
  margin: 2px 0 0 7px;
  -margin-left: 23px;/* repatch the above made "li"-patch for msie \*/
  font-size: 0.8em;
  line-height: 1.2em;
}
ul#mainNavigation li#search button {
  display: block;
  width: 148px;
  height: 12px;
  margin: 4px 0 0 7px;
  -margin-left: 23px;/* repatch the above made "li"-patch for msie \*/
  border: 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

/*  begin: TEASER DEFINITIONs                                                 \*/
/*                                                                            \*/
div.teaser {                                   /*  default/standard TEASER    \*/
  position: relative;
  left: 0;
  top: 0;
  padding: 9px 0 15px 0;
  -padding-top: 7px;
  -padding-bottom: 12px;
  font-size: 0.7em;
}
div.welcomeTeaser {                            /*  welcome TEASER             \*/
  top: 14px;
  height: 248px;
  -height: 267px;
  overflow: hidden;
  background-color: #ebebeb;
}
div.loginTeaser {                              /*  login TEASER               \*/
  top: 14 px;
  width: 150px;
  -width: 162px;
  padding-left: 6px;
  padding-right: 6px;/*
  overflow: hidden;\*/
  color: #ffffff;
  background-color: #b00000;
}

div.teaser select {                            /*  teaser SELECT field        \*/
  display: block;
  width: 150px;
  height: 16px;
  margin-top: 8px;
  font-size: 0.8em;
  color: #555555;
}
div.teaser button {                            /*  teaser (submit) BUTTON     \*/
  display: block;
  width: 148px;
  height: 12px;
  margin-top: 4px;
  border: 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
div.welcomeTeaser button {
  background-color: #ebebeb;
}
div.teaser div.teaserSplit {                     /*  teaser - splitted teaser   \*/
  float: left;
  width: 158px;
  -width: 172px;
  margin: 0 -6px 0 -6px;
  padding: 0 8px 0 6px;
}

div.teaser h3 {                                /*  teaser <H3>-HEADER         \*/
  display: block;
  font-size: 100%;
  line-height: 1.25em;
}
div.welcomeTeaser h3 {
  height: 27px;
  -height: 28px;
  padding: 0 3px 0 6px;
  overflow: hidden;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
div.welcomeTeaser h3.singleLine {
  height: 13px;
  -height: 14px;
}/*
div.welcomeTeaser h3.doubleLine {
  height: 29px;
}\*/
div.loginTeaser h3 {
  width: 150px;
  -width: 162px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 0 6px 7px 6px;
  -padding-bottom: 8px;
  border-bottom: 1px solid #ffffff;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
body#home div.welcomeTeaser {
  height: 278px;
  -height: 297px;
  margin-bottom: 33px;
}

div.welcomeTeaser p {
  margin: 5px 0 5px 0;
  padding: 0 6px 0 6px;
}
div.welcomeTeaser p.intro {
  height: 88px;/*
  background-color: #00ffcc; \*/ /* color for css developing reasons \*/
}
div.welcomeTeaser p img {
  margin: 5px -6px 0 -6px;
  width: 162px;
  height: 80px;
}
div.welcomeTeaser p a:focus {
  text-decoration: underline;
}
div.welcomeTeaser p a:hover {
  text-decoration: underline;
}

div.welcomeTeaser ul {
  margin: 5px 0 5px 0;
  padding: 0 6px 0 6px;
}
div.welcomeTeaser ul.linkList {
  font-weight: bold;
  list-style-type: none;
}
div.welcomeTeaser ul.linkList a:link {
  color: #000000;
}
div.welcomeTeaser ul.linkList a:visited {
  color: #000000;
}
div.welcomeTeaser ul.linkList a:focus {
  color: #000000;
  text-decoration: underline;
}
div.welcomeTeaser ul.linkList a:hover {
  color: #000000;
  text-decoration: underline;
}

div.welcomeTeaser ul.wideList li {
  margin-bottom: 5px;
}

div.loginTeaser ul {                           /*  login teaser <UL>-LIST     \*/
  list-style-type: none;
  padding-top: 7px;
  line-height: 1.25em;
  font-weight: bold;
}
div.loginTeaser ul li {
  padding-left: 12px;
  font-weight: normal;
}/*
  end of alternative css rules for none valid html list structure
\*/
div.loginTeaser ul li a:link {
  color: #ffffff;
}
div.loginTeaser ul li a:visited {
  color: #ffffff;
}
div.loginTeaser ul li a:focus {
  color: #ffffff;
  text-decoration: underline;
}
div.loginTeaser ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}