/***************************************
*
*
* 4 COLUMNS LAYOUT (HOME-PAGE)
*
*
****************************************/
/* Outer Box that contains the 3 columns. In fact, this is the middle column. The right and the left column
* are placed inside this div and floated to the left and the right.
* This div has left and right margins with the same width as the left and right columns
* These colums are then moved into place with negativ margins
*/
#outer{
  height:550px;
  margin-left:510px;
  margin-right:230px;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  margin-top:20px; /* this makes the space between the key visual and the content */
  border-top:solid 1px #fff;
  /*background:cyan;*/
}

#outer #left #leftLeft #leftLeftContent p.bodytext {
	margin-left: 8px;	
}
#outer #left #leftLeft p.bodytext {
	margin-left: 8px;	
	margin-top: 19px;
}

#outer #left #leftRight p.bodytext {
	margin-left: 16px;
	margin-top: 19px;
	padding-right: 13px;
}
#outer #left #leftRight p.bodytext a.linkWithArrowBefore {
	margin-top: 0px;
}
.clearfooter {
  width: 238px !important;
  border-left: 1px solid #fff;  
  border-right: 1px solid #fff;
  margin-left: -1px;
}

#left {
  position:relative;/*ie needs this to show float */
  width:510px;/* same as the left margin on #outer*/
  float:left;
  margin-left:-509px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
  left:-2px;/* push column into position*/
  vertical-align:top;
  padding:0px;
	/* background-image:url('/fileadmin/templates/img/left_column_background.gif'); */
	/*background:yellow;*/
}

#leftRight {
  float:right;
  width:238px;
  height: 550px;
  border-left: solid 1px #ccc;
}

#leftRight h2 {
  background-color:#EEEEEE;
  border-bottom:1px solid #E4E4E4;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  margin:0 0 0px 8px;
  padding:0 0 0 8px;
  width:210px;
}

#leftLeft {
  float:left;
  width:270px;
  padding:0;
}

#leftLeftContent {
  padding: 0px 10px 28px 0px;
  margin:0px;
}
  
  #leftRightContent {
    padding: 0px 10px 28px 18px; 
    margin:0px;
  }
  
  #rightContent {
    padding:0px 0px 28px 0px; 
    margin-left: 18px;
  }
  
  #middleRightBox {
    padding: 0;
  }
  
  #middleContent {
    padding:0px 10px 0px 8px; 
    margin-bottom: 28px;
    margin-top:0;
  }

  #right {
    position:relative;/*ie needs this to show float */
    width:230px;/* same as right margin on #outer*/
    float:right;
    margin-right:-229px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
    left:2px;/* push column into position*/
    margin-top:0;
  }

 #middleContent h2{ 
      color:#666;
      font-weight:bold;
      font-size:13px;
      margin: 0 0 0px 8px;
      background:#eeeeee;
      padding:0px 0px 0px 8px;
    }

#middleContent .csc-header.csc-header-n1 h2,
#middleContent .news-latest-container h2,
#middleContent .news-list-container h2,
#leftRightContent .news-latest-container h2 {
  background-color:#EEEEEE;
  width:210px;
  border-bottom:1px solid #E4E4E4;
  color:#666666;
  font-size:14px;
  margin: 0 0 0px 0;
  padding:0 0 0 8px;
  font-weight:bold;
}
#middleContent .news-list-container hr.clearer {
	border-color:#fff;
}
#middleContent .news-latest-container,
#middleContent .news-list-container {
  width:218px;
}
#innerBox .news-latest-item {
  margin-left:8px;
}
#leftRightContent .news-latest-container {
  display: inline;
}

.news-latest-container .news-latest-item {
  margin-left:18px;
}

#leftRightContent .csc-header.csc-header-n1 h2 {
  margin-left:0;
}

p.bodytext {
  margin-left:0px;
  margin-top:0px;
}

#outer #left #leftRight .news-latest-container .news-latest-item p.bodytext {
	margin-top: 0px;
	margin-left: 0px;
}

#rightContent p.bodytext a.linkWithArrowBefore {
  margin-left:  -6px! important;
}
#leftRight p.bodytext a.linkWithArrowBefore {
  margin-left:  3px;

}
.news-latest-item p.bodytext,
.news-list-item p.bodytext {
  margin-left:0px;
}

#textInKeyVisual p.bodytext a.linkWithArrowBefore {
  margin-left:0px;
}

#left #leftLeft #leftLeftContent h2 {
  margin-left: 0px;
}
.tx_bfhveranstaltungen_pi3_dl {
	margin-top: 19px;	
}

dl.tx_bfhveranstaltungen_pi3_dl dt {
  line-height: 16px;
  margin-left: 8px;
  margin-top:0;
}

p.bodytext a.linkWithArrowBefore {
  padding-left: 18px;
}
#outer #left #leftRight .news-list-container, 
#outer #left #leftRight .news-latest-container {
	padding-top:0px;
	margin-top:19px;
	margin-bottom:-10px;
}
.news-list-item, 
.news-latest-item {
  margin-bottom:10px;
}

.singleTab ul.linkList {
	padding-top:2px;	
} 

.titabsContainer {
	margin-top:0;	
}
/* rgTabs */
#leftLeft .tx-rgtabs-pi1 ul.rgtabs-menu {
	width: 263px;
}

/* Textcontainer english-version */
#outer #innerBox #middleContent p.bodytext {
	margin-left: 8px;
	padding-right: 10px;
}
#outer #innerBox #middleContent .csc-header.csc-header-n1 h2 {
	margin-bottom: 19px;
}

#outer #innerBox #middleContent dl.tx_bfhveranstaltungen_pi3_dl dd p.bodytext {
  margin:0;
  padding:0;
}