body {
	margin: 0;
	padding: 0;
	background: #e9e6ce;
	color: #2f2f31;
	overflow-x: auto;
	overflow-y: auto;
}

img {border: none;}

td {font-size: 1em;}

p {
	padding: 0;
	margin: 4px 0 10px 0;
	line-height: 130%;
}


/* lists */
ul{
	display: inline;
	list-style-type: none; /* no standard bullets */
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

li{
	list-style-type: none; /* no standard bullets */
	background-image: url(/images/general/icons/list.gif); /* bullet graphic */
	background-repeat: no-repeat; 
	background-position: 0px 3px;
	padding-left: .8em;
}
.tPwbRightInfoBox ul li{
	background-image: none;
	padding: 0;
	margin: 0;
}

/* display  */
.inline {display: inline;}
.block {display: block;}
.invisible {display: none;}

/* text-align */
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.justify {text-align: justify;}

/* vertical-align */
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

/* padding helper classes */
.paddingLeft1 {padding-left: 10px;}
.paddingLeft5 {padding-left: 50px;}
.paddingRight1 {padding-right: 10px;}
.paddingBottom1 {padding-bottom: 20px;}
.paddingBottom2 {padding-bottom: 35px;}
.paddingTop1 {padding-top: 20px;}
.paddingTop2 {padding-top: 35px;}

/* margin helper classes */
.noMarginBottom {margin-bottom: 0px;}
.marginLeft2 {margin-left: 15px;}

/* color helper classes */
.beige        {color: #fffdee}       /* content background */
.darkGreen    {color: #006228}   /* footer, header left */
.lightGreen   {color: #90c551}  /* mainMenu background, infoBox */
.orange       {color: #ffa500}      /* default link hover */
.darkBeige    {color: #e9e6ce}   /* body background */
.bkDarkBeige  {background-color: #e9e6ce}
.almostBlack  {color: #2f2f31} /* default font color */
.lightGrey    {color: #ebe8d1}   /* subMenu background, headerBar, infoBox2, form elements */
.darkGrey     {color: #736a57}    /* italic text */
.lightOrange  {color: #ffb935} /* background color for error fields in forms */


/*
  ################################################################### 
           new font definitions according to style guide
  ###################################################################
  
  # according to new style guide #
   - colors
   - typo names
   => image names are still not style guide conform!  
  Note: For a clearer and a more obvious definition of each class the font-size, 
  line-height, etc. is defined several times for the different versions although 
  we could define those things together. 
*/ 
/* +++++++++++++++++ */
/* +++ 1 GENERAL +++ */
/* +++++++++++++++++ */
body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-align: left;
}

a {
  font-size: 1.1em;
} 

a:link, a:active, a:visited {
  text-decoration: none;
  background: url(/images/general/links/arrowRightLightGreen.gif) no-repeat left top;
  padding-left: 12px;
  font-weight: normal;
  color: #006228;
}
a:hover {
  background-image: url(/images/general/links/arrowRightOrange.gif);
  color: #fabc20;
}
strong {
  font-weight: bold;
}
p {
	padding: 0;
	margin: 0;
}

/* ++++++++++++++++++++++++ */
/* +++ 2 FLOATING TEXTS +++ */
/* ++++++++++++++++++++++++ */

/* +++ 2.1 "normal" page background +++ */
.floatingText{
  font-size: 1.1em;
  line-height: 1.5em;
  color: #58585a;
  font-weight: normal;
}
.floatingTextStrong{
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: bold;
  color: #58585a;
}
.floatingTextLight{
  font-size: 1.1em;
  line-height: 1.5em;
  color: #736a57;
  font-style:italic;
}

.floatingTextSmall {
  font-size: 0.9em;
  line-height: 1.4em;
  color: #58585a;
  font-weight: normal;
}

/* +++ 2.2 boxes +++ */
/* +++ 2.2.1 box03 +++ */
.box03FloatingText{
  font-size: 1.1em;
  line-height: 1.2em;
  color: #006228;
}
.box03FloatingTextStrong{
  font-size: 1.1em;
  line-height: 1.2em;
  color: #006228;
  font-weight: bold;
}

/* +++ 2.2.2 box05 +++ */
.box05FloatingText{
  font-size: 1em;
  line-height: 1.1em;
  color: #fffdee;
}
.box05FloatingTextStrong{
  font-size: 1em;
  line-height: 1.1em;
  color: #fffdee;
  font-weight: bold;
}

/* +++ 2.2.3 box01 +++ */
.box01FloatingText{
  font-size: 1.1em;
  line-height: 1.1em;
  color: #fffdee;
}
.box01FloatingTextStrong{
  font-size: 1em;
  line-height: 1.1em;
  color: #fffdee;
  font-weight: bold;
}
.box01FloatingTextLight{
  font-size: 1em;
  line-height: 1.1em;
  color: #759277;
}
.box01FloatingTextDecorated{
  font-size: 1em;
  line-height: 1.1em;
  font-weight: bold;
  color: #fabc20;
}

/* +++++++++++++++ */
/* +++ 3 LINKS +++ */
/* +++++++++++++++ */

/* +++ 3.1 "normal" page background +++ */
a.linkFloatingText:link, a.linkFloatingText:active, a.linkFloatingText:visited{
  line-height: 1.4em;
  text-decoration: none;
  background: url(/images/web/viventura/links/link03.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #006228;
}
a.linkFloatingText:hover{
  background: url(/images/web/viventura/links/link05.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkPopupFloatingText:link, a.linkPopupFloatingText:active, a.linkPopupFloatingText:visited{
  line-height: 1.4em;
  text-decoration: none;
  background: url(/images/web/viventura/links/linkPopup03.gif) no-repeat center left;
  background-position: 0 2px;
  padding-left: 12px;
  color: #006228;
}
a.linkPopupFloatingText:hover{
  background: url(/images/web/viventura/links/linkPopup05.gif) no-repeat center left;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkFloatingTextStrong:link, a.linkFloatingTextStrong:active, a.linkFloatingTextStrong:visited, 
a.linkFloatingTextStrongWithTurnedAroundArrow:link, a.linkFloatingTextStrongWithTurnedAroundArrow:active, a.linkFloatingTextStrongWithTurnedAroundArrow:visited {
  line-height: 1.4em;
  text-decoration: none;
  font-weight: bold;
  background: url(/images/web/viventura/links/link03.gif) no-repeat center left;
  background-position: 0 2px;
  padding-left: 12px;
  color: #006228;
}
a.linkFloatingTextStrong:hover, 
a.linkFloatingTextStrongWithTurnedAroundArrow:hover {
  background: url(/images/web/viventura/links/link05.gif) no-repeat center left;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkFloatingTextStrongWithTurnedAroundArrow:link, a.linkFloatingTextStrongWithTurnedAroundArrow:active, a.linkFloatingTextStrongWithTurnedAroundArrow:visited {
  background: url(/images/web/viventura/links/link03backwards.gif) no-repeat center left;
  background-position: 0 2px;
}
a.linkFloatingTextStrongWithTurnedAroundArrow:hover {
  background: url(/images/web/viventura/links/link05backwards.gif) no-repeat center left;
  background-position: 0 2px;
}

a.linkFloatingTextLight:link, a.linkFloatingTextLight:active, a.linkFloatingTextLight:visited{
  line-height: 1.4em;
  text-decoration: none;
  background: url(/images/web/viventura/links/link09.gif) no-repeat left top;
  background-position: 0 2px;
  font-style: italic;
  padding-left: 12px;
  color: #736a57;
}
a.linkFloatingTextLight:hover{
  background: url(/images/web/viventura/links/link05.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkPopupFloatingTextLight:link, a.linkPopupFloatingTextLight:active, a.linkPopupFloatingTextLight:visited{
  line-height: 1.4em;
  text-decoration: none;
  background: url(/images/web/viventura/links/linkPopup09.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #736a57;
}
a.linkPopupFloatingTextLight:hover{
  background: url(/images/web/viventura/links/linkPopup05.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkBox01FloatingText:link, a.linkBox01FloatingText:active, a.linkBox01FloatingText:visited{
  line-height: 1.4em;
  text-decoration: none;
  background: url(/images/web/viventura/links/link11.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #fffdee;
}
a.linkBox01FloatingText:hover{
  background: url(/images/web/viventura/links/link05.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkBox01FloatingTextStrong:link, a.linkBox01FloatingTextStrong:active, a.linkBox01FloatingTextStrong:visited{
  line-height: 1.4em;
  text-decoration: none;
  font-weight: bold;
  background: url(/images/web/viventura/links/link11.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #fffdee;
}
a.linkBox01FloatingTextStrong:hover{
  background: url(/images/web/viventura/links/link05.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fabc20;
}

a.linkBox03FloatingText:link, a.linkBox03FloatingText:active, a.linkBox03FloatingText:visited,
a.linkBox03FloatingTextStrong:link, a.linkBox03FloatingTextStrong:active, a.linkBox03FloatingTextStrong:visited{
  text-decoration: none;
  background: url(/images/web/viventura/links/link01.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #006228;
}
a.linkBox03FloatingText:hover, a.linkBox03FloatingTextStrong:hover{
  background: url(/images/web/viventura/links/link11.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fffdee;
}
a.linkBox03FloatingTextStrong:link, a.linkBox03FloatingTextStrong:active, a.linkBox03FloatingTextStrong:visited{
  font-weight: bold;
}

a.linkBox05FloatingText:link, a.linkBox05FloatingText:active, a.linkBox05FloatingText:visited,
a.linkBox05FloatingTextStrong:link, a.linkBox05FloatingTextStrong:active, a.linkBox05FloatingTextStrong:visited{
  text-decoration: none;
  background: url(/images/web/viventura/links/link11.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #fffdee;
}
a.linkBox05FloatingText:hover, a.linkBox05FloatingTextStrong:hover{
  background: url(/images/web/viventura/links/link01.gif) no-repeat left top;
  background-position: 0 2px;
  color: #006228;
}
a.linkBox05FloatingTextStrong:link, a.linkBox05FloatingTextStrong:active, a.linkBox05FloatingTextStrong:visited{
  font-weight: bold;
}

a.linkBox10FloatingText:link, a.linkBox10FloatingText:active, a.linkBox10FloatingText:visited,
a.linkBox10FloatingTextStrong:link, a.linkBox10FloatingTextStrong:active, a.linkBox10FloatingTextStrong:visited{
  text-decoration: none;
  background: url(/images/web/viventura/links/link01.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  color: #006228;
}
a.linkBox10FloatingText:hover, a.linkBox10FloatingTextStrong:hover{
  background: url(/images/web/viventura/links/link05.gif) no-repeat left top;
  background-position: 0 2px;
  color: #fabc20;
}
a.linkBox10FloatingTextStrong:link, a.linkBox10FloatingTextStrong:active, a.linkBox10FloatingTextStrong:visited{
  font-weight: bold;
}

/* IT IS IMPORTANT THAT THOSE DEFINITIONS STAND AT THE END OF LINK DEFINITIONS 
   TO BE ABLE TO OVERWRITE OTHERS WHEN MEETING CONFLICTING VALUES */
a.withoutArrow:link, a.withoutArrow:visited, a.withoutArrow:active, a.withoutArrow:hover {
  background-image:none;
  text-decoration: none;
  padding: 0px;
}
/* +++++++++++++++++++ */
/* +++ 4 HEADLINES +++ */
/* +++++++++++++++++++ */
/* headline1 (is h2 because seo recommends h1 not to be used as main headline as it is more and more ignored by search engines) */
h2{
  font-size: 10pt;
  font-weight: bold;
  color: #006228;
  padding: 0;
  margin: 0;
  display: inline;
}
/* headline2 */
h3{
  font-weight: bold;
  font-size: 1.0em;
  color: #006228;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  display: inline;
}
/* headline3 */
h4{
  font-size: 1.0em;
  font-weight: normal;
  color: #006228;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  display: inline;
}
/* headline4, every type of html tag can be .headline4 class not only hx ... */ 
.headline4{
  font-weight: normal;
  font-size: 1.0em;
  font-style:italic;
  color: #736a57;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  display: inline;
}

/* ++++++++++++++++++++++++++ */
/* +++ 5 ADDITIONAL TYPOS +++ */
/* ++++++++++++++++++++++++++ */
/* +++ 5.1 InfoTabText +++ */
.infoTabText{
  font-weight: bold;
  font-size: 1em;
  color: #fffdee;
}

/* +++ 5.2 AdditionalInfoText +++ */
.additionalInfoText{
  font-size: 0.9em;
  color: #58585a;
}
.additionalInfoText a:hover{
  color: #fabc20;
}

.additionalInfoTextStrong{
  font-weight: bold;
  font-size: 0.9em;
  color: #58585a;
}

.separatingBar05{
  color: #fabc20;
  font-weight: bold;
}
.separatingBar03{
  color: #82d91e;
  font-weight: bold;
}





/* ################################################################### */


/* font styles                 EXAMPLES */
.viType15 {font-size: 1.3em;} /* subMenuHeader */
.viType14 {font-size: 1.2em;} /*  */
.viType13 {font-size: 1.1em;} /*  */
.viType12 {font-size: 1em;}   /* default font size, continuous text */
.viType10 {font-size: 7pt;}   /* breadcrumbs, subMenu */

/* font-style / font-weight */
.italic {font-style: italic;}
.italic, i {color: #736a57;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}

/* default link */
a:link, a:active, a:visited {
  text-decoration: none;
  background: url(/images/general/links/arrowRightLightGreen.gif) no-repeat left top;
  background-position: 0 2px;
  padding-left: 12px;
  font-weight: normal;
  color: #006228;
}
a:hover {
  background-image: url(/images/general/links/arrowRightOrange.gif);
  background-position: 0 2px;
  color: #ff9900;
}


/* link definitions | ordered by viType | use following link-syntax:
   font|color|[arrowColor]|[arrowType]-colorHover|[arrowColorHover]|[arrowTypeHover][-arrowPosition]
   if arrowColorHover == colorHover then leave out the definition of arrowColorHover
   default values:
      color:               DarkGreen #006228
      arrowColor:          LightGreen
      arrowType:           Right
      colorHover:          Orange #ffa500
      arrowColorHover:     Orange
      arrowTypeHover:      Right
      arrowPosition:       Left
*/

/* viType10  */
a.viType10DarkGreenLightGreen-Orange:link, a.viType10DarkGreenLightGreen-Orange:visited, a.viType10DarkGreenLightGreen-Orange:active {
  font-size: 7pt;
  background-image: url(/images/general/links/arrowRightLightGreenSmall.gif);
  color:#006228;
}
a.viType10DarkGreenLightGreen-Orange:hover {
  background-image: url(/images/general/links/arrowRightOrangeSmall.gif);
  color:#ffa500;
}
/********************************************/
a.viType10DarkGreen-Beige:link, a.viType10DarkGreen-Beige:visited, a.viType10DarkGreen-Beige:active {
  font-size: 7pt;
  background-image: url(/images/general/links/arrowRightDarkGreenSmall.gif);
  color:#006228;
}
a.viType10DarkGreen-Beige:hover {
  background-image: url(/images/general/links/arrowRightBeigeSmall.gif);
  color:#fffdee;
}
/********************************************/
a.viType10Beige-DarkGreen:link, a.viType10Beige-DarkGreen:visited, a.viType10Beige-DarkGreen:active {
  font-size: 7pt;
  background-image: url(/images/general/links/arrowRightBeigeSmall.gif);
  color:#fffdee;
}
a.viType10Beige-DarkGreen:hover {
  background-image: url(/images/general/links/arrowRightDarkGreenSmall.gif);
  color:#006228;
}
/********************************************/
a.viType10DarkGreen-Orange:link, a.viType10DarkGreen-Orange:visited, a.viType10DarkGreen-Orange:active {
  font-size: 7pt;
  background-image: url(/images/general/links/arrowRightDarkGreenSmall.gif);
  color:#006228;
}
a.viType10DarkGreen-Orange:hover {
  background-image: url(/images/general/links/arrowRightOrangeSmall.gif);
  color:#ffa500;
}
/********************************************/
a.viType10Beige-Orange:link, a.viType10Beige-Orange:visited, a.viType10Beige-Orange:active {
  font-size: 7pt;
  background-image: url(/images/general/links/arrowRightBeigeSmall.gif);
  color:#fffdee;
}
a.viType10Beige-Orange:hover {
  background-image: url(/images/general/links/arrowRightOrangeSmall.gif);
  color:#ffa500;
}
/********************************************/
a.viType10DarkGreenLightGreenDown-OrangeDown:link, a.viType10DarkGreenLightGreenDown-OrangeDown:active, a.viType10DarkGreenLightGreenDown-OrangeDown:visited {
  font-size: 7pt;
  background-image: url(/images/general/links/arrowDownLightGreenSmall.gif);
  background-position: 0px;
  color: #006228;
}
a.viType10DarkGreenLightGreenDown-OrangeDown:hover {
  background-image: url(/images/general/links/arrowDownOrangeSmall.gif);
  color: #ffa500;
}

/* viType12 */
a.viType12DarkGreen-Beige:link, a.viType12DarkGreen-Beige:visited, a.viType12DarkGreen-Beige:active {
  background-image: url(/images/general/links/arrowRightDarkGreen.gif);
  color:#006228;
}
a.viType12DarkGreen-Beige:hover {
  background-image: url(/images/general/links/arrowRightBeige.gif);
  color:#fffdee;
}
/********************************************/
a.viType12BeigeLightGreen-DarkGreen:link, a.viType12BeigeLightGreen-DarkGreen:active, a.viType12BeigeLightGreen-DarkGreen:visited {
  background-image: url(/images/general/links/arrowRightLightGreenSmall.gif);
  background-position: 0 1px;
  color: #fffdee;
}
a.viType12BeigeLightGreen-DarkGreen:hover {
  background-image: url(/images/general/links/arrowRightDarkGreenSmall.gif);
  color: #006228;
}
/********************************************/
a.viType12DarkGreenLightGreenUp-OrangeUp:link, a.viType12DarkGreenLightGreenUp-OrangeUp:active, a.viType12DarkGreenLightGreenUp-OrangeUp:visited {
  background-image: url(/images/general/links/arrowUpLightGreen.gif);
  background-position: 0px;
  padding-left: 14px;
  color: #006228;
}
a.viType12DarkGreenLightGreenUp-OrangeUp:hover {
  background-image: url(/images/general/links/arrowUpOrange.gif);
  color: #ffa500;
}
/********************************************/
a.viType12DarkGreenLightGreenDown-OrangeDown:link, a.viType12DarkGreenLightGreenDown-OrangeDown:active, a.viType12DarkGreenLightGreenDown-OrangeDown:visited {
  background-image: url(/images/general/links/arrowDownLightGreen.gif);
  background-position: 0px;
  padding-left: 14px;
  color: #006228;
}
a.viType12DarkGreenLightGreenDown-OrangeDown:hover {
  background-image: url(/images/general/links/arrowDownOrange.gif);
  color: #ffa500;
}
/********************************************/
a.viType12DarkGreenLightGreenDiagonal-OrangeDiagonal:link, a.viType12DarkGreenLightGreenDiagonal-OrangeDiagonal:active, a.viType12DarkGreenLightGreenDiagonal-OrangeDiagonal:visited {
  background-image: url(/images/general/links/arrowDiagonalLightGreenSmall.gif);
  background-position: 0px;
  color: #006228;
}
a.viType12DarkGreenLightGreenDiagonal-OrangeDiagonal:hover {
  background-image: url(/images/general/links/arrowDiagonalOrangeSmall.gif);
  color: #ffa500;
}
/********************************************/
a.viType12LightGreenLeft-OrangeLeft:link, a.viType12LightGreenLeft-OrangeLeft:active, a.viType12LightGreenLeft-OrangeLeft:visited {
  background-image: url(/images/general/links/arrowLeftLightGreen.gif);
}

a.viType12LightGreenLeft-OrangeLeft:hover {
  background-image: url(/images/general/links/arrowLeftOrange.gif);
}

a.viType12LightGreenRight-OrangeRight-Right:link, a.viType12LightGreenRight-OrangeRight-Right:active, a.viType12LightGreenRight-OrangeRight-Right:visited {
  background-position: right;
  padding-right: 12px;
  padding-left: 0;
}
/********************************************/

/* viType15 */
a.viType15DarkGreen-Orange:link, a.viType15DarkGreen-Orange:active, a.viType15DarkGreen-Orange:visited {
  font-size: 15px;
  background-image: url(/images/general/links/arrowRightDarkGreen.gif);
  background-position: 0 3px;
  color: #006228;
}
a.viType15DarkGreen-Orange:hover {
  color: #ffa500;
  background-image: url(/images/general/links/arrowRightOrange.gif);
}


/* special css for links (AFTER! definition of link classes) */
a.bold {font-weight: bold;}

a {background-image: none;} /* anchors without image at hover in firefox */