/* 1 Font-size---------------------------------------------------------------------------------------------------- */

#leftColumn	{ 
	margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff;
									
	font-size: small; /* false value for WinIE4/5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium; /*intended value for better browsers */
}
html>#leftColumn	{ 
	font-size: medium; /*be kind to Opera*/
} 

#leftColumn h3, #leftColumn h4 { font-size: 100.01%; }





/* 1.1 Basic Layout------------------------------------------------------------------------------------------------ */
#leftColumn	{ 
	font-size: .8125em; /* 1em = 13px*/
}




/* 1.3.1 content widescreen layout ----------------------------------------------------------------------------------*/
/* 1.3 content basic layout -----------------------------------------------------------------------------------------*/


#leftColumn	{ float: left;  width: 187px; background: #69c; }

	
	#leftColumn	{ background: #69c; border-top: 7px solid #fff; }


	
	
	
/* 2 INLINE STYLES---------------------------------------------------------------------------------------------------*/
/* 2.1 BASIC inline styles ------------------------------------------------------------------------------------------*/

#nav a	{ text-decoration: none; }

#nav .up	{ text-transform: uppercase; }

#nav ul, #nav ol	{ list-style: none; padding: 0; margin: 0; }





/* 2.3 Navigation inline styles -------------------------------------------------------------------------------------*/
#nav ul	{ font-size: 100%; }
#nav ul	ul { font-size: 100%; }

#nav h2	{ font-size: 100%; font-weight: normal; margin: 0 0 .9em; padding: 0;  }
	#nav h2 a	{ padding-top: .3em; padding: .2em 0 .1em 1.4em; }
	
	
#nav h3	{ border-top: .2em dotted #369; color: #dbebfa; margin: .7em 0 0; padding: .7em 0 0 1.4em; text-transform: uppercase; }
#nav h4	{ font-weight: normal; padding: 0; margin: 0; }

#nav a, #nav h2 span	{ color: #000; display: block; margin: 0; padding: .2em 0 .2em 1.4em; }
#nav a:hover, #nav a:focus	{ background: #dedede; text-decoration: none; }
#nav a:active	{ background: #dbebfa; }

#nav li	{ padding: 0; margin: 0; display: inline; }

#nav .firstItem	{ border: none; }



/* 2.3.1 color Navigation Highlight */
#nav h4, #nav h2 span, #nav h2 a.active	{ background: #dbebfa; }



/* 2.3.2 indent Navigation Highlight */
#nav	{ margin-bottom: -0.1em; }
#nav li li li a	{ padding-left: 2.7em; }
#nav li li li li a	{ padding-left: 4em; }



#nav a	{
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
}
html>#nav a	{ 
	
}

#nav li li li a	{
	voice-family: "\"}\"";
	voice-family: inherit;
	
}
html>#nav li li li a	{ 
	
}
#nav li li li li a	{
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 11.6em; /*intended value for better browsers */
}
html>#nav li li li li a	{ 
	width: 11.6em; /*be kind to Opera*/
}    






/* 5 CHANNEL HIGHLIGHT-----------------------------------------------------------------------------------------------*/
/* 5.1 Radio, TV ----------------------------------------------------------------------------------------------------*/

.Radio #leftColumn, body.TV #leftColumn	{ background: #8ab85c; }

.Radio #nav a:hover, .Radio #nav a:focus, .TV #nav a:hover, .TV #nav a:focus	{ background: #dedede; }
.Radio #nav a:active, .TV #nav a:active	{ background: #eaf3e1; }

.Radio #nav h3, .TV #nav h3	{ border-color: #688a45; color: #eaf3e1; }

.Radio #nav h4, .TV #nav h4, .Radio #nav h2 span, .TV #nav h2 span	{ background: #eaf3e1; }







/* 5.2 Interactive --------------------------------------------------------------------------------------------------*/

.Interactive #leftColumn	{ background: #e6ce03 }

.Interactive #nav a:hover, .Interactive #nav a:focus	{ background: #dedede; }
.Interactive #nav a:active	{ background: #fffbeb; }

.Interactive #nav h3 { border-color: #ae9c02; color: #fffbeb; }

.Interactive #nav h4, .Interactive #nav h2 span	{ background: #fffbeb; }







/* 5.3 GermanInfos, GermanCourses, DWAcademy ------------------------------------------------------------------------*/

.GermanInfos #leftColumn, body.GermanCourses #leftColumn	{ background: #d8a481; }

.GermanInfos #nav a:hover, .GermanInfos #nav a:focus, .GermanCourses #nav a:hover, .GermanCourses #nav a:focus	{ background: #dedede; }
.GermanInfos #nav a:active, .GermanCourses #nav a:active	{ background: #ffe8d8; }

.GermanInfos #nav h3, .GermanCourses #nav h3	{ border-color: #85654f; color: #ffe8d8; }

.GermanInfos #nav h4, .GermanCourses #nav h4,
	.GermanInfos #nav h2 span, .GermanCourses #nav h2 span	{ background: #ffe8d8; }







/* 5.4 Organization, Press, B2B -------------------------------------------------------------------------------------*/

.Organization #leftColumn, body.Press #leftColumn, body.B2B #leftColumn, body.DWAcademy #leftColumn	{ background: #6794a9; }

.Organization #nav a:hover, .Organization #nav a:focus, .Press #nav a:hover, .Press #nav a:focus, 
	.B2B #nav a:hover, .B2B #nav a:focus, .DWAcademy #nav a:hover, .DWAcademy #nav a:focus	{ background: #dedede; }
.Organization #nav a:active, .Press #nav a:active, .B2B #nav a:active, .DWAcademy #nav a:active	{ background: #dbebfa; }

.Organization #nav h3, .Press #nav h3, .B2B #nav h3, .DWAcademy #nav h3	{ border-color: #3e5966; color: #dbebfa; }

.Organization #nav h4, .Press #nav h4, .B2B #nav h4, .DWAcademy #nav h4,
	.Organization #nav h2 span, .Press #nav h2 span, .B2B #nav h2 span, .DWAcademy #nav h2 span		{ background: #dbebfa; }