/******************************************************** 
  Copyright (C) 2007 gloom it (gloomit.de)
  Axel Rothenbuecher and Phillip Kroll GbR
  Beschreibung: CSS für Seitenlayout
  Projekt: Borussia Düsseldorf
*********************************************************/

body{
  background-color: #fff;
  /* font-family: Trebuchet MS, Tahoma, Helvetica, Arial; */
  font-family: Arial, Helvetica;
  font-size: 11px;
  margin: 0px;
  background-image: url(bg_kachel.jpg);
} 

img {
  border: none;
}


/***************************************************************************
    CSS Klassen und Div Container
***************************************************************************/

/* remove later */
#revInfo{
  position: absolute;
  top: 120px;
  left: 51px;
}

#revInfo h1{
  font-size: 18px;
  color: white;
}

#logoTop{
  position: absolute;
  top: 0px;
  left: 51px;
  z-index: 99;
} 

#chooseLang{
  position: absolute;
  color: white;
  left: 415px;
  width: 500px;

}

#chooseLang-tube{
  display: inline;
  clear: right;
  float: right;
}

#sonsorBox{
  position: absolute;
}

/* level 1 */ 

#mainDiv{
  width: 917px; 
  margin: 0px;
  float: left;
  background-repeat: repeat; 
}


/* level 2 */

#leftFrameDiv{
  background-color: #fff;
  padding-right: 1px;
  width: 917px;
}


/* level 3 */

#headerDiv{
  height: 203px;
  width: 917px;
  margin-bottom: 4px;
}

#contentDiv{
}


/* level 4 */

#imageDiv{
  overflow: hidden;
  height: 152px;
  margin-bottom: 1px;
}

#navigationDiv{
  height: 50px;
}

#mainContentDiv{
  width: 611px;
  float: left;
  overflow: hidden;
}

#rightContentDiv{
  background-color: #fff;
  overflow: hidden;    
  width: 154px;
  float: left;
}

/* level 5 */

#navigationLeftDiv{
  background-color: #303030;
  height: 50px;  
  width: 662px;
  margin-right: 1px;
  float: left;
}

#navigationRightDiv{
  background-color: #A7A7A7;
  height: 50px; 
  width: 254px;
  float: left;
}

/***************************************************************************
    CSS for layout table
***************************************************************************/
 
#contentTable{
	background-color: #fff;
  border-collapse: collapse;
}

.layoutCol{
  margin: 0px;
  padding: 0px;
  vertical-align: top;

}

#col1{
  width: 613px;
  overflow: hidden;  
}

#col2{
  width: 47px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #fff;
  
  border-left-style: solid;
  border-left-width: 3px;
  border-left-color: #fff;
  
  background-color: #F4F4F4;
}


#col3{
  background-color: #fff;
  border-style: none;
  width: 250px;
}

.rightCol-innerTube{
  width: 253px;
  overflow: hidden;
}

#col3 h1, #col3 h2, #col3 h3, #col3 p{
  margin-left: 12px;
  margin-right: 12px;
}

#col3 img{
  margin: 0px;
 
}

#col3 .csc-textpic{
  margin-top: 5px;
}

#col3 a{
  margin: 0px;
  padding: 0px;
}

#col3 .content-tube{
  margin: 0px;
  font-size: 12px;
 
}

.dt{
  margin:0px;
  padding:0px;
}

.dd{
margin: 0px;
padding: 0px;
}

.dl{
margin: 0px;
padding: 0px;
}


/***************************************************************************
    CSS for news elements
    =====================
***************************************************************************/
 
.newsRow{
  background-color: #fff;  
  overflow: hidden;  
  width: 612px;
  margin-bottom: 4px;
}

.newsArea-innerTube-Wide a,
.newsArea-innerTube-Slim a,
.newsItem-Text a{
  color: #000;
  font-size: 11px;
  font-weight: bold;
}

.newsArea-innerTube-Wide a:hover,
.newsArea-innerTube-Slim a:hover,
.newsItem-Text a:hover{
  color: #950000;
}



/******************************************************** 
  Wide news view (top)
*********************************************************/

h1.dateHeadline-Wide{
  text-align: right;
  margin-right: 5px;
}

h1.newsHeadline-Wide{
  float: left; 
}

.newsItem-Wide{
  background-image: url(box_4.jpg);
  background-position: right;
}

.newsArea-innerTube-Wide{
  font-size: 11px;
}

.newsArea-innerTube-Wide h2{
  font-size: 12px;
  margin-top: 5px;
}

.newsArea-innerTube-Wide p{
  margin-top: 5px;
  margin-bottom: 3px;
}


.newsItem-Wide img{
  height: 203px;
  width: 270px;
}

.newsArea-Wide{

}

.newsItem-Wide{
  background-color: #ECECEC;
  overflow: hidden;
  height: 203px;
    margin-right: 1px;
 /* border-right: solid 2px #fff; */
}

.newsArea-innerTube-Wide{
  margin: 5px 5px 5px 5px;
}

.newsItem-Wide img{
  float: left; 
  margin-right: 5px;  
}


