@charset "utf-8";

html, body {
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color:#000000;
	background-image:url(images/construction/bg.png);
	background-repeat:repeat;
	background-color:#f9faf7;
	margin:0px;
	padding:0px;
	text-align: left;
	border: none;
}
#overallbox {
	position:relative;
	width: 1058px;
	margin: 0px auto 0px;
	z-index: 0;
}
#mainbox {
	position:relative;
	background-image:url(images/construction/fades/centeredbg1058_trans.png);
	background-repeat:repeat-y;
	width: 1058px;
	margin: 0px auto 0px;
	z-index: 2;
}
#footerfade {
	position:relative;
	background-image:url(images/construction/fades/footer1.png);
	background-repeat:repeat-x;
	width: 1056px;
	height: 10px;
	top:-1px;
	margin: 0px auto 0px;
	z-index: 1;
}
.page {
	position:relative;
	background-image:url(images/construction/trans/bg85.png);
	background-repeat:repeat;
	width: 1050px;
	margin: 0px auto 0px;
	z-index:1;
}
#navigationbox {
	margin-top:0px;
	margin-bottom:15px;
	font-weight:bold;
	width:100%;
	height: 35px;
	background-image:url(images/construction/menu/bg1violet.jpg);
	background-repeat:repeat-x;
	z-index:1000;
}
#overbox {
	position:relative;
	margin: 0;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	height: auto;
	width: 1020px;
	overflow: hidden;
	visibility: visible;
/*	background-image: url(images/construction/whitetrans.png);
	background-repeat: repeat;*/
}
#overbox p {
	width:100%;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.header {
	height: 100px;
	width: 100%;
	background-image:url(images/layers/layer3.png);
	background-repeat:no-repeat;
	z-index:2;
	overflow: visible;
}
#image {
	position:relative;:
	float:left;
	height: 480px;
	width: 100%;
	z-index:2;
}
.logobox {
	position:absolute;
	height: 92px;
	width: 153px;
	left: 18px;
	top: 3px;
}
.summerlogobox {
	position:absolute;
	height: 91px;
	width: 583px;
	right: 27px;
	top: 4px;
	text-align:right;
}

a {
	color:#74007b; //changed by nico
	text-decoration:none;
}

a:hover {
	color:#d97bdf; // changed by nico
	text-decoration: none;
}
.line {
	float: left;
	height: 0px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
}
#menubox {
	position: absolute;
	float: right;
	width: 220px;
	left: 270px;
	top: 0px;
	color:#000;
	padding-top:5px;
	z-index:1000;
}
#menutitle {
	font-size: 16pt;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:10px;
}
#mainmenu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}
/* BOX Layout */
.leftPosition {
	position: relative;
	float: left;
	margin-right: 2%;
	width: 26%;
}
.largeleftPosition {
	position: relative;
	float: left;
	margin-right: 2%;
	width: 68%;
}
.centerPosition {
	position: relative;
	float: left;
	width: 47%;
}
.rightPosition {
	position: relative;
	float: right;
	margin-left: 2%;
	width: 23%;
}
.largerightPosition {
	position: relative;
	float: right;
	width: 30%;
}
.contentBox {
	float:left;
	width: 100%;
	margin-bottom:15px;
	border-bottom: 1px #666 dashed;
}
.smallContentBox {
	float:left;
	width: 100%;
	margin-bottom:10px;
	border-bottom: 1px #AAA dashed;
}
.contentTitle {
	font-size:24px;
	color:#74007b; //CHANGED BY NICO
}
.contentTitle a {
	color:#74007b; //CHANGED BY NICO
	text-decoration:none;
}
.contentTitle a:hover {
	text-decoration:underline;
	color:#d97bdf; // CHANGED BY NICO
}
.smallContentTitle {
	font-size:18px;
	color:#74007b; // CHANGED BY NICO
}
.smallContentTitle a {
	color:#74007b; // CHANGED BY NICO
	text-decoration:none;
}
.smallContentTitle a:hover {
	text-decoration:underline;
	color:#d97bdf; // CHANGED BY NICO
}
.contentLead {
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
}
.content {
	float:left;
	text-align:justify;
	width:100%;
	padding-bottom:10px;
	font-size: 10pt;
	color: #222;
}
.smallContent {
	float:left;
	width:100%;
	text-align:justify;
	padding-bottom:10px;
	font-size: 10pt;
	color: #222;
	width: auto;
}
.contentdate {
	font-size:8pt;
	color:#666;
}
.contentcomment {
	font-size:8pt;
	color:#999;
	background:url(/images/comment.png) 0 0px no-repeat;
	padding-left:17px;
	z-index:5;
}
.addthisBox {
	float:right;
}
.mainImage {
	float:right;
}
.smallImage {
	float:left;
}
.accentBox {
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	background-color:#F5F7FE;
	border: 1px solid #999;
}
.boxSubTitle {
	font-size:24px;
	color:#74007b; // CHANGED BY NICO
	border-bottom: 1px #999 dashed;
}
.boxSubTitle a {
	color:#74007b; //CHANGED BY NICO
	text-decoration:none;
}
input {
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, Verdana, sans-serif;
	border:1px solid #AAA;
	padding: 3px;
}
textarea {
	border:1px solid #AAA;
	padding: 3px;
}
.white {
	color:#FFF;
}

