/* ####### Farben 

BG: #e6e2e1
Schrift grau: # 7e7e7e, vorher #8e8e8e
orange: #f2561b
rot: #930503


#####*/

body {
	background-image: url(../../media/de/images/bg_verlauf.gif);
	background-color: #E6E2E1;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

a {
  	text-decoration: none;
  	color: #930503;
  	/*font-family: Arial;*/
  	font-weight: normal;
  	font-style: normal;
  	font-size:12px;
}	
A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #f2561b; 
	FONT-STYLE: normal; 
	TEXT-DECORATION: none;
}	
	
td {
  	color: #7e7e7e;
  	/*font-family: Arial;*/
  	font-size:12px;
}

h1 {
  	color: #F2561B;
  	/*font-family: Arial;*/
  	font-size:15px;
	font-weight:normal;
}

h2 {
	PADDING-RIGHT: 9px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	MARGIN: 0px 0px 0px 0px;  
	font-weight: bold;
	FONT-SIZE: 12px; 
	color: #f2561b;
	display: inline;
}



/*### Schrift orange  ###*/
.orange {
  	text-decoration: none;
  	/*font-family: Arial;*/
  	font-weight: bold;
  	font-style: normal;
	padding-right:9px;	
	color: #f2561b;

}


img {
	border:0px;
	margin:0px;
	padding:0px;	
}
.imgtextli {
	float:left;
    margin-right:5px;
}

div.Inhalt{
	position:absolute;
	Top:25px;
	Left:25px;
	margin:0px;
	padding:0px;		
	z-index:1;
}

div.ContentInhalt{
	position:absolute;
	Top:350px;
	Left:325px;
	width:470px;
	border-width:1px;	
	border-color:#000000;
	z-index:1;
}

div.Logo{
	position:absolute;
	Top:55px;
	Left:810px;
	z-index:4;
}

div.PictureTop{
	position:absolute;
	top:25px;
	left:30px;
	width:939px;
	height:165px;
	z-index:3;
}

div.PictureText{
	position:absolute;
	top:25px;
	left:39px;
	width:400px;
  	color: #C2C2C2;	
  	z-index:4;
}

#PictureText .HeadlineTop{
  	/*font-family: Arial;*/
  	font-weight: bold;
	font-size : 16px;
	line-height: 23px; 
	padding-top: 4px;
}

#PictureText .SubheadlineTop{
  	/*font-family: Arial;*/
  	font-weight: bold;
	font-size : 10px;
	padding-top: 15px;
}

.MenuTop {
  	text-decoration: none;
  	color: #930503;
  	/*font-family: Arial;*/
  	font-weight: normal;
  	font-style: normal;
  	position:absolute;
	Top:7px;
	Left:35px;  	
	height:22px;
	font-size : 9px;
}

#MenuTop a {
  	text-decoration: none;
  	color: #930503;
  	/*font-family: Arial;*/
  	font-weight: normal;
  	font-style: normal;
	padding-right:9px;	
	font-size:11px;
}
	
#MenuTop a:hover, #MenuTop a:focus, #MenuTop a:active, #MenuTop a.chosenOne {
	color: #F2561B;
}  	
  
div.Suchen{
	position:absolute;
	visibility:hidden;
	left:687px;
	top:3px;
}

#Suchen input {
	font-family : Arial;
	font-size : 10px;
	color :#C2C2C2 ;
	background-color : #ffffff;
	font-weight:normal;
	border-style:solid;
	border-color:#CECECE;
	border-width:1px;
	width:114px;
}

div.Sprachbox{	
	visibility:visible;
	position:absolute;
	left:845px;
	top:7px;
  	text-decoration: none;
  	color: #930503;
  	/*font-family: Arial;*/
  	font-weight: normal;
  	font-style: normal;
  	position:absolute;
	height:22px;
	font-size : 9px;
}

#Sprachbox a {
	text-decoration: none;
	color: #930503;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	padding-left:5px;
	padding-right:5px;	
	font-size:11px;
}

