html, body {
  font-family:Arial,Verdana,Geneva,Helvetica;
  text-align:center;
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  background-image:url(../images/volksbank-hochrhein-konto-25-background.jpg);
}

#main {
  position:relative;
  margin:auto;
  width:950px;
  min-height:100%;
  background-color:#F7D9BA;
  text-align:left;
  background-image:url(../images/volksbank-hochrhein-konto-25-background-main.gif);
  background-repeat:repeat-y;
}

#mainHome {
  position:relative;
  margin:auto;
  width:982px;
}

#content {
  width:770px;
  margin-left:28px;
  padding-top:215px;
  padding-bottom:250px;
  /*min-height:100%;
  background-image:url(../images/volksbank-hochrhein-konto-25-background-content.gif);
  background-repeat:repeat-y;*/
  font-size:10pt;
  color:#000000;
}

#content h1 {
  margin:0px;
  padding:0px;
  margin-left:40px;
  margin-right:40px;
  margin-bottom:20px;
  font-size:14pt;
  color:#000000;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  border-color:#EA8000;
}

#content h2 {
  margin:0px;
  padding:0px;
  margin-left:40px;
  margin-right:40px;
  margin-top:15px;
  margin-bottom:10px;
  font-size:12pt;
  color:#000000;
}

#pointHead {
  position:absolute;
  top:0px;
  left:0px;
  background-color:#F7D9BA;
}

#whiteHead {
  position:absolute;
  top:48px;
  left:19px;
}

#clever {
  position:absolute;
  top:6px;
  left:704px;
}

#cleverShadowLeft {
  position:absolute;
  top:183px;
  left:704px;
}

#cleverShadowBottom {
  position:absolute;
  top:228px;
  left:798px;
}

#aktuelleInfos {
  position:absolute;
  top:90px;
  left:200px;
}

#footerImage {
  position:absolute;
  bottom:0px;
  left:0px;
}

#footerContent {
  position:absolute;
  bottom:108px;
  left:20px;
}

#buttonKontakt {
  position:absolute;
  left:493px;
  top:68px;
}

#buttonImpressum {
  position:absolute;
  left:516px;
  top:124px;
}

#buttonVolksbank {
  position:absolute;
  left:765px;
  bottom:46px;
}




.teaserRow {
  position:relative;
  width:716px;
}



.teaserHeadline {
  position:relative;
  width:246px;
  float:left;
  display:inline;
  background-image:url(../images/volksbank-hochrhein-konto-25-teaser-headline-background.gif);
  background-repeat:repeat-y;
  margin-bottom:10px;
  margin-left:41px;
  margin-right:70px;
}

#content .teaserHeadline h1 {
  margin:0px;
  padding-left:10px;
  padding-right:10px;
  font-size:13pt;
  border:0px;
}

.teaserHeadlineTopPic {
  position:relative;
  background-color:#FFFFFF;
}

.teaserHeadlineBottomPic {
  position:relative;
  background-color:#FFFFFF;
}



.teaserContent {
  position:relative;
  width:317px;
  float:left;
  display:inline;
  margin-left:14px;
  margin-bottom:20px;
  margin-right:27px;
}


.teaserContentDiv {
  position:relative;
  top:0px;
  left:168px;
  width:175px;
  min-height:150px;
  margin-top:20px;
  background-image:url(../images/volksbank-hochrhein-konto-25-teaser-text-content-background-right-float.gif);
  background-repeat:repeat-y;
  background-position:top right;
  z-index:5;
}

.teaserTextContent {
  position:relative;
  width:146px;
  min-height:121px;
  float:left;
  background-color:#FFFFFF;
  background-image:url(../images/volksbank-hochrhein-konto-25-teaser-text-content-background.gif);
  background-repeat:no-repeat;
  z-index:6;
}

.teaserTextContent p {
  padding-left:10px;
  padding-top:5px;
  margin:0px;
  font-size:9pt;
}


.teaserTextContentBackgroudRight {
  position:relative;
  width:29px;
  float:left;
  z-index:8;
}

.teaserTextContentBackgroudBottom {
  position:relative;
  width:175px;
  filter:Alpha(opacity=75, finishopacity=75, style=3);
  opacity:0.75;
  clear:both;
  z-index:9;
}