.headlineContainer{
 
}

/** END **/


/******************************************************** 
  Slim news view (standard)
*********************************************************/


h1.dateHeadline-Slim{
}

h1.newsHeadline-Slim{
  font-size: 12px;
}

.newsItem-Slim{
  background-image: url(box_3.jpg);
}

.newsArea-innerTube-Slim{
  font-size: 11px;
}

.newsArea-innerTube-Slim h2{
  font-size: 11px;
  margin-top: 5px; 
  font-weight: bold;
}

.newsArea-innerTube-Slim p{
  margin-top: 2px;
  margin-bottom: 2px;
}

.newsItem-Slim img{
  width: 203px;
  height: 152px;
}


.newsArea-Slim{
  width: 203px;

}

.newsItem-Slim{
  float: left;
  overflow: hidden;
  background-color: #D5D5D5;
  height: 273px;
  margin-right: 1px;
}

.newsArea-innerTube-Slim{
  margin: 3px 5px 5px 5px;
}


/** END **/


/******************************************************** 
  Text news view (text)
*********************************************************/


h1.dateHeadline-Text{
  float: left; 
  margin-left: 5px;    
  margin-top: 3px;
}

h1.newsHeadline-Text{
  float: left;
  margin-left: 21px;
  margin-top: 3px;  
}

.newsItem-Text{
  background-image: url(box_1.jpg);
}

.newsItem-Text a{
  float: right;
  margin-right: 8px;
  margin-top: 3px; 
}

.newsItem-Text{ 
    margin-right: 1px;
 /* border-right: solid 2px #fff; */
  background-color: #D5D5D5;
  height: 22px;
  margin-bottom: 4px;

}


/** END **/



/******************************************************** 
  Singele news view
*********************************************************/

h1.dateHeadline-Single{
  text-align: right;
  float: right;
  font-size: 13px !important; 

}

h1.newsHeadline-Single{
  float: left;
}

.headlineContainer{

}

.subheader-Single{
  background-image: url(box_1.jpg);
  height: 101px;
}

.newsItem-Single{
  margin-right: 2px;
}