#Sprachbox a:hover, #Sprachbox a:focus, #Sprachbox a:active {
	color: #F2561B;
}

#Sprachbox a.selectedLanguage { 
	color:#f2561b;
}
  	
div.Menu{
	position:absolute;
	top:200px;
	left:70px;
  	text-decoration: none;
  	color: #930503;	
  	/*font-family: Arial;*/
	font-weight: bold;
  	font-size : 14px;
  	z-index:3;
}  	

#Menu a {
  	text-decoration: none;
  	color: #930503;
	padding-right:35px;
	letter-spacing: 6px;
	font-weight: bold;
	font-size: 12px;
}

#Menu a:hover, #Menu a:focus, #Menu a:active     {
	color: #F2561B;
}
	
#SubMenu {
}
	
#SubMenu ul, #SubMenu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#SubMenu ul li {
	margin: 0 0 3px;
}

#SubMenu ul li.secLvl {
	margin-left: 9px;
}
  	
#SubMenu a {
	text-decoration: none;
	color: #8E8E8E;
	font-size : 12px;
}
	
#SubMenu a:hover, #SubMenu a:focus, #SubMenu a:active {
	color: #F2561B;
}

/* Pseudotabelle für Programm  */
.row {
    margin: 5px 0;
    padding: 1px 5px;
}

.active {
    border-top: 1px solid #f2561b;
    border-bottom: 1px solid #f2561b;
}

.row .tabTime {
    float: left;
    width: 100px;
}

.row .tTwidth2 {
    width: 150px;
}

.row .tabHead {
    font-weight: bold;
}

.row .tabCont {
    display: block;
    margin-left: 100px;
}

.row .tCwidth2 {
    margin-left: 150px;
}

.row p {
	padding: 0;
	margin: 0;
}
/* END Pseudotabelle für Programm  */

/* ####################### Definition der Margin Spalte rechts ############################ */
.teaser {
	padding: 8px;
	background-color: #EAEAEA;
	font-size:11px;
}

.teaser p {
	padding: 0 0 6px 0;
	margin: 0;
	/*background: url() bottom left no-repeat transparent;*/
}

.teaser img {
	display: block;
	margin-bottom: 6px;
}

.teaser a img {
	display: inline;
	margin-bottom: 0;
	vertical-align: middle;
}

.teaser .headlinelinks {
	padding-bottom: 6px;
	/*background: url() bottom left no-repeat transparent;*/
}

.zentriert {
	padding: 0 8px;
}


/* headlines:marginalspalte */
.headlinelinks {
  	text-decoration: none;
  	/*font-family: Arial;*/
  	font-weight: lighter;
  	font-style: normal;
	padding-right:9px;	
	color: #F2561B;
	font-size:11px;
}


/* ####################### Definition der Margin Spalte rechts mit WEISSEM Hintergrund ############################ */
.teaserwhite {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 15px 0;
	background-color: #FFFFFF;
	font-size:11px;
}

.teaserwhite p {
	padding: 0 0 5px 0px;
	margin: 0;
	/*margin: 0 0 0 3px;*/
	/*background: url() bottom left no-repeat transparent;*/
}

.teaserwhite img {
	display: block;
	margin-bottom: 6px;
}

.teaserwhite a img {
	display: inline;
	margin-bottom: 0;

}

.teaserwhite .headlinelinks {
	padding-bottom: 6px;
	/*background: url() bottom left no-repeat transparent;*/
}


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




.marginbgweiss {
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#PictureText p {
	margin: 0;
	padding: 0;
}

#mainCont ul, #mainCont ul li {
	list-style-image: url(../../media/images/asterisk.gif)
}

/* ----- */

.txtWithLeftImg img {
	float: left;
	margin: 0 30px 10px 0;
	DISPLAY: block; 
	CLEAR: both;
}

.txtWithLeftImg {
	clear: left;
}

/* easy clearing */

.txtWithLeftImg:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.txtWithLeftImg {
	display: inline-block;
}

/*\*/

.txtWithLeftImg {
	display: block;
}
/* end easy clearing */