.buttonWeiter {
  position:absolute;
  bottom:-8px;
  left:98px;
  z-index:11;
}

.behindForwardButton {
  position:absolute;
  bottom:29px;
  right:-18px;
  z-index:7;
}

.nebenButtonWeiter {
  position:absolute;
  top:121px;
  left:146px;
  z-index:10;
}

.teaserTextContentBackgroudBottomWhite {
  position:absolute;
  bottom:20px;
  left:0px;
  z-index:2;
}

.teaserPicContentBackground {
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}

.teaserContentOrangeBorder {
  position:absolute;
  top:-4px;
  left:150px;
  z-index:3;
}

.teaserPic {
  position:absolute;
  top:17px;
  left:25px;
  z-index:4;
}



/*Definition rechter - linker Schatten*/

#mainShadowLeft {
  position:absolute;
  bottom:0px;
  left:-9px;
  width:9px;
  height:100%;
}

#mainShadowRight {
  position:absolute;
  bottom:0px;
  right:-9px;
  width:9px;
  height:100%;
}

.shadowLine100 {
  width:1px;
  height:100%;
  float:left;
  background-color:#151515;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine90 {
  width:1px;
  height:100%;
  float:left;
  background-color:#222222;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine80 {
  width:1px;
  height:100%;
  float:left;
  background-color:#2B2B2B;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine70 {
  width:1px;
  height:100%;
  float:left;
  background-color:#3B3B3B;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine60 {
  width:1px;
  height:100%;
  float:left;
  background-color:#4C4C4C;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine50 {
  width:1px;
  height:100%;
  float:left;
  background-color:#606060;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine40 {
  width:1px;
  height:100%;
  float:left;
  background-color:#757575;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine30 {
  width:1px;
  height:100%;
  float:left;
  background-color:#8A8A8A;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}

.shadowLine20 {
  width:1px;
  height:100%;
  float:left;
  background-color:#9F9F9F;
  filter:Alpha(opacity=50, finishopacity=50, style=3);
  opacity:0.50;
}






#centerHelp {
  position:relative;
  width:100%;
  height:50%;
  min-height:330px;
}

#centerLine {
  position:relative;
  height:1px;
  width:982px;
  text-align:center;
  overflow:visible;
  left:0px;
  margin:auto;
}

#mainHome {
  position:absolute;
  text-align:left;
  top:-330px;
  left:0px;
  width:982px;
  height:660px;
}

#homeLogo {
  position:absolute;
  top:0px;
  left:0px;
}

#homePrimax {
  position:absolute;
  top:250px;
  left:0px;
}

#homePrimaxForwardButton {
  position:absolute;
  top:561px;
  left:198px;
}

#homeClever {
  position:absolute;
  top:170px;
  right:0px;
}

#homeCleverForwadButton {
  position:absolute;
  top:526px;
  right:90px;
}

.backButtonTopDIV {
	text-align:left;
}

.backButtonBottomDIV {
	text-align:right;
}

.backButtonTopDIV img{
	margin-left:30px;
    margin-bottom:10px;
}

.backButtonBottomDIV img{
	margin-right:20px;
}




#tippsDiv {
    position:absolute;
    top:265px;
    left:830px;
    height:300px;
    width:110px;
    padding-top:130px;
}

.oneTippDiv {
	position:relative;
	width:91px;
    height:91px;
    margin-bottom:20px;
}

.innerTippDiv {
	position:relative;
	width:91px;
    height:91px;
    overflow:hidden;
    background-color:#FFFFFF;
}

.oneTippShadow {
	position:absolute;
    top:-4px;
    left:-4px;
}

.oneTippBorder {
	position:absolute;
    top:0px;
    left:0px;
}

#label {
	position:absolute;
    top:0px;
    left:0px;
    display:none;
    font-size:10pt;
    font-weight:bold;
    background-color:#FFFFFF;
    border:1px solid #EA8000;
    padding:4px;
}


#wordExplainDiv {
	position:absolute;
	background-color:#005dab;
	border:1px solid #000000;
	padding:5px;
	z-index:100;
	font-size:10pt;
  	color:#FFFFFF;
  	max-width:250px;
  	text-align:left;
}

.wordExplain {
	font-weight:bold;
	display:none;
	cursor:pointer;
	color:#EA8000;
}