.subheader-innerTube-Single h1{
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

.subheader-innerTube-Single h2{
  font-size: 20px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  font-weight: normal;
  clear: both;
}

.subheader-innerTube-Single p{
  font-size: 12px;
    clear: both;
}

.newsContent-innerTube-Single p{
  font-size: 12px;
  padding-top: 7px;
}

.news-single-backlink a{
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

.news-single-backlink a:hover{
  color: #950000;
}

.newsItem-Single img{
  width:611px;
  height: 460px;
  margin-bottom: 1px;
}

newsContent-Single{

}

.newsContent-Single img{
  width: 203px;
  display: inline;
  clear: right;
  float: right;
  padding: 0px;
  margin: 0px;
  padding-bottom: 7px;
  padding-top: 1px;
  padding-left: 20px;
}

.subheader-Single{
  background-color: #D5D5D5;
  border-bottom: 1px solid white;
}

.newsContent-innerTube-Single{
  padding-bottom: 13px;
  padding-left: 13px;  
}

.subheader-innerTube-Single{
  padding: 13px;
 
}

/** END **/

/***************************************************************************
    CSS for content elements
***************************************************************************/

.content-tube{
  padding: 0px;
  margin: 0px;
  margin-left: 12px;
  font-size: 12px;
  margin-right: 2px;
  margin-bottom: 20px;
  

}


.content-tube img{
  margin:0px;
  padding: 0px ;

}


.content-tube h1{
  font-size: 15px;
  padding-top: 73px;

}

.content-tube p{
  padding-top: 10px;
}

.imageFrame{
  margin-right: 0px;
  margin-left: 12px;
  margin-bottom: 12px; 
  overflow: hidden;
  padding: 0px;
  display: inline;
  clear: right;
  float: right; 
  background-color: #D5D5D5;
  
}
.imageFrame p{
  padding: 0px;
  margin: 5px;
}

.content-tube .content-h1{
 
  background-color: #D5D5D5;
  background-image: url(box_1.jpg);
  height: 101px;
  
  padding-left: 12px;
  margin-left: -12px;
  margin-right: 0px;
  margin-bottom: 1px;  
}

/***************************************************************************
    CSS for form elements
***************************************************************************/


input{
  color: #656565;
  display: inline;  
}

input.edit{
  background-color: #fff;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 10px;
  border: 0px;
  margin-left: 3px;
  width: 150px;
}

input.button{
  background-color: #898989;
  color: #fff;
  border: 0px;	
 
  font-size: 10px;
}

input.button:hover{
}


form{
	padding:0px;
	margin:0px;
}


/***************************************************************************
    CSS Klassen und IDs für die Navigationen
***************************************************************************/

.menuHolder{
  height: 16px;
  overflow: hidden;
  margin-left: 45px;
}

.holderLevel1{
  margin-top: 8px;
}

.holderLevel2{
  margin-top: 3px;  
}

.menuHolder ul{
  margin:0;
  padding:0px;
  list-style: none;

}

.menuItem{
  margin-left: 7px;
  padding-right: 7px;
  display: inline;
  float: left;
  overflow: hidden;  
}

.menuItem a{
  text-decoration: none;
  color: #fff;  
}

.menuHolder a:hover{
  /* text-decoration: underline; */
  color: #c20a0a;
}

.level1{
  font-weight: bold;
  font-size: 13px;
}

.level2{
  font-size: 11px;
}

.active a{
  color: #c20a0a;
}

.active a:hover{
  color: #c20a0a;
}


/***************************************************************************
    CSS content table
***************************************************************************/
.contenttable .tr-even{
  background-color: #C1C1C1;

}

.contenttable .tr-odd{
  background-color: #D5D5D5;
 
}

.contenttable{
  border-collapse: collapse;
  border-color: white;
  margin-top: 5px;
  border-width: 5px;
  border: 0px solid white;
  width: 100%;
}

.contenttable td{
  padding-left: 5px;
  padding-right: 5px;
  border: 2px solid white; 
  vertical-align: top;
}

.contenttable .tr-0{
  background-color: #B3B3B3;
  height: 32px;
  font-weight: bold;
  vertical-align: bottom;
  border-style: none none none none;

}

.contenttable .tr-0 td{
  vertical-align: bottom;
}

.contenttable tr .td-0{
 border-left: 0px solid white !important; 

}


/***************************************************************************
    CSS content table
***************************************************************************/


.clearfloat{
  clear:both; 
  height:0px;
  line-height:0px; 
  visibility: hidden;
}

.csc-textpic-intext-left, .csc-textpic-left{
  margin: 0px;
 

}

.csc-textpic-intext-left .csc-textpic-imagewrap{
  float: left;
  display: inline;
  margin-left: -12px;
}

.csc-textpic-intext-right .csc-textpic-imagewrap{
  float: right;
  display: inline;

}

.csc-textpic-intext-left .csc-textpic-text{

}

.csc-textpic-intext-left .csc-textpic-text p{
  
}

.csc-textpic-above .csc-textpic-text p{

}

.csc-textpic-left .csc-textpic-text p{
  margin-left: 12px;
}

.csc-textpic-intext-left dl{

}

.csc-textpic-intext-left dd{
  margin: 0px;
  padding: 5px;

}


.csc-textpic-intext-left .csc-textpic-imagewrap img{

}




/***************************************************************************
    tmailform
***************************************************************************/

.errormsg{
  color: red;
  font-weight: bold;
}

.formtable{
  font-size: 12px;
  border: 2px solid white;
}

.formtable td{
  border-width: 0px;
  vertical-align: top;
}

.formtable td{
}

input.button_contentform{
  background-color: #444;
  color: #fff;
  border: 0px;	
}

input.edit_contentform{
  background-color: #D5D5D5;
  color: #000;
  border: 0px;
  padding: 1px 5px 1px 5px;
  width: 200px;
}

input.editPlayerList{
  background-color: #D5D5D5;
  color: #000;
  border: 0px;
  padding: 1px 5px 1px 5px;
  width: 85px;  
}

.fieldLabelPlayerList{
  width: 80px;
}

.fieldLabelPlayerListRadio{
  width: 160px;
  padding-left: 7px;

}
.textarea_contentform{
  background-color: #D5D5D5;
  color: #000;
  border: 0px;
  padding: 1px 5px 1px 5px;
  width: 380px;
  height: 50px;
}

.fieldLabel{
 width: 180px;
 
}

.captionRow h2{
  margin-top: 12px;
  margin-bottom: 5px;
  
}

.captionRow h1{
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 7px;
}

.infoRow{
  padding: 5px 0px 5px 0px;
}

.buttonRow{
  padding-top: 15px;  
}

/***************************************************************************
    download table
***************************************************************************/
.csc-uploads td{
  background-color: #fff;
  font-size: 12px;
  height: 32px;
  vertical-align: center;
  
}


.csc-uploads p{
  margin: 0px;
  padding: 0px;
}

.csc-uploads-fileName p{
  margin-left: 32px;
  margin-right: 5px;
  font-weight: bold;
}

.csc-uploads-fileName{
  background-image: url(pdficon.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

/***************************************************************************
    footer
***************************************************************************/


.footer{
  background-color: #D5D5D5;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 3px solid white;
  font-size: 11px;
  text-align: right;
} 

.footer a{
  color: #444;
}

.footer a:hover{
  color: #950000;
}

.copyright{
  float: left;
  color: #444;
}


.tx-rgsmoothgallery-pi1 {
  margin-left: 0px !important;
}

.myGallery{
  margin-left: 0px !important;
}

div.tx-rgsmoothgallery-pi1{
  background: #fff !important;
  padding-top: 0px !important;
  height: auto !important;
  width: auto !important;
}

/***************************************************************************
    iFrames
***************************************************************************/

iframe {
	border:none;
}

/***************************************************************************
    Header Slider
***************************************************************************/

#imageDiv ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
} 

/***************************************************************************
    End
***************************************************************************/