/* START MAIN LAYOUT */

.layoutContainer{
	width:100%;
	position:relative;
	margin: 0;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	height: auto;
	width: 1020px;
	overflow: hidden;
	visibility: visible;
	
	
}

.layoutLeft{
	position: relative;
	float: left;
	width: 50%;
}
.layoutRight{
	float: left;
	width: 45%;
	margin-left:4%;
	
}
.mainNewsPic{
	float:left;
	margin-right:5px;
	margin-top:15px;
}
.mainNewsTitle{

	font-size:18px;
	color:#74007b;
}
.mainNewsTitle a {
	color:#74007B;
	text-decoration:none;
}
.mainNewsTitle a:hover {
	text-decoration:underline;
	color:#D97BDF;
}
.mainNewsCredits{
	font-size:13px;
	margin-bottom:10px;
	margin-top:0px;
	color:#666666;
	font-style:italic;
}
.mainNewsLead{
	font-size:13px;
	color:#ca0013;
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
}
.layoutBottom{
	clear:both;
	width: 100%;
	
	
	overflow: hidden;
}

.layoutlogobox{
	float:left;	
	width:180px; 
	height: 100px;
	left: 18px;
	top: 7px;
z-index:1000;
}

.podcasts{
width:250px;
float:left;
}
.highlightPodcastLink{
text-align:right;
margin-right: 20px;
}
.layoutbox{
	float:left;	
	height: 100px;
	right: 0px;
	top: 7px;
	width: 870px;
	overflow:hidden;
	
}
.boxEvent{
	float:	left;
	height:100px;
	width:230px;
margin-left:20px;

}
.box2{
	float:left;	
	border:0px solid red;
	height:100px;
	width:290px;
}
.box3{
	float:left;		
	border:1px solid red;
	height:100px;
	width:280px;
}
.highlightTitle{
	margin-bottom:0px;
	font-size:22px;
	color:yellow;
	
}
.highlightContent{
	width: 100%;
	margin-bottom:10px;
	z-index:1;
	float:left;
}
.highlightContent p{
	margin-top:0px;
	margin-bottom:0px;
	
}
.highlightEventLead{
	font-size:11pt;
	font-style:italic;
	color:#151515;
	text-decoration:none;
	
}
.highlightPodcastList{
margin-left:10px;
	font-size:9pt;
	color:#666;
}
.highlightComment{
	font-size:9pt;
	color:#666;
}
.highlightLead {
	font-size:11pt;
	font-weight:bold;
	color:#151515;
	text-decoration:none;
	
}
.highlightComment a {
	font-size:11pt;
	font-weight:bold;
	color:#151515;
	text-decoration:none;
}

.headerBG{
	height:100px;
	width:100%;
	background-color:#DDDD00;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	position:absolute;
	z-index:5;
	
	
}
.logoBG{
	height:100px;
	width:175px;
	background-color:#A33;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
	left:0px;
	position:absolute;
	z-index:5;
}
.listenBG{
	height:100px;
	/*width:610px;*/
	width:200px;
	background-color:#F48646;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	right:0px;
	position:absolute;
	z-index:5;
}
.nowBG{
	height:100px;
	width:250px;
	background-color:#FF3333;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	left:170px;
	position:absolute;
	z-index:5;
}
/*.HPheader{
	height: 100px;
	width: 100%;
	background-image:url(/templates/2009fbautumn/images/layers/layer3.png); 
	background-repeat:no-repeat;
	overflow: hidden;	
	z-index:1;
	
}*/

.emptybox{
	float:	right;
	border:0px solid red;
	height:100px;
	width:190px;
}

/* END MAIN LAYOUT */
	/* START NEWS FONT */		
		.smallNewsSection{
			font-size:30px;
			color:#DDD;
			position:absolute;
			z-index:3;
		}
		
		.smallNewsTitle{
			clear:both;
			z-index:10;
			padding-top:17px;
			position:relative;
			font-weight:bold;
		}
		.smallNewsTitle a{
			text-decoration:none;
		}
		.smallNewsTitle a:hover{
			text-decoration:none;
		}

		.mainNewsSection{
			text-align:left;
			font-size:30px;
			color:#EEE;
			margin-bottom:-26px;
			z-index:3;
		}
		.smallNewsSectionFirst{
			font-size:30px;
			color:#DDD;
			margin-bottom:-38px;
			z-index:3;
		}
		.mainNews{

		}
		.mainNewsContent{
			font-size:15px;
			color:#48224a;
		}

		.homeBox{
			float:left;
			width: 100%;

			margin-bottom:0px;
			border-bottom: 1px #666 dashed;
		}
		.homeTitle{
			
			font-size:24px;
			color:#ca0013;
		}
		.homeSubTitle{
			font-size:18px;
			color:#48224a; //CHANGED BY NICO
			Margin-top:10px;
			margin-bottom:0px;
	

		}
		
		/* END NEWS FONT */

		/* START NEWS LAYOUT STYLE */
		
#slider {

	/* You MUST specify the width and height */
	width:200px;
	height:140px;
	position:relative;	
	overflow:hidden;

}

#mask-gallery {
	
	overflow:hidden;	
	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


	



.clear {
	clear:both;	
}


		.smallNewsPicLayout{
			text-align:right;
			margin-top:20px;
			overflow:hidden;
			width:200px;
			text-align:right;
		}
		.smallNewsPic{
			position:relative;
			
			z-index:100;
		}
		

		.smallNewsLayout{
			float:left;
			width:300px;
		}
		.smallNewsSeparationH{
			width:50px;
			height:3px;
			clear:both;
			border-top: 1px solid #48224a; //CHANGED BY NICO
		}

		.smallNewsPic img{
			border: 1px solid #ca0013;
		}



		/* END NEWS LAYOUT STYLE */
		
		/* START COMMUNICATION SLIDE LAYOUT */
		
#comslider {

	/* You MUST specify the width and height */
	width:460px;
	height:250px;
	position:relative;	
	overflow:hidden;
	float:left;
border:1px solid #f335ff; //CHANGED BY NICO
}

#commask-gallery {
	
	overflow:hidden;	
}

#comgallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:2000px;
	overflow:hidden;
	
}

	#comgallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#commask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:21px;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#comexcerpt {

	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#333;	
}

	
#comexcerptbg {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;  
	-khtml-opacity: 0.7;
	opacity: 0.7;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:21px;
	left:0;
	
	/* Set the style */
	width:100px;
	height:100%;
	background-color:#EEE;
	overflow:hidden;	
}
#comtitle {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=90);
	-moz-opacity:0.9;  
	-khtml-opacity: 0.9;
	opacity: 0.9;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:3px;
	
	/* Set the position */
	
	margin-bottom:-30px;
	z-index:10;
	
	/* Set the style */
	width:494;
	height:15px;
	background-color:#be00ca; //changed by nico
	overflow:hidden;
	font-family:arial;
	font-size:14px;
	color:#fff;	
font-weight:bold;
}

	#comexcerpt li {
		padding:5px;
	}
	#comgallery img{
		width:460px;
		
		
	}

#space{
margin:0;
padding:0;
height:5px;
width:20px;
clear:both;
	}

#combuttons a{
text-decoration:none;
color:white;
font-weight:bold;
font-size:25px;
	}
#combuttons a:hover{
text-decoration:none;
	}
#combuttonsLayout{
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#e21428;
	padding:4px;
padding-bottom:0px;
	padding-top:0px;	
/* Opacity setting for different browsers */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;
	opacity: 0.5;  
	}
	
	/* END COMMUNICATION SLIDE LAYOUT */
	/* START SMALL COMMUNICATION LAYOUT */
			.smallComLayout{
			float:left;
			width:500px;
		}
		.smallComPic img{
			border: 1px solid #ca0013;
		}
		.smallComSection{
			font-size:30px;
			color:#ddd;
			position:absolute;
			z-index:3;
			width:200px;
			text-align:left;
		}
		
		.smallComTitle{
			clear:both;
			z-index:10;
			padding-top:17px;
			position:relative;
			font-weight:bold;
			
		}
		.smallComTitle a{
			text-decoration:none;
		}
		.smallComTitle a:hover{
			text-decoration:none;
		}

		.smallComSectionFirst{
			font-size:30px;
			color:#DDD;
			margin-bottom:-38px;
			z-index:3;
		}
		.smallComBox{
			float:left;
			width:200px;
			
			margin:0px 10px;
		}
		.smallComSeparationH{
			width:100px;
			height:3px;
			clear:both;
			border-top: 1px solid #ca0013;
		}

	
	
	/* END SMALL COMMUNICATION LAYOUT */
	/* START LAYOUT NOW/LISTEN/PLAYING */
	
	
.layoutNow{
float:left;
background-color:black;
}

.playingnow2{
	height:100px;
	margin-top:0px;
	position:absolute;
	top:0px;
}
.today2{
		position:absolute;
		top:0px;
}
.boxListen2{
	float:	left;
	height:100px;
	width:190px;
	position:absolute;
	right:0px;

}
.boxNow2{

	border:0px solid red;
	height:100px;
	width:290px;
	position:absolute;
	left:180px;
}
.boxDepthFront2{
	position:absolute;
	z-index:5;
	height:100px;
	width:290px;
	overflow:hidden;
}
.b1{
	width:260px;
	position:relative;
	height:90px;
	float:left;
}
.b2{
	width:180px;
	position:relative;
	height:90px;
	float:left;
	Margin-left:10px;
}
.playingnow{
	position:absolute;
	top:0px;
left:0px;

}

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

/* END LAYOUT NOW/LISTEN/PLAYING */